html, body {width:100%; overflow-x:hidden;}
body {font-family:'Open Sans', sans-serif; font-size:14px;}

.menu {position:fixed; top:0; left:0; width:100%; z-index:1000; padding:25px 0; transition:all 0.3s ease;}
.menu.sticky {background:#fff; padding:10px 0; box-shadow: 0 0 30px rgba(20,22,24,0.15);}
#mainmenu {display:none;}
#mainmenu ul {list-style-type:none; margin:0; padding:6px 0 0 0; display:block; text-align:right;}
#mainmenu li {display:inline;}
#mainmenu a {display:inline-block; padding:10px; text-transform:uppercase; text-decoration:none; font-size:14px; font-weight:600; color:#02103a; transition:color 0.5s ease;}
#mainmenu a:hover {color:#2575d7;}
#mainmenu-open {color:#4977a9; font-size:22px; padding:12px; position:relative; left:14px; display:inline-block; float:right; line-height:22px;}

#mainmenu-close {float:right; padding:20px; font-size:22px; line-height:22px; display:inline-block; opacity:0.5; transition: all 0.5s ease;}
#mainmenu-close:hover, #mainmenu-close:focus, #mainmenu-close:active {opacity:1;}

#logo {position:relative; width:180px;}
#logo img {position:absolute; top:11px; left:0; /*z-index:1;*/}
#slogan {position:absolute; top:50px; left:0; /*z-index:2;*/ font-size:10px; color:#244263; display:block; width:179px; text-align:right;}

#section-header {padding:0; position:relative; height:100vh; background-color:#e7ecfb; background-image:url('../images/header.jpg'); background-size:cover; background-position:center center;}
.header-content {position:absolute; left:0; bottom:15vh; width:100%;}

.header-content-text {}
.header-content-text span {display:block; padding-bottom:20px; font-size:24px; font-weight:600; color:#244263;}
.header-content-text a  {color:#244263; text-decoration:none; transition:all 0.5s ease; display:inline-block;} 
.header-content-text a:hover, .header-content-text a:focus, .header-content-text a:active {color:#5a79ac; text-decoration:none; padding-left:20px;} 

section {}

.section-heading {text-align:center;}
.section-heading h2 {font-size:48px; font-weight:300; margin: 0 0 48px 0; padding:0; line-height:1.1;}

#section-about {background:#041025; color:#c6d4ff; padding:180px 0 160px 0;}
#section-about .section-heading h2 {color:#6a80c3;}
#section-about a, #section-about a:hover, #section-about a:focus, #section-about a:active {color:#fff; text-decoration:none;}


#section-services {/*background-color:#3a5476; */ color:#fff; padding:180px 0 160px 0; background-image: url("../images/services.jpg"); background-size:cover; background-position:center center; background-attachment:fixed; }
#section-services .services-content p {text-align:center; padding:10px 0 70px 0; margin:0;}
.service-box {background:rgba(4,20,43,0.3); padding:20px 30px; margin:0 0 30px 0;}
.service-box .service-title {margin-bottom:30px;}
.service-box .service-number {font-size:100px; line-height:100px; display:block; font-weight:900; color:#738eb0; margin-bottom:10px;}
.service-box .service-title h3 {margin:0; padding:0; font-size:18px; line-height:22px; color:#eef2ff; font-weight:700;}
.service-box .service-content {color:#eef2ff;}
.service-box .service-content ul {margin:0; padding:0; list-style-type:none; font-size:14px; font-weight:600; line-height:19px;}
.service-box .service-content ul li {margin:0 0 20px 0; padding:0 0 0 28px; position:relative;}
.service-box .service-content ul li::before {content:'\f067'; font-family:"Font Awesome 5 Free"; position:absolute; top:1px; left:0; color:#738eb0; font-size:15px; line-height:15px;font-weight:900;}


#section-references {color:#333841; padding:180px 0 160px 0; background-color:#f4f5f6; }
#section-references .section-heading h2 {color:#34508b;}

#section-contact {color:#fff; padding:180px 0 160px 0; background-image: url("../images/contact.jpg"); background-size:cover; background-position:center center; }

.nav-anchor {position:relative; top:-50px;}
.contact-company {display:block; font-weight:700; margin-bottom:4px;}
.contact-info p {margin-bottom:12px; color:#fff; padding-left:30px; position:relative; }
.contact-info p .fa {position:absolute; top:1px; left:0; font-size:17px;}

footer {background:#22334f; color:#5a79ac; text-align:center; padding:15px 0;}
footer a {color:#5a79ac;}

#referinte-sm, #referinte-lg {display:none;}

.nav-pills {}
.nav-pills a.nav-link {border-radius:0; background-color:transparent; color:#a4a8ae; font-size:20px; font-weight:700; text-align:right; line-height:1.15; padding:15px 0;}
.nav-pills a.nav-link.active {background-color:transparent; color:#34508b;}

#map {height:600px;}

.tab-pane dl {padding-top:16px; padding-left:16px;}
.tab-pane dt {margin-bottom:6px;}
.tab-pane dd {margin-bottom:12px;}

.accordion > .card .card-header { margin-bottom: 0; }
.card {border:0; background:transparent;}
.card-header {
	padding:0;
	margin-bottom: 0;
	background-color: transparent;
	border-bottom: 0; border:0;
}

.card-header button {text-decoration:none;  border-radius: 0;
	background-color: transparent;
	color: #a4a8ae;
	font-size: 20px;
	font-weight: 700;
	text-align: right;
	line-height: 1.15;
	padding: 15px 0;
}

.btn-link.hover, .btn-link:hover, .btn-link.focus, .btn-link:focus, .btn-link.active, .btn-link:active {
	text-decoration: none;
	box-shadow: none; color:#34508b;
}

.ref-hidden {display:none;}
.ref-readmore {color:#6a80c3; text-decoration:none; font-weight:700;}
.ref-readmore:hover, .ref-readmore:focus, .ref-readmore:active {color:#34508b; text-decoration:none;}

@media (min-width: 2px) {
   
}

@media (max-width: 576px) {
    .header-content-text span {padding-bottom:15px; font-size:21px; }
}

@media (max-width: 767px) {
    .container {padding-left:30px; padding-right:30px;}
    .contact-info-container {padding:20px 0;}
    .contact-info {width:270px; margin:0 auto; }
    .contact-info p {margin-bottom:21px; }
    #section-about {padding:80px 0 60px 0;}
    #section-services {padding:80px 0 60px 0;  }
    #section-references {padding:80px 0 60px 0; }
    #section-contact {padding:80px 0 60px 0; }
    .section-heading h2 {font-size:36px;  margin: 0 0 36px 0; line-height:1.25; font-weight:400;}

    #mainmenu {position:fixed; top:0; left:0; width:100%; min-height:100vh; background:#041025; color:#c6d4ff; float:none;}
    #mainmenu ul {text-align:center; display:block; clear:both; padding:40px 0;}
    #mainmenu li {display:block; padding:8px 0;}
    #mainmenu a {color:#c6d4ff; font-size:18px; }
    #mainmenu a:hover {color:#fff;}
    
    .nav-pills, .tab-content {margin-bottom:40px;}
    .nav-pills a.nav-link {text-align:left; font-size:18px; padding:10px 0;}
    #map {height:400px;}
    #referinte-sm {display:block;}
}

@media (min-width: 768px) {
    #mainmenu {display:block;}
    #mainmenu-open, #mainmenu-close {display:none;}

    #section-about .section-content p {padding:0 20px;}
    .contact-info-container {width:620px; margin:0 auto; padding-left:60px;}
    .contact-info-1 {float:left; width:280px;}
    .contact-info-2 {float:right; width:240px;}
    #referinte-lg {display:block;}
}
  
@media (min-width: 992px) {
    #mainmenu a {margin-left:10px;}
}
  
@media (min-width: 1200px) {

}











