/*========================================
==============     RATES     ==============
=========================================*/
.ratesBar{
    background-color:white;
}

.rate{
    background-color:white;
    text-align:center;
    border-right:1px solid gray;
    height: 110px;
}

.ratesBar .rate:last-child{
    border:0;
}

.rate p{
    font-size:14px;
}
.rate small{
    text-transform:uppercase;
}

.rate .front,
.rate .back{
    position:absolute;
    transform-style: flat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 0;
    left: 0;
    padding:20px;
    height: 100%;
    width:100%;
    transition:all 550ms ease;
}

.front{
    transform-origin:center center;
    z-index:2;
    background-color:white;
}

.back{
    z-index:2;
    background:#414142;
    color:white;
    opacity: 0;
    transform-origin:center center;
        -webkit-transform: rotateX(180deg);
           -moz-transform: rotateX(180deg);
            -ms-transform: rotateX(180deg);
             -o-transform: rotateX(180deg);
                transform: rotateX(180deg);
}

.rate:hover .front{
        -webkit-transform: rotateX(-180deg);
           -moz-transform: rotateX(-180deg);
            -ms-transform: rotateX(-180deg);
             -o-transform: rotateX(-180deg);
                transform: rotateX(-180deg);
}
.rate:hover .back{
        -webkit-transform: rotateX(0deg);
           -moz-transform: rotateX(0deg);
            -ms-transform: rotateX(0deg);
             -o-transform: rotateX(0deg);
                transform: rotateX(0deg);
            opacity: 1;                

}

._jsHomeLoader{
    width: 100%;
    height: 30px;
    display: block;
    margin-bottom: 10px;
}
._jsHomeLoader img {
    height: 100%;
}

.stepContainer .howtoText{
    padding: 30px ;
    background-color: #FFFFFF;
    min-height: 276px;
}

.stepContainer{
    position: relative;
    max-width: 32%;
    margin: 0 auto;
    width: 100%;
    display: inline-block;
    float: none;
    /* margin-bottom: 70px; */
    vertical-align: top;
}

.stepContainer h4{
    text-align: center;
    color: black;
    font-family: 'Montserrat', sans-serif;
}

.stepContainer hr{
    border-top: 4px solid #f5ed5c;
    border-bottom: none;
}

.stepContainer p{
    color: #000000;
    text-align: center;
}

.stepContainer:last-child {
    margin-bottom: 0px;
}

.howtoWrapper{
    text-align: center;
    max-width: 890px;
    width: 100%;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 40px;
}

.howtoIcon {
    margin-bottom: 15px;
}
.howtoIcon img{
    width: 47.9%;
    margin: 0 auto;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}

.stepContainer .howtoText{
    position: relative;
}

.howtoText:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    width: 0;
    height: 0;
    border-left: 16px solid white;
    border-bottom: 16px solid transparent;
    border-top: 16px solid transparent;
}

.stepContainer:last-of-type .howtoText:before{
    display: none;
}

.stepContainer .howtoText:after{
    content: " ";
    display: block;
    position: absolute;
    background: url("../../img/home/steps-drop-shadow.png") no-repeat 0 0;
    background-position: left top;
    height: 83px;
    width: 100%;
    left: 0px;
    bottom: -80px;
}

.iconRowOne {
    margin-top: 70px;
}

.featureIcon {
    text-align: center;
    margin:30px 0px;
    height: 147px;
}

.featureIcon img {
    max-width: 90px;
    margin: 0 auto;
    margin-bottom: 10px;
    vertical-align: middle;
    -webkit-transition: all .35s ease;
       -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
         -o-transition: all .35s ease;
            transition: all .35s ease;
}


.featureIcon:hover .iconImage img,
 .featureIcon:focus .iconImage img{
    -webkit-transform: scale(1.1,1.1);
       -moz-transform: scale(1.1,1.1);
        -ms-transform: scale(1.1,1.1);
         -o-transform: scale(1.1,1.1);
            transform: scale(1.1,1.1);
}
.iconImage {
    height: 100px;
}

.featureIcon span{
    display: block;
    text-align: center;
}

.productFeatures .dividerArrow:after {
    border-top: 16px solid #FFFFFF;
    background: transparent;
}

.productFeatures a {
    font-family: "Quicksand";
}

.signUpPrice {
    background-color:#f8ee4d;
    padding:50px 0px;
}

.signUpPrice h2 {
    font-size: 35px;
    letter-spacing: 0px;
    font-family: "Quicksand";
}

.workingHours{
    background-color: #333333;
    padding: 29px 15px;
    margin-top: 46px;

}

.workingHours h4{
    color: #f8f744;
    text-align: center;
    text-transform: uppercase;
    line-height: 21px;

}

.workingHours span{
   color:#fbfbfb;
   margin-left: 7px;
}

/*====== ========*/

.featureIcon a:hover,
.featureIcon a:focus{
    color: #444;
}