@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
/* ================= 1. CSS Reset ================= */
html, body, div, 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, dl, dt, dd, fieldset, form, label, legend, caption {margin:0;padding:0;border:0;outline:0; font-size: 100%; font: inherit;}
html {height:100%;}
html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}
a {background-color: transparent;}
a:active,a:hover {outline: 0;}
strong, b {font-weight:bold;}
em, dfn, i {font-style:italic;}
abbr[title] {border-bottom: 1px dotted;}
mark {background: #ff0;	color: #000;}
small {font-size: 80%;}
sub,sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup {top: -.5em;}
sub {bottom: -.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {box-sizing:content-box;height: 0; border-color:#333; }
pre {overflow: auto;}
code,kbd,pre,samp {font-family: monospace, monospace; font-size: 1em;}
button,input,optgroup,select,textarea {color: inherit; font: inherit; margin: 0;}
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height: normal;}

/* ================= General tags ================= */
body {color: #333333; background:#eee; font-family:'Open Sans', sans-serif; font-size: 13px; width:100%; overflow-x:hidden; height:100%;}
body > section {padding:0;}
input,button,select,textarea {font-family: inherit; font-size: inherit; line-height: inherit;}
input, button, select, textarea {font-family: inherit; font-weight:300;}
p {margin: 0 0 12.5px; text-align:left; font-family:'Open Sans', sans-serif;}
a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none; outline: none; font-family: inherit; font-weight:300;}
pre {#fff-space:pre; overflow:auto;	padding:20px;}
dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, blockquote, article, p {margin-bottom: 10px; margin-top: 10px; }
::selection {background:#00609c; color:#fff;}
::-moz-selection {background:#00609c;color:#fff;}
a:link,a:visited:link {-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);}
.noMargin {margin: 0px; text-align:left;}
.img-responsive {display: block; max-width: 100%; height: auto;}
img {vertical-align: middle;}
/* ================= Headers ================= */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-family: inherit; font-weight:bold;line-height: 1.1;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small {font-weight: normal;line-height: 1;color: #999999;}
h1,h2,h3 {margin-top: 25px; margin-bottom: 12.5px;}
h4,h5,h6 {margin-top: 12.5px;margin-bottom: 12.5px;}
h1,.h1 {font-size: 32px; margin:1em 0 .5em; color:rgba(26,26,26,.9); font-family: inherit; line-height: 1.2em; text-transform: none; letter-spacing: 0px; font-weight: 400; font-style: normal;} 
h2,.h2 {font-size: 30px;}
h3,.h3 {font-size: 22px;}
h4,.h4 {font-size: 19px;}
h5,.h5 {font-size: 18px;}
h6,.h6 {font-size: 16px;}
/* ================= Dividers ================= */
.clear {content:"."; display:block; clear:both; height:0; visibility:hidden;}
.padding3 {padding-top:3px; font-size:0; line-height:0;}
.padding5 {padding-top:5px; font-size:0; line-height:0;}
.padding10 { padding-top:10px; font-size:0; line-height:0;}
.padding12 {padding-top:12px; font-size:0; line-height:0;}
.padding15 {padding-top:15px; font-size:0; line-height:0;}
.padding17 {padding-top:17px; font-size:0; line-height:0;}
.padding20 {padding-top:20px; font-size:0; line-height:0;}
.padding25 {padding-top:25px; font-size:0; line-height:0;}
.padding30 {padding-top:30px; font-size:0; line-height:0;}
.padding35 {padding-top:35px; font-size:0; line-height:0;}
.padding40 {padding-top:40px; font-size:0; line-height:0;}
.padding50 {padding-top:50px; font-size:0; line-height:0;}
.padding60 {padding-top:60px; font-size:0; line-height:0;}
.padding70 {padding-top:70px; font-size:0; line-height:0;}
.padding80 {padding-top:80px; font-size:0; line-height:0;}
.padding100 {padding:100px; font-size:0; line-height:0;}
.padding180 {padding-top:180px; font-size:0; line-height:0;}
.padding240 {padding-top:240px; font-size:0; line-height:0;}
.none {display:none;}
hr {margin-top:10px !important; margin-bottom:10px !important; border: 0; border-top: 1px solid #ccc;}
hr {box-sizing: content-box; height: 0;}
p + hr {margin:5px 0 10px 0;}
/* ================= Wrappers ================= */
.wrapper {width: 100%; overflow: hidden; position: relative;}
.container {max-width:1024px; padding: 0 12px; margin: 0 auto;}
/* ================= Buttons ================= */

/* ================= Menu ================= */
.navbar-dark {background:#00609c; padding:0; color: #818489;}
.navbar-light{ background-color: #FFF; color: #000; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);; }

.navbar ul {letter-spacing: 1px; font:14px/16px 'Open Sans', sans-serif; margin-top:0;}
.navbar ul > li {float: left; position: relative; margin-left:15px; padding: 5px 0px;}
.navbar ul > li:first-child {margin-left: 0;}
.navbar {margin: 0; padding: 0; list-style: none;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {color:#00609C;}

.navbar-light ul{ letter-spacing: 1px; font:16px/18px 'Open Sans', sans-serif; margin-top:0; font-weight: bold; }
.navbar-light ul li a{ font-weight: 600; }
.navbar-light ul li{  margin-left:4px;  }
/* ================= Jumbotron Banner ================= */

.item {height:535px;} 
.carousel {position: relative;}
.carousel-inner {position: relative; width: 100%; overflow: hidden;}
.carousel-caption{position: absolute; z-index:999 !important; color:rgba(255, 255, 255, 1);text-align: center !important; display:table-cell; vertical-align:middle; padding: 0; width:100% !important; left:50%; top:40%; bottom:0; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);   } 
.captionWrapper {-webkit-animation: feature-text-anim .75s ease-in-out; animation: feature-text-anim .75s ease-in-out; z-index: 100; position: relative; width: 100%; max-width: 956px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 32px; text-align: center; text-rendering: optimizeLegibility; }
.carousel-item{ width: 100% !important;}
.carousel-item h1 {font: 300 75px/38px 'Open Sans', sans-serif; color:#fff; font-weight: 400; line-height: 110%; }
.carousel-item p {text-align:center; font: 300 28px/33px 'Open Sans', sans-serif; padding: 0 5px; color: #fff;}
.holder {max-width: 1024px; padding: 0 145px; margin:0 0 70px;}
.scrollDown {padding-top:60px;}
.scrollDown .scrollTo {display: inline-block; vertical-align: top; letter-spacing: 0; font-size: 24px; line-height: 24px; margin: 0 0 14px; color: inherit; text-decoration: none;}
.scrollDown .txt {font:14px/14px 'Open Sans', sans-serif; letter-spacing: 1px; display: block; font-weight:normal; padding-top:10px;}
.fa-chevron-circle-down {color:#fff;}
.fa-chevron-circle-down:hover {color:#336799;}
/* ================= Content ================= */
.content {text-align: center; padding: 0 100px; margin: 0 0 40px; font: 300 20px/36px 'Open Sans', sans-serif;}
.contentContainer {padding: 49px 0 15px;}
#mainSection {background:#fff;}
.content h2, .videoSection h2 {font:300 36px/50px 'Open Sans', sans-serif; color: #2f2f2f; margin: 0 0 13px;}
.content .title {text-align: center; padding: 0 100px; margin: 0 0 40px; font: 300 20px/36px 'Open Sans', sans-serif;}
.info {color: #FFF;}
.builderSection {width:100%; padding:40px 0px 40px 0px; background:#00609c; text-align:center; margin:auto;}
.builderSection h1 {font: 300 76px/78px 'Open Sans', sans-serif; margin: 0 0 30px; color: #fff;}
.btn {padding: 0.375rem 1.75rem; border-radius: 20px;}
.testimonialSection {padding: 0px 0 5px; background: #fff; box-shadow: 0 2px 7px 0 rgba(1, 1, 1, .4); }
.testimonialSection h2 {font: 300 36px/50px 'Open Sans', sans-serif; color: #2f2f2f; margin: 0 0 24px;} 
#testimonials {padding: 0 10px 30px 10px; margin-top: 60px;}
#testimonials .carousel-control {background: none; color: #CACACA; font-size: 2.3em; text-shadow: none; margin-top: 30px;}
.item blockquote {border-left: none; margin: 0;}
.item blockquote p:before {content: "\f10d"; font-family: 'Fontawesome'; float: left; margin-right: 10px;}
.carousel-control-next, .carousel-control-prev {width:3%;}
.carousel-control-next {right:-25px;}
.carousel-control-prev {left:-25px;}
.carousel-control-next-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); color: black;}
.carousel-control-prev-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); color:black;}
.videoSection {padding:50px 0px 40px 0px; text-align:center; margin:auto;}
.videoSection h2 {margin-top:0; padding-top:0;}
.videoSection span.info {color: #818489; display: block; margin: 0 0 22px; font: 300 18px/32px 'Open Sans', sans-serif;}
.projects, .about {background: #eee; position: relative; z-index: 1; margin-top:10px;}
.projects:after, .about:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 260px; background: #00609c; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .4); z-index: -1;}
.projects h1, .about h1 {margin: 20px 0 38px; font-size: 48px; line-height: 1; font-weight: 300; color: #fff;}
.projects .col-lg-12.text-center.content, .about .col-lg-12.text-center.content {padding:50px 10px 0px 10px;}
.projects .card, .about .card {box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .4); border:none; border-radius:0;}
h5.card-title {font-size: 21px; line-height: 22px; font-weight: bold !important; text-align:left;}
h5.card-title a {color: #00609c; text-decoration: none; font-weight: bold; }
h5.card-title a:hover {color:#000;}

.about p { font-size: 24px; line-height: 36px; color:#818489; font-family:'Open Sans', sans-serif;}
.card-img-top {border-top-left-radius:0; border-top-right-radius:0;}
h4.card-title {font-size: 36px; line-height: 38px; font-weight: 300; color: #2f2f2f; margin: 0 0 30px; text-align: center;}
.aboutCards p.card-text {text-align:center; margin:auto;}
.aboutCards .img-fluid {object-fit: cover;  height: 400px;
  overflow: hidden;}
/* ================= Footer ================= */
footer {width: 100%; overflow: hidden;}
.footerWrapper {width: 100%; overflow: hidden; background: #00609c; padding: 10px 0 10px;}
ul.footerNav {list-style: none;}
ul.footerNav li {display: inline-block; letter-spacing: 1px; padding: 0 0 0 20px; font-size: 13px; line-height: 14px; vertical-align: top; font-weight: 400;}
ul.footerNav li a {color: #818489; text-decoration: none;}
ul.footerNav li a:hover {color:#00609C;}
footer .col-md-9.text-right {margin-top:23px;}
/* ================= Media ================= */
@media only screen and (max-width: 1439px) {
.sliderLogo {margin: 0 0 58px;}
}
@media only screen and (max-width: 933px) {
ul.footerNav li {font-size:12px; padding: 0 0 0 10px;}
}
@media only screen and (max-width:991px) {
.navbar ul > li:first-child {margin-left:15px;}
.homenav {padding-top:22px; padding-bottom:20px;}
}
@media only screen and (max-width:895px){
.holder {padding: 0 100px;}
}
@media only screen and (max-width:768px){
.holder {padding: 0 10px;}
.d-none {display:block !important;}
.carousel-item h1, .builderSection h1{font-size: 64px; line-height: 64px;padding: 0; margin: 0 0 18px;}
.carousel-item p {font-size: 24px; line-height: 28px; padding: 0 100px;}
.content h2, .videoSection h2 {font-size: 24px; line-height: 34px; margin: 0 0 6px;}
.contentContainer {padding: 30px 0 15px;}
.contentContainer span.info, .builderSection span.info, .videoSection span.info {font-size: 16px; line-height: 29px; margin: 0 0 30px;}
.videoSection {padding:0 20px 20px 20px;}
.videoSection h2 {margin-top:20px;}
ul.footerNav li {font-size:12px; padding: 0 0 0 10px;}
.footerLogo {text-align:center !important; padding-bottom:10px;}
.footerWrapper .text-right {text-align:center !important;}
.projects h1, .about h1 {font-size:38px;}
}
@media only screen and (max-width:767px){
.projects .card {margin-bottom:20px;}
.carousel-caption h1{ font-size: 44px; }
}
@media (max-width: 639px) {
.carousel-item p {font-size:20px; line-height:24px; padding:0;}
.builderSection {padding: 30px 0px 40px 0px;}
.builderSection h1 {font-size: 40px; line-height: 40px; margin: 0 0 18px;}
.builderSection span.info {padding: 0 20px; font-size: 14px; line-height: 25px;}
.content {padding: 0 20px; font:300 20px/32px 'Open Sans', sans-serif}
.content h2, .videoSection h2 {font-size: 20px; line-height:24px; margin: 0 0 6px;}
.content span.info {padding: 0 0px; font-size: 14px; line-height: 25px; margin: 0 0 23px;}
.videoSection {padding:0 20px 20px 20px;}
.videoSection h2 {margin-top:20px;}
.footerWrapper .text-right {padding-left:0; margin-left:-10px;}
.projects h1, .about h1 {font-size:28px;}
.carousel-caption h1{ font-size: 44px; }
}
@media (max-width: 320px) {
.holder {padding: 0px;}
.carousel-item p {font-size:20px; line-height:24px; padding:0;}
.videoSection {padding:0 20px 20px 20px;}
.videoSection h2 {margin-top:20px;}
.carousel-caption h1{ font-size: 40px; }
}