/* -------------------------------- 

Primary style

-------------------------------- */
*, *:after, *:before {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
body {
	font-size: 100%; font-family: "Raleway", sans-serif; color: #030d18; background-color: #FFFFFF;
}
a {
	text-decoration: none;
}
img {
	max-width: 100%;
}
.cd-container {
	width: 90%; max-width: 768px; margin: 0 auto;
}
.cd-container:after {
	content: ""; display: table; clear: both;
}
.has-top-margin {
}
/* Slider
/*-----------------------------------------------------------------------------------*/
.slider_container {
	width:100%; margin: auto; clear: both; padding:0;
}
.flex-caption {
	/*position: absolute;
	right: 11px;
	bottom: 20px;*/
	width:45%; margin:0; float:left; padding:30px;
}
.caption_title_line {
	width:100%; padding:0; margin:0; color: #FFFFFF;
}
.flex-caption h2 {
	color: #FFFFFF; padding: 5px 0 5px 0; width:100%; margin: 0px 0 15px; float:left; font-weight:400;
}
.flex-container a:active, .flexslider a:active {
	outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0; padding: 0; list-style: none;
}
/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
	width: 100%; margin: 0; padding:0;
}
.flexslider .slides > li {
	display: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	max-width: 100%; display: block;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
.slides:after {
	content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}
.no-js .slides > li:first-child {
	display: block;
}
.flexslider {
	position: relative; zoom: 1;
}
.flexslider .slides {
	/*zoom: 1;*/ width:100%;
}
.flexslider .slides > li {
	position: relative;
}
.flex-container {
	zoom: 1; position: relative;
}
/* Direction Nav */
.flex-direction-nav li a {
	width: 45px; height: 42px; margin: 0; display: block; position: absolute; right:0px; cursor: pointer; text-indent: -9999px;
}
/*.flex-direction-nav li a.next {
	background: url(../images/next.png) no-repeat center;
	bottom: 184px;
}
.flex-direction-nav li a.prev {
	background: url(../images/prev.png) no-repeat center;
	bottom: 141px;
}
.flex-direction-nav li a.next:hover {
	background: url(../images/next_a.png) no-repeat center;
}
.flex-direction-nav li a.prev:hover {
	background: url(../images/prev_a.png) no-repeat center;
}*/
.flex-direction-nav li a.disabled {
	opacity: .3; filter: alpha(opacity=30); cursor: default;
}
/* Control Nav */
.flex-control-nav {
	width: 100%; position: absolute; bottom: -30px; text-align: center;
}
.flex-control-nav li {
	margin: 0 0 0 5px; display: inline-block; zoom: 1;
}
.flex-control-nav li:first-child {
	margin: 0;
}
.flex-control-nav li a {
	width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;
}
.flex-control-nav li a:hover {
	background-position: 0 -13px;
}
.flex-control-nav li a.active {
	background-position: 0 -26px; cursor: default;
}
.has-top-margin {
	-webkit-animation: animate-margin-top 0.3s; -moz-animation: animate-margin-top 0.3s; animation: animate-margin-top 0.3s; margin-top: 70px;
}
 @-webkit-keyframes animate-margin-top {
 0% {
 margin-top: 100px;
}
 100% {
 margin-top: 70px;
}
}
@-moz-keyframes animate-margin-top {
 0% {
 margin-top: 100px;
}
 100% {
 margin-top: 70px;
}
}
@keyframes animate-margin-top {
 0% {
 margin-top: 100px;
}
 100% {
 margin-top: 70px;
}
}
/* -------------------------------- 

Navigation

-------------------------------- */
.cd-header {
	position: absolute; top: 0; left: 0; width: 100%; height: 50px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); background-color: #030d18; z-index: 3;
}
.cd-header {
	height: 70px; background-color: transparent; box-shadow: none;
}
#cd-logo {
	float: left; margin: 13px 0 0 5%;
}
#cd-logo img {
	display: block;
}
#cd-logo {
	margin: 23px 0 0 5%;
}
#cd-logo.is-hidden {
	opacity: 0; position: fixed; left: -20%; margin-left: 0; -webkit-transition: left 0.3s, opacity 0.3s; -moz-transition: left 0.3s, opacity 0.3s; transition: left 0.3s, opacity 0.3s;
}
#cd-logo.is-hidden.slide-in {
	left: 5%; opacity: 1;
}
.cd-primary-nav {
	float: right; margin-right: 5%; width: 44px; height: 100%; background: url("../img/cd-icon-menu.svg") no-repeat center center; background-size: 44px 44px;
}
.cd-primary-nav ul {
	position: absolute; top: 0; left: 0; width: 100%; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%);
	-o-transform: translateY(-100%); transform: translateY(-100%);
}
.cd-primary-nav ul.is-visible {
	-webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px);
}
.cd-primary-nav a {
	display: block; height: 50px; line-height: 50px; padding-left: 5%; background: #000101; border-top: 1px solid #051426; color: #f0eee1;
}
.cd-primary-nav {
	width: auto; height: auto; background: none;
}
.cd-primary-nav ul {
	position: static; width: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);
	line-height: 70px;
}
.cd-primary-nav ul.is-visible {
	-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);
}
.cd-primary-nav li {
	display: inline-block; margin-left: 1em;
}
.cd-primary-nav a {
	display: inline-block; height: auto; line-height: normal; background: transparent; padding: .6em 1em; border-top: none; color: #030d18;
}
/* -------------------------------- 

Intro

-------------------------------- */
#cd-intro {
	position: relative; height: 300px; background-image:url(../images/slider.png); background-position: top center; background-repeat: no-repeat; background-size: cover;
	z-index: 2;
}
#cd-intro #cd-intro-tagline {
	/*max-width: 1000px;*/ margin: 0 auto; text-align: center; padding-top: 120px;
}
#cd-intro h1 {
	font-size: 24px; font-size: 1.5rem; font-weight: 300; color: #030d18; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
#cd-intro {
	height: 400px;
}
#cd-intro #cd-intro-tagline {
	padding-top: 160px;
}
#cd-intro h1 {
	font-size: 32px; font-size: 2rem;
}
#cd-intro {
	height: 600px;
}
#cd-intro #cd-intro-tagline {
	padding-top: 66px;
}
.cd-btn {
	display: inline-block; padding: 0; margin-top: 0; border-radius: 20em; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; color: white;
}
.cd-btn.is-hidden {
	opacity: 0; position: fixed; right: -20%; top: 0; width: 0; padding: .8em 1.2em; margin: 14px 0 0; -webkit-transition: right 0.3s, opacity 0.3s;
	-moz-transition: right 0.3s, opacity 0.3s; transition: right 0.3s, opacity 0.3s;
}
.cd-btn.is-hidden.slide-in {
	right: 77%; opacity: 1; margin:7px 0; width: auto; padding: 0;
}
/* -------------------------------- 

Secondary Fixed Navigation

-------------------------------- */
.cd-secondary-nav {
	position: relative; z-index: 3; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.cd-secondary-nav ul {
	position: fixed; width: 90%; max-width: 400px; right: 5%; bottom: 20px; border-radius: 0.25em; background: rgba(3, 13, 24, 0.96); visibility: hidden; z-index: 1;
	-webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0);
	transform: scale(0); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%;
	transform-origin: 100% 100%; -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s; -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;
	transition: transform 0.3s, visibility 0s 0.3s;
}
.cd-secondary-nav ul.is-visible {
	visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); 
	-webkit-transition: -webkit-transform 0.3s, visibility 0s 0s; -moz-transition: -moz-transform 0.3s, visibility 0s 0s; transition: transform 0.3s, visibility 0s 0s;
}
.cd-secondary-nav li a {
	display: block; padding: 1.6em; border-bottom: 1px solid #092645; color: #B7B7B6; font: 400 12px 'Arial', Helvetica, sans-serif; text-transform: uppercase;
}
.cd-secondary-nav li a:hover {
	color: #fff;
}
.cd-secondary-nav li:last-child a {
	border-bottom: none;
}
.cd-secondary-nav {
	z-index: 1; height: 100px; background-color: #191919; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s;
}
.cd-secondary-nav nav, .cd-secondary-nav ul, .cd-secondary-nav li, .cd-secondary-nav a {
	height: 100%;
}
.cd-secondary-nav ul {
	position: static; width:100%; max-width: 100%; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);
	transform: scale(1); text-align: center; background-color: transparent;
}
.cd-secondary-nav li {
	display: inline-block; margin-left: -4px; padding:12px 30px 0 30px;
}
.cd-secondary-nav li a {
	position: relative; text-align: center; display: block; padding: 45px 0 0; border-bottom: none; -webkit-transition: padding 0.2s; -moz-transition: padding 0.2s;
	transition: padding 0.2s;
}
.cd-secondary-nav li a b {
	text-transform: uppercase; font-size: 13px; font-size: 0.8125rem; font-weight: 700; color: #9C9C9C;
}
.cd-secondary-nav li a span {
	position: absolute; display: inline-block; width: 40px; height: 40px; top: 10px; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background-repeat: no-repeat; background-image: url(../images/menu-icon.png);
	-webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s;
}
.cd-secondary-nav li a:hover b, .cd-secondary-nav li a.active b {
	color: #f0eee1;
}
.cd-secondary-nav li:nth-child(1) a span {
	background-position: 0 0;
}
.cd-secondary-nav li:nth-child(2) a span {
	background-position: -34px 0;
}
.cd-secondary-nav li:nth-child(3) a span {
	background-position: -67px 0;
}
.cd-secondary-nav li:nth-child(4) a span {
	background-position: -107px 0;
}
.cd-secondary-nav li:nth-child(5) a span {
	background-position: -144px 0;
}
.cd-secondary-nav li:nth-child(6) a span {
	background-position: -177px 0;
}
.cd-secondary-nav li:nth-child(7) a span {
	background-position: -210px 0;
}
.cd-secondary-nav.is-fixed {
	position: fixed; left: 0; top: 0; height: 70px; width: 100%;
}
.cd-secondary-nav.animate-children {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.cd-secondary-nav.animate-children li a {
	padding:10px 0 0 0;
}
.cd-secondary-nav.animate-children li a span {
	opacity: 0;
}
.cd-secondary-nav-trigger {
	position: fixed; bottom: 20px; right: 5%; width: 44px; height: 44px; background: rgba(3, 13, 24, 0.96); border-radius: 0.25em; overflow: hidden; text-indent: 100%;
	white-space: nowrap; z-index: 2;
}
.cd-secondary-nav-trigger span {
	position: absolute; display: block; width: 4px; height: 4px; border-radius: 50%; background: #f0eee1; left: 50%; top: 50%; bottom: auto; right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: background 0.3s; -moz-transition: background 0.3s;
	transition: background 0.3s;
}
.cd-secondary-nav-trigger span::before, .cd-secondary-nav-trigger span::after {
	content: ''; position: absolute; background: inherit; width: 100%; height: 100%; border-radius: 50%;
}
.cd-secondary-nav-trigger span::before {
	right: -10px; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);
}
.cd-secondary-nav-trigger span::after {
	left: -10px; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);
}
.cd-secondary-nav-trigger.menu-is-open {
	background: transparent;
}
.cd-secondary-nav-trigger.menu-is-open span {
	background: rgba(240, 238, 225, 0); width: 20px; height: 2px;
}
.cd-secondary-nav-trigger.menu-is-open span::before, .cd-secondary-nav-trigger.menu-is-open span::after {
	background: #f0eee1; width: 100%; height: 100%; border-radius: 0; top: 0; left: 0;
}
.cd-secondary-nav-trigger.menu-is-open span::before {
	-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);
}
.cd-secondary-nav-trigger.menu-is-open span::after {
	-webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg);
}
.cd-secondary-nav-trigger {
	display: none;
}
/* -------------------------------- 

Placeholder Sections

-------------------------------- */
.cd-section {
	margin: 0 auto; padding: 2em 0;
}
.cd-section h2 {
	font-size: 20px; font-size: 1.25rem; margin-bottom: .6em; font-weight: 700;
}
.cd-section p {
	line-height: 1.6;
}
.cd-section {
	margin: 0 auto; padding: 4em 0;
}
.cd-section h2 {
	font-size: 30px; font-size: 1.875rem;
}
.cd-section p {
	font-size: 20px; font-size: 1.25rem;
}
/* --- endless scroll ---*/

.txt {
	font-size: 14px; text-align: center; margin-bottom: 15px;
}
.es {
	font-family: Verdana; font-size: 20px; margin: 0px auto 0px auto; background-color: #ffff99; -moz-border-radius: 15px; border-radius: 15px; border: 1px solid #cccc33;
	padding: 4px;
}
.is {
	border-top: 5px solid #555555; border-bottom: 5px solid #555555;
}
.is img {
	border: 0px; border-left: 2px solid #555555;
}

.certificate-new { width: 100%; padding: 30px 0px;}
.certificate-box-big { width: 50%; float: left;}

.clear { clear: both;}

.services-slider-new {
    background-color: #676767; float: left; height: auto; height:372px; overflow: hidden; padding: 0; width: 100%; margin: 20px 0px 50px;
}

.services-slider-new .srvce-img > img { height:372px; }

.srvce-img > img {
    background: #fff; height:395px;
}

.tnk-popup-main { width: 100% !important; height: 100vh !important; position: fixed; top: 0px; left: 0px; background: #FFF; display:none; z-index:99;  }
.tnk-popup-box { width: 50%; margin: 0 auto; text-align: center; padding-top: 15%;} 
.tnk-popup-box img { margin: 0 auto; width: auto;}