/*
Theme Name: Amazing Stars
Theme URI: http://.com
Author: Flying Stars Informatics
Author URI: https://flyingstars.co/
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: Suhail
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

*{ margin:0; padding:0;}
body{ font-family: 'Montserrat', sans-serif;line-height: 18px;font-size: 14px;color:#333;background:#fff;margin:0; }
a{text-decoration:none;}
a:hover{text-decoration:underline;/*font-weight:400*/}
input.button{cursor:pointer}
p{margin-top:0;margin-bottom:5px}
img{border:0 none}
@font-face {
    font-family: 'a_love_of_thunderregular';
    src: url('fonts/a_love_of_thunder-webfont.html') format('woff2'),
         url('fonts/a_love_of_thunder-webfont-2.html') format('woff');
    font-weight: normal;
    font-style: normal;

}
h1,h2,h3,h4,h5,h6{ font-weight: 400;color:#1D3251;}
h1{ font-size: 38px;}
h6{ font-size:14px;}

/* Header Styles */
/*****navbar *******/
 .readmore_div, .readless {
                display:none;
            }
            .read-parent.active .readless {
                display:block;
            }
            .header-right > li >.get-start {
                border: 1px solid #2baae1;
                color: #fff !important;
            }
            .navbar-default .header-right > li:focus > a::before, .navbar-default .header-right > li:hover > a::before, .navbar-default .header-right > li.active > a::before {
                background: #199187 none repeat scroll 0 0;
            }
            .header-right > li > a {
                color:#1D3251 !important;
            }
            .l_work h4 {
                text-align:center;
                font-size:18px;
                color:#333333;
                line-height:29px;
            }
            .l_video {
                width: 100%;
                position:relative;
            }
            .l_button {
                position: absolute;
                top:180%;
                width:100%;
                text-align:center;
            }
            .header-right {
                margin-right: 0px;
                padding:50px 0 10px 0;
            }
            .header1 {
                background-color: transparent;
            }
            .header1 .navbar-brand {
                margin-top: 30px;
            }
            .smallheader .header1 .navbar-brand {
                margin-top: 10px;
            }
            .l_button p {
                font-size: 25px;
                color: #fff;
                text-align: center;
                margin: 20px auto;
            }
            .l_image {
                margin-top:40px;
                margin-bottom:40px;
            }
            .l_click {
                height:700px;
            }

            @media screen and (max-width: 767px) {
                .header-right{
                    padding: 0;
                }
            }.customer-block {
                display: inline-block;
                vertical-align:top;
                padding-right: 0;
                padding-left: 0;
                float: none;
                width: 49%;
                margin-bottom: 25px;
            }.customer-service-block img {
                margin: 0 auto;
                text-align: center;
                display: block;
                max-width: 120px;
                margin-bottom:-19px
            }.customer-service-block ul {
                margin-top: 40px;
            }.customer-block p {
                font-size: 18px;
                font-weight: 600;
                text-align: center;
                margin-top: 30px;
            }
            .customer-block  small{
                font-size: 14px;
                text-align: justify;
                color: #666666;
                line-height: 25px;
                font-weight: 500;
            }

            @media screen and (max-width: 600px) {
                .customer-block {
                    display: inline-block;
                    padding-right: 0;
                    padding-left: 0;
                    float: none;
                    width: 100%;
                    margin-bottom: 25px;
                }
                .customer-block p {
                    margin-top: 12px;
                    white-space: nowrap;
                    font-size: 12px;
                }
                .customer-block  small{
                    font-size: 14px;
                    text-align: justify;
                    color: #666666;
                    line-height: 25px;
                    font-weight: 500;
                }
                .customer-service-block img {
                    margin: 0 auto;
                    text-align: center;
                    display: block;
                    max-width: 120px;
                    margin-bottom:0px;
                }
            }
header .navbar.navbar-default .navbar-nav > li > a i {
    font-size: 14px;
    color: #2baae1;
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
}
.header-right{
    margin-right: 0px;
    padding: 35px 0;
}
.static-banner{
    margin-top:0px; 
}
.header-right > li > a {
     font-size:11px ;
    text-transform: uppercase;
    color:#2baae1!important;
    font-weight:500;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-left: 5px;
    position: relative;
}
.header-right > li >.get-start {
    
   
    padding-right:20px;
    padding-left:20px;
    border-radius: 10px;
    background-color: #2baae1  !important;
    color: #fff !important;
}
.header-right > li > .get-start:hover,.header-right > li >.getactive  {
    border: 1px solid #2baae1;  color: white!important;
    background-color: #2baae1 !important;
}
.navbar-default .header-right > li:focus > a::before, .navbar-default .header-right > li:hover > a::before, .navbar-default .header-right > li.active > a::before{
    background: #2baae1   none repeat scroll 0 0;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    top: 34px;
    width: 30px;
    margin:0 auto;


}
.smallheader .header-right > li > a{
    font-size:11px ;
    color: #2baae1!important;
}
.smallheader .header-right > li > .get-start{
    border:1px solid #2baae1; color: #fff !important;
}

.smallheader .navbar-default .header-right > li:focus > a::before, .smallheader .navbar-default .header-right > li:hover > a::before, .smallheader .navbar-default .header-right > li.active > a::before {
    background: #2baae1  none repeat scroll 0 0;

}
.navbar-default li:nth-child(3) a::before{
    width: 45px!important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
    background-color: transparent !important;
}
.header1 .navbar-brand{
    margin-top:15px;
}
.header1{

    /*background-color: #D7DFE2;*/
    border-color: transparent;
}

.smallheader .header1{
    background-color: #ffffff;
}
.navbar-default .header-right > li:last-child:focus > a::before, .navbar-default .header-right > li:last-child:hover > a::before{
    display:none !important;
}
.smallheader .header-right {
    margin-right: 0;
    padding: 30px 0;
}
.smallheader .navbar-brand{
    margin-top: 5px;

}
/* END Header Styles */

/* Banner Section */
.banner-sec{ position: relative; }
.banner-sec .banner .item aside img{ width:100%; margin: auto; height: 400px;}
.banner-sec .banner .item aside h2.heading-baner { font-size:51px; font-weight: 500; width:100%; position: relative;   margin-bottom: 30px; padding-top: 30px;font-family: Tiempos Headline,Georgia,serif; }
.banner-sec .banner .item aside h2.heading-baner:before{ content: "";
width: 50px;
height: 4px;
background: #333;
position: absolute;
bottom: -10px;
margin: auto;
left: 0;
right: 0; display:none;}
.banner-sec .banner .item aside p{font-size:22px; font-weight:400; line-height: 34px; padding-top:30px;    font-family: Flama,sans-serif;  }
.banner-sec .banner .item aside p span{color:#149a9a; font-size:22px; font-weight:700; text-transform: uppercase; }
.banner-sec .banner .item aside a.btn{ margin-right:0px; }

/* End Banner Section Stylers */

.servies-salad-sec{ padding:50px 0; }
.servies-salad-sec aside{ float: left; text-align: center; }
.servies-salad-sec aside h6{ font-size: 16px; font-weight: 700; }
.servies-salad-sec aside p{ font-size: 14px; font-weight: 400; }

.benefit-sec{ background: url(../images/nbg.html) no-repeat top center;background-size: cover; color:#fff;}
.benefit-sec  aside h3{ font-size:24px; font-weight:400; text-align: center; color:#fff; padding:0 30px 30px 30px; }
.benefit-sec aside aside{ text-align: center; margin: 10px 0 10px 0; z-index: 2;}
.benefit-sec aside p{ font-size: 14px; font-weight: 400; padding: 10px 0px 10px 0px; line-height: 36px;  }
.benefit-sec aside .right-content{ text-align: left; width:86%; padding-left:60px}
.benefit-sec aside .right-content h3{text-align: left; padding:0px 0px 25px 0;}
.benefit-sec aside .right-content .footer-form .row { margin-left: -15px !important;}
.benefit-sec aside .right-content .footer-form .form-group { padding: 0 15px 15px;margin: 0;}
.benefit-sec aside .right-content .footer-form .form-group {padding-left:15px; }
.benefit-sec aside .right-content .footer-form .btn {padding: 15px 30px;font-size: 18px;}
.benefit-employee-sec { text-align:center; padding:0px 0 30px 0; margin-top: -100px;  }
.benefit-employee-sec .heading-block h3{ font-size:26px; color:#149a9a; text-align: center; font-weight: 500; }
.benefit-employee-sec .heading-block h5{ font-size:20px; color:#333333; text-align: center; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; padding: 5px 0;  }
.benefit-employee-sec .info-content{ padding-top:30px; }
.benefit-employee-sec .info-content aside h4{ font-size:24px; color:#149a9a; text-align: center; font-weight: 500; line-height: 48px; }
.benefit-employee-sec .info-content aside h5{ font-size:20px; color:#333333; text-align: center; font-weight: 500; line-height: 48px; }
.benefit-employee-sec .info-content aside p{ font-size:16px; color:#666666; text-align: center; font-weight:300; letter-spacing: 1px; padding: 5px 20px; line-height:32px;  }
.benefit-employee-sec .info-content aside hr { border-top: 2px solid #999;}
.benefit-employee-sec .info-content aside.how-work h4{ font-size:24px; color:#149a9a; text-align: center; font-weight: 500; line-height: 48px; }
.benefit-employee-sec .info-content aside.how-work h5{ font-size:20px; color:#333333; text-align: center; font-weight: 500; line-height:normal; margin:20px 0 0 0;}
.benefit-employee-sec .info-content aside.how-work p{ font-size:16px; color:#666666; text-align: center; font-weight:300; letter-spacing: 1px;  padding: 5px 60px;line-height: 28px; }
.botom-bg-em{ background: #fff;

top: -95px;

position: relative;

z-index: 0; }


/*********footer************/

.footer a:hover{

    color:#999;

    cursor: pointer;

}



.footer{

    background-color: #EDEDED;

    padding-top:50px;

}

.footer h6{

    color:#1d3250;

    font-weight: 600;

}

.footer ul li a{

    color:#666666;

    line-height: 25px;

    font-weight: 500;

}

.footer-form {

    margin-top:20px;

}

.footer-form .form-control{

    height:50px;

    border:1px solid #1D3251;

}

.footer-form .btn{

    float:right;

    margin-top: 15px;

    padding:10px 30px;

}

.subscribe .form-control{

    height:55px;

    border:1px solid #1D3250 !IMPORTANT;   



}

.footer-form .row{

    margin-left: 0px !important;

}     

.subscribe {

    margin:15px auto;   

    margin-top: 5px;

}

.social {

    margin-top: 0;

    text-align: right;

}

.social li{ padding-right: 0; padding-left: 0; }

.d-float{

    float:left;

}

.getstart-block-panel p{

    text-align:justify;

}

.subscribe .input-group-addon{

    background-color: #1d3250;

    color:#fff;

    padding-left:25px;

    padding-right:25px;

    border:1px solid #1D3250;    

}

.subscribe .input-group-addon .fa{

    font-size: 20px;

}

.fb-bg{ background:#3b5998;  }
.tw-bg{ background:#27a6d1;  }
.in-bg{ background:#007ab9;  }
.yt-bg{ background:#c4302b;  }
.d-padding{ padding: 0; }
.social .fa {

    /*border: 1px solid #1D3250;*/

    border-radius: 30px;

    font-size: 20px;

    font-size: 20px;
padding: 10px 7px 7px 7px;

    height: 40px;

    width:40px;

    text-align: center;

    color:#fff;

    -webkit-box-shadow: 10px 10px 4px -15px rgba(0,0,0,0.64);

    box-shadow: 10px 10px 4px -15px rgba(0, 0, 0, 0.64);

    -moz-box-shadow: 10px 10px 4px -15px rgba(0,0,0,0.64);

    box-shadow: 10px 10px 4px -15px rgba(0,0,0,0.64);

}

.social .fa:hover{

    background-color: #1D3250;

    color:#fff;    

}

.footer-list{

    border-right:1px solid #8E8E8E;

}

.social .list-inline > li{

    padding-left: 0px;



}

.footer p{

    color:#666666;

    line-height: 19px;

    font-weight: 500;

}

.subscribe .form-control::-moz-placeholder{

    color:#1D3250;

    font-weight:500;



}

.d-head{

    font-size: 26px;

    font-weight: 600;

    text-align: center;

    text-transform: uppercase;

    margin-bottom: 20px;

    margin-top: 0;

    position: relative;

}



.d-head::before {

    background: #16395f none repeat scroll 0 0;

    content: "";

    display: block;

    height: 3px;

    left: 0;

    position: absolute;

    right: 0;

    top: 34px;

    width: 70px;

    margin: 0 auto;

}



.contact-form-block2 h4::before {

    background: #16395f none repeat scroll 0 0;

    content: "";

    display: block;

    height: 3px;

    left: 32px;

    position: absolute;

    right: auto;

    top: 28px;

    width: 70px;

    margin: 0 auto;

}

.contact-form-block h5::before {

    background: #16395f none repeat scroll 0 0;

    content: "";

    display: block;

    height: 3px;

    left: 0;

    position: absolute;

    right: 0;

    top: 30px;

    width: 70px;

    margin: 0 auto;

}

.subscribe .form-control::-webkit-input-placeholder{

    color:#1D3250;

    font-weight:500;

}

.footer-form .form-group{

    padding-left:0px;

}

.footer-section2{

    border-bottom: 1px solid #ddd;

    padding-bottom: 15px;

}

.copyrights{

    padding-top:20px;

    padding-bottom:10px;    

}

.copyrights p{

    color:#1d3250;

}

.copyrights ul{

    float: right;    

}

.copyrights ul li a{

    color:#1d3250;   

}

.copyrights ul li:last-child{

    padding-right: 0px; 

}

/********home page******/





.banner .carousel-caption {

    bottom: auto;

    top: 25%;

    color: #fff;

    left: 14%;

    padding-bottom: 20px;

    padding-top: 20px;

    position: absolute;

    right: 15%;

    text-align: left;

    text-shadow:none;

    width:570px;



}

.banner .carousel-caption h3{

    color:#149A9A;

    text-transform:uppercase;

    line-height: 1.5;

    font-weight: 600;

    position: relative;

}

.banner .carousel-caption h3::after {

    content: "";

    border-bottom: 4px solid #149A9A;

    position: absolute;

    bottom: -6px;

    width: 150px;

    left: 0;

}

.banner .carousel-caption h1{

    font-weight: 600;

}

.banner .carousel-caption p{

    font-size: 18px;

    color:#666666;

    line-height: 30px;

    margin-top: 15px;

}

.banner .carousel-inner > .item > a > img,.banner .carousel-inner > .item > img{

    width:100%;

    height: 650px;

    object-fit: cover;

}

.carousel-indicators li{

    background-color: #557189;

    border: 1px solid #557189;

    width: 12px;

    height: 12px;

    margin: 0;

}

.dd-block{

    text-align:center;

}

.dd-block h3{

    font-weight:500;

}

.dd-block button{

    margin:10px auto;

}

.d-pick{

    border: 1px solid #1d3251;

    height: 50px;

    text-align: center;

    background-color:#FFF;

    margin:0!important;

}



.carousel-indicators li.active{

    background-color: #1D3250;

    border: 1px solid #1D3250;



}

.navbar-default .header-right > li:focus > .get-start::before, .navbar-default .header-right > li:hover > .get-start::before, .navbar-default .header-right > li.active > .get-start::before {

    display:none;

}



.standard {

    padding-top: 35px;

    padding-bottom: 40px;

    text-align: center;

}

.relationship {

    padding-top: 60px;

    padding-bottom: 50px;

    background-color: #1D3251;

    text-align: center;

}

.para-margin{

    margin-bottom:0;

}

.d-pick {

    box-shadow:none!important;

}

.d-pick .open,.d-pick ul{

    background-color:#F0EFEF;

}

.d-pick span{

    color: #1d3251;

    text-align: center!important;

    font-weight: 500;

}

.footer a.active{

    color:#999;



}
.blue-left-form-btns{ width: 50%; margin: auto; }
.white-btn {
    background-color: #fff;
    border: 2px solid #149A9A;
    padding: 15px 40px;
    color: #149A9A;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-box-shadow: 10px 10px 4px -10px rgba(0,0,0,0.64);
    -moz-box-shadow: 10px 10px 4px -10px rgba(0,0,0,0.64);
    box-shadow: 10px 10px 4px -10px rgba(0,0,0,0.64);
    margin: 20px auto;
        margin-top: 20px;
    border-radius: 2px !important;
}

.blue-btn{

    background-color:#2baae1;

    border:2px solid #2baae1;

    padding:15px 40px;

    color:#fff;

    text-transform: uppercase;

    font-weight: 500;

    /*-webkit-box-shadow: 10px 10px 4px -10px rgba(0,0,0,0.64);

    -moz-box-shadow: 10px 10px 4px -10px rgba(0,0,0,0.64);

    box-shadow: 10px 10px 4px -10px rgba(0,0,0,0.64);*/

    margin: 20px auto;

    border-radius:50px !important;

}

.smallheader .header-right > li > .get-start:hover, .smallheader .header-right > li > .getactive {
    border: 1px solid #2baae1;
    color: white !important;
    background-color: #2baae1 !important;
}

.blue-btn:hover,.blue-btn:focus,.blue-btn:active{

   color: white;
    background: #2baae1;

}

.white-btn:hover,.white-btn:focus,.white-btn:active{

    color:#FFF;

    background:#199187;

}


.flt-ryt{  float: right; }




@media screen and (max-width: 1200px) {
    .header-right {
        margin-right: 0px;
        padding: 15px 0 !important;
        float: left !important;
        width:auto;
    }.header1 .navbar-brand img {
        width: 150px;
    }
}
@media screen and (max-width: 1280px) {

    .banner .carousel-caption{
        left:6%;
    }
    .header-right > li > a {
    margin-left: 0;
    font-size: 11px;
}

.header-right {
    padding: 25px 0 !important;
}
}
@media screen and (max-width: 1024px) {
    .contact-form .col-md-4{
        width:100%;
    }
    .smallheader .header-right{
        padding: 17px 0 !important;

    }
    .copyrights p{
        font-size:13px;
    }
    .navbar-brand > img{

    }
    .smallheader .navbar-brand > img{
        margin-top:0px;
    }
    .header-right{
        padding:25px 0!important;
    }
    .banner .carousel-caption{
        width:500px;
    }
    .banner .carousel-caption h3{
        font-size:20px;
    }
    .contact-form .btn {
        float: left;
        margin-top: 13px;
    }
    
}
@media screen and (max-width: 991px) {


.container {
    width: 100% !important;
}
.nav > li > a { padding: 10px 13px;}
}
@media screen and (max-width: 980px) {
    .header1 .navbar-brand img{
        width:150px;
    }.header-right {
        margin-right: 0px;
        padding: 15px 0 !important;
    }
    .header-right > li > a{
        font-size: 11px;
        margin-left: 0px;
    }
    
    .header-right {
        padding: 57px 0;
    }
    .header1 .container{
        width: 100%;
    }
    .header-right {
        margin-right: 10px;
    }
    .header1 .navbar-brand img{
        margin-left: 10px;
    }
    .banner .carousel-caption {
        top:30%;
        width:400px;   
    }
    .banner .carousel-caption h1{
        font-size: 27px;
    }
    .banner .carousel-caption p {
        font-size: 14px;
    }
    .customer-service img{
        display:none;
    }
    .videoblock{
        padding-top:20px;
        padding-bottom:30px;
    }
    .contact-details {
        margin-top: 5px;
    }

    .contact-form .g-recaptcha{
        float: left;
        left: -46px;
        position: relative;
        transform: scale(0.7);
    }
    .persion{
        display:none;    
    }
    .ourstory-block {
        padding-top:30px;
        padding-bottom:30px;
    }
    .ourstory {
        padding-top: 0;
    }
    .footer-form .form-group {
        padding-left: 15px;
    }
    .faqpanel{
        padding-right:20px;
    }

}
@media screen and (max-width: 800px) {
    .banner .carousel-caption {
        top:24%;
        width:350px;   
    }
    .d-pick span{
        text-align:left!important;
    }
    .header-right {
        padding: 15px 0 !important;
    }
    .banner .carousel-caption h1{
        font-size: 27px;
    }
    .header1 .navbar-brand{
        padding:0;
    }
    .header-right > li > .get-start{
        padding-right: 10px;
        padding-left: 10px;
    }
    .footer-form{
        margin-left: -15px;
    }
    .customer-service-block h1{
        font-size: 25px;
    }

    .customer-service-block p {
        font-size: 16px;
        line-height: 20px;
    }

    .banner .carousel-caption h1 {
        font-size: 20px;
    }
    .social {
        margin-top:0px;
    }
    .footer-section2 {
        padding-bottom: 0;
    }
    .faq-block2 .btn {   margin: 4px 0; }
    .faq-block2 p {
        font-size: 14px;
    }
    .faq-block2 h5 {   margin-bottom: 10px;    }
    .faq-branding p {
        line-height: 22px;
    }
    .faq-def h4 {
        font-size: 22px;

    }
    .getstart-nav > li > a{
        font-size: 14px;
    }
    .sign_up h1 {
        font-size: 22px;
        margin-top: 64px;
    }
    .nav > li > a {
        padding-left: 7px;
        padding-right: 5px;
        font-size: 11px;
        margin-right: 0px;
    }
}
@media only screen and (max-width:768px) {
.nav > li > a { padding: 10px 11px;}
    .forget-pwd {

        float: left;

    }
    .d-pos-abs p{
        padding: 0 10px;

    }
    .banner .carousel-inner > .item > a > img, .banner .carousel-inner > .item > img{
        object-position: 81% 100%;
    }
    .checkbox-left {

        margin-bottom:10px;
    }
    .sign {
        height: 50px;
        font-size: 20px;
    }
    .sign_up h1 {

        font-size: 24px !important;

    }
    .sign_up p {

        font-size: 12px;
    }
    .sign_up h1 {

        margin-top:35px;
    }.box {
        padding: 25px 20px;
        margin-bottom: 50px;
        margin-top: 25px;
    }
    .form_section {
        background-color: #F2F2F2;
        padding-top:0 !important;
    }
    element {
    }
    .sign_up h1 {

        font-size: 23px;

        margin-top: 80px;
    }

    .sign_up p {

        font-size: 13px;
    }
    .message {

        margin-bottom:35px;
        margin-top: 10px;
    }


    .login {

        font-size: 19px;

        padding: 10px 0;

    }

    .sign_sec {
        margin: 0;
    }
    .frm-grp {
        padding-left:0;
    }
    .l_button {

        top:67%;
    }
    .l_arrow
    {width: 38px;
    }
    .l_button p {
        font-size:10px !important;
        padding: 0px 10px;
    }

    .l_click
    {
        height:200px;
    }.l_work h1 {
        font-size: 22px;
        margin:0;

    }.l_work h4 {

        font-size: 14px;
    }
    .l_image {
        margin-top: 15px;
    }.l_work p
    {
        margin:0;
    }
    .l_work h5 {


        margin-top:20px;

    }
    .forget-pwd {
        float: right;
    }
    .sign_up h1 {    
        font-size: 23px;    
        margin-top: 190px;}
    .l_button p {
        font-size: 18px;
        padding: 0px 10px;
    }
    .l_arrow {
        width: 64px;
    }
    .faq-branding img {
        margin-top: 17px;
    }
    .banner-sec .banner .item aside img{ width:100%;}
    .botom-bg-em { top: 0;}
    .benefit-employee-sec {margin-top: 0;}
}
@media screen and (max-width: 767px) {
.col-md-2.navbar-header.hidden-sm.hidden-xs {
    display: none !important;
}

.navbar-header.hidden-lg.hidden-md {
    display: block !important;
}
    .footer-form .row {
        margin-left: -15px !important;
    }
    .standard-block img{
        height:auto;
    }
    .arrow-image::after{
        content:"";


    }
    .arrow-image::before{
        content:"";

    }
    .com-class::after {
        content: url('../images/Arrow-small.html');
        position: absolute;
        left: 0;
        top: 215px;
        right: 0;
        text-align: center;
    }
    .com-class1::after {
        content: url('../images/Arrow-small.html');
        position: absolute;
        left: 0;
        top: 230px;
        right: 0;
        text-align: center;
    }
    .com-class2::after {
        content: url('../images/Arrow-small.html');
        position: absolute;
        left: 0;
        top: 230px;
        right: 0;
        text-align: center;
    }
    .com-class3::after {
        content: url('../images/Arrow-small.html');
        position: absolute;
        left: 0;
        top: 230px;
        right: 0;
        text-align: center;
    }
    .com-class4::after {
        content: url('../images/Arrow-small.html');
        position: absolute;
        left: 0;
        top: 268px;
        right: 0;
        text-align: center;
    }
    .com-class5::after {
        content: url('../images/Arrow-small.html');
        position: absolute;
        left: 0;
        top: 282px;
        right: 0;
        text-align: center;
    }
    .com-class6::after {
        content: url('../images/Arrow-small.html');
        position: absolute;
        left: 0;
        top: 248px;
        right: 0;
        text-align: center;
    }
    .com-class7::after {
        content: url('../images/Arrow-small.html');
        position: absolute;
        left: 0;
        top: 230px;
        right: 0;
        text-align: center;
    }
    .com-class8{
        margin-bottom:0!important;
    }
    .l_image{
        margin-bottom:100px;
    }


    .center_img {
        width: auto;
    }
    .header-right {
        padding: 0 !important;
        padding-bottom:10px !important;
    }
    .smallheader .header-right {
        padding: 0!important;
        padding-bottom:10px !important;
    }
    .header1 .navbar-brand img {
        margin-left: 0;
        margin-top: 0;
    }
    .footer-form {
        margin-left: 0;
    }
    .d-pos-abs p {
        font-size: 20px;
    }
    .greyback{
        padding-top: 70px;  
    }
    .header1 .navbar-brand{
        padding:10px 15px;
    }
    navbar-brand > img {
        display: block;
        width: 105px;
    }

    .static-banner {
        margin-top: 50px;
    }
    .banner .carousel-caption h3::after{
        right: 0;
        margin: 0 auto;
    }
    .static-banner {
        margin-top:0px;
    }

    .header-right > li > .get-start{

        margin-left: 0!important;
    }

    .d-pos-abs{
        padding: 45px 0;
    }
    .static-banner{
        height:300px;
    }
    .navbar-default .header-right > li:focus > a::before, .navbar-default .header-right > li:hover > a::before, .navbar-default .header-right > li.active > a::before {
        left: 15px;
        right: auto;
    }
    .header-right {
        margin-right: 0;
        padding: 0;
    }
    .header1 .navbar-brand{
        margin-top: 0px !important;
        padding: 9px !important;

    }
    .navbar-default .navbar-toggle {
        margin-right: 25px;
        margin-top: 10px;
        border: 1px solid #888888 ;
    }
    .header-right li{
        margin-left:20px;
    }
    .header-right > li > .get-start {
        display: inline-flex;
        margin-left: 13px;
        margin-top: 10px;   
    }
    .header1 .navbar-brand img {
        width: 129px;
    }
    .header1 .navbar-collapse{
        background-color: #fff;
    }
    .banner .carousel-caption{
        width: 87%;
        top: 14%;
        text-align: center;
    }
    .banner .carousel-caption p {
        display:none;
    }
    .banner .carousel-caption h1 {
        font-size: 22px;
    }
    .banner .carousel-inner > .item > a > img, .banner .carousel-inner > .item > img {
        height: auto;
    }
    .banner .carousel-caption {
        top: 16%;
    }
    .blue-btn{
        padding: 6px 21px;
        border-radius:2px !important;
    }
    .borrower-nav > li > a{
        font-size: 14px;
    }
    .borrower-content {
        padding-top: 40px;
    }

    .customer-service-block h1{
        line-height: 36px;
        font-size: 24px;
    }
    .relationship h2 {
        line-height: 33px;
        font-size: 18px;
        padding-bottom: 0;
    }
    .relationship {

        padding-bottom: 20px;
        padding-top: 30px;
    }
    .customer-service-block {
        padding-top: 20px;
    }
    .standard {
        padding-bottom: 40px;
        padding-top: 26px;
    }
    .standard h2 {
        font-size: 18px;
    }
    .standard-block img {
        padding-top: 0;
    }
    .whatwedo-block img {
        padding-top: 0px;
    }
    .whatwedo {
        padding-bottom: 22px;
        padding-top: 20px;
    }



    .identies {
        padding-bottom: 0;
        padding-top: 0;
    }
    .whatwedo h5 {
        margin-top: 15px;
    }
    .contact{
        padding-top:0px;
        padding-bottom:30px;
    }
    .footer {
        padding-top: 30px;
    }
    .copyrights ul {
        float: none;
        text-align:center;
    }
    .copyrights p {
        text-align: center;
    }
    .orange-btn {
        padding: 9px 25px;
    }
    .faqpanel{
        padding-right:0px;
    }
    .faq {
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .faq-list {
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .faq-def p {
        margin-top: 20px;
    }
    .needmore {
        padding-bottom: 30px;
        padding-top: 15px;
    }
    .faq-block2 .btn {
        margin: 4px 0 20px;
    }
    .faqpanel .panel-default > .panel-heading a{
        font-size: 16px;
    }
    .faqpanel .panel-default > .panel-heading{
        padding: 15px 0;
    }
    .contact-form-block2 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .contact-form-block {
        border-radius: 0;
    }
    .contact-form-block2 h4 {
        margin-bottom: 20px;
    }
    .getstart {
        background-color: #f2f2f2;
        padding-top: 10px;
    }
    .getstart .borrower{
        padding-top: 20px !important;
    }
    .identies h2 {
        font-size: 24px;
        padding-bottom: 10px;
    }
    .sign_up h1 {    font-size: 23px;    margin-top: 80px;}
    .l_button p {
        font-size: 17px !important;
        padding: 0px 10px;
    }
    .identies .row{
        margin-right: 0px !important;
        margin-left: 0px !important;

    }
}
@media screen and (max-width: 600px) {
    .d-head::before {
        background: #16395f none repeat scroll 0 0;
        content: "";
        display: block;
        height: 3px;
        left: 0;
        position: absolute;
        right: 0;
        top: 60px;
        width: 70px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 584px) {
    .borrower-nav > li > a {
        font-size: 12px;

    }
}
@media screen and (max-width: 568px) {
    .header-right > li > a{
        padding-top:5px;
        padding-bottom:5px;
    }
    .navbar-default .header-right > li:focus > a::before, .navbar-default .header-right > li:hover > a::before, .navbar-default .header-right > li.active > a::before{
        top: 26px;
    }
}
@media screen and (max-width: 500px) {
    .loan-nav > li {
        width: 100%;
    }
}
@media screen and (max-width: 500px) {
    .infom{
        width:100%;        
    }.footer .col-md-4.col-xs-4.clearfix {
        width: 100%;
    }
    .match-video{
        height:230px;
    }
    .faq-branding {
        width: 100%;
    }

    .contact-form-block {
        padding: 30px 30px;
    }
    .getstart-nav > li {

        width: 100% !important;
    }
    .getstart-nav .nav2 {
        border-bottom-left-radius: 0em !important;
        border-top-left-radius: 0em !important;
        margin-bottom:10px;
    }
    .getstart-nav .nav2 a {
        border-bottom-left-radius: 0em !important;
        border-top-left-radius: 0em !important;
    }
    .getstart-nav .nav1 {
        border-bottom-right-radius: 0em !important;
        border-top-right-radius: 0em !important;
        margin-top:10px;
    }
    .getstart-nav .nav1 a {
        border-bottom-right-radius: 0em !important;
        border-top-right-radius: 0em !important;
    }
    .form-select-city .form-group {
        margin-bottom: 18px;
    }
    .getstart-nav > li > a {
        padding: 10px 20px !important;
    }
    .getstart-block-panel .panel-default > .panel-heading a {
        padding-right: 30px;
    }

}
@media only screen and (max-width:414px) {
    .l_arrow {
        width: 51px !important;
    }
    .faqpanel .panel-default > .panel-heading a {
        font-size: 13px;
    }
    .getstart-block-panel .glyphicon{
        left: 20px;
    }
    .banner .carousel-caption h3 {
        font-size: 16px;

    }
    .faqpanel .panel-default > .panel-heading a{
        display:block;
    }
    .com-class5::after {
        top: 313px;
    }
    .com-class6::after {
        top: 293px;
    }
    .carousel-caption{
        min-height: 230px;
    }
    .banner .carousel-caption h3::after{
        display:none;
    }
    .borrower-nav > li > a {
        font-size: 12px;
        padding: 10px 15px !important;
    }
    .banner .carousel-caption {
        top: -18%;
        position: relative;
    }
    .service-form .form-group {
        padding-right: 15px!important;
    }
    .d-pos-abs p {
        font-size: 12px;
    }
    .borrower-nav{
        width:auto!important;
    }

    .l_button p {
        font-size: 14px !important;
        padding: 0px 10px !important;
    }
    .getstart-block-panel .glyphicon::after {
        left: -3.5px;
    }
    .getstart-block h3 {
        font-size: 17px;
    }
    .d-pos-abs h1 {
        font-size: 18px;
    }
    .d-pos-abs p {
        font-size: 16px;
        padding: 0 15px;
    }
}
@media only screen and (max-width:375px) {
    .l_button {

        top: 65%;
    }
    .l_arrow
    {width: 38px;
    }
    .com-class5::after {
        top: 347px;
    }
    .l_button p {
        font-size:14px !important;
        padding: 0px 10px;
    }.l_click
    {
        height:200px;
    }.l_work h1 {
        font-size: 22px;
        margin:0;

    }.l_work h4 {

        font-size: 14px;
    }
    .l_image {
        margin-top: 15px;
    }.l_work p
    {
        margin:0;
    }
    .l_work h5 {


        margin-top:20px;

    }
    .borrower-nav > li > a{
        font-size: 15px;
    }

    .relationship h2 {
        font-size: 17px;
    }
    .com-class2::after {
        top: 264px;
    }
}
@media only screen and (max-width:360px) {
    .com-class2::after {
        top: 275px;
    }
    .com-class5::after {
        top: 355px;
    }
    .com-class1::after {
        top: 263px; 
    }
}
@media only screen and (max-width:320px) {

    .forget-pwd {

        float: left;

    }
    .checkbox-left {

        margin-bottom:10px;
    }
    .sign {
        height: 50px;
        font-size: 20px;
    }
    .sign_up h1 {

        font-size: 23px !important;
        margin-top:80px;

    }



    .box {
        padding: 25px 20px;
        margin-bottom: 50px;
        margin-top: 25px;
    }



    .sign_up p {

        font-size: 13px;
    }
    .message {

        margin-bottom:35px;
        margin-top: 10px;
    }


    .login {

        font-size: 19px;

        padding: 10px 0;

    }

    .sign_sec {
        margin: 0;
    }
    .frm-grp {
        padding-left:0;
    }
    .l_button {

        top:67%;
    }
    .l_arrow
    {width: 38px;
    }
    .l_button p {
        font-size:10px !important;
        padding: 0px 10px;
    }.l_click
    {
        height:200px;
    }.l_work h1 {
        font-size: 22px;
        margin:0;

    }.l_work h4 {

        font-size: 14px;
    }
    .l_image {
        margin-top: 15px;
    }.l_work p
    {
        margin:0;
    }
    .l_work h5 {


        margin-top:20px;

    }

    .l_content p
    {
        text-align:justify;
    }
    .l_content ol li
    {
        text-align:justify;
    }
    .l_content ul li
    {
        text-align:justify;
    }

    .l_list {
        margin-bottom: 0 !important;
        padding: 0 29px;

    }
    .getstart-block-panel .panel-default > .panel-heading a {
        padding-right: 20px;
    }

}
.logo{
    padding-top: 10px;
}
.about{
    width: 212px;
    height: 64px;
    position: relative;
    z-index: 1;
}
.about:before{
    content: "";
    position: absolute;
    left: 24px;
    top: 42px;
    height: 1px;
    width: 20%;
    border-bottom: 4px solid;
}
.home-finance-stress td, .home-finance-stress th {
    padding: 5px;
    border-bottom: 1px solid #000;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-right: 10px;
}

.carousel-caption P{
    text-align: justify;
}


/*********pop up************/

.pop-up-loader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(70,70,70,0.9);
    translate-y: (-50% -50%);
    z-index: 000000000000001000000000000 !important;
}.pop-up-loader1 {
    position: absolute;
    top: 30%;
    left: 0%;
    right: 0%;
    text-align: center;
    color: #ffff;
    z-index: 111111111111111111111111;
}.pop-up-loader1 h1 {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 35px;
    letter-spacing: -1px;
}.line2 {
    width: 6%;
    border: 2px solid #fff;
    margin-top: 14px;
    margin-bottom: 100px;

}.pop-up-loader1 p {
    font-size: 24px;
    font-weight: 500;
    margin-top: 109px;
}
.close-butn {
    position: absolute;
    top: 3%;
    right: 14px;
    text-align: center;
    color: #ffff;
    z-index: 111111111111111111111111;
    font-size: 22px;
    font-weight: 500;
    cursor:pointer;
}
.close-butn .fa.fa-times {
    border: 1px solid rgb(47,142,135);
    background: rgba(47,142,135);
    border-radius: 67px;
    padding: 6px 9px;
    padding-left: 9px;
    line-height: 26px;
    padding-left: 12px;
}
.loader
{height: 175px;
}
@media only screen and (max-width:1195px)
{
    .sf-detail {
        margin-top: 65px ;
    }

    .sf-dtetail1 > li > a {
        background-color: #C7DFE9;
        margin-right: 0;
        color: #fff !important;
        font-size: 13px;
        font-weight: 500;
        padding: 15px 14px !important;

    }.sf-detail h1
    {font-size: 23px;
    }
}

@media only screen and (max-width:960px)
{.sf-detail {
     margin-top: 98px;
 }
}
@media only screen and (max-width:800px)
{
    .sf-detail  {
        margin-top:20px !important;
    }.sf-dtetail1 > li > a {
        background-color: #C7DFE9;
        margin-right: 0;
        color: #fff !important;
        font-size: 11px;
        font-weight: 500;
        padding: 15px 14px !important;

    }
}
@media only screen and (max-width:650px)
{.sf-detail h1 {
     font-size: 17px !important;
 }.sf-dtl {
     background-color: #f2f2f2;
     padding-top: 70px;
 }
}
@media screen and (max-width: 767px) {

    .loader {
        max-width: 150px;
        height:unset;
    }.pop-up-loader1 p {
        font-size: 18px;
        font-weight: 500;
        margin-top: 40px;
    }
    .banner-sec .banner .item aside.col-md-6.col-sm-6.text-right { text-align:left; }
}


.activ-employee { text-align:center; padding:0px 0 30px 0;  background: rgba(1,88,169,1);
    background: -moz-linear-gradient(left, rgba(1,88,169,1) 0%, rgba(47,142,183,1) 48%, rgba(51,142,187,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(1,88,169,1)), color-stop(48%, rgba(47,142,183,1)), color-stop(100%, rgba(51,142,187,1)));
    background: -webkit-linear-gradient(left, rgba(1,88,169,1) 0%, rgba(47,142,183,1) 48%, rgba(51,142,187,1) 100%);
    background: -o-linear-gradient(left, rgba(1,88,169,1) 0%, rgba(47,142,183,1) 48%, rgba(51,142,187,1) 100%);
    background: -ms-linear-gradient(left, rgba(1,88,169,1) 0%, rgba(47,142,183,1) 48%, rgba(51,142,187,1) 100%);
    background: linear-gradient(to right, rgba(1,88,169,1) 0%, rgba(47,142,183,1) 48%, rgba(51,142,187,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0158a9', endColorstr='#338ebb', GradientType=1 );}
.activ-employee .heading-block { padding:30px 0; }
.activ-employee .heading-block h3{ font-size:26px; color:#fff; text-align: center; font-weight: 500; }
.activ-employee .heading-block h5{ font-size:20px; color:#ffcc00; text-align: center; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; padding: 5px 0;  }
.activ-employee aside i{  font-size: 54px;padding-bottom: 20px; }
.activ-employee aside p{font-size: 14px;
color: #fff;
text-align: center;
font-weight: 300;
letter-spacing: 1px;
padding: 5px 20px;
line-height: 28px;}


#inform-pop .sign_up p.info-pop-msg{ font-size: 14px;
color: #fff;
text-align: center;
font-weight: 300;
letter-spacing: 1px;
padding: 1px 8px;
line-height: 10px;}

.activ-employee aside p a {
    color: #fff;
    font-weight: 700;
}

.activ-employee aside i.fa-users {color: #fdc269;}
.activ-employee aside i.fa-envelope {color: #ffff79;}
.activ-employee aside i.fa-comments-o {color: #49ecdf;}

.activ-employee aside .classysocial .smain.default-image {
    cursor: pointer;}
.activ-employee aside .classysocial .smain.default-image:before{
position:absolute; width:100%; height:100%; top:0; left:0; background: rgba(1,88,169,1);
background: -moz-linear-gradient(left, rgba(1,88,169,1) 0%, rgba(47,142,183,1) 48%, rgba(51,142,187,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(1,88,169,1)), color-stop(48%, rgba(47,142,183,1)), color-stop(100%, rgba(51,142,187,1)));
background: -webkit-linear-gradient(left, rgba(1,88,169,1) 0%, rgba(47,142,183,1) 48%, rgba(51,142,187,1) 100%);
background: -o-linear-gradient(left, rgba(1,88,169,1) 0%, rgba(47,142,183,1) 48%, rgba(51,142,187,1) 100%);
background: -ms-linear-gradient(left, rgba(1,88,169,1) 0%, rgba(47,142,183,1) 48%, rgba(51,142,187,1) 100%);
background: linear-gradient(to right, rgba(1,88,169,1) 0%, rgba(47,142,183,1) 48%, rgba(51,142,187,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0158a9', endColorstr='#338ebb', GradientType=1 );
}
    
.activ-employee aside .classysocial .smain {
   width: 50px;
height: 35px;
margin-left: -8px;
box-shadow: none;}
    
.activ-employee aside .classysocial .square .sbutton {
    width: 25px;
    height: 25px;}
.activ-employee aside  .vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
.activ-employee aside  .modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
}

.activ-employee aside  .getstart {padding-top:0px;}


.activ-employee .classysocial {
    display: inline-block;
    width: 35px;
    height: 35px;
    position: relative;
    z-index: 1;
    float: left;
}


.activ-employee aside  .vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.activ-employee aside  .vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
.activ-employee aside  .modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
}
.success-msg { padding:5px 0 0 0; }
.success-msg h3{ font-weight:700;     margin: 3px 0;  }
.success-msg .mesg-user-welcom { text-align:left; margin-top: 30px; }
.success-msg .mesg-user-welcom h4{ font-weight:400;  }
.success-msg .mesg-user-welcom p{ color:#333; text-align:left; padding: 0; line-height: 22px;  }
.success-msg .mesg-user-welcom p.tean-sign{ color:#333; text-align:right; padding: 0; font-size:11px;  } 
.activ-employee aside  .getstart {padding-top:0px;}

#inform-pop .borrower-nav { width: 100% !important;}
#inform-pop .sign_up h1 { font-size: 18px;}
#inform-pop .activ-employee aside p,  #inform-pop .sign_up p {color:#333 !important;}
#inform-pop .borrower-nav > li > a {font-size: 16px; padding: 15px 10px !important;}
#inform-pop .borrower { padding-top: 5px; padding-bottom: 0px;}
#inform-pop p.checktext {color: #333; text-align: justify; padding: 0; line-height: 22px; }
#inform-pop p.checktext a {  color: #149a9a; font-weight: 600; }
#inform-pop .input-group-btn:last-child > .btn, 
#inform-pop .input-group-btn:last-child > .btn-group {margin-left: -1px; margin-top: 0px; height: 50px;}
#inform-pop .getstart-nav > li { width: 100% !important; }
#inform-pop .close { right: 0px;
    top: 0px;
    position: relative;
    width: 35px;
    height: 34px;
    background: #D7DFE2;
    color: #000000;
    padding: 4px 10px;
    font-weight: 300;
    opacity: 1;
    z-index: 5;
    border: 1px solid #ccc;}
#inform-pop .close:before {content: "x";

    font-size:23px;
    }
@media screen and (max-width:666px) {
.activ-employee .heading-block { padding:15px; }
}