/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	Font Face Fonts
-----------------------------------------------------------------*/

@font-face {
    font-family: 'helvetica-neue-bold';
		src: url('fonts/helvnbb-webfont.eot');
    src: url('fonts/helvnbb-webfont.eot?#iefix') format('embedded-opentype'),
				 url('fonts/helvnbb-webfont.woff2') format('woff2'),
         url('fonts/helvnbb-webfont.woff') format('woff'),
         url('fonts/helvnbb-webfont.ttf') format('truetype'),
         url('fonts/helvnbb-webfont.svg#helveticaneueboldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helvetica-neue-light';
		src: url('fonts/helvnll-webfont.eot');
    src: url('fonts/helvnll-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvnll-webfont.woff2') format('woff2'),
         url('fonts/helvnll-webfont.woff') format('woff'),
         url('fonts/helvnll-webfont.ttf') format('truetype'),
         url('fonts/helvnll-webfont.svg#helveticaneuelightlight') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'helvetica-neue-roman';
    src: url('fonts/helvnrr-webfont.eot');
    src: url('fonts/helvnrr-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvnrr-webfont.woff2') format('woff2'),
         url('fonts/helvnrr-webfont.woff') format('woff'),
         url('fonts/helvnrr-webfont.ttf') format('truetype'),
         url('fonts/helvnrr-webfont.svg#helveticaneueromanroman') format('svg');
    font-weight: normal;
    font-style: normal;

}




/* ----------------------------------------------------------------
	Header
-----------------------------------------------------------------*/

#header #header-wrap{
	background: #008c99 !important;
	border-bottom: 1px solid rgba(204,204,204,0.25) !important;
}
#header,
#header-wrap,
#logo img{
	height: 100px;
	-webkit-transition: height .2s ease !important;
	-o-transition: height .2s ease !important;
	transition: height .2s ease !important;
}
#jm-family {
	height: 100px !important;
	width: 340px !important;
	display: inline-block;
	float: right;
	margin-right: 30px;
}
#jm-family img {
	width: 100% !important;
	height: auto !important;
}
#header.sticky-header #jm-family,
#header.sticky-header #jm-family img{
	height: 60px !important;
	width: 204px !important;
}
.overlay-menu #primary-menu-trigger {
    opacity: 1;
    pointer-events: auto;
    left: auto;
    right: 25px !important;
		top: 0 !important;
    width: 40px;
    height: 100px !important;
    line-height: 20px;
    margin-top: 0px !important;
		border-left: 1px solid rgba(204,204,204,0.5) !important;
		padding: 30px 0px 0px 10px !important;
}
#header.sticky-header #primary-menu-trigger  {
	height: 60px !important;
	padding: 10px 0px 0px 10px !important;
}
.overlay-menu #primary-menu > #overlay-menu-close{
    opacity: 1;
    pointer-events: auto;
    left: auto;
    right: 20px;
    width: 40px;
    height: 40px;
    line-height: 20px;
    margin-top: 0px;
}
header i.icon-reorder{
	color: #fff;
	font-size: 20px;
	padding: 8px 10px;
	-webkit-border-radius: 6px;
	moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid rgba(204,204,204,0.5);
	display: inline-block;
	font-family: 'font-icons';
	background: #000;
}
header i.icon-line-cross {
	color: #fff;
	font-size: 20px;
	padding: 8px 10px;
	-webkit-border-radius: 6px;
	moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid rgba(204,204,204,0.5);
	display: inline-block;
	background: #008c99;
}

/** Overlay Menu **/
.overlay-menu #primary-menu > ul.show {
	background: #000;
	opacity: 0.8;
}
.overlay-menu #primary-menu > ul > li {
    float: none;
    text-align: center;
    max-width: 500px !important;
    margin: 0 auto;
}
.overlay-menu #primary-menu > ul > li > a {
	font-size: 32px;
	color: #fff !important;
	padding-top: 19px;
	padding-bottom: 19px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-family: 'helvetica-neue-light', Helvetica, Arial, sans-serif;
	font-weight: lighter !important;
	border-top: 1px solid rgba(255,255,255,0.25) !important;
}
.overlay-menu #primary-menu > ul > li.current > a,
.overlay-menu #primary-menu > ul > li > a:hover{
	color: #43617b !important;
}
#primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content {
	display: hide !important;
	position: relative;
	width: 100% !important;
	background-color: transparent !important;
	box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);
	border: 0px solid #EEE;
	border-bottom: 0px solid rgba(255,255,255,0.25) !important;
	height: auto;
	z-index: 199;
	top: 100%;
	left: auto !important;
	margin: 0;
	padding-bottom: 10px !important;
}
#primary-menu ul ul li > a {
	font-size: 18px;
	color: #D1D1D1;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 0;
	letter-spacing: 0;
	font-family: 'helvetica-neue-light', Arial, sans-serif !important;
	font-weight: lighter !important;
	text-transform: capitalize !important;
	width: 100% !important;
}
#primary-menu ul ul li > a:hover {
	background-color: transparent !important;
	color: #fff;
	font-family: 'helvetica-neue-light', Arial, sans-serif !important;
	font-weight: lighter !important;
}


/**** By Media Type*****/

@media (min-width: 1200px) {
	header .container {
			width: 98% !important;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	header .container {
			width: 98% !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	header .container {
			width: 98% !important;
	}
}

@media (max-width: 991px) {
	header .container {
			width: 98% !important;
	}
	#jm-family {
		display: none !important;
	}
}

@media (max-width: 767px) {
	#logo {
		text-align: left !important;
	}
	.overlay-menu #primary-menu > ul > li {
		margin: 0px 15px !important;
	}
	.overlay-menu #primary-menu > ul > li > a {
		font-size: 20px;
	}
	#primary-menu {
		margin: 0px -20px !important;
		padding: 0px !important;
	}
	#primary-menu ul ul li a {
	font-size: 18px;
	font-weight: 300;
	}
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul a, 
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover ul a, 
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current ul a, 
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover ul a, 
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current ul a {
    color: #fff !important;
	}
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul a:hover, 
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li a:hover, 
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current a, 
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li li.current a, 
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current  a {
    color: #43617b !important;
	}
	.overlay-menu #primary-menu > ul > li > a:hover,
	.overlay-menu #primary-menu > ul > li.current > a{
		color: #43617b !important;
}
}
@media (max-width: 360px) {
#logo {
  max-width: 220px !important;
	float: left !important;
}
	#logo img {
		height: auto!important;
		margin-top: 14px !important;
	}
	#primary-menu {
		margin: 100px -20px 0px !important;
		padding: 0px !important;
	}
}

/* ----------------------------------------------------------------
	Footer
-----------------------------------------------------------------*/
#footer  {
	margin-top: 0px !important;
	padding-top: 0px !important;
}
#copyrights .col_full {
	margin-bottom: 10px !important;
}
.dark #copyrights {
  background-color: rgba(0,0,0,1) !important;
  color: rgba(255,255,255,0.7) !important;
  text-shadow: 1px 1px 1px rgba(0,0,0,0) !important;
	text-align: center !important;
	padding: 15px 0px !important;
	font-weight: 300;
	font-size: 15px !important;
	line-height: 1.2em;
}
.dark #copyrights .copyright-links a {
	color: #fff !important;
	border-bottom: none!important;
	padding: 0px 0px 10px 0px!important;
	margin: 10px !important;
	display: inline-block !important;
}
.dark #copyrights .copyright-links a:hover {
	color: #008c99 !important;
	text-decoration: underline !important;
}
footer.dark, .dark #footer {
    background-color: #000 !important;
    border-top-color: rgba(0,0,0,0.2);
}

@media (max-width: 767px) {
	.dark #copyrights .copyright-links a {
		display: block !important;
		border-bottom: 1px solid #fff !important;
	}
	#copyrights .container {
		width: 100% !important;
	}
	#copyrights .reserved {
		font-size: 0.8em !important;
		margin-top: 30px !important;
		display: block !important;
	}
}




/* ----------------------------------------------------------------
	General Elements
-----------------------------------------------------------------*/
body {
	font-family: 'helvetica-neue-light', Helvetica, Arial, sans-serif !important;
	font-weight: lighter !important;
	letter-spacing: 0.05em !important;
}
#content p {
	font-size: 14px !important;
	line-height: 1.65em !important;
	color: #363636 !important;
}
#content p strong{
	font-family: 'helvetica-neue-bold', Helvetica, Arial, sans-serif !important;
	font-weight: bold !important;
}
#content a {
    text-decoration: none !important;
    color: #008c99 !important;
}
#content a:hover {
	color: #000 !important;
}

/** Headline reset**/

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: lighter !important;
	font-family: 'helvetica-neue-light', Helvetica, Arial, sans-serif !important;
	
}


h1 {
	font-size: 40px;
	font-family: 'helvetica-neue-bold', Helvetica, Arial, sans-serif !important;
	font-weight: bold !important;
	letter-spacing: 0em !important;
	text-transform: none;
}

h2{
	color: #363636;
	text-transform: uppercase;
	font-size: 18px;
	font-family: 'helvetica-neue-roman', Helvetica, Arial, sans-serif !important;
	font-weight: normal !important;
	margin: 0px 0px 20px 0px !important;
	line-height: 1.1em !important;	
}
h2 strong {
	font-family: 'helvetica-neue-bold', Helvetica, Arial, sans-serif !important;
	font-weight: bold !important;
}
h6 {
	font-family: 'helvetica-neue-bold', Helvetica, Arial, sans-serif !important;
	font-weight: bold !important;
	font-size: 14px !important;
}
.table-hover > tbody > tr:hover {
    background-color: #ebebeb !important;
}
th {
	font-family: 'helvetica-neue-bold', Helvetica, Arial, sans-serif !important;
	font-size: 1.1em !important;
	font-weight: bold !important;
}
#content a.button-light {
	display: inline-block !important;
	color: #00a4b3 !important;
	text-transform: uppercase;
	font-family: 'helvetica-neue-bold', Helvetica, Arial, sans-serif !important;
	font-size: 12px !important;
	background: #f2f2f2 !important;
	border-radius: 20px;
	padding: 5px 10px 5px 20px;
	margin-top: 0px;
	line-height: 24px;
	-moz-box-shadow:  0px 0px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:  0px 0px 3px rgba(0,0,0,0.1);
	box-shadow:  0px 0px 3px rgba(0,0,0,0.1);
	border: 2px solid #fff;
	transition: background-color 0.5s ease;
	font-weight: bold !important;
}
#content a.button-light:hover {
	color: #fff !important;
	background: #7dc4cb !important;
	-moz-text-shadow:  0px 1px 3px rgba(0,0,0,0.3) !important;
	-webkit-text-shadow:  0px 1px 3px rgba(0,0,0,0.3) !important;
	text-shadow:  0px 1px 3px rgba(0,0,0,0.3) !important;
}
#content a.button-light span.more-sign {
	display: inline-block;
	background-color: #00a4b3;
	width: 24px;
	height: 24px;
	border-radius: 20px;
	margin-left: 10px;
	float: right;
	background-image: url(../images/buttons/sign-plus.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#content .button-dark {
	display: inline-block !important;
	color: #fff !important;
	text-transform: uppercase;
	font-family: 'helvetica-neue-bold', Helvetica, Arial, sans-serif !important;
	font-size: 12px !important;
	background: #222 !important;
	border-radius: 20px;
	padding: 5px 20px 5px 20px;
	margin-top: 0px;
	line-height: 24px;
	-moz-box-shadow:  0px 0px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:  0px 0px 3px rgba(0,0,0,0.1);
	box-shadow:  0px 0px 3px rgba(0,0,0,0.1);
	border: 2px solid #fff;
	transition: background-color 0.5s ease;
	font-weight: bold !important;
}
#content a.button-dark:hover {
	color: #fff !important;
	background: #7dc4cb !important;
}
a.excel {
	background-image: url(../images/buttons/Microsoft-Excel-icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 8px 0px 8px 30px !important;
	line-height: 15px;
	display: inline-block;
}
a.pdf {
	background-image: url(../images/buttons/Pdf-icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 8px 0px 8px 30px !important;
	line-height: 15px;
	display: inline-block;
}
a.chrome {
	background-image: url(../images/buttons/Google-Chrome-icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 8px 0px 8px 30px !important;
	line-height: 15px;
	display: inline-block;
}

/* ----------------------------------------------------------------
	Homepage
-----------------------------------------------------------------*/


/**Swipe Slider**/

.slider-caption {
	max-width: 1240px !important;
}
.slider-caption h2 {
	font-size: 40px;
	font-family: 'helvetica-neue-light', Helvetica, Arial, sans-serif !important;
	letter-spacing: 0em !important;
	line-height: 36px !important;
	text-transform: none;
	font-weight: lighter !important;
}
.slider-caption p {
	font-size: 22px;
	font-family: 'helvetica-neue-light', Helvetica, Arial, sans-serif !important;
	letter-spacing: 0em;
	text-transform: none;
	font-weight: lighter !important;
}
.slider-caption h2.slide1 {
	margin-top: 40px;
}
.slider-caption .slide1-image {
	float: left !important;
	margin-right: 20px;
	display: block;
}
.slider-caption .slide1-image img {
	width: 100% !important;
	height: auto !important;
}
.slider-caption .slide1-button {
	margin-top: 40px !important;
	display: block;
}
#slide-number {
	display: none !important;
}

/**** By Media Type*****/

@media (max-width: 1024px) {
	.slider-caption h2 {
	font-size: 40px;
	}
	.slider-caption p {
	font-size: 19px;
	}
}


@media (max-width: 767px) {
	
	.swiper_wrapper:not(.force-full-screen),
	.swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide, 
	.ei-slider {
    height: 480px !important;
	}
	.slider-caption {
		left: 0 !important;
	}
	.slider-caption .slide1-image {
		width: 200px !important;
	}
	.slider-caption h2 {
		font-weight: 400;
		font-size: 30px !important;
		margin-bottom: 15px !important;
	}
	.slider-caption h2.slide1 {
	margin-top: 20px;
}
	.slider-caption p {
		font-weight: 400;
		font-size: 14px;
		display:block !important
	}
	.slider-caption .slide1-button {
	margin-top: 30px !important;
		text-align: center;
	}
}


@media (max-width: 479px) {
	.swiper_wrapper:not(.force-full-screen),
	.swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide, 
	.ei-slider {
    height: 800px !important;
	}
	.slider-caption {
		text-align: center !important;
	}
	
	.slider-caption .slide1-image {
		width: 100% !important;
		float: none !important;
		text-align: center !important;
		margin-right: 0px !important;
	}
	.slider-caption .slide1-image img{
		width: 90% !important;
	}
}


/**Two Column Area**/

.content-wrap-nopadding {
    position: relative;
    padding: 0px !important;
}

body.stretched .container-fullwidth-nopadding {
    position: relative;
    padding: 0px;
    width: 100%;
}
body.stretched .container-fullwidth-nopadding .col_half,
body.stretched .container-fullwidth-nopadding .col_half.col_last{
	padding: 50px 40px 25px !important;
	margin-right: 0% !important;
	width: 50%;
}
.gray-background {
	background-image: url(../images/homepage/homepage-section-background.png);
	background-repeat: repeat-y;
	background-position: center top;
}
.topic-block {
	border-bottom: 1px solid #fff !important;
	margin-bottom: 30px;
	padding-bottom: 50px
}
.topic-block.last{
	border-bottom: none !important;
	margin-bottom: 30px;
	padding-bottom: 10px;
}
.topic-block p {
	margin: 25px 0px 20px !important;
}
.topic-block img {
	display: inline-block !important;
	width: 125px;
	height: 150px;
	float: left;
	margin: 0px 20px 30px 0px;
}
.topic-block h1{
	color: #008c99;
	text-transform: uppercase;
	font-size: 30px;
	font-family: 'helvetica-neue-roman', Helvetica, Arial, sans-serif !important;
	font-weight: normal !important;
	margin: 4px 0px 25px 0px !important;
	line-height: 1em !important;
}

.topic-block h2{
	color: #363636;
	text-transform: uppercase;
	font-size: 18px;
	font-family: 'helvetica-neue-bold', Helvetica, Arial, sans-serif !important;
	font-weight: bold !important;
	margin: 0px 0px 0px 0px !important;
	line-height: 1em !important;
	letter-spacing: 0em;	
}
.topic-block .subsidiary h2{
	margin-bottom: -15px !important;
}

.home-numbers {
	width: 33%;
	margin: 0%;
	float: left;
	min-height: 155px;
	border-bottom: 2px solid #d7e7e9;
	border-right: 1px solid #d7e7e9;
	padding-bottom: 20px;
	margin-bottom: 60px;
}
.home-numbers.last{
	border-right: none;
}
.home-numbers .counter {
	font-size: 32px;
	font-family: 'helvetica-neue-light', Helvetica, Arial, sans-serif !important;
	letter-spacing: -0.02em;
	line-height: 1em !important;
	font-weight: lighter !important;
}
.topic-block .subsidiary {
	border-bottom: 1px solid #d7e7e9;
	margin: 20px 0px 10px 0px;
	padding-bottom: 10px;
}
.subsidiary.last{
	border-bottom: none !important;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.topic-block .subsidiary img {
	width: 220px;
	height: 110px;
	margin: 0px 20px 10px 0px;
}
#content .topic-block .subsidiary  p {
	color: #585858 !important;
	margin: 20px 0px 25px !important;
}
.home-numbers h5 {
	font-size: 26px !important;
	line-height: 24px !important;
	font-family: 'helvetica-neue-light', Helvetica, Arial, sans-serif !important;
	font-weight: normal !important;
	letter-spacing: -0.02em;
	text-transform: none;
	margin: 0px 0px 10px 0px !important;
	padding: 0px;
	font-weight: lighter !important;
}
.home-numbers h6 {
	color: #808080;
	font-size: 16px;
	font-family: 'helvetica-neue-roman', Helvetica, Arial, sans-serif !important;
	font-weight: normal !important;
	line-height: 1em;
	padding: 0px 15px;
}

@media (max-width: 1280px) {
	.home-numbers {
	width: 98%;
	margin: 0 1%;
	float: none;
	min-height: 100px;
	border-right: none;
	margin-top: 20px;
	}
}

@media (max-width: 1280px) {
	.topic-block.right h1 {
	text-align: center !important;
	}
	.topic-block .subsidiary {
		text-align: center !important;
	}
	.topic-block .subsidiary img {
		margin: 0px !important;
		float: none !important;
	}
}


@media (max-width: 768px) {
	body.stretched .container-fullwidth-nopadding .col_half{
	padding: 50px 40px 25px !important;
	margin-right: 0% !important;
	width: 100%;
	margin-bottom: 0px !important;
	}
	body.stretched .container-fullwidth-nopadding .col_half.col_last{
	padding: 50px 40px 0px !important;
	margin-right: 0% !important;
	width: 100%;
	margin-bottom: 0px !important;
	}
	.gray-background {
	background-image: none;
	}
	.gray-mobile {
		background: #efefef !important;
	}
	.topic-block.last{
	border-bottom: none !important;
	margin-bottom: 0px;
	padding-bottom: 10px;
	}
}


/**Core Values**/

.mobile-only {
	display: none !important;
}

.content-wrap-nopadding .core-values{
  position: relative;
  padding: 40px 0px !important;
	background: rgba(22,33,39,1) !important;
}
.content-wrap-nopadding .core-values .container {
	width: 98% !important;
	padding: 0px 0px 30px 0px!important;
}
.content-wrap-nopadding .core-values h1{
	color: #c4c6c8 !important;
	text-align: center !important;
	text-transform: uppercase;
	font-size: 36px;
	font-family: 'helvetica-neue-roman', Helvetica, Arial, sans-serif !important;
	font-weight: normal !important;
	margin: 4px 0px 25px 0px !important;
	line-height: 1em !important;
}
.content-wrap-nopadding .core-values .col_one_third {
	display: block;
	position: relative;
	margin-right: 0% !important;
	margin-bottom: 10px;
	float: left;
	width: 33.3% !important;
}

/***Flip Cards ***/

.flip-card{
	margin:2px 0px;
	width:100%;
	height:auto;
	display: block !important
}
.flip-card .front{
	color:#fff;
	background:#000 ;
	overflow:hidden;
	height:auto;
	min-height: 320px;
}
.flip-card .back{
	color:#fff;
	background:#000;
	overflow:hidden;
	height:auto;
	height: 320px !important;
	display: table !important;
	text-align: center !important;
	vertical-align: middle !important;
}
.flip-card .front, .flip-card .back{
	width:100%;
	padding:8px;
	overflow:hidden;
	box-shadow: 0px 0px 0px 0px #ddd;
}
.flip-card .front .flip-card-body{
	border:0px solid #f44336;
}

.flip-card .back .flip-card-body{
	border:0px solid #fff;
	display: table-cell !important;
	vertical-align: middle !important;
}
.flip-card .square{
	float: none;
	width: 100%;
	height: auto;
}
.flip-card .square .flip-card-body, .flip-card .square img{
	border-radius:0px;
}
.flip-card h3 {
	font-family: 'helvetica-neue-bold', Helvetica, Arial, sans-serif !important;
	font-weight: bold !important;
	text-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	color: #fff !important;
}
#content .flip-card p {
	font-family: 'helvetica-neue-roman', Helvetica, Arial, sans-serif !important;
	font-weight: normal !important;
	font-size: 14px !important;
	text-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	color: #fff !important;
	text-align: center !important;
	line-height: 1.25em !important;
	margin: 0px 15px !important;
}
.flip-card .bg-image.consideration-front{
	background-position: center;
	background-image: url(../images/homepage/flipcard-consideration-front.jpg);
	background-size: cover;
}
.flip-card .bg-image.consideration-back{
	background-position: center;
	background-image: url(../images/homepage/flipcard-consideration-back.jpg);
	background-size: cover;
}
.flip-card .bg-image.cooperation-front{
	background-position: center;
	background-image: url(../images/homepage/flipcard-cooperation-front.jpg);
	background-size: cover;
}
.flip-card .bg-image.cooperation-back{
	background-position: center;
	background-image: url(../images/homepage/flipcard-cooperation-back.jpg);
	background-size: cover;
}
.flip-card .bg-image.communication-front{
	background-position: center;
	background-image: url(../images/homepage/flipcard-communication-front.jpg);
	background-size: cover;
}
.flip-card .bg-image.communication-back{
	background-position: center;
	background-image: url(../images/homepage/flipcard-communication-back.jpg);
	background-size: cover;
}
.flip-card .bg-image.innovation-front{
	background-position: center;
	background-image: url(../images/homepage/flipcard-innovation-front.jpg);
	background-size: cover;
}
.flip-card .bg-image.innovation-back{
	background-position: center;
	background-image: url(../images/homepage/flipcard-innovation-back.jpg);
	background-size: cover;
}
.flip-card .bg-image.accountability-front{
	background-position: center;
	background-image: url(../images/homepage/flipcard-accountability-front.jpg);
	background-size: cover;
}
.flip-card .bg-image.accountability-back{
	background-position: center;
	background-image: url(../images/homepage/flipcard-accountability-back.jpg);
	background-size: cover;
}

/*** Carousel ***/

.core-values .portfolio-desc h3{
	text-align: center !important;
	font-size: 16px !important;
	line-height: 18px!important;
	font-family: 'helvetica-neue-roman', Helvetica, Arial, sans-serif !important;
	color: #fff !important;
	margin: 10px !important;
}
.core-values .portfolio-notitle .portfolio-desc {
    position: absolute;
    display: block !important;
    width: 100%;
    height: 100px;
    padding: 15px 5px;
    top: auto;
    bottom: -100px;
    left: 0;
    background-color: #018c99 !important;
    border-bottom: 0px solid #EEE;
}
.core-values .portfolio-full.portfolio-notitle .portfolio-desc, 
.core-values .portfolio-nomargin.portfolio-notitle .portfolio-desc {
    bottom: -100px;
    border-bottom: 0;
}
.core-values .owl-carousel-full .owl-nav [class*=owl-] {
    color: #018c99 !important;
    background-color: rgba(255,255,255,0.9) !important;
}



@media (max-width: 960px) {
	.flip-card .front, .flip-card .back{
		height: 280px !important;
		min-height: 280px !important;
	}
}

@media (max-width: 880px) {
	
	.content-wrap-nopadding .core-values .container {
		width: 80% !important;
	}
	
	.content-wrap-nopadding .core-values .col_one_third,
	.content-wrap-nopadding .core-values .col_one_third .col_last{
    display: block;
    position: relative;
    margin: 0% !important;
    margin-bottom: 10px;
    float: none;
    width: 100% !important;
		padding-bottom: 0px !important;
	}
}
@media (max-width: 769px){
	.desktop-only {
		display: none !important;
	}
	.mobile-only {
		display: block !important;
	}
}

@media (max-width: 560px){
	.content-wrap-nopadding .core-values .container {
    width: 98% !important;
	}
	.flip-card .front, .flip-card .back{
		height: 300px !important;
		min-height: 300px !important;
	}
}

/* ----------------------------------------------------------------
	Interior Pages
-----------------------------------------------------------------*/

/** Banners **/

.swiper-slide.interior{
	
}
.swiper-slide.interior .slider-caption {
	max-width: 1240px !important;
}
.swiper-slide.interior .slider-caption h2 {
	font-size: 40px;
	font-family: 'helvetica-neue-light', Helvetica, Arial, sans-serif !important;
	font-weight: normal !important;
	letter-spacing: -0.02em;
	text-transform: none;
	margin-top: 10px !important;
	font-weight: lighter !important;
}
.swiper-slide.interior .slider-caption p {
	font-size: 18px;
	font-family: 'helvetica-neue-roman', Helvetica, Arial, sans-serif !important;
	letter-spacing: 0em;
	text-transform: none;
	
}
.swiper-slide.interior.careers {
	background-position: 50% -50% !important;
	background-image: url(../images/careers/banner-background-careers.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.container-fullwidth-nopadding.intro {
	padding: 40px 0px !important;
	color: #363636 !important;
}
.container-fullwidth-nopadding.intro h1 {
	text-transform: uppercase;
	font-size: 46px;
	font-family: 'helvetica-neue-light', Helvetica, Arial, sans-serif !important;
	margin: 4px 0px 25px 0px !important;
	line-height: 1em !important;
	font-weight: lighter !important;
}
#content .container-fullwidth-nopadding.intro p,
#content .container.intro p{
	font-family: 'helvetica-neue-light', Helvetica, Arial, sans-serif !important;
	font-size: 18px !important;
	font-weight: lighter !important;
}
.container-fullwidth-nopadding.benefits {
	padding: 40px 5px !important;
	background: #e0f1f3 !important;
}
.container-fullwidth-nopadding.benefits h2 {
	text-transform: uppercase;
	font-size: 40px;
	font-family: 'helvetica-neue-light', Helvetica, Arial, sans-serif !important;
	font-weight: lighter !important;
	margin: 4px 0px 25px 0px !important;
	line-height: 1em !important;
	color: #008c99 !important;
	margin-bottom: 40px !important;
}
#content .container-fullwidth-nopadding.benefits .col_one_fourth{
	margin: 2px 0.25% !important;
	width: 24.375% !important;
}
.container-fullwidth-nopadding.benefits .flip-card h3 {
	text-transform: uppercase!important;
	font-size: 20px !important;
	font-family: 'helvetica-neue-bold', Helvetica, Arial, sans-serif !important;
	font-weight: bold !important;
	margin: 4px 0px 25px 0px !important;
	line-height: 1em !important;
	color: #fff !important;
}
#content .container-fullwidth-nopadding.benefits .flip-card p {
	font-family: 'helvetica-neue-roman', Helvetica, Arial, sans-serif !important;
	font-size: 16px !important;
	text-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	color: #fff !important;
	text-align: center !important;
	line-height: 1.2em !important;
	padding: 0px 15px !important;
}
.flip-card .bg-image.health-front{
	background-position: center;
	background-image: url(../images/careers/benefits-health-front.jpg);
	background-size: cover;
}
.flip-card .bg-image.health-back{
	background-position: center;
	background-image: url(../images/careers/benefits-health-back.jpg);
	background-size: cover;
}
.flip-card .bg-image.disability-front{
	background-position: center;
	background-image: url(../images/careers/benefits-disability-front.jpg);
	background-size: cover;
}
.flip-card .bg-image.disability-back{
	background-position: center;
	background-image: url(../images/careers/benefits-disability-back.jpg);
	background-size: cover;
}
.flip-card .bg-image.insurance-front{
	background-position: center;
	background-image: url(../images/careers/benefits-insurance-front.jpg);
	background-size: cover;
}
.flip-card .bg-image.insurance-back{
	background-position: center;
	background-image: url(../images/careers/benefits-insurance-back.jpg);
	background-size: cover;
}
.flip-card .bg-image.retire-front{
	background-position: center;
	background-image: url(../images/careers/benefits-retire-front.jpg);
	background-size: cover;
}
.flip-card .bg-image.retire-back{
	background-position: center;
	background-image: url(../images/careers/benefits-retire-back.jpg);
	background-size: cover;
}
.flip-card .bg-image.holidays-front{
	background-position: center;
	background-image: url(../images/careers/benefits-holidays-front.jpg);
	background-size: cover;
}
.flip-card .bg-image.holidays-back{
	background-position: center;
	background-image: url(../images/careers/benefits-holidays-back.jpg);
	background-size: cover;
}
.flip-card .bg-image.education-front{
	background-position: center;
	background-image: url(../images/careers/benefits-education-front.jpg);
	background-size: cover;
}
.flip-card .bg-image.education-back{
	background-position: center;
	background-image: url(../images/careers/benefits-education-back.jpg);
	background-size: cover;
}
.flip-card .bg-image.bonus-front{
	background-position: center;
	background-image: url(../images/careers/benefits-bonus-front.jpg);
	background-size: cover;
}
.flip-card .bg-image.bonus-back{
	background-position: center;
	background-image: url(../images/careers/benefits-bonus-back.jpg);
	background-size: cover;
}
.flip-card .bg-image.vehicle-front{
	background-position: center;
	background-image: url(../images/careers/benefits-vehicle-front.jpg);
	background-size: cover;
}
.flip-card .bg-image.vehicle-back{
	background-position: center;
	background-image: url(../images/careers/benefits-vehicle-back.jpg);
	background-size: cover;
}

.container-fullwidth-nopadding.perks {
	padding: 40px 5px !important;
	background: #cce1eb !important;
}
.container-fullwidth-nopadding.perks h2 {
	text-transform: uppercase;
	font-size: 40px;
	font-family: 'helvetica-neue-light', Helvetica, Arial, sans-serif !important;
	font-weight: normal !important;
	margin: 4px 0px 25px 0px !important;
	line-height: 1em !important;
	color: #569bbe !important;
	margin-bottom: 40px !important;
}
.container-fullwidth-nopadding.perks .col_one_third {
	margin-right: 1% !important;
}
.iconlist {
	font-size: 14px !important;
	font-family: 'helvetica-neue-roman', Helvetica, Arial, sans-serif !important;
	color: #343434 !important;
}
.container-fullwidth-nopadding.videos {
	padding: 40px 5px !important;
}
.container-fullwidth-nopadding.videos h2 {
	text-transform: uppercase;
	font-size: 40px;
	font-family: 'helvetica-neue-light', Helvetica, Arial, sans-serif !important;
	font-weight: lighter !important;
	margin: 4px 0px 25px 0px !important;
	line-height: 1em !important;
	color: #008c99 !important;
	margin-bottom: 40px !important;
}
#content .container-fullwidth-nopadding.videos p,
#content .container.about p{
	line-height: 1.2em !important;
	margin: 20px 0px 8px 0px!important;
}
#content .container-fullwidth-nopadding.videos p strong,
#content .container.about p strong{
	line-height: 1.75em !important;
}


@media (max-width: 960px){
	#content .container-fullwidth-nopadding.benefits .col_one_fourth{
	margin: 3px 0.5% !important;
	width: 49% !important;
	}
}
@media (max-width: 767px) {
	#content .container-fullwidth-nopadding.benefits .col_one_fourth{
	margin: 3px 0.5% !important;
	width: 49% !important;
	float: left !important;
	}
	.container-fullwidth-nopadding.perks .col_one_third {
		margin-right: 0% !important;
		width: 100% !important;
	}
}
@media (max-width: 560px){
	#content .container-fullwidth-nopadding.benefits .col_one_fourth{
	margin: 3px 1% !important;
	width: 98% !important;
	float: none !important;
	}
}
#page-title.page-title {
	padding: 80px 0px !important;
	background-position: center center;
}

#page-title.page-title h1 {
  font-size: 40px;
	line-height: 1em !important;
	font-family: 'helvetica-neue-light', Helvetica, Arial, sans-serif !important;
	font-weight: lighter !important;
	margin: 0px !important;
  letter-spacing: 2px;
	text-shadow: 0px 1px 3px rgba(0,0,0,0.6) !important;
}

.prospectus {
	display: block;
	width: 100%;
	padding: 20px 0px;
	margin: 20px 0px 40px 0px;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	text-align: left;
}
.prospectus a {
	display: block;
}
.prospectus img {
	display: block;
	float: left;
}
#content .intro .prospectus p {
	font-size: 14px !important;
	border-left: 1px solid #d7d7d7;
	margin-bottom: 0px !important;
	margin-left: 180px;
	padding-left: 15px;
	line-height: 18px !important;
}

@media (max-width: 767px) {
	#page-title.page-title {
	padding: 40px 0px !important;
}
	.prospectus {
		text-align: center;
	}
	
	.prospectus img {
		display: block;
		float: none !important;
		padding-bottom: 20px;
		margin: 0 auto !important;
}
	#content .intro .prospectus p {
		border-left: 0px solid #d7d7d7;
		margin-left: 0px;
		padding-left: 0px;
	}
	
}
@media (max-width: 560px) {
	#page-title.page-title {
	padding: 20px 0px !important;
}
	#page-title.page-title h1 {
		font-size: 30px;
	}
}


/****Toggles*****/

.col_half.toggleset {
	margin-bottom: 0px !important
}
.toggle {
    display: block;
    position: relative;
    margin: 0 0 10px 0 !important;
}
.toggle.toggle-bg .togglet {
	background-color: #efefef !important;
	line-height: 1.2em !important;
	font-family: 'helvetica-neue-bold', Helvetica, Arial, sans-serif !important;
	font-size: 14px;
	padding: 15px 15px 15px 36px;
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	border-radius: 4px !important;
	-webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
	font-weight: bold !important;
} 
.toggle.toggle-bg .toggleta,
.toggle.toggle-bg .togglet:hover{
	background-color: #008c99 !important;
	color: #ffffff !important;
}
.table > thead > tr > th, .table > tbody > tr > th, 
.table > tfoot > tr > th, .table > thead > tr > td, 
.table > tbody > tr > td, .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 0px solid #dddddd !important;
	border-bottom: 1px solid #dddddd !important;
}

/** Sub Toggles **/

.togglec .toggle.toggle-bg .togglet {
	background-color: #efefef !important;
	padding: 10px 0px 10px 36px;
	margin: 0px 0px 10px -16px !important;
}
.togglec .toggle.toggle-bg .toggleta,
.togglec .toggle.toggle-bg .togglet:hover {
	background-color: #ace0e4 !important;
	color: #000 !important;
}
.togglec  .toggle.toggle-bg .togglet i {
    left: 14px;
    line-height: 36px !important;
}


/* ----------------------------------------------------------------
	Timeline
-----------------------------------------------------------------*/

.container.timeline .decade h2{
	font-family: 'helvetica-neue-light', Helvetica, Arial, sans-serif !important;
	font-size: 44px !important;
	text-align: center;
	padding: 10px;
	background: #85c5cb;
	color: #fff;
	margin-bottom: 0px !important;
	font-weight: lighter !important;
}
.container.timeline .year-wrapper {
	margin-left: 60px;
	padding: 20px 10px 0px 0px;
	border-left: solid 1px #008c99 !important;
	display: block;
}
.container.timeline .year-wrapper.last {
	padding-bottom: 20px !important;
}
.container.timeline .year-wrapper h3{
  font-family: 'helvetica-neue-bold', Helvetica, Arial, sans-serif !important;
  font-size: 36px !important;
  margin: 0px 0px 0px -12px !important;
	padding-left: 40px;
  background-image: url(../images/about/year-dot.png);
  background-repeat: no-repeat;
  background-position: left 5px;
	font-weight: bold !important;
}
.container.timeline .col_one_fourth,
.container.timeline .col_three_fourth{
	margin-bottom: 10px !important;
	margin-right: 0% !important;
}
.container.timeline p {
	padding-top: 14px;
	margin-bottom: 0px !important;
}



@media (max-width: 769px) {
	.container.timeline .year-wrapper {
	margin-left: 30px;
	}
	.container.timeline p {
		padding-left: 35px;
		padding-top: 0px;
	}
	.container.timeline .col_three_fourth{
		margin-bottom: 0px !important;
	}
}



/* ----------------------------------------------------------------
	Timeline Plugin V2
-----------------------------------------------------------------*/

h2.timeline-heading {
	font-size: 28px !important;
	line-height: 24px !important;
	font-family: 'helvetica-neue-light', Helvetica, Arial, sans-serif !important;
	font-weight: lighter !important;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	margin: 20px 0px 10px 0px !important;
	padding: 20px;
	color: #00a4b3 !important;
	text-align: center !important;
	border-top: 1px solid #00a4b3 !important;
}
h2.timeline-heading span {
	font-family: 'helvetica-neue-bold', Helvetica, Arial, sans-serif !important;
	color: #00a4b3 !important;
	font-weight: bold !important;
}


.frst-timeline-style-8 {
    color: #000;
}

.frst-timeline-style-8 .frst-timeline-block::before {
    width: 3px;
    margin-left: -2px;
    background: rgba(12, 12, 12, 0.8);
    top: 12px;
}

.frst-timeline-style-8.frst-right-align .frst-timeline-block::before {
    margin-right: -2px;
}

.frst-timeline-block {
    padding-bottom: 20px;
    padding-left: 45px;
    padding-right: 45px;
}

.frst-timeline-style-8 .frst-timeline-img {
    padding: 0;
    margin-left: -21px;
    top: 6px;
    /*--- Box shadow value --*/
    width: 42px;
    height: 42px;
    color: #fff;
    text-align: center;
    font-size: 24px;
}

.frst-timeline-style-8 .frst-timeline-img span {
    display: inline-block;
    margin: auto;
    padding: 6px;
    height: 50%;
    width: 50%;
    background: #202020;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #202020;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
		box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    vertical-align: middle;
}

.frst-timeline-style-8 .frst-timeline-img i {
    display: block;
}

.frst-timeline-style-8.frst-right-align .frst-timeline-img {
    margin-right: -21px;
}

.frst-timeline-style-8 .frst-timeline-content {
    color: #777;
    background: white;
}

.frst-timeline-style-8 .frst-date {
    color: #9c9c9c;
}

.frst-timeline-style-8 h2 {
    margin: 0 0 5px;
    font-weight: 800;
    color: #444;
    font-size: 18px;
}

.frst-date-opposite.frst-timeline-style-8 h2 {}

#content .frst-timeline-style-8 p {
  margin: 0;
	font-family: 'helvetica-neue-roman', Helvetica, Arial, sans-serif !important;
	line-height: 1.25em !important;
}

.frst-timeline-style-8 .frst-timeline-label-block {
    padding-top: 0;
}

.frst-timeline-style-8 .frst-labels span {
    position: relative;
    background: #162127;
    color: #fff;
    padding: 8px 30px 6px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
		border: 3px solid #00a4b3;
		font-family: 'helvetica-neue-bold', Helvetica, Arial, sans-serif !important;
		font-weight: bold !important;
}

.frst-timeline-style-8.frst-right-align .frst-labels span {
    left: auto;
    right: -47px
}

.frst-timeline-style-8.frst-left-align .frst-labels span {
    right: auto;
    left: -47px;
}


/*--------- news-------*/

.frst-timeline-style-8 .frst-timeline-content-inner {
    border: 2px solid #bfe8ec;
		background: #bfe8ec;
    padding: 20px;
    position: relative;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.frst-timeline-style-8 .frst-timeline-content-inner .media-section {
    width: 100%;
    max-height: 360px !important;
    overflow: hidden;
    margin-bottom: 0px;
}

.frst-timeline-style-8 .frst-timeline-content-inner .media-section iframe {
    max-width: 100%;
}

.frst-timeline-style-8 .frst-timeline-content-inner::before, .frst-timeline-style-8 .frst-timeline-content-inner::after {
    content: "";
    border-style: solid;
    border-color: transparent;
    position: absolute;
}

.frst-timeline-style-8 .frst-timeline-content-inner::before {
    border-width: 10px 11px 10px 0;
    border-right-color: #bfe8ec;
    left: -11px;
    top: 10px;
}

.frst-timeline-style-8 .frst-timeline-content-inner::after {
    border-width: 8px 9px 8px 0;
    border-right-color: #bfe8ec;
    left: -9px;
    top: 12px;
}

.frst-timeline-style-8.frst-right-align .frst-timeline-content-inner::before {
    border-width: 10px 0 10px 11px;
    border-left-color: #d8d8d8;
    left: auto;
    right: -11px;
}

.frst-timeline-style-8.frst-right-align .frst-timeline-content-inner::after {
    border-width: 8px 0 8px 9px;
    border-left-color: #fff;
    right: -8px;
    left: auto;
}



/*---------- Responsive part ------------*/

@media only screen and (min-width:770px) {
		
	
    .frst-date-opposite {
        margin-left: 203px;
    }
    .frst-left-align.frst-date-opposite {
        margin-left: 203px;
    }
    .frst-right-align.frst-date-opposite {
        margin-right: 203px;
        margin-left: 0;
    }
    .frst-timeline-style-8.frst-alternate .frst-timeline-content, .frst-timeline-style-8.frst-date-opposite .frst-timeline-content {
        width: calc(50% - 44px);
    }
    .frst-timeline-style-8.frst-date-opposite .frst-date {
        left: -248px;
        line-height: 32px;
        width: 160px;
    }
    .frst-timeline-style-8.frst-date-opposite.frst-right-align .frst-date, .frst-timeline-style-8.frst-date-opposite.frst-alternate .frst-timeline-block.frst-odd-item .frst-date {
        right: -248px;
        left: auto;
        text-align: left;
    }
    .frst-timeline-style-8.frst-right-align .frst-date {
        left: auto;
        right: 0;
    }
    /*--------- news-------*/
    .frst-timeline-style-8.frst-alternate .frst-odd-item .frst-timeline-content-inner::before {
        border-width: 10px 0 10px 11px;
        border-left-color: #d8d8d8;
        left: auto;
        right: -11px;
    }
    .frst-timeline-style-8.frst-alternate .frst-odd-item .frst-timeline-content-inner::after {
        border-width: 8px 0 8px 9px;
        border-left-color: #bfe8ec;
        right: -8px;
        left: auto;
    }
		.frst-timeline-content .media-section {
				max-width: 180px !important;
				width: 100% !important;
				margin-bottom: 0px !important;
}
		.frst-even-item .media-section {
			float: left !important;
			margin-right: 20px !important;
			}
			.frst-odd-item .media-section {
			float: right !important;
			margin-left: 20px !important;
			}
		.frst-timeline-content .media-section img {
			width: 100% !important;
			height: auto !important;
	}
	
	
}

@media only screen and (max-width:991px) {
		.frst-timeline-content .media-section {
				max-width: 600px !important;
				width: 100% !important;
				margin-bottom: 15px !important;
			}
		.frst-even-item .media-section,
		.frst-odd-item .media-section{
			float: none !important;
			margin-right: 0px !important;
			margin-left: 0px !important;
			}
	.frst-timeline-content .media-section img {
			width: 100% !important;
			height: auto !important;
	}
}

@media only screen and (max-width:769px) {
    .frst-timeline-style-8.frst-responsive-right .frst-labels span {
        left: auto;
        right: -47px
    }
    .frst-timeline-style-8.frst-responsive-right .frst-timeline-block::before {
        margin-right: -2px;
    }
    .frst-timeline-style-8.frst-responsive-right .frst-timeline-img {
        margin-right: -21px;
    }
    /*--------- news-------*/
    .frst-timeline-style-8.frst-responsive-right .frst-timeline-content-inner::before {
        border-width: 10px 0 10px 11px;
        border-left-color: #d8d8d8;
        left: auto;
        right: -11px;
    }
    .frst-timeline-style-8.frst-responsive-right .frst-timeline-content-inner::after {
        border-width: 8px 0 8px 9px;
        border-left-color: #fff;
        right: -8px;
        left: auto;
    }
	.frst-alternate .frst-timeline-block.frst-odd-item .frst-timeline-content,
	.frst-alternate .frst-timeline-block.frst-even-item .frst-timeline-content{
			text-align: center !important;
	}
	
}