/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* GENERAL preps */
html {font-family: 'Montserrat', sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
p {font-family: 'Montserrat', sans-serif;}
p a {color: #25a2b7;}
p a:hover {color: #25a2b7;}

.desktop-display {display: none;}
.mobile-display {display: block;}

.arrow-down {position: absolute; left: 50%; bottom: 0;}
.arrow-up {position: fixed; right: 5px; bottom: 20px; font-size: 22px; z-index: 9998;}

.border-sa {border-right: 1px solid #A3B1BC; border-bottom: none;}

@media (min-width: 576px) {.desktop-display {display: none;} .mobile-display {display: block;}}
@media (min-width: 768px) {.desktop-display {display: block;} .mobile-display {display: none;}}
@media (min-width: 992px) {.desktop-display {display: block;} .mobile-display {display: none;}}
@media (min-width: 1200px) {.desktop-display {display: block;} .mobile-display {display: none;}}

/* buttons */
.btn-custom-gradient a{
	font-family: 'Montserrat', sans-serif;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f08b28+0,e01912+100 */
background: #f08b28; /* Old browsers */
background: -moz-linear-gradient(left,  #f08b28 0%, #e01912 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f08b28 0%,#e01912 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f08b28 0%,#e01912 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f08b28', endColorstr='#e01912',GradientType=1 ); /* IE6-9 */
	color: white;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1.4px;
	text-decoration: none;
	padding: 10px 20px 10px 20px;
	border-radius: 23px;
}
.btn-custom-gradient a:hover {
	font-family: 'Montserrat', sans-serif;
	background: white;
	color: #303030;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1.4px;
	text-decoration: none;
	padding: 10px 20px 10px 20px;
	border-radius: 23px;
}


.btn-custom-white a{
	font-family: 'Montserrat', sans-serif;
	background: white;
	color: #303030;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1.4px;
	text-decoration: none;
	padding: 10px 20px 10px 20px;
	border-radius: 23px;
}
.btn-custom-white a:hover {
	font-family: 'Montserrat', sans-serif;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f08b28+0,e01912+100 */
background: #f08b28; /* Old browsers */
background: -moz-linear-gradient(left,  #f08b28 0%, #e01912 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f08b28 0%,#e01912 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f08b28 0%,#e01912 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f08b28', endColorstr='#e01912',GradientType=1 ); /* IE6-9 */
	color: white;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1.4px;
	text-decoration: none;
	padding: 10px 20px 10px 20px;
	border-radius: 23px;
}


.btn-custom-red a{
	font-family: 'Montserrat', sans-serif;
	background: #E01712;
	color: white;
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: none;
	padding: 10px 60px 10px 60px;
	border-radius: 20px;
}

.btn-custom-red a:hover{
	font-family: 'Montserrat', sans-serif;
	background: white;
	color: #303030;
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: none;
	padding: 10px 60px 10px 60px;
	border-radius: 20px;
}

.btn-custom-red-blue a{
	font-family: 'Montserrat', sans-serif;
	background: #E01712;
	color: white;
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: none;
	padding: 10px 60px 10px 60px;
	border-radius: 20px;
}

.btn-custom-red-blue a:hover{
	font-family: 'Montserrat', sans-serif;
	background: #17549B;
	color: white;
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: none;
	padding: 10px 60px 10px 60px;
	border-radius: 20px;
}


.btn-custom-contact a{
	font-family: 'Montserrat', sans-serif;
	background: #25a2b7;
	color: white;
	font-size: 12px;
	text-decoration: none;
	padding: 10px 30px 10px 30px;
	border-radius: 5px;
}

.btn-custom-contact a:hover{
	font-family: 'Montserrat', sans-serif;
	background: #304554;
	color: white;
	font-size: 12px;
	text-decoration: none;
	padding: 10px 30px 10px 30px;
	border-radius: 5px;
}

.btn-custom-orange a{
	font-family: 'Montserrat', sans-serif;
	background: #deb400;
	color: white;
	text-transform: uppercase;
	font-size: 20px;
	text-decoration: none;
	padding: 10px 60px 10px 60px;
	border-radius: 5px;
}

.btn-custom-orange a:hover{
	font-family: 'Montserrat', sans-serif;
	background: #02d2ff;
	color: #303030;
	text-transform: uppercase;
	font-size: 20px;
	text-decoration: none;
	padding: 10px 60px 10px 60px;
	border-radius: 5px;
}

/* form */
.form-control {font-family: 'Montserrat', sans-serif; font-size: 12px; height: 55px;}
/*
.form-control:focus {background: #17549B; color: white; border: none;}
*/
.form-control:focus::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1; /* Firefox */
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
}

.form-control:focus:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
}

.form-control:focus::-ms-input-placeholder { /* Microsoft Edge */
  color: white;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*navbar*/
.navbar-class {position: absolute; z-index: 9999; width: 100%;}
.navbar {min-height: 103px;}
.navbar-brand {padding: 0px; height: 103px; line-height: 103px;}
.navbar-toggler {
  /* (103px - button height 34px) / 2 = 23px */
  /*margin-top: 34.5px;*/
  padding: 9px 10px !important;
}

.nav-link {cursor: pointer;}

/*general*/
.bg-header {background: rgba(255,255,255,1.0);}
.navbar-class {position: fixed; z-index: 9999; width: 100%;}
.navbar-light .navbar-nav .nav-link {font-size: 16px; text-transform: uppercase; color: rgba(8,76,113,0.8); letter-spacing: 1px;}
/*active*/
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {color: rgba(224,48,52,0.8);}

/*hover*/
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: rgba(8,76,113,1);}
/*mail*/
.navbar-light .navbar-text a {color: rgba(8,76,113,0.8);}
.navbar-light .navbar-text a:hover {color: rgba(224,48,52,1);}


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.navbar-nav > li > a {
		padding-top: 25.5px;
		padding-bottom: 25.5px;
		line-height: 52px;
	}
	
	/*prep for underbar*/
	.navbar-light .navbar-nav > li > a, .navbar-light .navbar-nav > li > a:hover, .navbar-light .navbar-nav > li > a:focus {position: relative;}
	/*underbar*/
	.navbar-light .navbar-nav > li > a:after {background-color: #e03034; content:""; height: 4px; position: absolute; bottom: 0; left: 25%; width: 50%; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
	.navbar-light .navbar-nav > li > a:hover:after, .navbar-light .navbar-nav > li > a:focus:after {visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1);}
	.navbar-light .navbar-nav > li > a.active:after {background-color: #e03034;visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1);}
	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.navbar-nav > li > a {
	    padding-top: 25.5px;
	    padding-bottom: 25.5px;
	    line-height: 52px;
	}
	
	/*prep for underbar*/
	.navbar-light .navbar-nav > li > a, .navbar-light .navbar-nav > li > a:hover, .navbar-light .navbar-nav > li > a:focus {position: relative;}
	/*underbar*/
	.navbar-light .navbar-nav > li > a:after {background-color: #e03034; content:""; height: 4px; position: absolute; bottom: 0; left: 25%; width: 50%; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
	.navbar-light .navbar-nav > li > a:hover:after, .navbar-light .navbar-nav > li > a:focus:after {visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1);}
	.navbar-light .navbar-nav > li > a.active:after {background-color: #e03034;visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1);}
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/*top level*/
.top-level {z-index: 1;}
.level {height: 800px; width: 100%;}
.sub-level {height: 600px; width: 100%;}

@media (min-width: 576px) {
	.level {height: 800px; width: 100%;}
}
@media (min-width: 768px) {
	.level {height: 800px; width: 100%;}
}
@media (min-width: 992px) {
	.level {height: 800px; width: 100%;}
}
@media (min-width: 1200px) {
	.level {height: 800px; width: 100%;}
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/*texts and backgrounds*/
.bg-dark {background: rgba(9,29,45,1.0)!important;}
.bg-dark-blue {background: #1e435d;}
.bg-blue {background: #304554;}
.bg-light-grey {background: #F8F8F8;}
.bg-white {background: white;}

.white {color: rgba(255,255,255,1.0);}
.grey {color: rgba(74,74,74,1.0);}
.grey-80 {color: rgba(74,74,74,0.8);}
.light-grey {color: rgba(121, 136, 147,1.0);}
.light-grey-2 {color: #A3B1BC;}
.dark-grey {color: rgba(49,49,49,1.0);}
.dark-grey-80 {color: rgba(49,49,49,0.8);}
.dark-grey-60 {color: rgba(49,49,49,0.6);}
.blue {color: #25a2b7;}
.orange {color: #deb400;}

.text-header {font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 40px; /*font-style: italic;*/}
.text-header-small {font-size: 30px; font-style: italic;}
.text-semibold {font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 21px; letter-spacing: 0.75px; line-height: 24px;}
.text-semibold-smaller {font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 14px; letter-spacing: 0.55px; line-height: 20px;}

.text-paragraph {font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 24px;}
.text-paragraph a{font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 24px; color: #25a2b7; text-decoration: none;}
.text-paragraph a:hover{font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 24px; color: #304554; text-decoration: none;}

.text-paragraph-small {font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 26px;}
.text-paragraph-small a{font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 26px; color: rgba(49,49,49,0.8);}
.text-paragraph-small a:hover{font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 26px; color: rgba(49,49,49,1);}

.text-articles-meta {font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 24px; color: #263035;}
.text-articles-meta a{font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 24px; color: #17549B;}
.text-articles-meta a:hover{font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 24px; color: #263035;}

.text-articles {font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 24px; color: #7C7D8D;}
.text-articles a{font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 24px; color: #17549B;}
.text-articles a:hover{font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 24px; color: #263035;}
.text-articles-quote {position: absolute; top: 20px; left: -35px; font-size: 40px; color: #17549B;}
.text-articles blockquote {width: 90%; position: relative;}
@media (min-width: 992px) {.text-articles blockquote {width: 75%;}}
@media (min-width: 1200px) {.text-articles blockquote {width: 75%;}}

.text-statement {font-size: 28px;}

.text-small {font-family: 'Montserrat', sans-serif; font-size: 13px;}
.text-small a {font-size: 13px; text-decoration: none; color: rgba(49,49,49,0.6);}
.text-small a:hover {font-size: 13px; text-decoration: none; color: rgba(49,49,49,0.8);}

.text-smaller {font-family: 'Montserrat', sans-serif; font-size: 12px;}
.text-smaller a {font-size: 12px; text-decoration: none; color: rgba(49,49,49,0.6);}
.text-smaller a:hover {font-size: 12px; text-decoration: none; color: rgba(49,49,49,0.8);}

.footer-links {font-family: 'Montserrat', sans-serif; font-size: 11px; letter-spacing: 0px;}
.footer-links a {font-size: 11px; text-decoration: none; color: white;}
.footer-links a:hover {font-size: 11px; text-decoration: none; color: #deb400;}

.copyright {font-family: 'Montserrat', sans-serif; font-size: 10px; color: white;}
.copyright a{font-family: 'Montserrat', sans-serif; font-size: 10px; color: white;}
.copyright a:hover{font-family: 'Montserrat', sans-serif; font-size: 10px; color: #deb400;}

@media (min-width: 576px) {
	.text-header {font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 30px; /*font-style: italic;*/}
	.text-semibold {font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 21px; letter-spacing: 0.75px; line-height: 24px;}
	.text-semibold-smaller {font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 14px; letter-spacing: 0.55px; line-height: 20px;}
	.text-paragraph {font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 28px;}
	.text-paragraph-small {font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 26px;}
	.text-paragraph-small a{font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 26px; color: rgba(49,49,49,0.8);}
	.text-paragraph-small a:hover{font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 26px; color: rgba(49,49,49,1);}
	
	.footer-links {font-family: 'Montserrat', sans-serif; font-size: 11px; letter-spacing: 0px;}
	.footer-links a {font-size: 11px; text-decoration: none; color: white}
	.footer-links a:hover {font-size: 11px; text-decoration: none; color: #deb400;}
}

@media (min-width: 768px) {
	.text-header {font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 40px; /*font-style: italic;*/}
	.text-semibold {font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 21px; letter-spacing: 0.75px; line-height: 24px;}
	.text-semibold-smaller {font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 14px; letter-spacing: 0.55px; line-height: 20px;}
	.text-paragraph {font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 28px;}
	.text-paragraph-small {font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 26px;}
	.text-paragraph-small a{font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 26px; color: rgba(49,49,49,0.8);}
	.text-paragraph-small a:hover{font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 26px; color: rgba(49,49,49,1);}
	
	.footer-links {font-family: 'Montserrat', sans-serif; font-size: 11px; letter-spacing: 0px;}
	.footer-links a {font-size: 11px; text-decoration: none; color: white;}
	.footer-links a:hover {font-size: 11px; text-decoration: none; color: #deb400;}
}
@media (min-width: 992px) {
	.text-header {font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 44px; /*font-style: italic;*/}
	.text-semibold {font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 30px; letter-spacing: 0.75px; line-height: 34px;}
	.text-semibold-smaller {font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 20px; letter-spacing: 0.55px; line-height: 32px;}
	.text-paragraph {font-family: 'Montserrat', sans-serif; font-size: 18px; line-height: 34px;}
	.text-paragraph-small {font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 26px;}
	.text-paragraph-small a{font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 26px; color: rgba(49,49,49,0.8);}
	.text-paragraph-small a:hover{font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 26px; color: rgba(49,49,49,1);}
	
	.footer-links {font-family: 'Montserrat', sans-serif; font-size: 13px; letter-spacing: 0px;}
	.footer-links a {font-size: 13px; text-decoration: none; color: white;}
	.footer-links a:hover {font-size: 13px; text-decoration: none; color: #deb400;}
}
@media (min-width: 1200px) {
	.text-header {font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 52px; /*font-style: italic;*/}
	.text-semibold {font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 30px; letter-spacing: 0.75px; line-height: 34px;}
	.text-semibold-smaller {font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 20px; letter-spacing: 0.55px; line-height: 32px;}
	.text-paragraph {font-family: 'Montserrat', sans-serif; font-size: 18px; line-height: 34px;}
	.text-paragraph-small {font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 26px;}
	.text-paragraph-small a{font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 26px; color: rgba(49,49,49,0.8);}
	.text-paragraph-small a:hover{font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 26px; color: rgba(49,49,49,1);}
	
	.footer-links {font-family: 'Montserrat', sans-serif; font-size: 13px; letter-spacing: 0px;}
	.footer-links a {font-size: 13px; text-decoration: none; color: white;}
	.footer-links a:hover {font-size: 13px; text-decoration: none; color: #deb400;}
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* carousel and thumbnails */
.thumbnail {position: relative;}
.caption {position: absolute; bottom:0; left: 0; width: 100%; font-size: 32px; line-height: 34px;}

.arrow-clients {font-size: 26px; color: #25a2b7; opacity: 1;}
@media (min-width: 576px) {.arrow-clients {font-size: 26px; color: #25a2b7; opacity: 1;}}
@media (min-width: 768px) {.arrow-clients {font-size: 26px; color: #25a2b7; opacity: 1;}}
@media (min-width: 992px) {.arrow-clients {font-size: 52px; color: #25a2b7; opacity: 1;}}
@media (min-width: 1200px) {.arrow-clients {font-size: 52px; color: #25a2b7; opacity: 1;}}

.arrow-logos {font-size: 52px; color: #A3B1BC; opacity: 1;}
.arrow-logos:hover {font-size: 52px; color: #17549B; opacity: 1;}

.carousel-control-next {justify-content: flex-end;}
.carousel-control-prev {justify-content: flex-start;}

.radius-10 {border-radius: 10px;}
.carousel-inner {width: 65%;}
@media (min-width: 576px) {
	.carousel-inner {width: 65%;}
}
@media (min-width: 768px) {
	.carousel-inner {width: 75%;}
}
@media (min-width: 992px) {
	.carousel-inner {width: 85%;}
}
@media (min-width: 1200px) {
	.carousel-inner {width: 85%;}
}

@media (max-width: 768px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* display 3 */
@media (min-width: 768px) {
    
    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(33.333%);
    }
    
    .carousel-inner .carousel-item-left.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-33.333%);
    }
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{ 
  transform: translateX(0);
}
.msg-error {
  color: red;
}
.g-recaptcha.error {
  border: solid 2px #c64848;
  padding: .2em;
  width: 19em;
}

@media screen and (max-width: 3600px) {
   
     #show-in-desktop {
        display: none!important;
    }
}


@media screen and (max-width: 480px) {
    #hide-in-mobile {
        display: none!important;
    }
     #show-in-desktop {
        display: block!important;
    }
}