html{overflow-x:hidden;scroll-behavior: smooth;}
body{background:#fff;font-family:'Poppins',sans-serif; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, span, p, a, li{font-family:'Poppins',sans-serif;}
h1, h2, h3, h4, h5, h6{margin:0px; padding:0px;}
body a{-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.cl{clear:both;}
.top{background:#0f1115;padding:10px 100px 0}
.topleft ul{list-style:none;margin-left:-30px}
.topleft li, .topleft a{display:inline-block; color:#fff;font-size:0.9em; margin-right:30px; text-decoration:none}
.topleft i{color:#e0011a;margin-right:5px}

.topright ul{list-style:none;margin-left:-30px; text-align:right}
.topright li{display:inline-block;}
.topright a{color:#fff;font-size:1em; margin-right:25px; text-decoration:none}
.topright a:hover{color:#e0011a;}

.topnav{padding:0 100px;background:#1a1d24}
.navbar-brand{background: #fff;position: absolute;padding:20px;top: 0;z-index: 999; border-radius:0 0 10px 10px;}
.navbar-brand > img{width:250px}
.navbar{margin-bottom:0; padding:0}

.manubar{padding:0px 100px;}
.navbar-light .navbar-nav .nav-link {color:#0f1115;font-size: 0.9em;padding:20px 30px;text-transform: uppercase;font-weight: 300;}
.navbar-expand-lg .navbar-nav .dropdown-menu {background: #0f1115; color:#fff}
.dropdown-item{color:#fff !important;font-size: 0.9em;}
.dropdown-item:focus, .dropdown-item:hover {color: #fff;background-color: #e0011a;}

.carousel-control-next, .carousel-control-prev {opacity: 1;background: transparent;border: 0;}

.menu-padding{padding:0 70px}
.services-menu{padding:0px 25px 25px 25px}
.services-menu .col-lg-3{margin-top:30px}
.services-menu .col-lg-3 img{border-radius:5px}
.overlay-base{position:relative; overflow:hidden !important; width:300px}
.menu-overlay{background:rgba(0,0,0,.8); width:100%; height:100%; position:absolute; left:0; top:0;border-radius:5px; padding:100px 15px 0 25px;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.menu-overlay h3{color:#fff !important; font-size:1.2em; font-weight:600; border-left:3px solid#fff; padding-left:10px}
.menu-overlay:hover{padding:80px 15px 0 25px;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}

.header{padding:0; overflow:hidden}
.header .carousel-caption{background:rgba(0,0,0,0.5); padding:35px}
.header .carousel-caption {position: absolute;right: 15%;bottom: 300px;left: 7%;z-index: 10;padding-top: 20px;padding-bottom: 20px; width:650px}
.header .carousel-caption p{bottom: 250px;font-size:3.5em;font-weight:700;color: #fff;text-shadow:none; text-align:left; text-transform:uppercase;line-height:1}
.header .carousel-caption h3 {font-size:1.2em;color:#fff;text-align: left;font-weight:300;line-height:1.1;}
.header .carousel-caption h4 {font-size:1.1em;color:#fff;text-align: left;font-weight:800;line-height:1.1; margin-top:15px}
.header .carousel-control.right{background-image: none;}
.header .carousel-control.left{background-image: none;}
.header .carousel-inner .item img{height:100%}

.intro{background:#1a1d24;padding:100px}
.intro span{background:#e0011a;padding: 8px 15px;color:#fff; text-transform:uppercase; font-size:1.2em; font-weight:500;font-family: 'Teko',Arial,sans-serif;letter-spacing: 2px;}
.intro h1{font-size:2.8em; color:#fff; font-weight:800;margin:35px 0;line-height:1;letter-spacing: -1px;}
hr.line1{border-top: 4px solid#e0011a; width:10%; float:left; margin:0}
.intro p{color: #a8a8a8; font-size:0.9em; line-height:1.6; font-weight:300; margin-top:30px}
.intro-box{height:500px; padding:40px}
.intro-box h2{font-size:1.8em; color:#fff; font-weight:800;margin:35px 0;line-height:1;letter-spacing: -1px;}
.intro-box p{color: #fff; font-size:0.9em; line-height:1.6; font-weight:300; margin-top:30px}
.intro-box ul{margin-left:-30px}
.intro-box li{color: #fff; font-size:0.9em; line-height:1.6; font-weight:300;}
.intro-box img{height:80px}
.intro-box-color1{background:#e0011a;}
.intro-box-color2{background:#0f1115;}
.pt-50{padding-top:50px}

.who{margin-top:80px; padding:0 100px}
.pt-8{padding-top:8px}
.mt-30{margin-top:30px}
.who span{background:#e0011a;padding: 8px 15px;color:#fff; text-transform:uppercase; font-size:1.2em; font-weight:500;font-family: 'Teko',Arial,sans-serif;letter-spacing: 2px;}
.who h3{font-size:2.8em; color:#1a1d24; font-weight:800;margin:35px 0;line-height:1;}
.who p{color:#1a1d24; font-size:0.9em; line-height:1.6; font-weight:300;}
.call{background:#1a1d24; margin-top:15px; padding: 25px 0px 35px 150px;}
.call img{height:70px}
.call p{font-size:1em; color:#fff}
.call h5{font-size:2em; color:#fff}
.call i {float: left;margin-right: 30px;margin-top: 4px;}
.call .number{margin-left: 25px;padding-left: 10px;}

.services{padding:0px;margin-top:80px}
.services h3{font-size:2.8em; color:#1a1d24; font-weight:800; text-align:center; margin-bottom:30px}
.services p{font-size:0.9em;font-weight:300;color:#373737;text-align:center;}
.owl-carousel {display: block;}
.three{margin-top:30px; padding:0}
.three-box{padding:50px;height: 300px;}
.three-box h4{font-size: 1.6em; color:#fff; font-weight:800;margin-bottom:35px;line-height:1.3;letter-spacing: -1px;}
.three-box p{color: #fff; font-size:1em; line-height:1.6; font-weight:400; margin-top:30px}
.three-box-color1{background:#1a1d24}
.three-box-color2{background:#e0011a}
hr.line2{border-top: 4px solid#fff; width:10%; float:left; margin:0}

.testimonials{margin-top:30px; padding:0px 100px;background:#fff}
.testimonials h5{font-size:2.8em; color:#1a1d24; font-weight:800;margin-bottom:35px;line-height:1;letter-spacing: -2px;text-align:center}
.testimonials .client-review .item{background:#1a1d24 !important; border-radius:10px; padding:15px; height:450px}
.testimonials .client-review .item p{font-size:0.9em; text-align:center; color:#a8a8a8}

.slide-grid1{background:#f6f5f5; border-radius:10px; padding:30px;height: 450px;}
.slide-grid1 img{height:100px !important; width:100px !important; margin-bottom:70px}
.testimonials .owl-carousel .owl-nav.disabled {display: block;}
.testimonials .owl-carousel .owl-nav button.owl-next{right:20px;position:absolute; top:40%; border:1px solid#e0011a; border-radius:50px;height:40px; width:40px;}
.testimonials .owl-carousel .owl-nav button.owl-prev{left:20px;position:absolute; top:40%; border:1px solid#e0011a; border-radius:50px;height:40px; width:40px;}
.slide-grid1 strong{color:#000; font-size:0.9em; text-align:center; margin-bottom:15px}
.slide-grid1 p{color:#373737; font-size:1em; font-weight:300;line-height:1.5; text-align:center}
.testimonials .owl-carousel{padding:0 70px 0 70px; margin:auto}
.testimonials span {font-size:40px;position: relative;top: -11px;color:#e0011a;}

.easy-way{margin-top:80px}
.way1{background:#e0011a; height:600px;padding: 60px 60px;}
.way1 h5{font-size:3.2em; color:#fff; font-weight:800;line-height:1;letter-spacing: -2px;}
.way1 span{font-size:3.5em; color:#1a1d24}
.way2{padding:0; overflow:hidden;height:600px;}
.way2 img{width:100%}
.way3{background:#1a1d24; height:600px;padding: 70px 50px;}
.way3 p{color: #a8a8a8; font-size:0.9em; line-height:1.6; font-weight:300; margin-top:30px}
.way3 h5{font-size:3em; color:#fff; font-weight:800;line-height:1.2;letter-spacing: -2px; margin-bottom:30px}
.way3 .feature-block{font-size:0.9em;font-weight:300;display: block;padding-bottom: 10px;padding-top: 10px;color: #a8a8a8;}
.way3 .feature-block i{color:#e0011a; margin-right:10px; font-size:1.3em}

.thanks{padding:100px}
.thanks img{width:200;margin:auto;display:block}

.expect{margin-top:80px;}
.expect h4{font-size:2.8em; color:#1a1d24; font-weight:800; text-align:center; margin-bottom:30px}
.expect p{color:#373737; font-size:1.2em; font-weight:600; line-height:1.3; text-align:center}
.expect img{width:900px; margin-top:40px; border-radius:10px; cursor:pointer}

.modal-content{background-color:transparent;border:0;}
.modal-content span{color:#fff; text-align: right; font-size: 1.5em; cursor:pointer}

#basicModal #textarea{display:block;width:100%;height:100px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;border:5px;border-radius:4px;background:rgba(255,255,255,0.5);}
#basicModal .modal-content{background:#e4f2fd;padding:25px;}
#basicModal .modal-content .form-control{background:rgba(255,255,255,0.5);border:0}
#basicModal .modal-header h4{font-weight:800;color:#08145e;}

@media only screen and (min-width: 768px) {
.dropdown:hover .dropdown-menu {display: block;padding-top:10px;}
}

.footer{background:#1a1d24; padding:80px 100px 40px; margin-top:80px}
.footer-logo img{width:220px}
.footer h5{font-size:1.8em; color:#fff; font-weight:800;}
.footer ul{list-style:none; margin-top:15px;margin-left:-40px}
.footer li{font-size:1em; font-weight:300; padding:2px 0}
.footer a{color:#fff; text-decoration:none}
.footer a:hover{color:#e0011a; background:transparent}
.social{margin-top:25px !important; margin-bottom:25px}
.social ul{list-style:none; margin-left:-50px !important;margin-top:0px !important}
.social li{display:inline; padding:10px;}
.social a{color:#fff; font-size:1.5em}
.social a:hover{color:#e0011a; margin-left:0px}
.footer-map{width:100%; height:200px; margin-top:15px}
.footer-line{border-top: 1px solid#7e838a;}
.copyright{margin-top:25px}
.copyright p, .copyright a{text-align:center; color:#7e838a;font-size:1em;font-weight:300}
.copyright a:hover{color:#e0011a;margin-left:0px}
.address p{font-size:1em;font-weight:300;color:#fff}

.top-scroll{display:none;position:fixed;bottom:50px;right:4%;z-index:1000;display:block;width:40px;height:40px;line-height:35px;font-size:23px;color:#fff;text-align:center;background:#e0011a;border-radius:25px;cursor:pointer;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);opacity:1;}
.top-scroll:hover{opacity:1;}

.header-in{background:#c90116; height:300px; padding:100px}
.header-in p{color:#fff; font-size:1.2em; line-height:1; font-weight:500;margin-bottom: 0;margin-top:80px}
.header-in span{color:#fff;font-family: 'Playfair Display', serif;}
.header-in h1{color:#fff; font-size:3em; line-height:1.2; font-weight:600;}

.fixedElement{position: sticky;top: 20px;}
.page-wrap{margin-top:50px; padding:0 100px}
.page-wrap h2{color:#003a66; font-size:1.6em; line-height:1; font-weight:600; margin-bottom:15px}
.page-wrap h3{color:#003a66; font-size:1.6em; line-height:1; font-weight:600; margin-bottom:15px}
.page-wrap h4{color:#003a66; font-size:1.6em; line-height:1; font-weight:600; margin-bottom:15px}
.page-wrap p{color:#373737; font-size:0.9em; line-height:1.5; font-weight:300;}

.page-wrap ul, .page-wrap ol{margin-left:-20px}
.page-wrap li{color:#a8a8a8; font-size:0.9em; line-height:1.7; font-weight:400;}

.form{background:transparent;padding:0px; margin-top:50px}
.form .container{padding:0px}
.form h3{font-size:1.8em;font-weight:300;color:#000;line-height:1}
.form h4{font-size:1.2em;font-weight:500;color:#000;line-height:2}
.form h5{font-size:1.2em;font-weight:300;color:#000;line-height:2}
.form h6{font-size:3em;font-weight:800;color:#2f4d5a;text-align:center;text-transform:uppercase}
.form p{font-size:1em;font-weight:400;color:#000;line-height:1}
.g1{background:rgba(0,0,0,0.1);padding:0px; border-radius:10px; overflow:hidden}

.form-in{background:rgba(0,0,0,0.1);padding:35px;border-radius:10px}
.form-in .form-control{height:45px}
.form-in #textarea{width:100%; height:130px; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

.submit{text-align:center;padding:10px 30px;line-height:1.6;font-weight:600;background:#c90116;border:1px solid#c90116;color:#fff;;font-size:0.9em; border-radius:50px;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all; margin-top:15px}
.submit:hover{background:#003a66;border:1px solid#003a66;color:#fff;}

.mobile-form{display:none}
.desktop-form{display:block}

.contact{margin-top:0px}
.contact-list ul{list-style:none; margin-left:-40px; margin-top:25px}
.contact-list li{font-size:1em}
.list-item {line-height: 2;color: #fff !important;}
.contact-text {color: #fff;}
.place {margin-left: 15px; color:#fff !important}
.phone {margin-left: 11px;}
.gmail {margin-left: 8px;}
.contact-text a {color: #fff;text-decoration: none;transition-duration: 0.2s;}
.contact-text a:hover {color: #fff;text-decoration: none;}
.my-contact{width:900px; margin:auto; box-shadow:1px 1px 25px #ccc; border-radius:10px; overflow:hidden; height:550px; margin-top:-200px; background: #fff;position: relative;left: 0;right: 0;}
.left-contact{background:#e0011a; height:100vh; padding:35px 0 0 40px}
.left-contact h3{color:#fff; text-align:left}
.form2{padding:35px}
.form2 h3{text-align:left}
#textarea {display: block;width: 100%;height: 100px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;    background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

.action{background:#e0011a;border:1px solid#e0011a;color:#fff!important;padding:15px 35px !important;font-weight:400;border-radius:0;font-size:1em;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;}
.action:hover{background:#0f1115;border:1px solid#0f1115;color:#fff!important}

@media(min-width:320px) and (max-width:480px){
.mobile-form{display:block}
.desktop-form{display:none}
.top{padding:10px 15px}
.topleft{text-align:center}
.topright ul{text-align:center}
.topnav{padding:0 15px}
.manubar {padding: 0px;}
.navbar-brand{position:relative; padding:15px}
.navbar-brand > img {width: 120px;}
.navbar-default .navbar-toggle {border-color: #fff;}
.navbar-toggle {padding: 6px 10px;}
.navbar-toggler{margin-right: 10px !important;}
.fa-2x {color: #fff;}
.navbar-collapse{padding: 0px 15px 5px;}
.navbar-light .navbar-nav .nav-link {padding: 3px 0px;}
.navbar-default .navbar-nav > li > a::after {display:none}
.navbar-default .navbar-nav > li > a {padding: 10px 0px !important;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #fff;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{color: #e0011a !important;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {padding: 0 15px;}
.dropdown-item {padding: 3px 10px;}
.header{height:auto}
.header .carousel-caption{display:none}
.carousel-inner img{width:100%; height:auto}
.intro{padding:0px 15px 50px}
.intro h1 {font-size: 1.5em;margin: 15px 0;}
.intro-box {height: auto;padding: 25px;}
.intro-box h2 {font-size: 1.5em;margin: 15px 0;}
.intro-box-color1{margin-bottom:15px}
.who{margin-top: 50px;padding: 0 15px;}
.call{padding:25px}
.call h5 {font-size: 1.5em;}
.pt-8{margin-top:25px}
.who h3 {font-size: 1.5em;}
.services {margin-top: 50px;}
.services h3 {font-size: 1.5em;}
.owl-nav{display:none}
.three {margin-top: 50px;}
.three-box {padding:35px;}
.testimonials {margin-top:50px;padding: 0px 15px;}
.testimonials h5 {font-size: 1.5em;}
.testimonials .owl-carousel {padding: 0;}
.slide-grid1{height:360px}
.easy-way {margin-top: 50px;}
.way1 {height:auto;padding: 15px;}
.way1 h5 {font-size:1.5em;letter-spacing:0.5px}
.way1 span{font-size:1.1em; color:#fff;}
.way3 {height:auto;padding: 50px 15px;}
.way3 h5 {font-size:1.5em;}
.expect {margin-top: 50px;}
.expect h4 {font-size: 1.5em;margin-bottom: 20px;}
.expect img {width: 100%;margin-top: 0;}
.subscribe{padding:50px 15px}
.news-form {width: 100%;}
.footer{padding:50px 15px; margin-top:50px}
.footer h5 {font-size: 1.5em;}
.header-in {padding: 50px 15px; height:auto}
.header-in h1 {font-size: 2em;}
.page-wrap {padding: 0 15px;margin-top: 50px;margin-bottom: 50px;}
.form{margin-bottom:35px}
.my-contact{width:100%; height:auto}
.left-contact{height:auto;padding:30px}
.contact-list li {font-size: 1em;}
.place {margin-left: 10px;}
.phone {margin-left: 6px;}
.thanks {padding: 0px 50px;}
.thanks img{width:100%;margin:auto;display:block}
}