/*--------------------------------------------------------------
FONTS
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,600,600i,700,700i');
/*
font-family: 'Montserrat', sans-serif;
300 light
400 regular
600 semi-bold
700 bold
*/
@import "FontAwesome.css";

/*--------------------------------------------------------------
GENERAL
--------------------------------------------------------------*/

* { margin:0; padding:0; box-sizing:border-box;}
.clearfix, .container, .container-fluid, .row { zoom:1;}
.clearfix:after, .container:after, .container-fluid:after, .row:after { content:" "; display:table; clear:both;}
header, footer, section, nav, article, aside, details, figcaption, figure, hgroup, main, menu, summary { display:block;}
button { cursor:pointer;}
:focus { outline:none;}

/* GRID = 12cols
 * -------------------------- */
/*    col-xs	[] <= 768px
      col-sm	[] >= 769px     */
@media (min-width:769px) {
  .col-md-12 { width:100%;}
  .col-md-11 { width:91.66666667%;}
  .col-md-10 { width:83.33333333%;}
  .col-md-9 { width:75%;}
  .col-md-8 { width:66.66666667%;}
  .col-md-7 { width:58.33333333%;}
  .col-md-6 { width:50%;}
  .col-md-5 { width:41.66666667%;}
  .col-md-4 { width:33.33333333%;}
  .col-md-3 { width:25%;}
  .col-md-2 { width:16.66666667%;}
  .col-md-1 { width:8.33333333%;}

  .md-offset-left-1 { margin-left:8.33333333%;}
  .md-offset-left-2 { margin-left:16.66666667%;}
  .md-offset-left-3 { margin-left:25%;}
  .md-offset-left-4 { margin-left:33.33333333%;}
  .md-offset-left-5 { margin-left:41.66666667%;}
  .md-offset-left-6 { margin-left:50%;}
  .md-offset-left-7 { margin-left:58.33333333%;}
  .md-offset-left-8 { margin-left:66.66666667%;}
  .md-offset-left-9 { margin-left:75%;}
  .md-offset-right-1 { margin-right:8.33333333%;}
  .md-offset-right-2 { margin-right:16.66666667%;}
  .md-offset-right-3 { margin-right:25%;}
  .md-offset-right-4 { margin-right:33.33333333%;}
  .md-offset-right-5 { margin-right:41.66666667%;}
  .md-offset-right-6 { margin-right:50%;}
  .md-offset-right-7 { margin-right:58.33333333%;}
  .md-offset-right-8 { margin-right:66.66666667%;}
  .md-offset-right-9 { margin-right:75%;}
}
@media (max-width:768px) {
  .col-xs-12 { width:100%;}
  .col-xs-11 { width:91.66666667%;}
  .col-xs-10 { width:83.33333333%;}
  .col-xs-9 { width:75%;}
  .col-xs-8 { width:66.66666667%;}
  .col-xs-7 { width:58.33333333%;}
  .col-xs-6 { width:50%;}
  .col-xs-5 { width:41.66666667%;}
  .col-xs-4 { width:33.33333333%;}
  .col-xs-3 { width:25%;}
  .col-xs-2 { width:16.66666667%;}
  .col-xs-1 { width:8.33333333%;}

  .xs-offset-left-1 { margin-left:8.33333333%;}
  .xs-offset-left-2 { margin-left:16.66666667%;}
  .xs-offset-left-3 { margin-left:25%;}
  .xs-offset-left-4 { margin-left:33.33333333%;}
  .xs-offset-left-5 { margin-left:41.66666667%;}
  .xs-offset-left-6 { margin-left:50%;}
  .xs-offset-left-7 { margin-left:58.33333333%;}
  .xs-offset-left-8 { margin-left:66.66666667%;}
  .xs-offset-left-9 { margin-left:75%;}
  .xs-offset-right-1 { margin-right:8.33333333%;}
  .xs-offset-right-2 { margin-right:16.66666667%;}
  .xs-offset-right-3 { margin-right:25%;}
  .xs-offset-right-4 { margin-right:33.33333333%;}
  .xs-offset-right-5 { margin-right:41.66666667%;}
  .xs-offset-right-6 { margin-right:50%;}
  .xs-offset-right-7 { margin-right:58.33333333%;}
  .xs-offset-right-8 { margin-right:66.66666667%;}
  .xs-offset-right-9 { margin-right:75%;}
}


/* LAYOUT
 * -------------------------- */
.container { margin-left:auto; margin-right:auto; max-width: 1280px;}
.flex-container { display: flex; width: 100%;}
.flex-middle { align-items: center;}

.full-w-pic { background-size: cover; background-position: center;}

.col { /*float:left;*/ min-height:1px;}
.pull-left { float:left;}
.pull-right { float:right;}
.center { margin:0 auto;}
img, table { border:0;}
img { display:block; max-width:100%; height:auto;}
.table-fluid { width:100%;}
ul { list-style:none;}
.page-content ul li, .main-content ul li, ul.list li  { position: relative; padding: 0 0 8px 13px;}
.page-content ul li:before, .main-content ul li:before, ul.list li:before { content: ""; position: absolute; left: 0; top: 9px; width: 4px; height: 4px; border-radius: 100%; background: #000;}
ol li { margin-left:24px;}
p:not(:last-child), .page-content ul, .page-content ol, main-content ol { margin-bottom:24px;}

@media (min-width:769px) {
  .container { padding-left: 40px; padding-right: 40px;}
  .md-flex-container { display: flex; width: 100%;}
  .md-flex-middle { align-items: center;}

  .full-w-col .md-flex-container > * { display: flex;}
  .full-w-col .full-w-pic .wrapper { width: 100%;}

  .full-w-col .col-md-6 .inner { display: inline-block; padding: 4rem 8% 4rem 11%; max-width: 600px;}
  .full-w-col .col-md-6:first-child { text-align: right;}
  .full-w-col .col-md-6:last-child { text-align: left;}

  .section { padding-top: 40px; padding-bottom: 60px;}
.col-md-8.col1, .col-md-9.col1, .col-md-10.col1 { padding-right: 60px;}

  .space-bot-sm { margin-bottom: 17px;}
  .space-bot-big { margin-bottom: 50px;}

  .md-pull-left { float:left;}
  .md-pull-right { float:right;}

  .xs-visible { display: none!important;}
  .md-visible { display: block!important;}
  .md-hidden { display: none!important;}
}
@media (max-width:768px) {
  .container { padding-left: 20px; padding-right: 20px;}

  .full-w-col .col-md-6 .inner { padding: 30px 20px;}

  .section { padding-top: 30px; padding-bottom: 40px;}

  .space-bot-sm { margin-bottom: 10px;}
  .space-bot-big { margin-bottom: 40px;}

  .xs-visible { display: block!important;}
  .xs-hidden { display: none!important;}
  .md-visible { display: none!important;}
  .xs-no-pull { float: none!important;}
}


/* PRINT style
 * -------------------------- */
@media print {
  .hidden-print { display:none!important;}
}


/* TYPOGRAPHY & COLORS
 * -------------------------- */
 html { font-size: 10px; background: #fff;}
body, td, th, input, select, textarea, button { font:400 1.6rem/1.5em 'Montserrat', Arial, sans-serif; color:#000;}
@media (max-width: 768px) {
  body, td, th, input, select, textarea, button { font-size: 1.5rem; line-height: 1.33em;}
}
.page-content { font-weight: 300;}

.text-left { text-align:left;}
.text-right { text-align:right;}
.text-center { text-align:center;}
.text-center img { margin-left: auto; margin-right: auto;}
.text-justify { text-align:justify;}
.text-nowrap { white-space:nowrap;}
.text-lowercase { text-transform:lowercase;}
.text-uppercase { text-transform:uppercase;}
.text-capitalize { text-transform:capitalize;}

h1, .h1, .section-head { text-transform: uppercase;}
.page-header h1, .page-header .h1 { font-weight: 400;}
h2, .h2 { font-weight: 400; text-transform: uppercase;}
.article h2, .article .h2, .container h2 { font-weight: bold; text-transform: none;}
h2.type2, .h2.type2 { font-weight: bold; text-transform: none;}
h3, .h3 {}
h4 { margin-bottom: 16px; font-size: 1.6rem;}
.side-col ul { line-height: 1.3em;}
.side-col ul ul { margin: 8px 0 0;}

a { color: #54aabb; text-decoration: none; transition: .25s ease-in-out;}
a:hover { color: #2d8c9f;}
a.text-white:not(:hover) { color: #fff;}
a.text-orange:not(:hover) { color: #f47b4c;}
sup, sub { position:relative; font-size:.7em; vertical-align:baseline;}
sup { top:-.5em;}
sub { bottom:-.25em;}
small, .small { font-size:.9375em;}
.text-light { font-weight: 300;}
.text-regular { font-weight: 400;}
.text-semiBold { font-weight: 600;}
strong, b, .text-bold { font-weight: 700;}
.text-big { font-size: 1.0625em; line-height: 1.529em;}
/*.marked { color: #074e86;}*/

.bg-white { background: #fff;}
.bg-greyDark { color: #fff; background: #3d3f4b;}
.bg-oliveLight { background: #eff0e9;}
.bg-orange { background: #f47b4c;}
.bg-marine { background: #54aabb;}
.bg-rose { background: #ad67a4;}

.text-white { color: #fff;}
.text-orange { color: #f47b4c;}
.text-marine { color: #54aabb;}
@media (min-width: 769px) {
  h1, .h1, .section-head { margin-bottom: 4.2rem; font-size: 3.9rem; line-height: 1.1em;}
  h2, .h2 { margin-bottom: 2.4rem; font-size: 3.9rem; line-height: 1em;}
  .article h2, .article .h2, .container h2 { font-size: 3rem; line-height: 1.333em;}
  h2.type2, .h2.type2 { font-size: 3.2rem; line-height: 1.333em;}
  h3, .h3 { margin-bottom: .6rem; font-size: 2.7rem; line-height: 1.1em;}
}
@media (max-width: 768px) {
  h1, .h1, .section-head { margin-bottom: 3rem; font-size: 3rem; line-height: 1.1em;}
  h2, .h2 { margin-bottom: 2rem; font-size: 2.5rem; line-height: 1em;}
  .article h2, .article .h2, h2.type2, .h2.type2, .container h2 { font-size: 2.3rem; line-height: 1.333em;}
  h3, .h3 { margin-bottom: .6rem; font-size: 2.2rem; line-height: 1.1em;}
}

/*--------------------------------------------------------------
HEADER
--------------------------------------------------------------*/
header { z-index: 10; position: relative; border-bottom: 4px solid #aba7a8;}
header .container {}
#top-bar .links { font-size: 1.4rem;}
#top-bar .links a { padding: 0 10px; color: #f47b4c;}
#top-bar .social { font-size: 2rem;}
#top-bar .social a { padding: 0 10px; color: #f47b4c;}
#top-bar .btn { margin-left: 16px;}

@media (min-width: 801px) {
  #logo { float: left; padding: 25px 25px 25px 0;}
  header .header-banner { max-width: 420px;}
  #top-bar { float: right; display: flex; align-items: center; height: 69px;}
  #top-bar .links, #top-bar .social, #top-bar .btn-line { display: inline-block; vertical-align: middle;}
  #top-bar .links { margin: 0 20px;}
}
@media (max-width: 800px) {
  header .container { padding-left: 20px; padding-right: 20px;}
  #logo { float: left; padding: 8px 0; max-width: 90px;}
  #top-bar .col2 { text-align: center;}
  .nav-open #top-bar .links, .nav-open #top-bar .social { display: inline-block!important; vertical-align: middle;}
  .nav-open #top-bar .links, .nav-open #top-bar .social { padding-top: 8px; padding-bottom: 8px;}
  #top-bar .btn { padding-top: 0; padding-bottom: 0; height: 36px; line-height: 35px;}
}
@media (max-width: 620px) {
  #top-bar .col2 { padding-top: 12px;}
}
@media (min-width: 801px) and (max-width: 1160px) {
  #top-bar { height: auto;}
}



/*--------------------------------------------------------------
NAVIGATION
--------------------------------------------------------------*/
#main-nav { font-size: 1.4rem; font-weight: 600; transition: .25s ease-in-out;}
#main-nav > ul > li { position: relative;}
#main-nav a { display: block;}
#main-nav a:not(:hover) { color: #000;}
#main-nav > ul > li > a { text-transform: uppercase;}

.nav-control { position:absolute; right: 20px; top: 48px; width: 30px; height: 26px; cursor:pointer;
  transform: rotate(0deg); transition: .5s ease-in-out;}
.nav-control > span { position: absolute; left: 0; display:block; width: 100%; height:4px; background:#838588;
  transform: rotate(0deg); transition: .25s ease-in-out;}
.nav-control span:nth-child(1) { top: 0px;}
.nav-control span:nth-child(2),
.nav-control span:nth-child(3) { top: 10px;}
.nav-control span:nth-child(4) { top: 20px;}
.nav-open .nav-control span:nth-child(1) { top: 20px; width: 0%; left: 50%;}
.nav-open .nav-control span:nth-child(2) { transform: rotate(45deg);}
.nav-open .nav-control span:nth-child(3) { transform: rotate(-45deg);}
.nav-open .nav-control span:nth-child(4) { top: 20px; width: 0%; left: 50%;}

@media (min-width: 1159px) {
  .nav-control { display: none;}
  #main-nav { margin-top: 28px;}
}
@media (max-width: 1160px) {
  #dropDown-wrapper #top-bar .col2, #dropDown-wrapper #main-nav { display: none;}
  .nav-open #dropDown-wrapper #top-bar .col2, .nav-open #dropDown-wrapper #main-nav { display: block;}
  .nav-open { overflow: hidden;}
  .nav-open #dropDown-wrapper { position: fixed; left: 0; right: 0; top: 80px; bottom: 0; overflow: auto; background: #fff;}
  .nav-open .header-sm #dropDown-wrapper { top: 65px;}
  #dropDown-wrapper > *:last-child { margin-bottom: 20px;}
  .nav-control { display: block;}
  .header-banner { position: absolute; left: 124px; top: 0; max-width: 55%;}
}
@media (min-width: 801px) {
  #main-nav { clear: right; float: right; padding: 12px 0;}
  #main-nav > ul > li { position: relative; float: left;}
  #main-nav > ul > li > a { padding: 0 16px;}
  #main-nav > ul > li:last-child > a { padding-right: 0;}

  /* second level */
  #main-nav > ul > li > ul { position: absolute; left: 0; padding-top: 8px; width: 200px; height: 0; overflow: hidden; transition: .25s ease-in-out; background: rgba(255,255,255,.95);}
  #main-nav > ul > li:last-child > ul { left: auto; right: 0;}
 #main-nav > ul > li:hover > ul { width: 200px; height: auto; overflow: visible;}
 #main-nav > ul > li > ul a { display: block; width: 200px; padding: 8px 8px 8px 16px; line-height: 1.2em;}
  /**/
}
@media (max-width: 800px) {
  #top-bar .btn-line { padding-top: 4px;}
  #main-nav { clear: both; padding-top: 12px; text-align: center;}
  #main-nav > ul > li > a { padding: 4px 0;}
  /* second level */
  #main-nav > ul > li > ul { margin-bottom: 8px;}
  /**/
}
@media (max-width: 620px) {
  .nav-open .header-banner { position: relative; left: auto; bottom: auto; margin: 0 auto; padding-top: 4px; max-width: 100%; width: 340px;}
}
@media (min-width: 801px) and (max-width: 1160px) {
  .nav-control { right: 40px; top: 27px;}
  .header-banner { top: 0; bottom: auto; right: auto; left:50%; transform: translateX(-50%);}
}
@media (min-width: 801px) and (max-width: 1090px) {
  #main-nav > ul > li > a { padding-left: 8px; padding-right: 8px;}
}


@media (min-width: 801px) {
  header, #main-nav, #logo img { transition: .25s ease-in-out;}
  header { position: fixed; width: 100%; background: #fff;}
  #page { padding-top: 176px;}
  .header-sm #logo { padding: 10px 15px 10px 0;}
  .header-sm #logo img { width: 100px;}
  .header-sm #top-bar { height: auto; padding: 4px 0;}
  .header-sm #top-bar a.btn { padding-top: .8rem; padding-bottom: .8rem; height: auto;}
  .header-sm #main-nav { margin-top: 0; padding: 8px 0;}
}

@media (max-width: 800px) {
  header, #main-nav, #logo img { transition: .25s ease-in-out;}
  header { position: fixed; width: 100%; background: #fff;}
  #page { padding-top: 86px;}
  .header-sm #logo img { width: 60px;}
  .header-sm .nav-control { top: 24px;}
}

/*--------------------------------------------------------------
FOOTER
--------------------------------------------------------------*/
footer .row2 { padding: 15px 0 17px;}
.footer-nav a:not(.btn) { display: inline-block; padding: 4px 0; font-weight: 400;}
.footer-nav a.btn { margin-bottom: 4px;}
.footer-nav a:not(.btn):not(:hover) { color: #000;}

@media (min-width:769px) {
  footer .row1 { padding: 51px 0 46px;}
  footer .row1 .col1 { width: 30%;}
  footer .row1 .col2 { flex-grow: 1;}
  footer .row1 .col3 { width: 30%;}
}
@media (max-width:768px) {
  footer { text-align: center;}
  footer .row1 { padding: 20px 0;}
  footer .row1 .col3 { margin-top: 6px;}
  #footer-logo img { margin: 0 auto 14px auto;}
}
/*
HERO HOMEPAGE
*/
.heroPanelHome{
	background-color: #f47c4b;
	max-height: 500px;
	width:100%;
	overflow:hidden;
	display:grid;
	grid-template-columns:1fr auto;
	grid-template-rows: 1fr auto;
}
/*--------------------------------------------------------------
BUTTONS & ICONS
--------------------------------------------------------------*/
.btn { display: inline-block; padding-left: 26px; padding-right: 26px; line-height: 1.8rem; height: 4rem; border: 0;}
a.btn { padding-top: 1.1rem; padding-bottom: 1.1rem;}
.btn-primary { font-size: 1.4rem; font-weight: 600; color: #fff; text-transform: uppercase; border: 0; background: #54aabb;}
.btn-primary:hover { color: #fff; background: #2d8c9f;}
.btn-info { font-size: 1.4rem; color: #fff; text-transform: uppercase; border: 2px solid #fff;}
a.btn-info { padding-top: .9rem; padding-bottom: .9rem;}
.btn-info:hover { color: #fff; background: rgba(0,0,0,.15);}
.btn-form { padding-top: 0; padding-bottom: 0; height: 40px; font-size: 14px; line-height: 38px; color: #fff; text-transform: uppercase; background: #f47b4c;}
.btn-form:hover { background: #c7583c;}
.ico-play { margin: -2px 4px 2px 0; display: inline-block; vertical-align: middle; width: 36px; height: 36px; background-size: contain; background-position: center; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAylJREFUeNq8mF1IVEEUx+9eN9NdsLTvMmwzCvswKIQiSMJinyL6Tl/swZceokDCffLBiHLfInqzMnrqCwwkwqCClCL7MBMhMHrIL6IPtTItbfufOBcOw+46c+/dDvy4c+/MnPnv3L0zc04gkUhYLqwUlIF1YDmYB7LAdzAM3oGX4Bn4YuSZBGmyENSCpwl96weXwA7dcQIaM5QNToHjYJFSNwAGeRamQRgsABGQq7RtBQ2g08sMbQadyq/uAvVgCyhI0mcWKAZV4BoYE32nQUO6MdOJIYcTwtkLcAgEDF4zsQLEwS/hqxWETQQdVWaFZiTLUIhKGXgufD4BuTqCdotOP/ne8okccF34f6DOuNohwiLIfoNyH8VIpKjz6QQ9FA33ZUiMQ4cYqzyZoAOiwUVNp/QV5rsURG9jnMfrdV6dU2nzQ7IhENJ0ehW0e5ilOjEJR6SgqKioNXB4hvs0uxQ0Gwywj38/zMbaGASVvE6OgssGO88kX6tBs4s9kfpf4fI2sIYEbQQ7+eF98NXAoS3KbkXdFuWozcqW8YM2y5u5EdUF+pxZIkHForLH8m6momh3f8PlCAlaIioGLX/MVFQ/XxeToHy+GTf8/+iIauGPZiZzxp1r88xkyj4Ztk/YQl0IFPgoJg5qwJRGW2fcEVv8bwLia/NqjaDOoH0hX4dsPpA7tsEnMTHDtayUy+/ppgN8cBam/yyGbBNYyeV2EtTNKzRZBZhv4OyPRzFkB8Wy0+ZschVic40ZbI5x7nPW5eZKp4ph9vFIPQ91c8VHkKfpsAm0eDh+1IuJ2K8K2iMqmzQdrgJBl2JWg0ke73WqI+w9Iaoqg8fXgBKBbE0lqBB8Ew2jGRJ0R4zROFMYtEs0nuLg0C8heYqYu7qB4mElUDxncM5OxXbQo8RkQZNQei8YFQ56OaLNMRRSwlGMtBsg2zS2J9aDx4qzt7zuUIplaZI+Ye5XA26JL8mJhGNe0zG06Z4EJ0CRUveZN+cRTseEOB1TpJy3yW6C0+J06DlhNQcc4+h2QjNh1QcucOrGt4RVMivhlN5aJaX3g1N6dGh/xcmpMRPHfwUYAOL4YJ/fx6BKAAAAAElFTkSuQmCC');}
.lnk-video:hover { color: #fff;}

/*--------------------------------------------------------------
FORMS
--------------------------------------------------------------*/
.text-field { font-size: 1.7rem; line-height: 38px; height: 40px; border: 1px solid #cbcccf; background: #fff;}
input.text-field::-webkit-input-placeholder { color:#aeaeae; opacity:1;}
input.text-field::-moz-placeholder { color:#aeaeae; opacity:1;}


/*--------------------------------------------------------------
--------------------------------------------------------------*/
#page { z-index: 9;}

/* banner-main - slider */
.banner-main { background: #f47b4c;}
.banner-main .container { padding: 0;}
.swiper-container { width: 100%; height: auto;}
.swiper-button-next, .swiper-button-prev { width: 20px; height: 50px; background-size: contain;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAA5CAYAAAA2uwvlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAjBJREFUeNqsmNtL20EQhf2lag1KrbRE6IMiihTEKijWUKsWY8Hbg39r1YAXetFgWypIiyBikfoQtCgaMVhbNT0LuzCOm8vOOHAgZx8+Ntmd2ZlEhUKhShExKAV9hw7MQqQE9kCz9vMqlIkpYNXQBPGvobgGOAbVEf8BOpECG6Ek8Xnok/tRJTHD/DvoRgpsgzqI34e26bGHxhTz8/wehcQA9JT4TehQCqyFxom/gtK+m15pvIVqiF+BLqVA8zX7iT+F1ovlovSaVEmBnVAr8XvQTw2QX5O5cuWnVAzZNHPxBTqWAuPQG+L/QsuVFMhiYUrTA+IXoX9S4DPoBfG/oW+VlnBfTIccRDlgl92hix1bUURA4yeJL4TszgccheqJNw/PmRTYYB8aFxfQR8m7Sg8iIn4BupYCW6DnZD0L/ZC+/Kpr4gMOQgmytmF3KAYm2VpG2+zwyvtKC/xsc9VFH8sU0aHMlcnlYOCt19/usFsDdLukzeIkq4fBwHObu7Rij2iArsfLsybykQZ4Y3PYRRR6QL4Cu8UypdPmuhioukbFgFk7KrhIsN5G9IymWT3k3Vcw0FTs96w/TGmAJtagHPEvoSca4J0eutwBVQI07/IvNgW0a4C+BnNGCzxivc1jT6UPbtp592VmvYcaoOkPl0pMo6LB56v9+i56oWYN0HeNprRAMwXsEn+r65COt75rFNMAc+w9Ny3gsAboZr0/rLds0gD5NGoeuIvovv+3+S/AAAD3bm970pXvAAAAAElFTkSuQmCC');}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAA5CAYAAAA2uwvlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAh9JREFUeNqsmFdLQ0EQhZPYUSwoKj4oooggimCwYMcCmptfawMLdiwoWBBEFNEHQVEsKLHF6xnYhGGICbvjgfNwbuDLhrs7O5Og7/sBo2q4DV6EfwKOyobz4V643zy7hQ9dgSG4gMFIE+aLnIGP8Ap7Rise0QBJa/Abe94Dl2iA9BKmxGdRDZB0Cl+z3AjXa4CkGZEjWiBtmQOWK+BODZA0B3+zPAbnaoAf8BLLOfC4Bkjagp9YDpuf7wwMuG6jdMAL+JLlOrhJAyRN226jTMAHeIdlOo59GmDA1MdPlodNhXIGfsHzLGeZEucMJO3BdyxTZa/RAFO9IE8LpEp0xjKtsEUDTKzSZ3lSMmyBL/A6y4XwkAZIWoVjLNMFV6QBxuFZloP8BbkAScfwDcvNcK0G+Oc20gBphfssV8LdGiBpU+QeLbBXVnoNkE5KB8t01rc1QC/VS3IFtopqk+w6XIBZ5gwn5PMt5AIcFBWbzvarK7BYNKdvore0Bnrm7CY0K/txG2CtuJfppJxoCqyX4SxbAcPmrCZ0JKqNFVB2X3HT8jlfo6OiP1wWFdsKWA53sfwMb2haES9DD24FbBBTwJW4l62B0QwNqBWQJqlS0dvcuwLzxKwnuy9roJxGF0R/aAWsgttZpp+5qxl8IrbbJB0wefsbnYspwAoYct0mfwEHTGvGJ6lnV2CZ6PHexaxnDYyJJlJOo1YK/vf/Nr8CDAD2amunLyWfsQAAAABJRU5ErkJggg==');}
.banner-main .title { line-height: 1.78em; text-transform: uppercase;}
.banner-main .title > span { display: inline-block; font-weight: bold; border-bottom: 4px solid #fff;}
.banner-main .text { line-height: 1.593em;}
.banner-main .bg-text { position: absolute; left: -.1em; bottom: -.14em; line-height: 1em; font-weight: 300; color: #f6985e; letter-spacing: .025em; text-transform: uppercase;}
@media (min-width:769px) {
  .swiper-container { padding: 0 40px;}
  .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: 433px;}
  .swiper-slide { padding-left: 61px; padding-bottom: 90px;}
  .banner-main .pic { z-index: 0; position: absolute; right: 0;}
  .banner-main .title { z-index: 2; position: relative; margin: 68px 0 20px; font-size: 3.9rem;}
  .banner-main .text { z-index: 2; position: relative; font-size: 3.2rem;}
  .banner-main .link-line { z-index: 2; position: relative; margin-top: 26px;}

  .banner-main .bg-text { z-index: 1; font-size: 10.6rem;}
}
@media (max-width:768px) {
  .swiper-container { padding: 0 40px;}
  .swiper-slide { padding-bottom: 62px;}
  .banner-main .pic { float: right; margin-right: -20px; max-width: 53%;}
  .banner-main .title { margin: 24px 0 10px; font-size: 2.3rem;}
  .banner-main .text { font-size: 2rem;}
  .banner-main .link-line { margin-top: 20px;}

  .banner-main .bg-text {  font-size: 2.2rem;}
}

/* box */
.side-box1 .pic { margin-bottom: 1rem; padding-bottom: 59.6%;}
.side-box2 .pic.full-w-pic img { width: 100%;}
.side-box2 .link-line { margin-top: 24px;}
.page-content .box h3 { margin-bottom: 1rem;}

@media (min-width:769px) {
  .box { padding: 32px 13%;}
  .page-content .box  { padding: 24px 40px 30px;}
  .box-m { padding: 40px 60px;}
  /*.box-big { padding: 32px 40px;}*/
}
@media (max-width:768px) {
  .box, .box-m, .page-content .box { padding: 30px 20px;}
}

/* hot-jobs */
.hot-jobs .sign-up .title { margin-bottom: 2.6rem; font-size: 3.9rem; line-height: 1.1em; font-weight: bold; text-transform: uppercase;}
.hot-jobs .sign-up .text { margin-bottom: 1.8rem; font-size: 2.3rem; line-height: 1.1em; font-weight: bold;}
.hot-jobs .text-field { text-indent: 12px; border-width: 0 1px 0 0;}
.construction-training .title { margin-bottom: .6rem; font-size: 2.3rem; line-height: 1.239em; font-weight: bold;}
.hot-jobs .col2 .text { font-size: 1.7rem; line-height: 1.676em;}
.construction-training .link-line { margin-top: 1em; font-size: 1.7rem;}
@media (min-width:769px) {
  .hot-jobs { padding-top: 20px; padding-bottom: 20px;}
}
@media (max-width:768px) {
  .hot-jobs { padding-top: 20px; padding-bottom: 0;}
}
@media (min-width:481px) {
  .hot-jobs .text-field { float: left;}
  .hot-jobs .btn-form { float: left;}
  .hot-jobs .text-field { width: 280px;}
}
@media (max-width:480px) {
  .hot-jobs { text-align: center;}
  .form-container { text-align: center;}
  .hot-jobs .text-field { width: 100%;}
  .hot-jobs .btn-form { margin-top: 16px;}
}

/* programs */
.programs .col-md-4 .inner { width: 100%; text-align: center; cursor: pointer;}
.programs .col-md-4 .pic { padding-bottom: 58.33%; background-size: cover; background-position: center;}
.programs .inner { position: relative;}
.programs .box { padding: 26px 4% 96px 4%;}
.programs h3, .programs .h3 { margin-bottom: 1.1rem; font-size: 3.2rem; letter-spacing: .025em;}
.programs .text { font-size: 1.7rem; line-height: 1.52em;}
.programs .btn { position: absolute; left:50%; transform: translateX(-50%); bottom: 36px; white-space: nowrap;}
@media (min-width:769px) {
  .programs .md-flex-container { margin-left: -2.66%; margin-right: -2.66%;}
  .programs .col-md-4 { display: flex; padding: 0 2.66%;}
}
@media (max-width:768px) {
  .programs .col-md-4:not(:last-child) { margin-bottom: 30px;}
}


/* news & events */
.news-events { position: relative;}
.news-events .bg-text { position: absolute; right: 20px; bottom: -.13em; line-height: 1em; font-weight: 300; color: #f9f9f6; text-transform: uppercase;}
.news-events .md-flex-container { position: relative;}
.news-item .pic-col .pic { padding-bottom: 91%; background-size: cover; background-position: center;}
.news-item .title { font-size: 2rem; line-height: 1.5em; font-weight: 700;}
@media (min-width:769px) {
  .news-events { padding-bottom: 144px;}
  .news-events .bg-text { font-size: 14rem;}
  .news-events .col1 { padding-right: 7%;}
  .news-item:not(:last-child) { margin-bottom: 50px;}
  .news-item .pic-col { padding-top: 6px; width: 200px; min-width: 200px;}
  .news-item .text-col { padding-left: 35px;}
}
@media (max-width:768px) {
  .news-events { padding-bottom: 64px;}
  .news-events .bg-text { font-size: 6.1rem;}
  .news-item:not(:last-child) { margin-bottom: 40px;}
  .news-events .col2 { margin-top: 40px;}
  .news-item .pic-col { margin-bottom: 10px; max-width: 180px;}
}


/* bg-marine mission */
.bg-marine.mission { color: #fff;}
.bg-marine.mission h2 { color: #000;}
.mission .full-w-pic .inner { padding-bottom: 77%; max-height: 500px;}


/* video */
.video-container { position: relative; padding-bottom: 56.4%;}
.video-container iframe { position: absolute; left: 0; top: 0; width: 100%!important; height: 100%!important; border: 0;}


/* team */
.team .md-flex-container { display: flex; margin: 0 -10px; justify-content: center; flex-wrap: wrap;}
.team h2, .team .h2 { margin-bottom: 3.8rem;}
.team .col { font-size: 1.5rem;}
.team .col .inner { max-width: 164px;}
.team .col .pic { margin-bottom: 14px; padding-bottom: 112.4%; max-width: 145px; background-size: cover; background-position: center;}
.team .col .name {}
.team .col .position {}
.team .col .link-line .fa { margin-right: 12px;}
@media (min-width:769px) and (max-width:1000px) {
  .team .col { width: 25%;}
}
@media (min-width:769px) {
  .team { padding-top: 56px; padding-bottom: 42px;}
  .team .col { padding: 25px 10px;}
}
@media (max-width:768px) {
  .team .col { padding: 15px 10px;}
}
@media (min-width:480px) and (max-width:768px) {
  .team .col { width: 33.333%;}
}
@media (max-width:479px) {
  .team .col { width: 50%;}
}


/*--------------------------------------------------------------
Specific for FRONT page
--------------------------------------------------------------*/




/*--------------------------------------------------------------
Specific for NOT-FRONT page
--------------------------------------------------------------*/
.page-header h1 { margin: 0;}
footer { border-top: 5px solid #a7a9ac;}
@media (min-width:769px) {
  .page-header { padding: 52px 0 46px;}
}
@media (max-width:768px) {
  .page-header { padding: 22px 0 16px;}
}




/* for Retina */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5), 
only screen and (min-resolution: 1.5dppx){
  .icon {
    background-image: url(example2x.png);
  }
}

.team .col .name a, .team .col .name { font-weight: 400; color: #000!important;}
.link-line a, .team .col .link-line { font-weight: 400;}
.how-help .pic img { width: 100%;}
.playsTable { border-spacing: 0;}
.playsTable th { font-weight: 300; color: #666; text-align: left; border-bottom: 1px solid #aba7a8;}
.playsTable tr:nth-child(2n) td { background: #f3f3f3;}
@media (min-width:769px) {
  .playsTable th { padding: 10px; font-size: 1.5rem;}
  .playsTable td {padding: 10px;}
}
@media (max-width:768px) {
  .playsTable th { padding: 3px; font-size: .9rem;}
  .playsTable td { padding: 3px; font-size: .9rem;  font-weight: 300;}
  .playsTable tr td:first-child { font-size: .75rem;}
}
/* third level */
@media (min-width: 801px) {
  #main-nav > ul > li:hover > ul > li { position: relative;}
  #main-nav > ul > li > ul > li > ul { position: absolute; left: 200px; top: 0; width: 0; height: 0; overflow: hidden; transition: .25s ease-in-out; border-left: 1px solid #aba7a8; background: #fff;}
  #main-nav > ul > li:last-child > ul > li > ul { left: auto; right: 200px; border-left: 0; border-right: 1px solid #aba7a8;}
  #main-nav > ul > li > ul > li:hover > ul { width: 200px; height: auto;}
  #main-nav > ul > li > ul > li > ul a { display: block; padding: 6px 8px 6px 12px; line-height: 1.2em;}
}
@media (max-width: 800px) {
  #main-nav > ul > li > ul > li > ul { margin-bottom: 12px;}
  #main-nav > ul > li > ul > li > ul a { font-weight: 300;}
}
/* / */

#page > p { margin: 0;}


/*ARTEM */
@media (min-width:769px) {
  .events_left {float: left; width: 70%;}
  .events_right {float: right; padding-left: 50px; width: 30%;}
  #wb_calendar_events { zoom:1;}
  #wb_calendar_events:after { content:" "; display:table; clear:both;}
  #wb_calendar_events .wb_calendar { float: right;}
  .wb_calendar td { text-align: center;}
  .wb_calendar .year_month td { padding-bottom: 3px; font-size: 1.5rem;}
  .wb_calendar .days_of_weeks td { font-size: 10px; color: #666;}
  .wb_calendar .week td { padding: 3px; font-size: 1.5rem;}
}

@media (max-width:768px) {
  .events_left { margin-bottom: 40px;}
}

.side-nav { padding: 24px 30px; background: #f3f3f3;}
.side-nav a { display: block; padding: 8px 0; line-height: 1.2em;}
.side-nav a:not(:hover) { color: #000;}
.side-nav .active > a, .side-nav .selected > a, .side-nav .current > a { color: #2d8c9f;}

.side-nav ul ul { margin-bottom: 10px;}
.side-nav ul ul li { position: relative; padding-left: 26px;}
.side-nav ul ul li:before { content: ""; position: absolute; left: 14px; top: 17px; width: 4px; height: 4px; border-radius: 100%; background: #000;}
@media (min-width:769px) {
  .side-col { padding: 0 0 52px;}
}
@media (max-width:768px) {
  .side-col { padding: 0 0 22px;}
}


.container .md-flex-container .container { padding: 0;}

/* slider - HOT JOBS */
.hot-jobs-slider .swiper-container-jobs { width: 100%; height: 100%;}
.hot-jobs-slider .swiper-container-jobs, .hot-jobs-slider .swiper-slide { padding: 0;}
@media (min-width: 769px) {
  .hot-jobs-slider .box-m { height: 250px;}
}
@media (max-width: 768px) {
  .hot-jobs-slider .box-m { height: 270px;}
}

.swiper-container-jobs { width: 100%; height: auto;}
@media (min-width:769px) {
  .swiper-container-jobs { padding: 0 40px;}
}
@media (max-width:768px) {
  .swiper-container-jobs { padding: 0 40px;}
}

.swiper-container-jobs { overflow: hidden;}