/*===========================================
NewPAge
==================================*/

@media (min-width: 1440px) {

    .navbar + .main{
        min-height: 580px;
    }

}

.section-d-2 img:hover{
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand');
}

.section-d-2 img{
    transition: all 0.33s ease;
    -moz-transition: all 0.33s ease;
    -ms-transition: all 0.33s ease;
    -webkit-transition: all 0.33s ease;
    -o-transition: all 0.33s ease;
    cursor: pointer;
}


.btn-effect{
    -webkit-border-radius: 20px;
        border-radius: 20px;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    background-color: #F09746;
}

.btn-effect:hover{
    -webkit-border-radius: 0;
            border-radius: 0;
}

/* Section A */

.section-a {
    min-height: 500px;
    margin: 0 auto;
    background-image: -webkit-linear-gradient(left, #f2f2f2, #f2f2f2 49%, #fff 49%);
    background-image: linear-gradient(to right, #f2f2f2, #f2f2f2 49%, #fff 49%);
    position: relative;
}

.block-padd{
    padding: 81px 20px;
}

.block-one{
    background-image: url("../img/bg-block-img-opt.png");
    -webkit-background-size: initial;
         -o-background-size: initial;
            background-size: initial;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f2f2f2;
}

.block-one-content{
    max-width: 400px;
    margin: 0 auto;
}

.block-one h2{
    font-size: 40px;
    text-align: left;
    font-family: "Montserrat";
    color: #000;
    margin: 0;
}

.block-one hr{
    margin: 30px auto;
    border-bottom: 2px solid #f09746;
    max-width: 152px;
}

.block-one hr.left{
    margin-left: 0;
}

.block-one p{
    font-size: 18px;
    font-family: "Raleway"; 
    margin: 0;
}

.block-one .block-one-content a{
    background-color: rgba(102, 102, 102, 0.7);
    display: inline-block;
    margin: 40px auto;
    color: #fff;
    padding: 6px 20px;
}

.block-one .block-one-content a:hover{
    background-color: #f09746;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 27px solid transparent;
    border-bottom: 27px solid transparent;
    border-left: 27px solid #f2f2f2;
    position: absolute;
    right: -27px;
    top: 50%;
    margin-top: -14px;
    z-index: 1;
}

.block-two, 
.block-three{
    padding: 85px 20px; 
    background-color: #FFF;
    min-height: 578px;
}

.block-three    {
    background-position: center right;
    background-repeat: no-repeat;
    background-image: url("../img/bg-price.png");
}

.block-two-wrapper,
.block-two-wrapper .price,
.block-two-wrapper .left,
.block-two-wrapper .right,
.block-two-wrapper .price-icon{
    display: block;
}


.block-two-wrapper{
    max-width: 340px;
    width: 100%;
    margin: 0 auto;
}

.price{
    -webkit-border-radius: 65px;
    border-radius: 65px;
    background-color: #f2f2f2;
}

.price .left,
.price .right{
    display: inline-block;
    vertical-align: middle;
    width: 49%;
    position: relative;
}

/* 
.price-icon,
.price-digits{
    display: inline-block;
    vertical-align: middle;
    width: 49%;
} 
*/

.price-digits{
    font-size: 70px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 22px;
}

.price-currency{
    font-size: 40px;
}

.price-h-month{
    font-size: 20px;
    color: #848484;
    display: inline-block;
    bottom: 10px;
    left: 10px;
    position: absolute;
}

.price-title{
    font-family: "Montserrat";
    font-size: 27px;
    text-align: center;
    margin-top: 40px;
    
}

.price-content{
    font-family: "Raleway";
    font-size: 18px;
    margin: 0 auto;
    max-width: 400px;
    text-align: center;
    
}

.price-btn{
    text-align: center;
    margin-top: 47px;
    font-family: "Montserrat";
    font-size: 20px;
}

.price-btn > a{
    color: #f0913a;
}

.price-btn > a:hover{
    color: #333;
}
.divider{
    background-color: #f0913a;
    height: 3px;
    margin: 25px auto 20px auto;
    max-width: 150px;
    
}

.price-right{
    -webkit-border-radius: 65px;
            border-radius: 65px;
    position: relative;
}

.price-right .right{
    position: absolute;
    right: 0;
    width: auto;
    top: -19px;
}

.price-right .left{
    width: 90%;
    text-align: center;
}

.price-right .price-h-month{
    right: 1px;
}

.price-dis-icon{
    position: absolute;
    left: 18px;
    top: -7px;;
}

.scroll-down{
    position: absolute;
    right: -55px;
    bottom: -11px;
    z-index: 1;
}

/* Section B */
.section-b{
    background-image: url("../img/bg-section-2.png");
    background-size: cover;
    position: relative;
    padding: 50px 0;
    margin-top:-50px;

}


.small-top-bg{
    background-color: #f2f2f2;
    position: absolute;
    padding-top: 300px;
}

.b-one{
    text-align: center;
}

.b-one-title{
    font-size: 40px;
    font-family: "Montserrat";
    color: #fff;
    text-transform: uppercase;
}

.b-one-subtitle{
    font-size: 16px;
    font-family: "Raleway"; 
    color: #9d9d9d;
}

.b-col-wrapper{
    margin: 100px auto 50px;
}

.b-col{
    max-width: 330px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background-color: #313131;
    -webkit-border-radius: 50px;
            border-radius: 50px;
    position: relative;
    padding: 20px 30px;
    cursor: pointer;
}

.b-col-icon{
   margin-top: -20px;
   position: relative;
   top: -50px;
   min-height: 147px;
}

.b-col-icon > img {
   transition: All 0.7s ease;
    -webkit-transition: All 0.7s ease;
    -moz-transition: All 0.7s ease;
    -o-transition: All 0.7s ease;
    transform: rotateY(0deg);
    -webkit-transform:rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
}

.b-col:hover .b-col-icon > img{
    transform: rotateY(360deg);
    -webkit-transform:rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
}

.b-col:hover::before {
    height: 100%;
}

.b-col:hover .b-col-title,
.b-col:hover .b-col-subtitle{
    color: #000;
}

.b-col::before {
    -webkit-border-radius: 50px;
                border-radius: 50px;    
    z-index: 0;
    background: #fff;
    bottom: 0%;
    left: 0%;
    content: "";
    width: 100%;
    height: 0;
    transition: All 0.4s ease;
    -webkit-transition: All 0.4s ease;
    -moz-transition: All 0.4s ease;
    -o-transition: All 0.4s ease;
    position: absolute;
}

.b-col-title,
.b-col-subtitle,
.b-col-sep{
    position: relative;
}

.b-col-title{
    font-size: 26px;
    font-family: "Montserrat";
    color: #fff;
    text-transform: uppercase;
    margin-top: -30px;
}

.b-col-subtitle{
    font-size: 16px;
    font-family: "Raleway"; 
    color: #fff;
}

.b-col-sep{
    background-color: #f0913a;
    height: 2px;
    margin: 25px auto;
    max-width: 150px;
}

.b-info,
.b-info a{
    text-align: center;
    font-size: 20px;
    font-family: "Montserrat";
    color: #fff;
}

.b-info a{
    margin-left: 20px;
}

/* Section C */
.section-c{
    background-color: #F7F7F7;
    background-image: url("../img/testimonial-bg.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    min-height: 630px;
    position: relative;
    padding: 60px 0px;
}


.c-title{
    font-size: 40px;
    font-family: "Montserrat";
    font-weight: bold;
    color: #1b1b1b;
    text-transform: uppercase;
}

.c-subtitle{
    font-size: 20px;
    font-family: "Raleway"; 
    color: #1b1b1b;
}

.c-title,
.c-subtitle{
    text-align: center;
}

.c-title .orange{
    font-size: 45px;
}

.c-sep{
    background-color: #f0913a;
    height: 2px;
    margin: 25px auto;
    max-width: 150px;
}

/* Carusel */

.section-c .carousel-control{
    background-image: none;
}

.c-testimonials{
    margin: 50px auto;
    position: relative;
}

.c-testimonials-block{
    margin-bottom: 50px;
    position: relative;
    background: #fff;
    padding: 20px;
    -webkit-border-radius: 4px;
            border-radius: 4px;
}

.section-c .carousel-control .glyphicon-chevron-left, 
.section-c .carousel-control .glyphicon-chevron-right, 
.section-c .carousel-control .icon-next, 
.section-c .carousel-control .icon-prev{
    margin-top: -35px;
} 

.section-c .glyphicon-chevron-left:before,
.section-c .glyphicon-chevron-right:before{
    font-size: 70px;
    color: #808080;
    box-shadow: none;
}

.section-c .glyphicon-chevron-left:before{
    content: "\e257";
}

.section-c .glyphicon-chevron-right:before{
    content: "\e258";
}

.c-testimonials-desc,
.c-testimonials-name{
    font-family: "Montserrat";
}

.c-testimonials-desc{
    line-height: 30px;
    font-size: 16px;
    color: #9e9e9e;
}

.c-testimonials-name{
    font-weight: bold;
    font-size: 18px;
}

.c-testimonials-rating{
    margin: 15px auto;
}

.c-testimonials-prof{
    color: #f19238;
    font-size: 20px;
    font-family: "Raleway"; 
}

.c-testimonials-icon {
    position: absolute;
    right: 25px;
    bottom: -54px;
}

/* Sector D */

.section-d{
    background-color: #FFF;
}

.d-content{
    padding-left: 15px;
}

.section-d .col-md-4{
    padding-right: 0;
    padding-left: 30px;
}

.section-d .col-md-4:first-child{
    padding-left: 5px;
}

.section-d .col-md-4:last-child > .d-content{
    border: none;
}

.d-content-icon,
.d-content-desc{
    display: inline-block;
    vertical-align: middle;
}

.d-content-desc{
    font-size: 24px;
    font-family: "Montserrat";
    color: #1b1b1b;
    text-transform: uppercase;
    padding-left: 10px;
}

.d-content-descmin{
    display: inline-block;
    vertical-align: middle;
}

.d-content-descmin{
    font-size: 17px;
    font-family: "Montserrat";
    color: #1b1b1b;
    padding-left: 10px;
}

.d-title-wrapp{
    text-align: center;
    margin-top: -25px;
}

.d-title{
    -webkit-border-radius: 15px;
            border-radius: 15px;
    padding: 10px 20px;
    font-size: 20px;
    font-family: "Montserrat";
    color: #fff;
    text-transform: uppercase;
    margin: 0 auto;
    display: inline-block;
    background-color: #f19238;
}

.d-content-wrapp{
    padding: 80px 0 80px 0;
}


/* Section E */

.section-e{
    background: #dddddd;
    text-align: center;
    padding-top: 23px;
    padding-bottom: 23px;
}

.section-e ul{
    margin: 0;
    padding: 0;
}

.section-e ul li{
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
}

.section-e ul li:hover {
    opacity: 0.8;
}


/* Responsive */

/* Responsive */

/* 
Extra small devices
Phones (<768px)

Small devices
Tablets (≥768px)

Medium devices
Desktops (≥992px)

Large devices
Desktops (≥1200px)

*/
/* Lg */
/* .visible-lg-* */
/* .hidden-lg */
@media (min-width: 1200px) { }

/* Md */
/* .visible-md-* */
/* .hidden-md */
@media (min-width: 992px) and (max-width: 1199px) { }

/* Sm */
/* .visible-sm-* */
/* .hidden-sm */
@media (min-width: 768px) and (max-width: 991px) { }

/* Xs */
/* .visible-xs-* */
/* .hidden-xs */
@media (max-width: 767px) {  }



/* 
@media (min-width: 320px) and (max-width: 1199px) { 
    
    .block-two,
    .block-three{
        padding-bottom: 0;
        min-height: auto;
    }

    .section-b{
        margin-top: 0;
    }

    .section-a .price-content{
        min-height: auto ;
    }

    .section-a .price-btn{
        margin-top: 0;
        padding-top: 40px;
        padding-bottom: 40px;
    }

} */

@media (min-width: 992px) and (max-width: 1199px) { 

    .d-content{ 
        text-align: center; 
    }

    .b-col{
        min-height: 500px;
    }

    .block-padd{
        
    }

    .section-a-scroll .col-md-4{
        min-height: 50px;
        background: #f2f2f2;
        z-index: 1;
    }

}







@media (min-width: 768px) and (max-width: 991px) { 

    .section-a{
        background-color: #f2f2f2;
        background-image: none;
    }

    .block-three{
        background-image: none;
    }

    .arrow-right,
    .section-a-scroll{
        display: none;
    }

    .b-col{
        margin-bottom: 80px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{
        left: 0;
        margin-left: 0;
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{
        right: 0;
        margin-right: 30px;
    }

    .d-content{
        text-align: center;
        border: none;
    }

    .d-content-icon, .d-content-desc{
        margin: 5px auto;
        width: 48%;
    }

    .section-d .col-md-4{
        padding-left: 15px;
        padding-right: 15px;
    }

}


@media (max-width: 767px) { 

    .arrow-right,
    .section-a-scroll,
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right{
        display: none;
    }

    .block-three{
        background-image: none;
    }

    .b-col{
        margin-bottom: 80px;
    }

    .b-info a{
        display: block;
        margin: 20px auto;
        max-width: 300px;
    }

    .d-content{
        text-align: center;
        border: none;
    }

    .d-content-icon, .d-content-desc{
        margin: 5px auto;
        width: 48%;
    }

    .section-d .col-md-4{
        padding-left: 15px;
        padding-right: 15px;
    }

        .block-two{
        padding-top: 0;
    }

}


@media (max-width: 400px){
    
    .d-content-icon, .d-content-desc{
        width: 100%;
    }

    .section-d .col-md-4:first-child{
       padding-left: 15px; 
    }

    .section-d .col-md-4{
        padding-left: 15px;
        padding-right: 15px;
    }

}


@media (max-width: 320px){

    .section-a,
    .block-one h2{
        text-align: center;
    }

    .block-one hr.left{
        margin-left: auto;
    }

    .block-two{
        padding-top: 0;
    }
    
    .block-two,
    .block-three{
        padding-bottom: 0;
        min-height: auto;
    }

    .section-b{
        margin-top: 0;
    }

    .section-a .price-content{
        min-height: auto ;
    }

    .section-a .price-btn{
        margin-top: 0;
        padding-top: 40px;
        padding-bottom: 40px;
    }
}




@media (min-width: 768px) and (max-width: 1199px) { 

    .b-col-title{
        font-size: 18px; 
    }

}


@media (max-width: 1699px){
    
    .b-info a{
        display: block;
        max-width: 300px;
        margin: 10px auto;
    }

    .section-a-scroll .col-md-4{
        width: 37%;
        min-height: 50px;
        background: #f2f2f2;
        z-index: 1;
    }

    .block-padd{
        padding-bottom: 0;
    }

    .price-content{
        min-height: 170px;
    }
}

@media (min-width: 1700px){
  
    .sticky-navbar .container-fluid{
        margin: 0 auto;
    }  
    
    .top-navbar > .container-fluid,
    .sticky-navbar > .container-fluid,
    .section-a > .container-fluid > .row > .container,
    .section-a-scroll > .container-fluid > .row > .container,
    .section-b > .container-fluid > .row > .container,
    footer > .container-fluid > .row > .container{
        max-width: 85%;
        width: 100%;
    }

    .section-a-scroll .col-md-4{
        width: 36%;
        min-height: 50px;
        background: #f2f2f2;
        z-index: 1;
    }
     
}


@media (max-width: 1400px){

    .section-a-scroll .col-md-4{
        width: 34%; 
    }

    .block-one .block-one-content a{
        margin: 30px auto;
    }

}