body {background: #fff; font-family: 'Open Sans', sans-serif; font-weight: 525; position: relative; width: 100%; height: 100%; overflow-x: hidden;}
body:not(.en) :lang(en), body:not(.fr) :lang(fr) {display: none;}

h1 {margin-top: 0; margin-bottom: 25px;}
h1, h2, h3, h4 {font-weight: bold;}
p {line-height: 1.6em;}
img {max-width: 100%;}
.hcenter {text-align: center;}
.justify {text-align: justify;}
.padding10 {margin-top: 10px;}
.padding40 {margin-top: 40px;}

.tm-white a {color: #fff;}
.overlay {width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); padding-top: 90px; padding-bottom: 90px;}

/* navigation */
.navbar-default {background: #fff; border: none; box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08); margin: 0!important;}
.navbar-default .navbar-brand {height: 80px;}
.navbar-default .nav li a {color: #666; font-size: 13px; font-weight: bold; height: 70px; line-height: 40px;}
.navbar-default .nav li a:hover, .navbar-default .nav li a.current {color: #D9A700;}
.navbar-default .navbar-toggle {border: none; padding-top: 20px;}
.navbar-default .navbar-toggle .icon-bar {background: #00458D; border-color: transparent;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent }

/* home */
#home {background: url('../images/shutterstock_1046584516.jpg') no-repeat; background-size: cover; color: #fff; margin-top: 70px; text-align: center; width: 100%;}
#home p {font-size: 18px;}
#home img {display: inline-block; margin-top: 30px;}

/* divider */
#divider {text-align: center; padding-top: 80px; padding-bottom: 80px;}
#divider .fa {color: #00458D; font-size: 60px;}

/* benefits */
#benefits_header {color: #fff; margin-top: 70px; text-align: center; width: 100%;}
#benefits_header_img {background: url('../images/shutterstock_221997613.jpg') no-repeat; background-size: cover;}
#benefits_header p {font-size: 24px;}

/* markets */
#markets {padding-top: 60px; padding-bottom: 60px;}
#markets p {padding-top: 10px; min-height: 40px;}
#markets span {float: left;}
#markets .fa {background: #00458D; border-radius: 50%; color: #fff; display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; margin-right: 20px;}

/* applications */
#applications {background: url('../images/shutterstock_125192411.jpg') no-repeat; background-size: cover; color: #fff; margin-top: 70px; text-align: center; width: 100%;}
#applications p {font-size: 24px;}

/* products */
#products {padding-top: 80px; padding-bottom: 80px;}
body.en #hexabrowser {margin-top: 16px;}
body.fr #hexabrowser {margin-top: 32px;}
body.en #bim, body.fr #bim {margin-top: 0px;}
body.en #bim_text {margin-top: 37px;}
body.fr #bim_text {margin-top: 25px;}

/* contact */
#contact .main {background: url('../images/shutterstock_272887214.jpg') no-repeat; background-size: cover; color: #fff;}
#contact h2 {padding-bottom: 10px;}
#contact address {padding-top: 20px;}
#contact address .fa{color: #00458D; background: #fff; border-radius: 50%; width: 40px; height: 40px; line-height: 40px; text-align: center; margin-top: 6px; margin-right: 10px; opacity: 0.85;}
#contact .contact-form {padding-top: 40px;}
#contact .form-control {border: none; border-radius: 0px; box-shadow: none; margin-bottom: 20px; opacity: 0.85;}
#contact input {height: 50px;}
#contact input[type="submit"] {background: #00458D; color: #fff; font-weight: bold; transition: all 0.3s ease; opacity: 1;}
#contact input[type="submit"]:hover {background: #00366E;}

/* footer */
footer {background: #fff; font-weight: 400; text-align: center; padding: 20px;}

/* screen adjustments */
@media (min-width: 768px) { .container {width: 700px;} }
@media (min-width: 992px) { .container {width: 900px;} }
@media (min-width: 1200px) { .container {width: 1000px;} }

@media screen and ( max-width: 1199px ) {
    body.en #ouraim .img-responsive {margin-top: 67px;}
    body.fr #ouraim .img-responsive {margin-top: 89px;}
    body.en #hexabrowser {margin-top: 45px;}
    body.fr #hexabrowser {margin-top: 43px;}
    body.en #bim, body.fr #bim {margin-top: 0px;}
    body.en #bim_text, body.fr #bim_text {margin-top: 7px;}
}
@media screen and ( max-width: 991px ) {
    .templatemo-box {margin-bottom: 30px;}
    .navbar-default .nav li a {font-size: 11px; padding-left: 5px; padding-right: 5px;}
    body.en #ouraim .img-responsive, body.fr #ouraim .img-responsive {margin-top: 30px;}
    #markets .img-responsive {display:none;}
    body.en #hexabrowser, body.fr #hexabrowser {display:none;}
    body.en #bim, body.fr #bim {margin:0px auto; padding:0; position: relative; width: 450px; height: 200px; object-fit: cover;}
}
@media screen and ( max-width: 767px ) {
    .navbar-default .nav li a {height: auto; line-height: 1.2em;}
    #ouraim, #markets, #products {padding-top: 20px; padding-bottom: 40px;}
    body.en #ouraim .img-responsive, body.fr #ouraim .img-responsive {margin-top: 30px;}
    #markets .img-responsive {display:none;}
    body.en #hexabrowser, body.fr #hexabrowser {display:none;}
    body.en #bim, body.fr #bim {margin:0px auto; padding:0; position: relative; width: 337px; height: 150px; object-fit: cover;}
    #contact .overlay {padding-top: 40px;}
}

/* validation */
.wrapper {position: relative;}
.error-desc {position: absolute; top: 3px; right: 18px; opacity: 0; font-weight: bold; color: #D9A700; font-size: 10px; text-transform: uppercase; z-index: 3; pointer-events: none;}
.error {opacity: 1;}