@charset "utf-8";
/* CSS Document */
* {
	padding: 0px;
	margin: 0px;
}
html {
	font-size: 100%;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
label {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
    max-width: 100%;
}
ol, ul {
	list-style: none;
}
strong{
	font-weight:700;
}
:focus {
	outline: 0;
}
a, a:link {
	text-decoration: none;
	outline: none;
	transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
}
figure{
	text-align:center;
	}
img {
	max-width:100%;
	height:auto;
}
p {
	padding: 2px 0;
	font-size: 16px;
	font-weight: 300;
}
.clear {
	clear: both;
}
body {
	margin: 0 !important;
	padding: 0;
	font-family: 'Open Sans';
	color: #000;
	overflow-x: hidden;
	margin: 0 0 0 0px;
	background-color:#fff;
}

.header{ position:relative; padding:0 0;}

.navigation{padding:15px 30px; transition: height 0.3s linear; -webkit-transition: all 0.3s linear; box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);}
.navigation.fixednav{ position:fixed; top: 0; width: 100%; background: #fff; padding: 10px 30px; z-index: 888;}
.navigation ul{}
.navigation ul li{}
.navigation ul li a{transition:all 0.3s ease; -webkit-transition:all 0.3s ease; font-size:15px; border: 2px solid transparent; color:#000; display:block; padding:10px 16px; font-weight: 700; }
.navigation ul li a:hover{ border: 2px solid #0f4971; color:#000;}
a.call-btn{ font-size: 20px; background-color: #0f4971; display: inline-block; font-weight: 700; color: #fff; border: 1px solid #fff; border-radius:50px; padding: 10px 20px; margin-left: 50px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);}
.offcanvas-body{align-items: center;}
.navbar-brand{ padding: 0;}
.navbar-brand img{ height: 70px; margin: 0; transition: height 0.3s linear; }
.navigation.fixednav .navbar-brand img{ height: 50px;}
.top_bar{background-color: #0f4971; padding: 8px 0;}
.top_bar a{font-size: 18px; display: inline-block; font-weight: 700; color: #fff; border: 2px solid #fff; border-radius:50px; padding: 5px 10px;}
.top_bar p{font-size: 14px; color: #fff; text-align: center;}
.section-video video {
	width: 100%;
	background: rgb(0, 0, 0);
	margin: 0;
	padding: 0;
  }
.navbar-toggler{ border: none; box-shadow: none;}  
.navbar-toggler:focus{border: none; box-shadow: none;}
.group-button-area{background-color: #0f4971; padding: 20px 0; text-align: center; margin-top: -10px;}
.group-button-area h3{ font-size: 30px; font-weight: 700; color: #fff; text-align: center;}
.group-button-area a{display: inline-block; border: 1px solid #fff; border-radius: 50px; font-size: 20px; font-weight: 700; padding: 10px; text-align: center; line-height: 25px; color: #fff; margin: 20px 85px 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);}
.group-button-area a:hover{background-color: #fff; color: #0f4971;}
.section-start{ padding: 70px 0;}
.section-start h3{ font-size: 34px; font-weight: 700; color: #0f4971;}
.section-start p{ font-size: 16px; font-weight: 300; line-height: 25px; margin: 20px 0 0;}
a.button{ background-color: #0f4971; font-size: 20px; color: #fff; font-weight: 700; border-radius: 50px; text-align: center; margin-top: 30px; border: 1px solid #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.9); display: inline-block; min-width: 260px; text-align: center; padding: 12px 15px;}
a.button:hover{background: #fff; border-color: #0f4971; color: #000;}
.section-start a.button{ text-transform: uppercase; margin-top: 40px;}
.section-about{overflow: hidden; padding: 20px 0 70px;}
.group-video{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); padding:50px 60px; margin: 70px 50px 70px -70px; background-color: #fff;}
.group-video h2{font-size: 34px; font-weight: 700; color: #0f4971; text-align: center;}
.group-video p{font-size: 16px; font-weight: 300; margin: 20px 0 0;}
.group-video video{width: 100%; margin-top: 25px;}
.section-about img{height: 100%; margin-top: 20px;}
.service-desc h2{font-size: 34px; color: #0f4971; text-align: center;}
.service-desc h2 strong{font-weight: 700; text-align: center;}
.service-desc p{ font-size: 16px; font-weight: 300; margin: 20px 0 0; text-align: center;}
.service-desc a.button{ margin-top: 10px;}
.service-block h3{ font-size: 18px; font-weight: 700; color: #0f4971; margin: 15px 0 0;}
.service-block p{ margin: 5px 0 0;}
.section-service{padding: 20px 0 70px;}
.additi-service{ padding: 30px 0 70px;}
.additi-service h3{font-size: 40px; color: #0f4971; text-align: center; font-weight: 700;}
.addi-servicecolumn{}
.addi-servicecolumn li{ margin-top: 40px;}
.addi-servicecolumn li img{width: 100px;}
.addi-servicecolumn h4{font-size: 18px; font-weight: 700; color: #0f4971; margin: 10px 0 0;}
.addi-servicecolumn p{ margin: 10px 0 0;}
.section-apply{ text-align: center; background: url(../images/photo-1589483232748-515c025575bc-1920w.webp) no-repeat top center; position: relative; background-attachment: fixed; padding: 90px 0;}
.section-apply::before{background-color: #0f4971; position: absolute; top: 0; width: 100%; content: ""; height: 100%; left: 0; opacity: 0.5;}
.section-apply .container{position: relative;}
.section-apply h3{font-size: 44px; color: #fff; text-align: center; font-weight: 700; position: relative; padding-top: 20px;}
.section-apply h3::after{ height: 4px; width: 50px; background-color: rgb(0, 0, 124); content: ""; position: absolute; left: 0; right: 0; top: 0; margin: 0 auto;}
.section-apply p{ color: #fff; font-size: 20px; font-weight: 500; margin: 20px 0 0;}
.section-apply a.button{margin: 15px 0 0;}
.section-contact{padding: 80px 0; overflow: hidden;}
.section-contact img{height: 100%;}
.contact-block{ margin: 40px 0; width: 600px; max-width: 100%;}
.contact-block h2{font-size: 40px; color: #0f4971; font-style: italic; font-weight: 700; }
.contact-block p{margin: 15px 0 0;}
.contact-block p a{color: #0f4971;}
.contact-block label{ display: block; font-size: 16px; font-weight: 300; margin: 20px 0 5px;}
.contact-block input[type=text],.contact-block input[type=email],.contact-block input[type=tel],.contact-block textarea{width: 100%; height: 30px; border: none; border-bottom: 1px solid #000;}
.contact-block input[type=submit]{background-color: #0f4971; font-size: 20px; color: #fff; font-weight: 700; border-radius: 50px; text-align: center; margin-top: 30px; border: 1px solid #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.9); display: inline-block; min-width: 220px; text-align: center; padding: 12px 15px;}
.info{ margin-top:30px;}
.flogo{margin-bottom:20px;}
.info h3{font-size:24px; color:#000; margin:15px 0 5px; font-weight: 700;}
.info h4{font-size:20px; color:#000; margin:25px 0 5px;}
.info p{font-size: 15px; color: #0f4971; margin: 0 0 0;}
.info p span{font-size: 14px;}
.info ul{ margin-top: 10px;}
.info ul li{font-size:15px; color:#000; overflow:hidden; line-height:30px;}
.info ul li a{font-size:15px; color:#000; display: block; padding: 10px 0; border-bottom: 1px solid #ccc;}
.info ul li a:hover{color:#0f4971;}
.info ul li i{margin-right:5px;}
.info iframe{margin-top: 25px;}
.section-faq{padding: 70px 0;}
.section-faq h3{font-size: 40px; color: #0f4971; font-weight: 700; text-align: center;}
.section-faq h5{font-size: 20px; text-align: center; font-weight: 300; margin: 20px 0 0; line-height: 28px;}
.faq-accordion{ margin:50px 0 0;}
.faq-accordion .accordion-item{ background:none; border:none; border-bottom: 1px solid #000; padding:0 0 0;}
.accordion-button:not(.collapsed){box-shadow: none;}
.faq-accordion .accordion-button{ background:none; border:none; font-size:18px; font-weight:700; color:#0f4971; padding:15px 0; margin: 0;}
.faq-accordion .accordion-body{ padding:15px 0;}
.section-faq h4{font-size: 16px; font-weight: 700; margin: 0 0 0; line-height: 25px; color: #000;}
.faq-accordion .accordion-body p{color:#000; font-weight:300; margin: 15px 0 0; opacity:0.9;}
.faq-accordion .accordion-body p a{color: #0f4971;}
.faq-accordion .accordion-body p a:hover{text-decoration:underline;}
.faq-accordion ul{ margin: 10px 0 0 15px; list-style: outside;}
.faq-accordion ul li{ font-size: 16px; font-weight: 300;}
.copyright{background: #0f4971; padding: 5px 0; margin-top: 30px;}
.copyright p{font-size: 18px; font-weight: 700; color: #fff;}
.paralax-banner{ background: url(../images/photo-1488998527040-85054a85150e-2880w.webp) no-repeat top center; background-attachment: fixed; position: relative; padding: 100px 0;} 
.paralax-banner .container{position: relative;}
.paralax-banner::before{background-color: #0f4971; position: absolute; top: 0; width: 100%; content: ""; height: 100%; left: 0; opacity: 0.5;}
.paralax-banner h2{font-size: 40px; font-weight: 700; color: #fff;}
.paralax-banner p{color: #fff; margin: 15px 0 0; font-weight: 400;}
.paralax-block{width: 550px; max-width: 100%;}
.paralax-block a.button{ margin: 20px 0 0;}
.section-gallery{padding: 50px 0;}
.gallery-column{ columns: 3; gap: 10px;}
.gallery-column li{ margin-bottom: 10px; overflow: hidden; }
.gallery-column li img{transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.gallery-column li img:hover{ cursor: pointer; transform: scale(1.1);}
.contact-page .contact-block{ float: right;}

@media screen and (max-width:1199px){
.group-video{ margin: 0 15px 0 0;}
.section-about img{height: auto;}
.section-about .row{align-items: center;}
.navbar-brand img{height: 60px;}	
}

@media screen and (max-width:991px){
.navbar-toggler{padding:0; line-height:inherit;}	
.navigation ul{text-align:right; margin: 0; padding: 0 !important;}	
.navigation ul li a{ color: #fff; padding: 5px 10px; font-weight: 500;}	
a.call-btn{float: right; padding: 5px 20px; margin-top: 10px;}
.navigation ul li a:hover{color: #fff;}
.navigation ul.d-flex li a{ padding-left:10px;}
.navigation ul.d-flex{justify-content:flex-end;}
.offcanvas{width: 280px !important;}
.navigation,.navigation.fixednav{padding: 15px 0;}
.group-button-area a{ margin: 20px 0 0; padding: 10px 15px; font-size: 18px;}
a.call-btn{font-size: 15px;}
.group-video{ padding: 30px 40px;}
.group-video h2{font-size: 26px;}
}
@media screen and (max-width:767px){
.group-button-area h3{font-size: 22px; margin: 20px 0 0;}
.group-button-area{padding-bottom: 40px;}
.section-start h3,.group-video h2,.service-desc h2,.additi-service h3,.section-apply h3,.section-faq h3,.contact-block h2,.paralax-banner h2{text-align: center; font-size: 30px;}
.section-start{text-align: center;}	
a.button{font-size: 18px;}
.image01{margin-top: 50px;}
.group-video{margin: 0;}
.service-block{margin-top: 40px; text-align: center;}
.section-faq h5{font-size: 18px;}
.contact-block{width:auto; margin: 0 15px; margin-top: 60px;}
.addi-servicecolumn li{text-align: center;}
.group-video{padding: 50px 15px;}
.info ul li a{padding: 5px 0;}
.contact-block{margin-bottom: 50px;}
.section-contact.contact-page{ padding-top: 30px;}
.section-contact img,.section-about img{ height: auto;}
}
@media screen and (max-width:576px){
.gallery-column{ columns: 2; gap: 10px;}	
}
@media screen and (max-width:435px){
.section-start h3, .group-video h2, .service-desc h2, .additi-service h3, .section-apply h3, .section-faq h3, .contact-block h2,.paralax-banner h2{font-size: 24px;}
.navbar-brand img{height: 45px;}
.group-button-area a{font-size: 16px;}
.navigation.fixednav .navbar-brand img{height: 40px;}	
.group-button-area h3{font-size: 20px;}
.info h3{font-size: 20px; margin-top: 0;}
.info h4{font-size: 16px;}
}

@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('../fonts/proximanova-regular.eot');
    src: url('../fonts/proximanova-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-regular.woff') format('woff'),
         url('../fonts/proximanova-regular.ttf') format('truetype'),
         url('../fonts/proximanova-regular.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}