/* ==================================================================
    COLORS
================================================================== */

.dark-blue {
    background-color: #1967f7;
}

.bread-section,
.services-style-2 .service-box:hover .icon-container,
.blue {
    background-color: #19b7f7;
}

.light-blue {
    background-color: #7bd6fb;
}
.portfolio-filter a.active,
a:hover, a > *:hover, a:focus,
.media-list a,
.color,
#sidebar .icon_clock_alt,
#sidebar .big-title {
    color:#19b7f7;
}

.portfolio-details ul li a,
.readmore,
.topcontact i {
    color:#19b7f7;
}

.service-style-1 a:hover i,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #19b7f7;
}


.pager a:hover,
.pagination > li > a:hover, 
.pagination > li > span:hover,
.pricingbox:hover .btn-default,
.magnifier .icon-container  {
    color:#fff;
    background-color: #19b7f7 !important;
}


.services-style-2 .service-box:hover,
.blog-box:hover .blog-desc,
.btn-blue:hover,
.btn-blue:focus,
.btn-blue.focus,
.btn-blue:active,
.btn-blue.active,
.open > .dropdown-toggle.btn-blue,
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span,
.btn-primary,
.icon-container:hover,
.nav .open > a, 
.nav .open > a:focus, 
.nav .open > a:hover,
.nav > li > a:hover,
.nav > li > a:focus {
    color:#fff;
    background-color: #19b7f7;
}
.portfolio-details ul li:before,
.accordion-heading:hover em,
.btn-custom:hover,
.btn-custom:focus,
.blog-media .icon-container,
.longdesc .btn-default:hover,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.btn-blue,
.services3 .service-style-1:hover i,
.service-left .service-style-1 .icon-container:hover,
.service-right .service-style-1 .icon-container:hover {
    color:#fff;
    background-color: #19b7f7;
    border-color: #19b7f7;
    cursor: default;
}

#carousel .slides .flex-active-slide img,
#carousel .slides li:hover img,
.quotepost  hr,
.teambox:hover .ImageWrapper,
.teambox hr,
.blog-desc hr,
.portfolio-item .Buttons i,
.portfolio-item:hover {
    border-color:#19b7f7;
}
.services-style-2 .service-box {
    border-bottom-color:#19b7f7;
}

.newsletterwidget .form-control {
    background-color: #4cc9fb;
    border-color:#4cc9fb;
}

.pager a:hover,
.pagination > li > a:hover, 
.pagination > li > span:hover,
.blog-media .Buttons i,
.tags-widget a:hover,
.pricingbox:hover .btn-default,
.magnifier .icon-container,
.btn-blue:hover,
.btn-blue:focus,
.btn-blue.focus,
.btn-blue:active,
.btn-blue.active,
.open > .dropdown-toggle.btn-blue,
.btn-primary,
.icon-container:hover {
    border-color: #19b7f7;
}
.blog-box:hover .blog-desc:after {
    border-right-color: #19b7f7; 
}

.panel-heading.light-blue.clr {
    background-color: #00234d;
}
.nav .open > a, 
.nav .open > a:focus, 
.nav .open > a:hover,
.nav > li > a:hover,
.nav > li > a:focus,
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > li > a.active {
    border-top-color:#19b7f7;
}

/*=======================================
    RECOMMED
========================================*/
.link{
    color: #19b7f7;
}
.digital-img img{
    height: 36px;
vertical-align: bottom;
max-width: 100%;
}

.light-blue{
    background-color: #197ff7;
}

.dark-blue{
    background-color: #0041b9;
}

.black-color{
    color: #000;
}

.blue-color{
    color: #197ff7;
}

.dark-blue-color{
    color: #0041b9;
}

.plugin {
    background-color: #19b7f7;
    color: #fff;
    padding: 30px;
    width: 31.333%;
    padding-top: 40px;
    padding-bottom: 40px;
    margin: 1%;
    float: left;
    min-height: 280px;
}

.custom-features .customimg {
    margin: auto !important;
    padding: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: 25px;
}
 !important
.feature-prices{
border: 0;
background-color: none;
background: none;
margin-top: 30px;
}

.feature-prices:hover{
    border: 0;
    background: none;

}

.feature-prices h5{
    font-size: 28px;
    line-height: 34px;
}

.pricing-box .pricing-button {
    padding: 18px 0 30px;
    margin-top: 30px;
}

.most{
    font-size: 12px !important;
    color: #9c9c9c !important;
    display: none;
}

.services-style-2 .service-box {
    border-left: 2px solid #ebebeb;
    border-right: 2px solid #ebebeb;
    border-top: 2px solid #ebebeb;
    border-bottom: 4px solid #ebebeb;
    position: relative;
    min-height: 305px;
    padding: 70px 20px 10px;
    overflow: visible;
}
.pricing-box .btn-default {
    background-color: #19b7f7;
    border-color: #ddd;
    border-width: 1px;
    padding: 10px 40px;
    text-transform: uppercase;
    color: #ffffff;
}
.backdrop-cus {
    background-color: rgba(0,0,0,0.6);
    padding-top: 11em;
    padding-bottom: 8em;
    height: 700px;
}

#credentials_form .form-control{
    /*text-transform: lowercase !important;*/
}
/*======================================
    RESPONSIVE MAIN PAGE
=======================================*/

@media (max-width: 1280px) {

    .service-left {
        padding-top: 20px;
        padding-left: 22px;
    }
    .service-right .title hr {
        border-color: #dddddd;
        border-width: 3px 0 0;
        display: block;
        float: right;
        margin: 0;
        width: 30px;
        margin-right: 25px;
    }
    .white-section{
        margin-bottom: 0;
        background-color: #ffffff;
    }
    .recent_posts li {
        margin-bottom: 5px;
        display: block;
    }
}

@media screen and (max-width: 980px) {


    .backtotop{
        margin-right: 90%;
    }
    .pro-showcase {
        background-color: #fdfdfd;
        margin-bottom: 40px;
        min-height: 370px;
    }
    .widget {
        margin-bottom: 40px;
        display: block;
        padding: 0 10px;
        position: relative;
        overflow: hidden;       
        margin-top: 40px;
        text-align: center;
    }

    .footer  .widget-title hr {
    width: 30px;
    border-width: 3px 0 0;
    border-color: #333333;
    margin-left: 46%;
    }

    .text-fea{
        text-align: center;
    }
    .digital-img img {
        max-width: 100%;
        height: 36px;
        vertical-align: bottom;
    }
    .stat-wrap {
        color: #fff;
        margin-bottom: 10px;
    }
    .plugin {
        background-color: #19b7f7;
        color: #fff;
        padding: 10px;
        width: 42.333%;
        padding-top: 27px;
        padding-bottom: 40px;
        margin: 3%;
        float: left;
        min-height: 367px;
    }

    .services-style-2 .service-box {
        border-left: 2px solid #ebebeb;
        border-right: 2px solid #ebebeb;
        border-top: 2px solid #ebebeb;
        border-bottom: 4px solid #ebebeb;
        position: relative;
        padding: 70px 20px 10px;
        overflow: visible;
        min-height: 305px;
    }
    .buttons .btn {
        margin: 5px 5px;
    }
    .btn-lg {
        font-size: 12px;
        padding: 9px 22px;
    }
    .service-box {
        padding: 3px 20px;
        min-height: 160px;
    }
    .service-right .service-style-1 .icon-container {
        margin-left: 30px;
        width: 80px;
        height: 80px;
        font-size: 30px;
        margin-top: 10px;
        line-height: 86px;
        margin-bottom: 30px;
    }
    .service-style-1 {
        margin: 40px -20px 0;
        margin-top: 10px;
    }
    .service-left .service-style-1 .icon-container {
        margin-right: 30px;
        font-size: 30px;
        margin-top: 10px;
        margin-left: -27px;
        margin-bottom: 29%;
    }
    .service-style-1 {
        margin: 40px 0px 0;
        margin-top: 10px;
    }

    .recent_posts li {
        margin-bottom: 5px;
        display: block;
    }
    .service-right .title hr {
        border-color: #dddddd;
        border-width: 3px 0 0;
        display: inline-block;
        float: none;
        margin: 0;
        width: 30px;
        margin-right: 0;
    }
    .fa-1{
    display: block;
    float: none !important;
    margin: 0 auto !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    }

    .nav > li {
        position: relative;
        float: none !important;
        text-align: center !important;
        display: inline-block;
    }

    .navbar-nav{
        float: none;
        text-align: center;
    }
          .navbar-header {
    float: none;
    margin: 0 auto;
    text-align: center !important;
}
    .navbar-brand > img{
        display: block;
        padding-left: 15px;
        margin: 0 auto;
    }

    .navbar-brand {
    padding: 20px 0;
    margin: 0 auto;
    float: none;
    display: block;
    text-align: center !important;
}
.backdrop {
    background-color: rgba(0,0,0,0.6);
    padding-top: 4em;
    padding-bottom: 8em;
    height: 600px;
    
}
.backdrop-cus {
    background-color: rgba(0,0,0,0.6);
    padding-top: 11em;
    padding-bottom: 8em;
    min-height: 900px;

}
}   


@media (max-width: 800px){


    .copyrights {
        padding: 38px 30px 20px;
    }
    .service-style-1 {
        margin: 40px 0px 0;
        margin-top: 10px;
    }
    .text-fea{
        text-align: center;
    }
    .recent_posts li {
        margin-bottom: 5px;
        display: block;
    }
    .fa-1{
    display: block;
    float: none !important;
    margin: 0 auto !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    }
    .nav > li {
        position: relative;
        float: none !important;
        text-align: center !important;
        display: inline-block;
    }
       .navbar-header {
    float: none;
    margin: 0 auto;
    text-align: center !important;
}
    .navbar-brand > img{
        display: block;

        margin: 0 auto;
    }
    .navbar-brand {
    padding: 20px 0;
    margin: 0 auto;
    float: none;
    display: block;
    text-align: center !important;
}
.backdrop-cus {
    background-color: rgba(0,0,0,0.6);
    padding-top: 9em;
    padding-bottom: 8em;
    min-height: 900px;
}
}

@media (max-width: 768px){

    .service-left .service-style-1 .icon-container {
        margin-right: 30px;
        font-size: 30px;
        margin-top: 10px;
        margin-left: -27px;
        margin-bottom: 95px;
    }
    .service-right .title hr {
        border-color: #dddddd;
        border-width: 3px 0 0;
        display: block;
        float: right;
        margin: 0;
        width: 30px;
        margin-right: 0;
    }
    .text-fea{
        text-align: center;
    }
    .service-right .title hr {
        border-color: #dddddd;
        border-width: 3px 0 0;
        display: inline-block;
        float: none;
        margin: 0;
        width: 30px;
        margin-right: 0;
    }
    .fa-1{
    display: block;
    float: none !important;
    margin: 0 auto !important;
    margin-bottom: 20px !important;
    margin-top: 0px !important;
    }
    .nav > li {
        position: relative;
        float: none !important;
        text-align: center !important;
        display: inline-block;
    }
          .navbar-header {
    float: none;
    margin: 0 auto;
    text-align: center !important;
}
    .navbar-brand > img{
        display: block;

        margin: 0 auto;
    }
    .navbar-brand {
    padding: 25px 15px;
    margin: 0 auto;
    float: none;
    display: block;
    text-align: center !important;
    height: 70px;

}

@media (max-width: 767px) {

    .navbar-header {
        margin-left: 0;
    }
}

@media (max-width: 360px){


    .navbar-header {
        margin-left: 0;
    }
    .topcontact {
        margin-left: 35px;
        text-align: center;
        margin-bottom: 10px;
    }
    .topsocial{
        margin-right: 5%;
        margin-top: 10px;
    }
    .text-fea{
        text-align: center;
    }
    .footer p{
        color: #cccccc;
        margin-top: -35px;
    }
    .backtotop {
        margin-right: 0;
        top: 14px;
    }
    .copyrights {
        padding: 38px 30px 20px;
        min-height: 140px;
    }
    .carousel-control .glyphicon-chevron-left{
        left: 0;
        margin-left: -50px;
    }
    .carousel-control .glyphicon-chevron-right{
        right: 0;
        margin-right: -50px;
    }
    .stat-wrap {
        color: #fff;
        margin-bottom: 20px;
    }


    .services-style-2 .service-box {
        border-left: 2px solid #ebebeb;
        border-right: 2px solid #ebebeb;
        border-top: 2px solid #ebebeb;
        border-bottom: 4px solid #ebebeb;
        position: relative;
        padding: 70px 20px 10px;
        overflow: visible;
        min-height: 305px;
        margin-bottom: 70px;
    }
    .tit1 {
        font-size: 14px;
        line-height: 26px;
        font-weight: bold;
        color: #000000;
    }
    .tit {
        font-size: 26px;
        font-weight: bold;
        color: #000000;
        line-height: 36px;
    }
    .plugin {
        background-color: #19b7f7;
        color: #fff;
        padding: 30px;
        width: 93.333%;
        padding-top: 40px;
        padding-bottom: 40px;
        margin: 3%;
        float: left;
        min-height: 250px;
    }
    .welcome h1 .btn {
        margin-left: 2px;
    }
    .fa-1{
    display: block;
    float: none !important;
    margin: 0 auto !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    }
    .welcome h1 {
        color: #fff;
        font-size: 26px;
        font-weight: 600;
        text-transform: uppercase;
    }
    .welcome{
        text-align: center;
    }
    .buttons {
        margin: 20px 0 0;
        text-align: center;
    }
    .service-right .title hr {
        border-color: #dddddd;
        border-width: 3px 0 0;
        display: inline-block;
        float: none;
        margin: 0;
        width: 30px;
        margin-right: 0;
    }
    .nav > li {
    position: relative;
    float: none !important;
    text-align: center !important;
    display: inline;
}
 .client-owl {
    border: 1px solid #5ecdf9;
    padding: 16px;
    height: 56px;
}
.backdrop {
    background-color: rgba(0,0,0,0.6);
    padding-top: 7em;
    padding-bottom: 8em;
    min-height: 650px;
}
}

@media (max-width: 280px){

.backdrop {
    background-color: rgba(0,0,0,0.6);
    padding-top: 7em;
    padding-bottom: 8em;
    min-height: 800px;
}
}

.intl-tel-input{
    display: block;
    margin-bottom: 10px;
}
.footer .form-control{
    color: #fff;
}
.country-name{
    color: #333;
}
.radio-inline{
    margin-bottom: 10px;
    line-height: 20px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag{
    height: 40px!important;
    background-color: transparent;
}

.navbar-toggle{

    position: relative;
    float: right;
    padding: 9px 10px;
    margin: 20px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 35px;

}

@media (max-width: 280px){
.button-whatsapp:hover {
    background: #00e676;
    color: #fff;
    padding: 11px 28px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold !important;
    margin: 0px 15px;
}

    .button-whatsapp:{
    background: #00e676;
    color: #fff;
    padding: 11px 28px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold !important;
    margin: 0px 15px;
}

.button-whatsapps {
    background: #19b7f7;
    color: #fff;
    padding: 11px 28px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold !important;
    margin: 0px 15px;
}
    .button-whatsapps:hover {
    background: #19b7f7;
    color: #fff;
    padding: 11px 28px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold !important;
    margin: 0px 15px;
}
}


@media (min-width: 290px) (max-width: 390px){

    .button-whatsapp:hover {
    background: #00e676;
    color: #fff;
    padding: 11px 28px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold !important;
    margin: 0px 15px;
}

    .button-whatsapp:{
    background: #00e676;
    color: #fff;
    padding: 11px 28px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold !important;
    margin: 0px 15px;
}

.button-whatsapps {
    background: #19b7f7;
    color: #fff;
    padding: 11px 28px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold !important;
    margin: 0px 15px;
}
    .button-whatsapps:hover {
    background: #19b7f7;
    color: #fff;
    padding: 11px 28px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold !important;
    margin: 0px 15px;
}

}

@media (min-width: 900px){
    .custom-features .customimg {
    margin:auto !important;
    padding:0 !important;
    left:0 !important;
    right:0 !important;
    top:286px;
}