[class*="btn"]{
    -webkit-transition: .5s all;
    transition: .5s all;
    display: block;
    text-align: center;
    border: 0;
    font: 14px/1.3 Arial, sans-serif;
}
a[class*="btn"]:hover{
    text-decoration: none;
}
a[class*="btn"] span{
    display: block;
    font: 12px/14px Arial, sans-serif;
    margin: 2px 0 0 0;
}
a[class*="big"] span{
    display: block;
    font: 14px/16px Arial, sans-serif;
    margin: 0;
}
a[class*="-small"]{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
}
a[class*="-arrow"]:after{
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 0 0 -34px;
    width: 0; 
    height: 0; 
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    transition: .5s all;
}
a[class*="-arrow"]{
    font: 500 26px/1 'Roboto', sans-serif;
    position: relative;
    padding: 24px 40px 24px 16px;
}
strong[class*="-tr"],
a[class$="-tr"]{
    padding-top: 9px;
    padding-bottom: 9px;
}
a[class*="-tr-arrow"]{
    font: 500 30px/1 'Roboto', sans-serif;
    padding: 18px 40px 16px 16px;
}
a[class*="-big"]{
    font: 500 26px/28px 'Roboto', sans-serif;
    padding: 22px 10px;
}
a[class*="-tr-big"]{
    font: 400 18px/1.3 Arial, sans-serif;
    padding: 13px 10px;
}
a[class*="radius"]{
    border-radius: 4px;
}
.btn-blue-tr.load {
    background: #fff url(../images/load-blue-tr.gif) no-repeat center;
    color: transparent !important;
    pointer-events: none;
}
.btn-blue-tr.load:hover {background: #2988ca url(../images/load-blue.gif) no-repeat center;}
.btn-red-tr.unactive:hover,
.btn-red-tr.unactive:active,
.btn-red-tr.unactive{
    border-color: #d7dce0;
    color: #9da6ab;
    background-color: #fff;
    cursor: default;
}
a[class*="-red-tr"]{
    border-color: #d7dce0;
    color: #9da6ab;
    background-color: #fff;
    cursor: default;
}
.btn-blue.load {
    background: #2988ca url(../images/load-blue.gif) no-repeat center;
    color: transparent !important;
    pointer-events: none;
}
.btn-apple.inactive,
.btn-google.inactive{
    background: url(../images/icons.png) 0 -99px no-repeat;
    width: 140px;
    height: 45px;
}
.btn-google.inactive{background-position: -160px -899px;}
.btn-apple.inactive{background-position: 0 -899px;}
.btn-green.big,
.btn-blue.big{
    text-align: left;
    padding: 0 0 0 18px;
    overflow: hidden;
    line-height: 52px;
}
.btn-green.big span, 
.btn-blue.big span{float: left;}
.btn-blue.big .ico-pl-blue,
.btn-green.big .ico-pl-green{
    background-position: -144px -274px;
    width: 120px;
    height: 43px;
    float: right;
    margin: 10px 0 0 0;
}
.btn-blue.big .ico-pl-blue{
    background-position: -144px -232px;
    width: 93px;
    height: 42px;
}
.big-btn{
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 16px;
}
/*******************************************************
                        BUTTON GREEN
*******************************************************/
.btn-green{
    background-color: #29a643;
    color:#fff;
    padding:17px 9px;
    font-size: 16px;
}
.btn-green:hover{
    background-color: #4fcc69;
    color: #fff;
}
/************BUTTON GREEN SMALL************/
.btn-green-small{
    background-color: #29a643;
    color:#fff;
}
.btn-green-small:hover{
    background-color: #4fcc69;
    color: #fff;
}
/************BUTTON GREEN ARROW************/
.btn-green-arrow{
    background-color: #29a643;
    color: #fff;
}
.btn-green-arrow:after{
    border-left: 14px solid #fff;
}
.btn-green-arrow:hover{
    color: #fff;
    background-color: #4fcc69;
}
/************BUTTON GREEN BIG************/
.btn-green-big{
    background-color: #29a643;
    color: #fff;
}
.btn-green-big:hover{
    background-color: #4fcc69;
    color: #fff;
}
/************BUTTON GREEN TR************/
.btn-green-tr{
    color:#29a643;
    border:1px solid #29a643;
    background: transparent;
}
.btn-green-tr:hover{
    background-color: #29a643;
    color:#fff;
}
/************BUTTON GREEN TR BIG************/
.btn-green-tr-big{
    border: 2px solid #29a643;
    color: #29a643;
    background-color: #fff;
}
.btn-green-tr-big:hover{
    background-color: #29a643;
    color: #fff;
}
/************BUTTON GREEN TR ARROW************/
.btn-green-tr-arrow{
    background-color: #fff;
    border: 2px solid #29a643;
    color: #29a643;
}
.btn-green-tr-arrow:after{
    border-left: 14px solid #29a643;
}
.btn-green-tr-arrow:hover{
    background-color: #29a643;
    color: #fff;
}
.btn-green-tr-arrow:hover:after{
    border-left: 14px solid #fff;
}
/*******************************************************
                        BUTTON BLUE
*******************************************************/
.btn-blue{
    background-color: #2988ca;
    color:#fff;
    padding:17px 9px;
    font-size: 16px;
}
.btn-blue:hover{
    color:#fff;
    background-color: #4faef0;
}
/************BUTTON BLUE SMALL************/
.btn-blue-small{
    background-color: #2988ca;
    color:#fff;
}
.btn-blue-small:hover{
    background-color: #4faef0;
    color: #fff;
}
/************BUTTON BLUE ARROW************/
.btn-blue-arrow{
    background-color: #2988ca;
    color: #fff;
}
.btn-blue-arrow:after{
    border-left: 14px solid #fff;
}
.btn-blue-arrow:hover{
    color: #fff;
    background-color: #4faef0;
}
/************BUTTON BLUE BIG************/
.btn-blue-big{
    background-color: #2988ca;
    color: #fff;
}
.btn-blue-big:hover{
    background-color: #4faef0;
    color: #fff;
}
/************BUTTON BLUE TR************/
.btn-blue-tr{
    color:#2988ca;
    border:1px solid #2988ca;
    background: transparent;
    font-weight: normal;
}
.btn-blue-tr:hover{
    background-color: #2988ca;
    color:#fff;
}
/************BUTTON BLUE TR BIG************/
.btn-blue-tr-big{
    border: 2px solid #2988ca;
    color: #2988ca;
    background-color: #fff;
}
.btn-blue-tr-big:hover{
    background-color: #2988ca;
    color: #fff;
}
/************BUTTON BLUE TR ARROW************/
.btn-blue-tr-arrow{
    background-color: #fff;
    border: 2px solid #2988ca;
    color: #2988ca;
}
.btn-blue-tr-arrow:after{
    border-left: 14px solid #2988ca;
}
.btn-blue-tr-arrow:hover{
    background-color: #2988ca;
    color: #fff;
}
.btn-blue-tr-arrow:hover:after{
    border-left: 14px solid #fff;
}
/************BUTTON DARK BLUE************/
.btn-dark-blue-small{
    background-color: #195279;
    color: #fff;
}
.btn-dark-blue-small:hover{
    color: #fff;
    background-color: #154465;
}
/*******************************************************
                        BUTTON RED
*******************************************************/
.btn-red{
    background-color: #ed1c24;
    color:#fff;
    padding:17px 9px;
    font-size: 16px;
}
.btn-red:hover{
    color:#fff;
    background-color: #ff1f26;
}
/************BUTTON RED SMALL************/
.btn-red-small{
    background-color: #ed1c24;
    color:#fff;
}
.btn-red-small:hover{
    background-color: #ff1f26;
    color: #fff;
}
/************BUTTON RED ARROW************/
.btn-red-arrow{
    background-color: #ed1c24;
    color: #fff;
}
.btn-red-arrow:after{
    border-left: 14px solid #fff;
}
.btn-red-arrow:hover{
    color: #fff;
    background-color: #ff1f26;
}
/************BUTTON RED BIG************/
.btn-red-big{
    background-color: #ed1c24;
    color: #fff;
}
.btn-red-big:hover{
    background-color: #ff1f26;
    color: #fff;
}
/************BUTTON RED TR************/
.btn-red-tr{
    color:#ed1c24;
    border:1px solid #ed1c24;
    background: transparent;
    font-weight: normal;
}
.btn-red-tr:hover{
    background-color: #ed1c24;
    color:#fff;
}
/************BUTTON RED TR BIG************/
.btn-red-tr-big{
    border: 2px solid #ed1c24;
    color: #ed1c24;
    background: transparent;
}
.btn-red-tr-big:hover{
    background-color: #ed1c24;
    color: #fff;
}
/************BUTTON RED TR ARROW************/
.btn-red-tr-arrow{
    background: transparent;
    border: 2px solid #ed1c24;
    color: #ed1c24;
}
.btn-red-tr-arrow:after{
    border-left: 14px solid #ed1c24;
}
.btn-red-tr-arrow:hover{
    background-color: #ed1c24;
    color: #fff;
}
.btn-red-tr-arrow:hover:before{
    border-left: 14px solid #fff;
}
/*******************************************************
                        BUTTON YELLOW
*******************************************************/
.btn-yellow{
    background-color: #ff960e;
    color:#fff;
    padding:17px 9px;
    font-size: 16px;
}
.btn-yellow:hover{
    color:#fff;
    background-color: #ee8600;
}
/************BUTTON YELLOW SMALL************/
.btn-yellow-small{
    background-color: #ff960e;
    color:#fff;
}
.btn-yellow-small:hover{
    background-color: #ee8600;
    color: #fff;
}
/************BUTTON YELLOW ARROW************/
.btn-yellow-arrow{
    background-color: #ff960e;
    color: #fff;
}
.btn-yellow-arrow:after{
    border-left: 14px solid #fff;
}
.btn-yellow-arrow:hover{
    color: #fff;
    background-color: #ee8600;
}
/************BUTTON YELLOW BIG************/
.btn-yellow-big{
    background-color: #ff960e;
    color: #fff;
}
.btn-yellow-big:hover{
    background-color: #ee8600;
    color: #fff;
}
/************BUTTON YELLOW TR************/
.btn-yellow-tr{
    color:#ff960e;
    border:1px solid #ff960e;
    background: transparent;
    font-weight: normal;
}
.btn-yellow-tr:hover{
    background-color: #ff960e;
    color:#fff;
}
/************BUTTON YELLOW TR BIG************/
.btn-yellow-tr-big{
    border: 2px solid #ff960e;
    color: #ff960e;
    background-color: #fff;
}
.btn-yellow-tr-big:hover{
    background-color: #ff960e;
    color: #fff;
}
/************BUTTON YELLOW TR ARROW************/
.btn-yellow-tr-arrow{
    background-color: #fff;
    border: 2px solid #ff960e;
    color: #ff960e;
}
.btn-yellow-tr-arrow:after{
    border-left: 14px solid #ff960e;
}
.btn-yellow-tr-arrow:hover{
    background-color: #ff960e;
    color: #fff;
}
.btn-yellow-tr-arrow:hover:after{
    border-left: 14px solid #fff;
}
/*******************************************************
                        BUTTON GREY 
*******************************************************/
.btn-grey{
    background-color: #9caebe;
    color:#fff;
    padding:17px 9px;
    font-size: 16px;
}
.btn-grey:hover{
    color:#fff;
    background-color: #bcd2e5;
}
/************BUTTON GREY SMALL************/
.btn-grey-small{
    background-color: #9caebe;
    color:#fff;
}
.btn-grey-small:hover{
    background-color: #bcd2e5;
    color: #fff;
}
/************BUTTON GREY ARROW************/
.btn-grey-arrow{
    background-color: #9caebe;
    color: #fff;
}
.btn-grey-arrow:after{
    border-left: 14px solid #fff;
}
.btn-grey-arrow:hover{
    color: #fff;
    background-color: #bcd2e5;
}
/************BUTTON GREY BIG************/
.btn-grey-big{
    background-color: #9caebe;
    color: #fff;
}
.btn-grey-big:hover{
    background-color: #bcd2e5;
    color: #fff;
}
/************BUTTON GREY TR************/
.btn-grey-tr{
    color:#9caebe;
    border:1px solid #9caebe;
    background: transparent;
    font-weight: normal;
}
.btn-grey-tr:hover{
    background-color: #9caebe;
    color:#fff;
}
/************BUTTON GREY TR BIG************/
.btn-grey-tr-big{
    border: 2px solid #9caebe;
    color: #9caebe;
    background-color: #fff;
}
.btn-grey-tr-big:hover{
    background-color: #9caebe;
    color: #fff;
}
/************BUTTON GREY TR ARROW************/
.btn-grey-tr-arrow{
    background-color: #fff;
    border: 2px solid #9caebe;
    color: #9caebe;
}
.btn-grey-tr-arrow:after{
    border-left: 14px solid #9caebe;
}
.btn-grey-tr-arrow:hover{
    background-color: #9caebe;
    color: #fff;
}
.btn-grey-tr-arrow:hover:after{
    border-left: 14px solid #fff;
}
.btn-white {
    font: 14px/16px Arial,Helvetica,sans-serif;
    color: #fff;
    border: 1px solid #d7dce0;
    padding: 9px 0;
}
.btn-white:hover {
    background: #d7dce0;
    color: #415260;
}
a[class*=orange-gradient] {
    padding: 31px;
    min-width: 278px;
    color: white;
    font-size: 26px;
    font-weight: 700;
    background: #f96700; /* Old browsers */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f96700', endColorstr='#f96700',GradientType=1 ); /* IE6-9 */
    background: -webkit-gradient(linear, left top, right top, from(#f96700),color-stop(16%, #f98000),color-stop(33%, #f98000),color-stop(50%, #f96700), color-stop(66%, #f98000),color-stop(88%, #f98000),to(#f96700));
    background: -webkit-linear-gradient(left, #f96700 0%,#f98000 16%,#f98000 33%,#f96700 50%, #f98000 66%,#f98000 88%,#f96700 100%);
    background: -o-linear-gradient(left, #f96700 0%,#f98000 16%,#f98000 33%,#f96700 50%, #f98000 66%,#f98000 88%,#f96700 100%);
    background: linear-gradient(to right, #f96700 0%,#f98000 16%,#f98000 33%,#f96700 50%, #f98000 66%,#f98000 88%,#f96700 100%);
    background-size: 200%;
    background-position: 100% center;
    transition: background-position .4s;
    box-shadow: 0px 4px 18px 0 rgba(0, 0, 0, 0.24);
}
a[class*=orange-gradient][class*=hover-gradient-animation]:hover {
    background-position: 0% center;
}
a[class*=orange-gradient]:hover {
    color: white;/*overriding default hover color on buttons*/
}