.body-padding{
    padding: 0 !important;
}

/* .pricing-area */
.pricing-area-three #package_01 {
    -webkit-box-shadow: 0 6px 11.83px 1.17px rgba(0,0,0,.08);
    box-shadow: 0 6px 11.83px 1.17px rgba(0,0,0,.08);
    background: #003560;
}

.pricing-area-three #package_01 ul li{
    color: white;
}

.pricing-area-three #package_01 .price-head{
    color: white;
}


.pricing-area-three .price_item .price-head{
    text-align: center;
}


.pricing-area-three .price_item .price{
    text-align: center;
}

.pricing-area-three .price_item .purchase-btn{
    display: block;
    text-align: center;
}

.freequently_question_area .freequently_question .question-list h3 {
    font: 300 22px/28px "Montserrat",sans-serif;
    color: #424242;
    letter-spacing: .48px;
    padding-bottom: 23px;
}

.freequently_question_area .freequently_question .question-list p{
    margin-top: 10px;
}

.list-with-style{
    list-style: circle;
    margin-left: 25px;
}

#register-button{
    display: inline-block;
    padding: 18px;
}

.header_banner_area:before{
    background-color: #003560;
}

.footer_three_area{
    background-color: #003560;
}

.footer_three_area a,.footer_three_area h3, .footer_three_area  p{
    color: white !important;
}

.footer_three_area a:hover{
    color: gold !important;
}


.footer_three_area .highlight{
    color:gold !important;
}

#q-and-a, #price, #feature, #feedback{
    padding: 0;
    padding-top: 50px;
}

.video_area_three{
    padding: 0 !important;
    padding-top: 50px !important;
}

.h_work_area {
    padding: 0 !important;
    padding-top: 50px !important;
}
.mobile_menu_inner{
    top: 0;
}

.offcanvas_menu .social_link ul li{
    width: 50px;
}

.freequently_question_area{
    padding:20px 0 !important;
}
.btn-disabled{
    background-color: #cacaca;
}

.app-download a img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.app-download a:hover img{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: none ; /* IE6-9 */
    zoom:1; /* needed to trigger "hasLayout" in IE if no width or height is set */
    -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    }

.app-download a:first-child{
    margin-right: 20px;
}


/* DeskTop (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .offcanvas_menu{
        max-width: 300px;
    }
    .offcanvas_menu .social_link ul{
        margin-right:0;
    }

    .p_features_item .pulse-wrapper{
        top: 62px;
    }
    
    .p_features.left_features .p_features_item .pulse-wrapper .pulse-1, .p_features.left_features .p_features_item .pulse-wrapper .pulse-2{
        right: 0px;
    }
    
    .p_features_item.p_item_two .pulse-wrapper{
        width: 181px;
        left: -77%;
    }
    
    .p_features_item{
        padding-top: 33px;
    }
}

/* Mobile */
@media (max-width: 480px){
    .offcanvas_menu .offcanvas_text {
        padding: 50px 0 0px 20px !important;
    }
        
    .offcanvas_menu .social_link{
        margin-bottom: 50px !important;
        margin-top: 0px !important;
        position: absolute;
        bottom: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .header_banner_inner h3,.header_banner_inner p{
        line-height: 1.5em;
    }
    #feedback .mokup-img img{
        width: 100%;
    }
    .p_features{
        padding-top: 0px !important;
    }
    .p_features_item {
        text-align: center !important;
    }
    .mobile-class{
        padding: 0px 20px;
        text-align: center;
    }

    .mobile-class h2, .mobile-class h3{
        text-align: center !important;
    }
    .mobile-class .ab_ft_widget 
    {
        width: 100%;
        max-width: 100%;
    }
    .skill-piechart h3{
        padding-top: 0px !important;
    }
    .app-download a{
        margin-right: 0px !important;
        margin-bottom: 10px;
        display: block;
    }

    .app-download a img{
       width: 300px;
    }
}


/* Icons */
.sc-clients-slider .item a{
    height: 90px;
    white-space: nowrap;
    display:inline-block;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.sc-clients-slider .item a img{   
    display: inline;
    vertical-align: middle;
    max-height: 90px;   
    margin-left: -20px;
    width: auto !important;
    max-width: 100%;
}

.sc-clients-slider .item a img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.sc-clients-slider .item a:hover img{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: none ; /* IE6-9 */
    zoom:1; /* needed to trigger "hasLayout" in IE if no width or height is set */
    -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    }

.offcanvas_menu .offcanvas_text{
    max-height: 100%;
    overflow-y: scroll;
    min-height: 100%;
    height: 100%;
    position: relative;
    padding: 90px 0 0 20px;
    width: 100%;
}

#language a{
    color: white;
}

/* .offcanvas_menu .social_link{
    margin-bottom: 50px !important;
    margin-top: 0px !important;
    position: absolute;
    bottom: 20px;
} */

/* .offcanvas_menu{
    height: 100%;
} */