/********* Default Styling *********/

@font-face {

    font-family: 'Gotham';

    src: url('../fonts/Gotham-Medium.eot');

    src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),

         url('../fonts/Gotham-Medium.woff2') format('woff2'),

         url('../fonts/Gotham-Medium.woff') format('woff'),

         url('../fonts/Gotham-Medium.ttf') format('truetype'),

         url('../fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');

    font-weight: 500;

    font-style: normal;

}



html {

    -ms-overflow-style: scrollbar;

}

body {

    font-family: Gotham, arial, sans-serif;

    font-size: 14px;

    line-height: 1.42;

    margin: 0;

    padding: 0;

}

select::-ms-expand {

    display: none;

}

a{

    color: #005ca8;

}

label{

    font-weight: 400;

}

h3.form-title {

    color: #e30512;

    text-align: center;

    margin: 0 0 15px;

}

.btn{

    padding: 10px 25px;

    color: #fff;

    background-color: #005ca8;

    border: none;

    border-radius: 14px;

    font-weight: 500;

    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.4) !important;

    -webkit-transition: all .25s;

    -moz-transition: all .25s;

    -ms-transition: all .25s;

    -o-transition: all .25s;

    transition: all .25s;

}

.btn:hover,

.btn:focus{

    background-color: #0068bd;

    color: #fff;    

}

.btn.btn-danger{

    background-color: #e30512;

}

.btn.btn-danger:hover,

.btn.btn-danger:focus{

    background-color: #cf000c;

}

.form-control {

    background: #f2f2f2;

    border: none;

    border-radius: 0;

    font-size: 12px;

    box-shadow: none;

    color: #333;

    border:1px solid #999;

}

.btn:focus,

.form-control:focus{

    outline: none;

    box-shadow: none;

}

textarea.form-control{

    resize: none;

}

.form-control::-moz-placeholder{

    color:#888;

    opacity:1;

}

.form-control:-ms-input-placeholder{

    color:#888;

}

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

    color:#888;

}

.pricesec {  max-width: calc(100% - 335px);

    font-size: 20px;

    font-weight: bold;

    margin-top: 40px;

}

/* Header */



.logo a{

    display: inline-block;

}

.logo img {

    /* margin: 15px 0 10px; */

}

ul.header-link {

    margin: 0;

    padding: 0;

    text-align: right;

}

ul.header-link li {

    display: inline-block;

    margin: 15px 0 15px 10px;

}

ul.header-link li a {

    display: block;

    font-size: 10px;

    text-transform: uppercase;

}

ul.header-link li a .fa{

    background-color: #fff;

    border-radius: 50%;

    color: #005ca8;

    display: inline-block;

    height: 14px;

    width: 14px;

    line-height: 14px;  

}

.modal-header {

    background-color: #005ca8;

    color: #fff;

}

.modal-header .close {

    color: #fff;

    opacity: 1;

    font-weight: 400;

    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);

    font-size: 24px;

    margin: 0;

}

.modal-body .submit-wrapper {

    text-align: right;

}



/* Footer  */



footer {

    background-color: #005ca8;

    padding: 5px 0;

}

footer h4 {

    color: #00aeef;

    font-size: 19px;

}

footer a {

    color: #fff;

}

footer p {

    color: #fff;

    text-align: right;

    line-height: 20px;

    margin: 10px;

}



/* Banner */

.banner{

    position: relative;

}

div#banner .caption {

    position: absolute;

    bottom: 0;

    color: #fff;

    padding-bottom: 50px;

    left: 0;

    right: 0;

    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);

    z-index: 9;

}

div#banner .caption h1 {

    max-width: 100%;

    max-width: calc(100% - 335px);

}

div#banner .item:before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 414px;

    height: 274px;

   /* background: url('../images/banner_caption.png') no-repeat 0 0;*/

    background-size: 100%;

    z-index: 9;

}

div#banner .caption h1{

    font-size: 42px;

    line-height: 1.3;

    max-width: calc(100% - 335px);

}

.frames {

    padding: 0 15px;

	margin-top: 50px; 

}

.banner #request_form {

    position: absolute;

    top: 50%;

    right: 0;

    left: 0;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 99;

}

#request_form form{

    margin-left: auto;

    max-width: 350px;

    background: #fff;

    padding: 25px 25px 15px;

}

#request_form form .form-check{margin-bottom:10px;display:flex; align-items:start;width:100%;}

#request_form form .form-check > *{width:auto;margin:0;font-weight:normal;cursor:pointer;font-size: 13px;}

#request_form form .form-check .form-check-input {margin-right:5px;position: relative;top: 3px;}

#request_form form .form-check .form-check-label i{font-size:14px;color:#4FCE5D}



.submit-wrapper{

    text-align: center;

}

.submit-wrapper .submit_btn {

    margin: 0 auto;

}

.banner .carousel-inner > .item {

    height: calc(100vh - 71px);

    min-height: 590px;

}

.banner .carousel-inner > .item .banner_bg {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-size: cover;

    background-position: center center;

}





/* About Section */

section.about-section {

    padding: 50px 0 7%;

    margin-bottom: -7%;

    background: url(../images/about.png) no-repeat right top;

    background-size: 48%;

}

section.about-section .container {

    margin-bottom: 100px;

}

.about-section {

    color: #777;

    font-size: 16px;

}

.about-section h4 {

    color: #e30512;

    font-weight: 700;

    font-size: 21px;

}

.about-section h4 span {

    color: #005ca8;

}



/* Frames */

.section_heading {

    text-align: center;

}

.section_heading h3 {

    font-weight: 300;

    color: #666;

    font-size: 28px;

    margin: 0;

}

.section_heading h2{

    color: #005ca8;

    margin: 5px 0 50px;

}

.frames-boxes {

    background: #f2f2f2;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-wrap: wrap;

}

.frames-box {

    border: 1px solid #fff;

    position: relative;

    padding: 0;

}

.frames-static{

    padding: 50px;

    text-align: center;

    position: absolute;

    width: 100%;

    height: 100%;

}

.frames-box img {

    width: 100%;

    margin: 0 auto 20px;

    max-width: 300px;

}

.frames-hover{

    position: relative;

    background: url('../images/box_bg.png') no-repeat 0 15px #005ca8;

    padding: 40px 40px 60px;

    color: #fff;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all .35s;

    -moz-transition: all .35s;

    -ms-transition: all .35s;

    -o-transition: all .35s;

    transition: all .35s;

    min-height: 475px;

    height: 100%;

}

.frames-hover:after {

    display: table;

    clear: both;

    content: "";

}

.frames-box:hover .frames-hover{

    opacity: 1;

    visibility: visible;

}

.frames-static h5 {

    color: #005ca8;

    font-size: 21px;

    font-weight: 700;

}

.frames-static h6 {

    color: #e30512;

    font-size: 18px;

}

.frames-hover h5 {

    font-size: 21px;

}

.frames-hover h6 {

    color: rgba(255, 255, 255, 0.7);

    text-transform: uppercase;

    font-size: 14px;

}

.frames-hover p {

    line-height: 1.5;

    font-size: 12px;

    margin: 20px 0 20px;

    clear: both;

    font-weight: normal;

    text-align: justify;

}

.frames-hover .btn{

    position: absolute;

    bottom: 25px;

    right: 30px;

    font-size: 10px;

    text-transform: uppercase;

}





/* Service */



section.service{

    background: url('../images/service-bg.jpg') no-repeat 0 0;

    text-align: center;

    padding: 40px 0 50px;

    color: #fff;

    background-size: cover;
}

section.service p {

    font-size: 16px;

    margin: 40px auto;

    max-width: 80%;

    line-height: 1.7;

}

section.service .btn{

    text-transform: uppercase;

}

section.grid {

    background-color: #ca0001;

}

.grid ul {

    margin: 0;

    padding: 0;

    border-left: 2px solid #e30512;

    border-right: 2px solid #e30512;

    display: flex;

    flex-wrap: wrap;

}

.grid ul li {

    display: block;

    width: 20%;

    border: 2px solid #e30512;

    padding: 30px;

    text-align: center;

    color: #fff;

    text-transform: uppercase;

    font-size: 12px;

    letter-spacing: 1px;

}

.grid ul li img {

    max-width: 100%;

    margin-bottom: 15px;

}



/* Testimonials */



section.testimonials {

    padding: 50px 0;

}

.testimonial-caption {

    width: 100%;

    max-width: 820px;

    margin: 0 auto;

    text-align: center;

    padding: 0 60px;

}

#testimonials .carousel-control {

    width: 50px;

    height: 50px;

    margin: auto;

    background: url('../images/next_arrow.png') no-repeat center center;

    -webkit-transition: all .35s;

    -moz-transition: all .35s;

    -ms-transition: all .35s;

    -o-transition: all .35s;

    transition: all .35s;

    opacity: 1;

    background-size: 15px;

}

#testimonials .carousel-control.left{

    background-image: url('../images/prev_arrow.png');

}

#testimonials .carousel-control span {

    display: none;

}

section.testimonials h3 {

    color: #005ca8;

}

section.testimonials p {

    font-size: 16px;

    color: #666;

    line-height: 1.5;

}

section.testimonials p.bio {

    color: #e30512;

    text-transform: uppercase;

    letter-spacing: 1px;

    margin: 20px 0;

}

section.testimonials p.bio span {

    color: #999;

    display: block;

    font-size: 14px;

    text-transform: capitalize;

    letter-spacing: 0;

}

label.error {

    font-size: 10px;

    color: #e30512;

}

section.thankyou-msg {

    min-height: calc(100vh - 121px);

    text-align: center;

    padding: 30px 0;

}

section.thankyou-msg h1{

    color: #005ca8;

}

.gotocallabkform, .gotocallabkform:focus {

    width: 100%;

    padding: 13px;

    background: #e30512;

    color: #fff;

    font-size: 18px;

    line-height: 22px;

    position: fixed;

    z-index: 10;

    bottom: -100%;

    left: 0;

    text-align: center;

    -webkit-transition: 0.3s;

    -moz-transition: 0.2s;

    transition: 0.2s;

}

.gotocallabkform.active {

    bottom: 0;

}





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



    .frames-static{

        min-height: 0;

    }

}

@media (max-width: 991px) {

    

    .banner .container {

        width: 100%;

    }

    .frames-hover {

        padding: 50px 30px;

    }

    .grid ul li {

        padding: 30px 15px;

    }



}

@media (max-width: 767px) {



    .pricesec {

    max-width: 100%;

    font-size: 18px;

    font-weight: bold;

    margin-top: 40px;

}



    .logo img{

        margin: 15px auto 0;

    }

    ul.header-link {

        text-align: right;

        padding-bottom: 5px;

        padding-top: 5px;

    }

    ul.header-link li {

        margin: 5px 0 5px 5px;

    }

    ul.header-link li:first-child {

        margin-left: 0;

    }

    header .col-xs-8 {

        padding-left: 0;

    }

    #request_form form {

        max-width: 100%;

        position: static;

        padding-left: 0;

        padding-right: 0;

    }

    .banner #request_form {

        position: static;

        transform: none;

    }

       

    .banner .carousel-inner > .item {

        height: auto;

        padding: 100px 0;

        min-height: 0;

    }

    div#banner .caption {

        position: relative;

    }

    div#banner .caption h1 {

        max-width: 100%;

    }

    section.about-section {

        padding-top: 110px;

        margin-bottom: 0;

        padding: 30px 0 50px;

        background: no-repeat;

    }

    section.about-section .container {

        margin: 0;

    }

    .frames-static {

        min-height: 0;

    }

    footer h4, footer p {

        text-align: center;

        margin: 0;

    }

    footer .col-sm-6 {

        margin: 10px 0;

    }

    footer {

        padding: 10px 0;

    }

    .grid ul li {

        width: 33.33%;

        font-size: 11px;

    }

    #testimonials .carousel-control {

        width: 30px;

        height: 30px;

    }

    #testimonials .carousel-control.right {

        margin-right: -15px;

    }

    #testimonials .carousel-control.left {

        margin-left : -15px;

    }

    section.service p{

        max-width: 100%;

    }

    section.service {

        display: none;

    }

    .submit-wrapper {

        text-align: left;

    }

    .submit-wrapper .submit_btn {

        margin-top: 10px;

    }

    div#banner .caption h1 {

        font-size: 36px;

    }

    .testimonial-caption{

        padding: 0 30px;

    }

    .frames-static {

        position: static;

    }

    .frames-hover {

        visibility: visible;

        opacity: 1;

        min-height: 0;

        padding-bottom: 60px;

    }

    .frames-boxes {

        display: block;

    }



}

@media (max-width: 479px){



    .grid ul li {

        width: 50%;

    }

    ul.header-link li a {

        font-size: 8px;

        padding: 8px 7px;

        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4) !important;

    }

    .frames-static {

        padding: 50px 15px;

    }

    .frames-hover {

        padding: 30px 15px 60px;

    }

    .frames-hover p {

        margin-top: 40px;

        font-size: inherit;

    }

    .testimonial-caption{

        padding: 0 15px;

    }

    section.about-section {



    }



}

/*11-12-2018*/

.banner .carousel-inner > .item .banner_bg:before {

    content: "";

    top: 0;

    left: 0;

    width:100%;

    height:100%;

    position:absolute;

    background: rgba(0, 0, 0, 0.44);

}

.banner .carousel-inner > .item .caption ul{

	padding-left: 25px;

}

.banner .carousel-inner > .item .caption ul li{

	font-size:22px;

	color:#fff;

}

div#banner .caption {

    bottom: 10px;

}

div#banner .caption h1 {

    font-size: 28px;

}



@media(min-width:767px){

	section.about-section{

		margin-bottom:  0;

		padding-bottom:0;

	}

	.banner .carousel-inner > .item .caption ul {

	    max-width: calc(100% - 335px);

	}

    /*div#banner .caption {

        bottom: auto;

        top:50%;

        -webkit-transform: translateY(-50%);

        -moz-transform: translateY(-50%);

        transform: translateY(-50%);

    }*/

    div#banner .caption h1{

        margin-top:100px;

        max-width:100%;

    }

    .query-form{

        padding:0;

    } 

}

@media(max-width:992px){

	div#banner .caption h1 {

	    font-size: 32px;

	}



}

@media(max-width:767px){

    .banner{

        display:flex;

        flex-direction:column;

    }

    

    .banner .carousel{

        order:2;

    }

    

    .banner .query-form {

        order:1;

    }

    

	.banner .carousel-inner > .item .caption ul li{

		font-size:14px;

	}

	div#banner .caption h1 {

	    font-size: 18px;

	}

    .section_heading h3{

        font-size: 16px;

    }

    .section_heading h2 {

        font-size: 18px;

        margin: 5px 0 25px;

    }

}
@media(min-width:769px){.logo a img{width:300px;}}