body, h1, h2, h3, h4, h5, p {
	font-family: 'Quattrocento Sans', sans-serif !important;
}
body {
	font-size: 16px;
	/*line-height: 22px;*/
}

a:hover {
	color: #242e29;
	text-decoration: none;
}

.header-v6 .navbar-nav > li > a {
	line-height: 32px;
}
.Toptext {
	border-right: none;
}
.Toptext span {
	color: #909090 ;
	margin-left: 5px;
}
.Toptext {
	font-style: 15px;
}
.Toptext i.socialmedia {
	border-radius: 50%;
	font-size: 12px !important;
	height: 25px;
	line-height: 25px;
	text-align: center;
	width: 25px;
	background-color: #909090 ;
}
.head-phone {
	font-size: 16px;
	font-weight: 600;
}
.header-fixed .header-v6.header-fixed-shrink .navbar-brand {
	height: auto;
	max-height: none;
	z-index:3;
}
.head-phone span {
	font-size: 14px;
}
.Toptext i.socialmedia:hover {
	background-color: #ffffff;
	color: #909090 ;
}
.one-page-header .dropdown-menu {
	padding-top: 11px;
}
a.scroll_hint {
	background-image: none !important;
	height: auto !important;
	text-align: right;
	padding-bottom: 15px;
	margin: -66px 20px 0 auto;
	font-size: 12px;
	color: #ffffff;
	width: 80px;
	height: 51px;
    /*background-image: url('/assets/img/scroll-back.png');
    background-repeat: no-repeat;
    background-position: bottom center;*/
    display: block;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
}
a.scroll_hint {
}
a.scroll_hint i {
	font-size: 24px;
}
a.scroll_hint:hover {
	text-decoration: none;
}


.buttonMore {
	margin: 0px;
	padding:0px;
	position: relative;
	width: auto;
	height: auto;
	float: left;
}
.buttonMore a {
	color: #909090  ;
	background: transparent;
	text-decoration: none;
	padding: 10px 0px 10px 30px;
	font-size: 15px;
	font-weight: 600;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	margin-left: -30px;
	display: inline-block;
	border-bottom: 3px solid #909090   !important;
	letter-spacing: 1px;
}
.buttonMore a:hover {
	color: #909090 !important;
	border-bottom: 3px solid #909090 !important;
	background-size: 12px 12px;
	cursor: pointer;
	padding-right: 300px;
}
.slider-content .box_link a {
	border: none;
/*  background-color: #909090 ;
*/  color: #ffffff;
/*border: 1px solid #909090 ;*/
}
/*.slider-content .box_link a:hover {
  background-color: transparent;
  border: 1px solid #909090 ;
}
*/
/*--------------------------------------------------
    [4. About Section]
    ----------------------------------------------------*/
    /*Adding background image that would only show on hover*/
    #about {
    	background-color: #0d2406;
    	position: relative;
    	padding-bottom: 40px;
    }


    .g-heading-v7  .block_name {
    	color: #909090 ;
    }

    .owl2-carousel-v2 .owl-prev, .owl2-carousel-v2 .owl-next, .contact-button-link:hover, .contact-button-link:focus, .contact-button-link:active, .g-heading-v7 h2, .g-heading-v7 .h2 {
    	background-color: transparent;
    }

    @media (max-width: 768px) {
    	.modal-body .modal-top img {
    		margin-top: -40px;
    	}
    	.modal button.close {
    		position: absolute;
    		width: 30px;
    		height: 30px;
    		top: 0;
    		right: 10px;
    		z-index: 2;
    	}
    }
    .col-xs-15,
    .col-sm-15,
    .col-md-15,
    .col-lg-15 {
    	position: relative;
    	min-height: 1px;
    	padding-right: 10px;
    	padding-left: 10px;
    	padding: 0 !important;
    }
    .col-xs-15 {
    	width: 20%;
    	float: left;
    }
    @media (min-width: 768px) {
    	.col-sm-15 {
    		width: 20%;
    		float: left;
    	}
    }
    @media (min-width: 992px) {
    	.col-md-15 {
    		width: 20%;
    		float: left;
    	}
    }
    @media (min-width: 1200px) {
    	.col-lg-15 {
    		width: 20%;
    		float: left;
    	}
    }

    .btn-u.btn-brd-width-2 {
    	margin-left:-10px;
    	border: 1px solid #fff;
    }

    .btn-u.btn-brd-width-2:hover {
    	background-color: #909090 !important ;
    }

    @media screen and (max-width: 991px) {
    	.call-action-v1 .call-action-v1-in {
    		padding-left: 0px;
    	}
    	.call-action-v1-in h3.color-light {
    		font-size: 21px;
    	}
    }
    .call-action-v1 .call-action-v1-in.inner-btn {
    	display: inline-block;
    	text-align: right;
    	margin-top: 20px;
    }

    .g-bg-default-color {
    	background-color: #0a0a0a;
    	background: -webkit-linear-gradient( right, #0a0a0a , #0a0a0a 66% , #0a1d1e);
    	background: -o-linear-gradient(right, #0a0a0a , #0a0a0a 66% , #0a1d1e);
    	background: -moz-linear-gradient( right, #0a0a0a , #0a0a0a 66% , #0a1d1e);
    	background: linear-gradient( right, #0a0a0a , #0a0a0a 66% , #0a1d1e );
    }
    .contact-section .h2 strong {
    	color: #909090;
    }
    .contact-section-info {
    	color: #ecf0f1 !important;
    	font-size: 16px;
    	text-align: left;
    }
    .contact-section .address, .info2-section {
    	text-align: left;
    }
    .info2-section {
    	margin-bottom: 15px;
    	margin-left: 10px;
    	width: 100%;
    	float: left;
    }
    .info2-section i {
    	height: 20px;
    	width: 30px;
    	text-align: center;
    	display: inline-block;
    	float: left;
    }
    .info2-section span {
    	display: inline-block;
    	float: left;
    	line-height:1.65;
    }
    .info2-section a {
    	color: #fff;
    	-webkit-transition-property: color;
    	transition-property: color;
    	-webkit-transition-duration: 0.7s;
    	transition-duration: 0.7s;
    }
    .info2-section a:hover {
    	color: rgba(222, 165, 115, 1);
    	-webkit-transition-property: color;
    	transition-property: color;
    	-webkit-transition-duration: 0.7s;
    	transition-duration: 0.7s;
    }
    .info2-section i.fa-mobile {
    	font-size: 24px;
    }
    .info2-section i.fa-map-marker {
    	font-size: 20px;
    }


    .contact-section .sky-form .input input, .contact-section .sky-form .textarea textarea, .contact-section .sky-form .textarea textarea:hover, .contact-section .sky-form .input input:hover, .contact-section .sky-form .input input:focus {
    	background: #fff;
    	box-shadow: none;
    	color: #666666;
    }
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    	color: #b5b5b5 !important;
    }
    ::-moz-placeholder { /* Firefox 19+ */
    	color: #b5b5b5 !important;
    }
    :-ms-input-placeholder { /* IE 10+ */
    	color: #b5b5b5 !important;
    }
    :-moz-placeholder { /* Firefox 18- */
    	color: #b5b5b5 !important;
    }
    .sky-form button {
    	font-size: 18px !important;
    	margin-top: 0px;
    }
    .call-action-v1 .call-action-v1-box {
    	padding: 40px 10px;
    }

    .natalMainBlock {
    	-webkit-transform: translateY (0);
    	-moz-transform: translateY (0);
    	transform: translateY(0);   
    	-webkit-animation: natal_jfl_natalMainBlock  3s ease-in-out 1;
    	-moz-animation:    natal_jfl_natalMainBlock  3s ease-in-out 1;
    	animation:         natal_jfl_natalMainBlock  3s ease-in-out 1;
    }

    @-webkit-keyframes natal_jfl_natalMainBlock {
    	0%   { 
    		opacity: 0; 
    		background-position: 100% 200%;
    		transform: translateY (-200%)   
    	}
    	66%  { 
    		opacity: 0.66;
    		background-position: 50% 50%;   
    		transform: translateY (-150%)   
    	}
    	100% { 
    		opacity:1;
    		background-position:auto;
    		transform: translateY (0)   
    	}
    }
    @-moz-keyframes natal_jfl  {
    	0%   { 
    		opacity: 0; 
    		background-position: 100% 200%;
    		transform: translateY (-200%)   
    	}
    	66%  { 
    		opacity: 0.66;
    		background-position: 50% 50%;   
    		transform: translateY (-150%)   
    	}
    	100% { 
    		opacity:1;
    		background-position: auto;
    		transform: translateY (0)   
    	}
    }
    @keyframes natal_jfl  {
    	0%   { 
    		opacity: 0; 
    		background-position: 100% 200%;
    		transform: translateY (-200%)   
    	}
    	66%  { 
    		opacity: 0.66;
    		background-position: 50% 50%;
    		transform: translateY (-150%)   
    	}
    	100% { 
    		opacity:1;
    		background-position: auto;
    		transform: translateY (0)   
    	}
    }

    .services-page-section {
    	padding: 50px 0;
    }

    .bodycopyNew {
    	margin: calc(1.5vw + 20px) 20px calc(1.5vw + 15px) 20px;
    }
    .titleNew {
    	margin: 0;
    	font-size: calc( 0.35vw + 23px );
    	line-height:1.3;
    	font-weight:600;
    	padding-left:0;
    	color: #383339;
    }
    .titlenew span .highlightColoredTitle{
    	color: #242e29;
    }
    .textNew {
    	display:block;
    	font-size: calc( 0.35vw + 9px );
    	font-weight:500 ;
    	letter-spacing: .75px;
    }
    .textNew span {
    	display:block;
    	font-size: 17px;
    	color: #7b7b7b;
    	font-weight:700; 
    	margin: calc( 1vw + 10px) 0 calc( 1vw + 5px) 0 ;
    }

    .about_page {
    	background-color: #fff ;
    }
    .about_page .bodycopyMainBlock {
    	position:relative;
    	display:inline-block;
    	width: 35%;
    	background-color: #fff ;
    }
    .about_page .natalMainBlock {
    	width: 39.59%;
    	height:auto;
    	min-height:300px;
    	background: url('../img/about.jpg');
    	background-position: 0 0; 
    	background-repeat:no-repeat;
    	background-size:cover;
    }

    .about_page .bodycopyMainBlock p.textNew {
    	color: #0a0a0a;
    }


    .about_page .natalMainBlock figure.binduNatal {
    	position:absolute;
    	width: 50%;
    	min-width:300px;
    	height:auto;
    	right: calc(-10vw - 20px);
    	top:25%;
    	-webkit-transition-property: all;
    	transition-property: all;
    	-webkit-transition-duration: 1s;
    	transition-duration: 1s;
    }
    .about_page .natalMainBlock figure.binduNatal figcaption h1 {
    	position:absolute;
    	display:inline-block;
    	font-size: calc( 14px + 0.31vw);
    	line-height: 1.3;
    	color:#fff;
    	padding: 0.75em 1.1em 1.8em ;
    }
    .about_page .natalMainBlock figure.binduNatal figcaption p {
    	position:absolute;
    	display:inline-block;
    	bottom: -35px;
    	left:20px;
    	font-size: calc( 12px + 0.1vw);
    	background-color: #0a0a0a;
    	line-height: 1.3;
    	color:#fff;
    	padding: 10px 15px ;
    }
    .about_page .natalMainBlock figure.binduNatal figcaption p:before {
    	position:absolute;
    	display:block;
    	width: 15px;
    	height:15px;
    	display:inline-block;
    	left:-20px;
    	background-color: rgba(105, 100, 90, 0.85);
    }


    .service_page {
    	background-color: #909090 ;
    }
    .service_page .h2.color-light {
    	padding-left: 0;
    }
    .service_page .h2 .block_name {
    	color: #ffffff;
    }
    .service_page p.textNew {
    	color: #ffffff;
    }
    .schedule_page {
    	background-color: #909090 ;
    }
    .schedule_page .h2.color-light {
    	padding-left: 0;
    }
    .schedule_page .h2 .block_name {
    	color: #ffffff;
    }
    .schedule_page p.textNew {
    	color: #ffffff;
    }
    .gallery_page {
    	background-color: #909090 ;
    }
    div[title="specialGalleryPage"]  {
    	padding:0 !important;
    	background-color: #909090 ;
    }
    .gallery_page .h2.color-light {
    	padding-left: 0;
    }
    .gallery_page .h2 .block_name {
    	color: #ffffff;
    }
    .gallery_page p.textNew {
    	color: #ffffff;
    }
    .contact_page {
    	background-color: #909090 ;
    }
    .contact_page .h2.color-light {
    	padding-left: 0;
    }
    .contact_page .h2 .block_name {
    	color: #ffffff;
    }
    .contact_page p.textNew {
    	color: #ffffff;
    }
    .contact_page label {
    	color: #ffffff;
    	letter-spacing: 1px;
    	font-size: 110%;
    	font-weight: 500;
    	text-transform: uppercase ;
    }
    .contact-page .sky-form button {
    	margin-top: 0;
    }
    .faq-add {
    	width: 100%;
    }
    .faq-page .faq-add {
    	border: 2px solid #eee;
    	margin-bottom: 20px;
    	padding: 15px;
    	float: left;
    }
    .faq-add h3.new-title {
    	font-size: 28px !important;
    }
    .faq-page .top-part i {
    	color: #777;
    	float: left;
    	font-size: 48px;
    	margin-bottom: 20px;
    	margin-right: 10px;
    	padding-top: 3px;
    	text-align: center;
    	width: 100%;
    }
    .faq-page .new-title {
    	float: left;
    	font-size: 18px;
    	margin-bottom: 5px;
    	text-align: center;
    	width: 100%;
    }
    .faq-page .new-title a {
    	color: #909090 ;
    	font-size: 24px;
    }
    .faq-page .faq-add p {
    	float: left;
    	font-size: 14px;
    	line-height: 1.5;
    	width: 100%;
    	margin-top: 10px;
    }

    .faq_page p.textNew {
    	font-size:105% ;
    	line-height: 135%;
    }
    .faq_page p.textNew strong {
    	font-weight:900 ;
    }
    .faq_page p.textNew a {
    	color: #ffffff;
    	background-color: #102f32 ;
    	padding: 3px 7px;
    	transition: all 1s ease;
    	margin-right:7px;
    	border-radius: 2px;
    }

    .faq_page p.textNew a:hover {
    	background-color: #031123 ;
    	transition: all 1s ease;
    }

    .headline.red h2 {
    	font-weight: 600;
    	font-size: 36px !important;
    }
    .contact_section {
    	padding: 70px 50px;
    }
    .call-action-v1-in .color-green {
    	color: #909090;
    	background: transparent ;
    	font-size: 30px;
    	font-weight: 600;
    	padding: .3em .3em;
    }
    .who li a {
    	border-bottom: 1px solid #c8c8c8;
    	float: left;
    	padding-bottom: 10px;
    	padding-top: 10px;
    	width: 100%;
    }
    .arch-service-btn {
    	color: #909090 ;
    	text-transform: uppercase;
    	font-size: 14px;
    }
    .content-boxes-v6 i {
    	color: #909090 !important;
    }
    .content-boxes-v6:hover i {
    	background: #909090 none repeat scroll 0 0;
    	transition: all 0.3s ease-in-out 0s;
    	color: #ffffff !important;
    }
    .content-boxes-v6:hover i::after {
    	border-color: #909090 ;
    	transition: all 0.3s ease-in-out 0s;
    	color: #ffffff !important;
    }
    h1.title-v3-md {
    	color: #ffffff !important;
    }
    h2.title-v3-md {
    	color: #ffffff !important;
    }
    .contact-sidebar .headline h2 {
    	display: inline-block;
    	font-size: 22px !important;
    	margin: 0 0 -2px;
    	padding-bottom: 5px;
    }
    .contact-sidebar ul li a {
    	border-bottom: medium none;
    	float: none;
    	padding-bottom: 0;
    	padding-top: 0;
    	width: 100%;
    }
    .filters {
    	list-style: outside none none;
    	margin: 0 0 70px;
    	padding: 0;
    	text-align: center;
    }
    .filters li {
    	display: inline-block;
    	margin: 10px 10px 0 0;
    }
    .filters li > a {
    	border: 2px solid transparent;
    	color: #111;
    	font-size: 11px;
    	font-weight: 700;
    	padding: 5px 15px;
    }
    .filters li > a.current {
    	background: #111 none repeat scroll 0 0;
    	border-color: #111;
    	color: #fff;
    }
    .works-grid-wrapper {
    	margin-left: -8px;
    	margin-right: -8px;
    	padding: 0;
    }
    .work-item {
    	overflow: hidden;
    	position: relative;
    	width: 25%;
    }
    .work-grid-3 .work-item {
    	width: 33.3333%;
    }
    .works-grid-gutter .work-item {
    	padding: 8px;
    	float: left;
    }
    .work-wrapper {
    	position: relative;
    }
    .work-item .work-thumbnail::after {
    	bottom: 0;
    	content: "";
    	display: block;
    	left: 0;
    	position: absolute;
    	right: 0;
    	top: 0;
    	transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;
    	z-index: 1;
    }
    .work-item:hover .work-thumbnail::after {
    	background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    }
    .work-item img {
    	height: auto;
    	width: 100%;
    }
    .work-caption {
    	opacity: 0;
    	padding: 0 20px;
    	position: absolute;
    	text-align: center;
    	top: 50%;
    	transform: translateY(-50%);
    	transition-delay: 0.2s;
    	width: 100%;
    	z-index: 1;
    }
    .work-item:hover .work-caption {
    	opacity: 1;
    }
    .work-title {
    	font-size: 20px;
    	font-weight: 700;
    	letter-spacing: 4px;
    	margin: 0 0 15px;
    	opacity: 0;
    	transform: translateY(10px);
    	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    }
    .work-item:hover .work-title {
    	transition-delay: 0.2s;
    }
    .work-category {
    	font-size: 14px;
    	font-style: italic;
    	font-weight: 400;
    	margin: 0;
    	opacity: 0;
    	transform: translateY(-10px);
    	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    }
    .work-category a {
    	color: #242e29;
    }
    .work-item:hover .work-category {
    	transition-delay: 0.3s;
    }
    .work-item:hover .work-title, .work-item:hover .work-category {
    	opacity: 1;
    	transform: translateY(0px);
    }
    .work-link {
    	bottom: 0;
    	left: 0;
    	position: absolute;
    	right: 0;
    	top: 0;
    	z-index: 3;
    }
    @media (max-width: 1200px) {
    	.work-item {
    		width: 50%;
    	}
    }
    @media (max-width: 767px) {
    	.work-item, .works-grid-3 .work-item {
    		width: 100%;
    	}
    }
    .portfolio-post blockquote {
    	font-size: 22px;
    	margin: 0 0 30px;
    	text-align: left;
    }
    .portfolio-post blockquote::before {
    	content: none;
    }
    .projects-section {
    	padding-bottom: 50px;
    }
    h3.new-title {
    	font-size: 124px !important;
    	color: #909090 ;
    }


    /* E X E */
    .g-heading-v8 h2 {
    	font-size: 40px;
    	font-weight:600;
    	margin-bottom: 20px;
    	text-align: left !important;
    }
    [data-ca3_icon]::before {
    	font-weight: normal;
    	content: attr(data-ca3_icon);
    }
    .ca3-scroll-down-arrow {
    	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=);
    	background-size: contain;
    	background-repeat: no-repeat;
    }
    .ca3-scroll-down-link {
    	cursor:pointer;
    	height: 25px;
    	width: 25px;
    	margin: 0px 15px 0 -40px;
    	line-height: 60px;
    	position: absolute;
    	right: 0px;
    	bottom: 20px;
    	color: #fff;
    	text-align: center;
    	font-size: 70px;
    	z-index: 100;
    	text-decoration: none;
    	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    	-webkit-animation: ca_fade_move_down 3s ease-in-out infinite;
    	-moz-animation:    ca_fade_move_down  3s ease-in-out infinite;
    	animation:         ca_fade_move_down  3s ease-in-out infinite;
    }
    /*animated scroll arrow animation*/
    @-webkit-keyframes ca_fade_move_down  {
    	0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
    	50%  { opacity: 1;  }
    	100% { -webkit-transform:translate(0,20px); opacity: 0; }
    }
    @-moz-keyframes ca_fade_move_down  {
    	0%   { -moz-transform:translate(0,-20px); opacity: 0;  }
    	50%  { opacity: 1;  }
    	100% { -moz-transform:translate(0,20px); opacity: 0; }
    }
    @keyframes ca_fade_move_down  {
    	0%   { transform:translate(0,-20px); opacity: 0;  }
    	50%  { opacity: 1;  }
    	100% { transform:translate(0,20px); opacity: 0; }
    }


    .flexHeaderDivision {
    	position: relative;
    	display: flex;
    	display: -ms-flexbox;
    	flex: auto;
    	font-size: 1em;
    	flex-direction: column;
    	flex-shrink: 1;
    	width:auto;
    	height: auto;
    	margin:0;
    	zoom: 0.9;
    }
    .flexHeaderSection {
    	display: flex;
    	display: -ms-flexbox;
    	flex-direction: column;
    	flex-grow: 1;
    	flex-shrink: 1;
    	position:relative;
    	overflow: hidden;
    	color: white;
    	width:auto;
    	height: auto;
    	margin:0;
    	transition: flex-basis 700ms ease-in-out;
    }
    .flexHeaderDivisionTitle {
    	white-space: normal;
    	width:auto;
    	height:auto;
    	display:inline-block;
    }
    .flexHeaderDivisionBodyCopy {
    	white-space: normal;
    	width:auto;
    	height:auto;
    }
    .flexHeaderDivisionIcon {
    	display: inline;
    	position: absolute;
    }
    .flexHeaderDivision section  {
    	/*box-shadow: 0 5px 30px #424242;*/
    }
    .flexHeaderDivision [role="menu_flexHeaderDivision"] {
    	flex-basis:100%;
    }
    .flexHeaderDivision [role="visual_flexHeaderDivision"] {
    	flex-basis:100%;
    	min-height: 200px;
    }

    .flexHeaderDivision  [role="visual_flexHeaderDivision"].flexHeaderSection {
    	-webkit-transition-property: all;
    	transition-property: all;
    	-webkit-transition-duration: 2s linear;
    	transition-duration: 2s linear;
    }

    .flexHeaderDivisionCopyBlock {
    	position:absolute;
    	top: 50px;
    	left:0;
    	width: auto;
    	height: auto;
    	z-index:2;
    	padding: 0 ;
    	margin: 0px;
    	-webkit-transition-property: all;
    	transition-property: all;
    	-webkit-transition-duration: 1s;
    	transition-duration: 1s;
    }
    .flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionTitle {
    	font-size: 0.85em;
    	font-weight: 700;
    	margin: 0px 0px 0px 15px;
    	padding: 0.5em 0.7em;
    	text-transform: uppercase;
    	position: relative;
    	display:inline-block;
    	width: auto;
    	height: 100%;
    	color: #fff;
    	left: 0px;
    	top: 0px;
    	background: rgba(222, 165, 115, 1);
    	border-radius: 3px;
    }
    .flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionBodyCopy {
    	font-size: 0.75em;
    	font-weight: 500;
    	margin: 0px 0px 0px 0px;
    	padding: 10px 0px 10px 15px ;
    	position: relative;
    	display:inline-block;
    	width: 90%;
    	height: 100%;
    	color: #fff;
    	left: 0px;
    	top: 0px;
    }
    
    .flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionIcon {
    	top: 0em;
    	height: 100% ;
    	width: 100%;
    	object-fit: cover;
    	mix-blend-mode: multiply;
    	z-index:1;
    }


    @media (min-width: 900px) {
    	.flexHeaderDivision {
    		position: relative;
    		display: flex;
    		flex: auto;
    		font-size: 1em;
    		flex-direction: row;
    		flex-shrink: 1;
    		height: auto;
    		margin-top: 0px;
    		zoom: 1;
    	}
    	.flexHeaderSection {
    		display: flex;
    		/*flex: 1 0 10em;  */
    		flex-direction: row;
    		flex-grow: 1;
    		flex-shrink: 1;
    		height: auto;
    		position:relative;
    		overflow: hidden;
    		color: white;
    		height: auto;
    		transition: flex-basis 700ms ease-in-out;
    	}
    	.flexHeaderDivisionTitle {
    		white-space: normal;
    		width:auto;
    		height:auto;
    		display:inline-block;
    	}
    	.flexHeaderDivisionBodyCopy {
    		white-space: normal;
    		width:auto;
    		height:auto;
    		color: #fff;
    	}
    	.flexHeaderDivisionIcon {
    		display: block;
    		position: absolute;
    	}
    	.flexHeaderDivision section  {
    		/* box-shadow: 0 5px 30px #424242;*/
    	}
    	.flexHeaderDivision [role="menu_flexHeaderDivision"] {
    		flex-basis:65%;
    		height: auto;
    	}
    	.flexHeaderDivision  [role="visual_flexHeaderDivision"].flexHeaderSection {
    		-webkit-transition-property: all;
    		transition-property: all;
    		-webkit-transition-duration: 2s linear;
    		transition-duration: 2s linear;
    	}

    	.flexHeaderDivision  [role="visual_flexHeaderDivision"].service1 {
    		background-color: rgba(56, 59, 61, 0.85);
    	}
    	.flexHeaderDivision  [role="visual_flexHeaderDivision"].service2  {
    		background-color: rgba(91, 78, 69, 0.85);
    	}
    	.flexHeaderDivision  [role="visual_flexHeaderDivision"].service3  {
    		background-color: rgba(51, 51, 53, 0.75);
    	}
    	.flexHeaderDivision  [role="visual_flexHeaderDivision"].service4  {
    		background-color: rgba(97, 106, 114, 0.75);
    	}
    	.flexHeaderDivision  [role="visual_flexHeaderDivision"].service5  {
    		background-color: rgba(144, 160, 175, 0.75);
    	}
    	.flexHeaderDivision  [role="visual_flexHeaderDivision"].faqpage {
    		background-color: rgba(33, 39, 48, 0.79); 
    	}
    	.flexHeaderDivision  [role="visual_flexHeaderDivision"].gallery {
    		background-color: rgba(3, 19, 44, 0.75);
    	}
    	.flexHeaderDivision  [role="visual_flexHeaderDivision"].contact {
    		background-color: rgba(17, 45, 94, 0.75); 
    	}

    	.flexHeaderDivisionCopyBlock {
    		position:absolute;
    		width: auto;
    		height: auto;
    		background: transparent;
    		padding: 0;
    		margin: 0px;
    		left:20px;
    		top:30px;
    		bottom:initial;
    		-webkit-transition-property: all;
    		transition-property: all;
    		-webkit-transition-duration: 1s;
    		transition-duration: 1s;
    	}
    	.flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionTitle {
    		font-size: 1em;
    		font-weight: 700;
    		margin: 0px 0px 0px 15px;
    		text-transform: uppercase;
    		position: relative;
    		display:inline-block;
    		width: auto;
    		height: 100%;
    		color: #fff;
    		left: 0px;
    		top: 0px;
    		letter-spacing: 1px;
    		transition: all 0.75s;
    		z-index:2;
    	}
    	.flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionBodyCopy {
    		font-size: 1em;
    		font-weight: 600;
    		margin: 0px 0px 0px 0px;
    		padding: 10px 45px 10px 15px ;
    		position: relative;
    		display:block;
    		width: auto;
    		height: 100%;
    		color: #fff;
    		left: 0px;
    		top: 0px;
    		letter-spacing: 1px;
    	}

    	.flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionIcon {
    		left: 0em;
    		height: 100% ;
    		width: 100%;
    		object-fit: cover;
    		mix-blend-mode: multiply;
    	}

    	.flexHeaderDivision [role="visual_flexHeaderDivision"] {
    		flex-basis:35%;
    	}

    }

    nav.navMenu {
    	display: block;
    	position: relative;
    	/*   table-layout: fixed;*/
    	width: 100%;
    	height:auto;
    	background: #fff;
    }
    nav.navMenu input {
    	display: none;
    }
    nav.navMenu  label {
    	margin: 0;
    }
    nav.navMenu  div.nav-container {
    	position: relative;
    	display: block;
    	background: #fff;
    }
    nav.navMenu  div.nav-container .menuItem:nth-child(1){
    	pointer-events: none;
    }

    nav.navMenu  div.nav-container .menuItem:nth-child(1) .element{
    	padding:0em 0em 0.25em 0px;
    	text-transform: uppercase;
    }

    nav.navMenu  div.nav-container .menuItem:nth-child(1) .name{
    	font-size: 12.3px;
    	border-top: 1px dotted #393939;
    	padding: 0.55em 0em 0 0 ;
    	letter-spacing: 0.5px;
    	text-transform: uppercase;
    }
    nav.navMenu  div.nav-container > div {
    	display: block;
    }
    nav.navMenu div.nav-container > div:nth-of-type(5n+1) .slide,
    nav.navMenu  div.nav-container > div:nth-of-type(5n+1) a {
    	border-color: #f24907 ;
    }
    nav.navMenu  div.nav-container > div:nth-of-type(5n+1) .slide:hover,
    nav.navMenu  div.nav-container > div:nth-of-type(5n+1) a:hover {
    	color: #f24907 ;
    }
    nav.navMenu  div.nav-container > div:nth-of-type(5n+1) .slide ~ .child-menu,
    nav.navMenu  div.nav-container > div:nth-of-type(5n+1) a ~ .child-menu {
    	background-color: #f24907 ;
    }
    nav.navMenu  div.nav-container > div:nth-of-type(5n+1) input:checked ~ label,
    nav.navMenu  div.nav-container > div:nth-of-type(5n+1) .slide.active ~ label {
    	color: #f24907 ;
    }
    nav.navMenu  div.nav-container > div:nth-of-type(5n+2) .slide,
    nav div.nav-container > div:nth-of-type(5n+2) a {
    	border-color: #9b180b;
    }
    nav.navMenu  div.nav-container > div:nth-of-type(5n+2) .slide:hover,
    nav.navMenu  div.nav-container > div:nth-of-type(5n+2) a:hover {
    	color: #9b180b;
    }
    nav.navMenu  div.nav-container > div:nth-of-type(5n+2) .slide ~ .child-menu,
    nav.navMenu  div.nav-container > div:nth-of-type(5n+2) a ~ .child-menu {
    	background-color: #9b180b;
    }
    nav.navMenu  div.nav-container > div:nth-of-type(5n+2) input:checked ~ label,
    nav.navMenu  div.nav-container > div:nth-of-type(5n+2) .slide.active ~ label {
    	color: #9b180b;
    }
    nav.navMenu  div.nav-container > div:nth-of-type(5n+3) .slide,
    nav div.nav-container > div:nth-of-type(5n+3) a {
    	border-color: #ffa61a;
    }
    nav div.nav-container > div:nth-of-type(5n+3) .slide:hover,
    nav.navMenu  div.nav-container > div:nth-of-type(5n+3) a:hover {
    	color: #ffa61a;
    }
    nav.navMenu  div.nav-container > div:nth-of-type(5n+3) .slide ~ .child-menu,
    nav.navMenu  div.nav-container > div:nth-of-type(5n+3) a ~ .child-menu {
    	background-color: #ffa61a;
    }
    nav.navMenu  div.nav-container > div:nth-of-type(5n+3) input:checked ~ label,
    nav.navMenu  div.nav-container > div:nth-of-type(5n+3) .slide.active ~ label {
    	color: #ffa61a;
    }
    nav.navMenu  div.nav-container > div:nth-of-type(5n+4) .slide,
    nav.navMenu  div.nav-container > div:nth-of-type(5n+4) a {
    	border-color: #b5594d;
    }
    nav.navMenu  div.nav-container > div:nth-of-type(5n+4) .slide:hover,
    nav.navMenu  div.nav-container > div:nth-of-type(5n+4) a:hover {
    	color: #b5594d;
    }
    nav.navMenu  div.nav-container > div:nth-of-type(5n+4) .slide ~ .child-menu,
    nav.navMenu  div.nav-container > div:nth-of-type(5n+4) a ~ .child-menu {
    	background-color: #b5594d;
    }
    nav.navMenu  div.nav-container > div:nth-of-type(5n+4) input:checked ~ label,
    nav.navMenu  div.nav-container > div:nth-of-type(5n+4) .slide.active ~ label {
    	color: #b5594d;
    }
    nav.navMenu  div.nav-container > div:nth-of-type(5n+5) .slide,
    nav.navMenu  div.nav-container > div:nth-of-type(5n+5) a {
    	border-color: #205095  ;
    }
    nav.navMenu  div.nav-container > div:nth-of-type(5n+5) .slide:hover,
    nav.navMenu  div.nav-container > div:nth-of-type(5n+5) a:hover {
    	color: #205095  ;
    }
    nav.navMenu  div.nav-container > div:nth-of-type(5n+5) .slide ~ .child-menu,
    nav.navMenu  div.nav-container > div:nth-of-type(5n+5) a ~ .child-menu {
    	background-color: #205095  ;
    }
    nav.navMenu  div.nav-container > div:nth-of-type(5n+5) input:checked ~ label,
    nav.navMenu  div.nav-container > div:nth-of-type(5n+5) .slide.active ~ label {
    	color: #205095  ;
    }
    nav.navMenu  div.nav-container > div:nth-of-type(5n+6) .slide,
    nav.navMenu  div.nav-container > div:nth-of-type(5n+6) a {
    	border-color: #07416d;
    }
    nav.navMenu  div.nav-container > div:nth-of-type(5n+6) .slide:hover,
    nav.navMenu  div.nav-container > div:nth-of-type(5n+6) a:hover {
    	color: #07416d;
    }
    nav.navMenu  div.nav-container > div:nth-of-type(5n+6) .slide ~ .child-menu,
    nav.navMenu  div.nav-container > div:nth-of-type(5n+6) a ~ .child-menu {
    	background-color: #07416d;
    }
    nav.navMenu  div.nav-container > div:nth-of-type(5n+6) input:checked ~ label,
    nav.navMenu  div.nav-container > div:nth-of-type(5n+6) .slide.active ~ label {
    	color: #07416d;
    }
    nav.navMenu  a,
    nav.navMenu  label {
    	-moz-transition-property: color;
    	-o-transition-property: color;
    	-webkit-transition-property: color;
    	transition-property: color;
    	-moz-transition-duration: 0.2s;
    	-o-transition-duration: 0.2s;
    	-webkit-transition-duration: 0.2s;
    	transition-duration: 0.2s;
    	-moz-transition-timing-function: ease-in;
    	-o-transition-timing-function: ease-in;
    	-webkit-transition-timing-function: ease-in;
    	transition-timing-function: ease-in;
    }

    nav.navMenu  .slide {
    	padding: 8px 15px 2px 15px;
    	font-size: 1em;
    	display: block;
    	color: #393939;
    	border-top: 3.5px solid transparent;
    	position: relative;
    	-moz-transition-property: border-width, color;
    	-o-transition-property: border-width, color;
    	-webkit-transition-property: border-width, color;
    	transition-property: border-width, color;
    	-moz-transition-duration: 0.2s, 0.3s;
    	-o-transition-duration: 0.2s, 0.3s;
    	-webkit-transition-duration: 0.2s, 0.3s;
    	transition-duration: 0.2s, 0.3s;
    	-moz-transition-timing-function: ease-in;
    	-o-transition-timing-function: ease-in;
    	-webkit-transition-timing-function: ease-in;
    	transition-timing-function: ease-in;
    	-moz-transition-delay: 0.2s, 0s;
    	-o-transition-delay: 0.2s, 0s;
    	-webkit-transition-delay: 0.2s, 0s;
    	transition-delay: 0.2s, 0s;
    }
    nav.navMenu .nav-container .menuItem:last-child .slide {
    	padding: 8px 15px 10px 15px;
    }

    nav.navMenu  .slide .element {
    	font-size: 1.05em;
    	font-weight: 600;
    	font-style: normal;
    	display: block;
    	line-height: 1;
    	color: #393939;
    	text-decoration:none;
    }
    nav.navMenu  .slide .name {
    	font-size: 0.9em;
    	line-height:100%;
    	position: relative;
    }
    nav.navMenu  .has-child .name:after {
    	content: "";
    	width: 10px;
    	height: 4px;
    	background-image: url("http://www.elemental-shift.com/remote-assets/down-arrow.svg");
    	display: block;
    	position: absolute;
    	bottom: -9px;
    	left: 1px;
    	background-repeat: no-repeat;
    	-moz-transition-property: -moz-transform;
    	-o-transition-property: -o-transform;
    	-webkit-transition-property: -webkit-transform;
    	transition-property: transform;
    	-moz-transition-duration: 0.5s;
    	-o-transition-duration: 0.5s;
    	-webkit-transition-duration: 0.5s;
    	transition-duration: 0.5s;
    	-moz-transition-timing-function: ease-in;
    	-o-transition-timing-function: ease-in;
    	-webkit-transition-timing-function: ease-in;
    	transition-timing-function: ease-in;
    	-moz-transform-origin: 50% 50%;
    	-ms-transform-origin: 50% 50%;
    	-webkit-transform-origin: 50% 50%;
    	transform-origin: 50% 50%;
    }
    nav.navMenu  .child-menu {
    	display: block;
    	position: absolute;
    	max-height: 0px;
    	overflow: hidden;
    	width: 100%;
    	left: 0;
    	z-index: 5000;
    	-moz-transition-property: max-height;
    	-o-transition-property: max-height;
    	-webkit-transition-property: max-height;
    	transition-property: max-height;
    	-moz-transition-duration: 0.5s;
    	-o-transition-duration: 0.5s;
    	-webkit-transition-duration: 0.5s;
    	transition-duration: 0.5s;
    	-moz-transition-timing-function: ease-in;
    	-o-transition-timing-function: ease-in;
    	-webkit-transition-timing-function: ease-in;
    	transition-timing-function: ease-in;
    }
    nav.navMenu  .child-menu a {
    	color: white;
    	display: inline-block;
    	padding: 15px 30px 15px 10px;
    	font-size: 0.9375em;
    }
    nav.navMenu  input:checked ~ .child-menu {
    	max-height: 300px;
    	-moz-transition-property: max-height;
    	-o-transition-property: max-height;
    	-webkit-transition-property: max-height;
    	transition-property: max-height;
    	-moz-transition-duration: 0.5s;
    	-o-transition-duration: 0.5s;
    	-webkit-transition-duration: 0.5s;
    	transition-duration: 0.5s;
    	-moz-transition-timing-function: ease-in;
    	-o-transition-timing-function: ease-in;
    	-webkit-transition-timing-function: ease-in;
    	transition-timing-function: ease-in;
    }
    nav.navMenu  input:checked ~ .has-child .name:after {
    	-moz-transform: rotateX(180deg);
    	-webkit-transform: rotateX(180deg);
    	transform: rotateX(180deg);
    }
    @media only screen and (min-width: 700px) {
    	nav.navMenu {
    		display: block;
    		position:relative;
    		background: #fff;
    	}
    	nav.navMenu div.nav-container {
    		display: block;
    		position:relative;
    		background: #fff;
    	}
    	nav.navMenu  div.nav-container .menuItem:nth-child(1){
    		pointer-events: none;
    	}

    	nav.navMenu  div.nav-container .menuItem:nth-child(1) .element{
    		text-transform: uppercase;
    	}

    	nav.navMenu  div.nav-container .menuItem:nth-child(1) .name{
    		font-size: 12.3px;
    		border-top: 1px dotted #393939;
    		padding: 0.45em 0 0 0 ;
    		letter-spacing: 0.5px;
    		text-transform: uppercase;
    	}

    	nav.navMenu  div.nav-container > div {
    		display: block;
    		margin: 0px 0;
    	}
    	nav.navMenu  div.nav-container > div:hover .slide {
    		border-left-width: 9px;
    		-moz-transition-delay: 0;
    		-o-transition-delay: 0;
    		-webkit-transition-delay: 0;
    		transition-delay: 0;
    	}
    	nav.navMenu  .slide {
    		display: inline-block;
    		width: auto;
    		border-left: solid 4px ;
    		border-top: none;
    		padding: 0px 15px 4px 15px;
    	}

    	nav.navMenu .nav-container .menuItem:last-child .slide {
    		padding: 0px 15px 10px 15px;
    	}

    	nav.navMenu .slide .element {
    		font-size: 19px;
    		line-height: 1.1em;
    		text-decoration:none;
    	}
    	nav.navMenu  .slide .name {
    		font-size: 14px;
    		letter-spacing: 0.3px;
    		line-height: 90%;
    	}
    	nav.navMenu  .child-menu {
    		display: block;
    		position: relative;
    		top: 0;
    		background-color: transparent !important;
    		margin-left: 55px;
    		width: auto;
    		max-height: 0px;
    		overflow: hidden;
    		border-top: none;
    	}
    	nav.navMenu  .child-menu a {
    		color: #393939;
    		display: block;
    		padding: 3px 0 3px 10px;
    		font-size:0.9em;
    	}
    	nav.navMenu  .child-menu a:hover {
    		text-decoration: none !important;
    	}
    	nav.navMenu  input:checked ~ div.child-menu {
    		max-height: 300px;
    	}
    	nav.navMenu  input:checked ~ .slide {
    		border-width: 25px;
    	}
    	.menuItem:hover .child-menu {
    		max-height: 300px;
    	}
    	.menuItem:hover .slide {
    		border-width: 25px;
    	}
    }


    .superMenuHide {
    	display:none;
    }

    .block_Open .superMenuHideHome {
    	display:none ;
    }

    .superMenuHide {
    	display:initial;
    	height: auto;
    	padding: 15px 10px 5px 23px ;
    	/*  border-left: 1px solid #fff !important;*/
    	width: 100%;
    	position: relative;
    	background: rgba(8, 34, 35, 0.85);
    	z-index:1;
    }

    .block_Open .superMenuHideHome {
    	display:initial ;
    	height: auto;
    	padding: 0px 10px 0px 23px ;
    	/*  border-left: 1px solid #fff !important;*/
    	width: 100%;
    	position: relative;
    }
    .superMenuHide_header {
    	display:none;
    	-webkit-transition-property: all;
    	transition-property: all;
    	-webkit-transition-duration: 1s;
    	transition-duration: 1s;
    }
    .indexMenuBackgroundRegularPage {
    	margin-top:50%;
    	margin-bottom:0%;
    	width: auto;
    	padding: 0 25px 0 25px;
    	position:relative;
    	bottom:0;
    	left:0;
    }
}
.promotionalBlock {
	position:absolute;
	margin-right: 100px;
	zoom:0.7;
	float:right;
}
.change_colorCTA_special {
	background-color: #242e29;
	animation-name: homeCycle;
	animation-duration: 6s;
	animation-direction: alternate;
	animation-iteration-count: infinite;
	-webkit-animation-name: homeCycle;
	-webkit-animation-duration: 6s;
	-webkit-animation-direction: alternate;
	-webkit-animation-iteration-count: infinite;
}
@keyframes homeCycle {
	0% {
		background-color: #909090  ;
	}
	25% {
		background-color: #909090 ;
	}
	50% {
		background-color: #909090  ;
	}
	75% {
		background-color: #909090 ;
	}
}
@-webkit-keyframes homeCycle {
	0% {
		background-color: #909090  ;
	}
	25% {
		background-color: #909090 ;
	}
	50% {
		background-color: #909090  ;
	}
	75% {
		background-color: #909090 ;
	}
}
.color {
	display: flex;
	flex: 1 0 10em;
	flex-direction: column;
	flex-shrink: 1;
	width: auto;
	height:auto;
	position:relative;
	overflow: hidden;
	color: white;
	transition: flex-basis 700ms ease-in-out;
}
.CTA_special_title {
	display:inline-block;
	white-space: normal;
	text-transform: none;
	text-align: left;
}
.CTA_special_bodyCopy {
	width: 13em;
	height: auto;
	text-align: left;
}
.CTA_special_icon {
	position: relative;
	display: inline-block;
}
[role="bodyCopyMain"]  {
	display: flex;
	flex: auto;
	font-size: 1em;
	flex-direction: column;
	flex-shrink: 1;
	height: auto;
	width: auto;
}
[role="bodyCopyMain"] section  {
	box-shadow: 0 5px 30px #424242;
}
[role="bodyCopyMain"]  #section1 {
	flex-basis:100%;
	width:auto;
	height: auto;
	min-height: 170px;
}
[role="bodyCopyMain"]  #section1 .CTA_special_title {
	width: 10em;
	font-size: 25px;
	font-weight: 600;
	margin: 20px 20px 20px 20px;
	line-height: 140%;
}
[role="bodyCopyMain"] #section1 .CTA_special_bodyCopy {
	width: 10em;
	font-size: 1em;
	line-height: 140%;
	margin: 20px 20px 20px 20px;
}
[role="bodyCopyMain"] #section1 .CTA_special_icon {
	height: auto;
	width:22%;
	top: 10%;
	left: 40%;
}
[role="bodyCopyMain"] #section2 {
	flex-basis:100%;
	width:auto;
	height: auto;
	min-height: 170px;}
	[role="bodyCopyMain"]  #section2 :hover {
	}
	[role="bodyCopyMain"] #section2  .CTA_special_title {
		width: 80%;
		font-size: 25px;
		font-weight: 600;
		margin: 40px 20px 10px 30px;
		line-height: 105%;
	}
	[role="bodyCopyMain"] #section2 .CTA_special_bodyCopy {
		width: 80%;
		font-size: 15px;
		line-height: 125%;
		margin: 0px 20px 20px 30px;
	}
	[role="bodyCopyMain"] #section2 a {
		color:#70a6e6;
	}
	[role="bodyCopyMain"] #section2 a:hover {
		color:#242e29;
	}
	[role="bodyCopyMain"] #section2  .CTA_special_icon{
		left: 30px;
		height: 50px;
		width:150px;
		margin: 0;
		margin: 0px 20px 20px 0px;
	}
	[role="bodyCopyMain"] #section3  {
		flex-basis:100%;
		width:auto;
		height: auto;
		min-height: 170px;
	}
	[role="bodyCopyMain"] #section3 .CTA_special_title {
		width: 13em;
		font-size: 1.2em;
		font-weight: 600;
		margin: 20px 20px 20px 20px;
	}
	[role="bodyCopyMain"] #section3  .CTA_special_icon{
		left:20%;
		width: 60%;
		top: 15%;
		margin:0;
	}
	[role="headlinePromotional"]  {
		display: flex;
		flex: auto;
		font-size: 1em;
		flex-direction: column;
		flex-shrink: 1;
		height: auto;
	}
	[role="headlinePromotional"] #section1 .HeadCopyAd {
		font-size: 21px;
		font-weight:700;
		margin: 20px 0px 20px 20px;
		line-height: 100%;
		box-shadow: 0 0px 0px #424242;
		text-align: left;
	}
	[role="headlinePromotional"] #section2 .signatureAd {
		margin: 10px 20px 5px 20px;
		text-align: left;
		font-size: 0.85em;
		line-height: 150%;
		font-size: 10px;
		color: #aeccf2;
	}
	[role="headlinePromotional"] #section1 {
		flex-basis:35%;
	}
	[role="headlinePromotional"] #section2 {
		flex-basis:65%;
	}
	[role="bodyCopyMain"] #section1 .CTA_special_icon {
		margin: 10px 0px 10px 0px;
		height: 100px;
		transition: left 700ms ease-in-out;
	}
	@media (min-width: 700px) {
		.color {
			display: flex;
			flex: 1 0 10em;
			flex-direction: column;
			flex-shrink: 1;
			height: auto;
			position:relative;
			overflow: hidden;
			color: white;
			height: auto;
			transition: flex-basis 700ms ease-in-out;
		}
		.CTA_special_title {
			display:inline-block;
			white-space: normal;
			text-transform: none;
		}
		.CTA_special_bodyCopy {
			width: 13em;
			height: auto;
		}
		.CTA_special_icon {
			position: absolute;
			display: inline-block;
		}
		[role="bodyCopyMain"]  {
			display: flex;
			flex: auto;
			font-size: 1em;
			flex-direction: row;
			flex-shrink: 1;
			height: auto;
		}
		[role="bodyCopyMain"] section  {
			box-shadow: 0 5px 30px #021429;
			border-top: dashed 2px #04102d;
		}
		[role="bodyCopyMain"]  #section1 {
			flex-basis:20%;
			width:auto;
			height: auto;
			min-height: 170px;
		}
		[role="bodyCopyMain"]  #section1:hover {
			flex-basis:20%;
			max-height: 200px;
		}
		[role="bodyCopyMain"] #section1 .CTA_special_title {
			width: 10em;
			font-size: 1.9em;
			font-weight: 500;
			margin: 20px 20px 20px 20px;
			line-height: 140%;
		}
		[role="bodyCopyMain"] #section1 .CTA_special_bodyCopy {
			width: 10em;
			font-size: 1em;
			line-height: 140%;
			margin: 20px 20px 20px 20px;
		}
		[role="bodyCopyMain"] #section1  .CTA_special_icon{
			left:20%;
			width: 60%;
			top: 15%;
			margin:0;
		}
		[role="bodyCopyMain"] #section2 {
			flex-basis:60%;
			width:auto;
			height: auto;
			min-height: 170px;
		}
		[role="bodyCopyMain"]  #section2:hover {
		}
		[role="bodyCopyMain"] #section2 .CTA_special_title {
			width: 90%;
			font-size: 23px;
			font-weight: 500;
			margin: 20px 20px 10px 30px;
			line-height: 105%;
			color: #fff;
		}
		[role="bodyCopyMain"] #section2 .CTA_special_bodyCopy {
			width: 80%;
			font-size: 1em;
			line-height: 125%;
			margin: 10px 20px 40px 30px;
		}
		[role="bodyCopyMain"] #section2 .CTA_special_bodyCopy a {
			color: #fff;
			font-weight: 700;
			text-decoration:none;
		}
		[role="bodyCopyMain"] #section2 .CTA_special_bodyCopy a:hover {
			color: #fff;
		}
		[role="bodyCopyMain"] #section2 .CTA_special_icon{
			left: 30px;
			width: 33%;
			height:auto;
			margin: 0;
		}
		[role="bodyCopyMain"] #section3 {
			flex-basis:20%;
			width:auto;
			height: auto;
			min-height: 170px;
		}
		[role="bodyCopyMain"] #section3 .CTA_special_title {
			width: 13em;
			font-size: 1.2em;
			font-weight: 600;
			margin: 20px 20px 20px 20px;
		}
		[role="bodyCopyMain"] #section3  .CTA_special_icon{
			left:20%;
			width: 60%;
			top: 15%;
			margin:0;
		}
		[role="headlinePromotional"]  {
			display: flex;
			flex: auto;
			font-size: 1em;
			flex-direction: row;
			flex-shrink: 1;
			height: auto;
		}
		[role="headlinePromotional"] section {
			box-shadow: 0 5px 30px #021429;
		}
		[role="headlinePromotional"] #section1 .HeadCopyAd {
			font-size: 30px;
			font-weight:700;
			margin: 30px 0px 20px 20px;
			line-height: 100%;
		}
		[role="headlinePromotional"] #section2 .signatureAd {
			font-size: 11px;
			margin: 25px 20px 20px 0px;
			line-height: 150%;
			color: #aeccf2;
		}
		[role="headlinePromotional"] #section1 {
			flex-basis:35%;
		}
		[role="headlinePromotional"] #section2 {
			flex-basis:65%;
		}
	}
	.one-page-header .navbar-brand {
		position:relative;
		display:inline-block;
		margin: 0px ;
		padding: 0px 0px 00px 25px ;
		height: 50px;
		width:70%;
		-webkit-transition: all 1s;
		transition: all 1s;
	}
	.menuBlock {
		position:relative;
		display:inline-block;
		width:30%;
		height:auto;
		float:right;
	}
	@media screen and (max-width: 991px) {
		.menuBlock {
			display:block;
		}
		.one-page-header .navbar-brand {
			padding: 0px 0px 20px 25px ;
		}
	}
	.navbar-brand img.logomark {
		width: 79px ;
		height: auto ;
		float: left;
		-webkit-transition: all 1s;
		transition: all 1s;
		margin-top: 25px;
		margin-left: 10px;
	}

	.institutionalIdentityBlock {
		margin-top: 30px;
		margin-left: 95px;
		position: absolute;
		-webkit-transition: all 1s;
		transition: all 1s;
		white-space: nowrap;
	}
	.navbar-brand h3.companyName {
		position: relative;
		display: inline-block;
		width: auto;
		color: #102f32;
		float: left;
		font-family: "Open Sans",sans-serif !important;
		font-size: 27px;
		font-weight: 900;
		line-height: 120%;
		margin: 7px 15px 0 20px;
		text-align: left;
		vertical-align: bottom;
		bottom: 0px;
		-webkit-transition: all 1s;
		transition: all 1s;
		white-space:nowrap;
	}
	.navbar-brand h3.companySlogan {
		position: relative;
		display: inline-block;
		width: auto;
		color: #102f32;
		font-family: "Open Sans",sans-serif !important;
		font-size: 14px;
		font-weight: 800;
		line-height: 120%;
		margin: 15px 0 0 20px;
		text-align: left;
		float: left;
		vertical-align: bottom;
		bottom: 0px;
		-webkit-transition: all 1s;
		transition: all 1s;
		white-space:nowrap;
	}
	.navbar-brand h3.companySlogan:hover {
		color: #909090;
	}
	@media screen and (max-width: 1300px) {
		.institutionalIdentityBlock {
			margin-top: 25px;
			margin-left: 45px;
			-webkit-transition: all 1s;
			transition: all 1s;
			width:auto;
		}

		.navbar-brand img.logomark {
			width: 65px  ;
			height: auto;
			float: left;
			z-index:1;
			margin-top: 19px;
			margin-left: -7px;
			-webkit-transition: all 1s;
			transition: all 1s;
		}
		.navbar-brand h3.companyName {
			position: relative;
			display: block;
			min-width: 135%;
			float: left;
			font-family: "Open Sans",sans-serif !important;
			font-size: 19px;
			font-weight: 900;
			line-height: 120%;
			margin: 0px 0 0 35px;
			text-align: left;
			vertical-align: bottom;
			bottom: 0px;
			-webkit-transition: all 1s;
			transition: all 1s;
			white-space:normal;
		}
		.navbar-brand h3.companySlogan {
			position: relative;
			display: block;
			width: 135%;
			font-family: "Open Sans",sans-serif !important;
			font-size: 12px;
			font-weight: 800;
			line-height: 120%;
			margin: 7px 0 0 37px;
			text-align: left;
			float: left;
			vertical-align: bottom;
			bottom: 0px;
			-webkit-transition: all 1s;
			transition: all 1s;
			white-space:pre-line;
		}
	}
	section.altMediaSlider article.content  {
		padding:0 !important;
		margin:0 !important;
	}
	.tp-bullets {
		top:initial !important;
		bottom: 20px;
		zoom: 0.85;
	}
	.uranus .tp-bullet  {
		margin: 0px !important;
	}
	@media screen and (max-width: 991px) {
		.tp-bullets {
			top:initial !important;
			bottom: initial !important;
			left: initial !important;
			top: 190px !important;
			right: 50px;
			zoom: 0.75;
		}
		.uranus .tp-bullet  {
		}
	}
	.bg-color-dark {
		background-color: #0a0a0a !important;
		background: -webkit-linear-gradient( left, #0a0a0a , #0a0a0a 50% , #0a1d1e );
		background: -o-linear-gradient(left, #0a0a0a , #0a0a0a 50% , #0a1d1e );
		background: -moz-linear-gradient( left, #0a0a0a , #0a0a0a 50% , #0a1d1e );
		background: linear-gradient( left, #0a0a0a , #0a0a0a 50% , #0a1d1e  );
	}
	.g-bg-default-color-blue {
		background: #0a0a0a;
	}

	.our-service-section .owl-buttons {
		top: 50px;
	}
	.our-service-section .owl-next {
		background: #0a0a0a;
	}
	.our-service-section .owl-next:hover {
		background: #242e29; }
		.our-service-section .owl-next:after {
			color: #fff;
			font-size: 25px;
		}
		.our-service-section .owl-prev {
			background: #0a0a0a;

		}
		.our-service-section .owl-prev:hover {
			background: #242e29; }
			.our-service-section .owl-prev:after {
				color: #fff;
				font-size: 25px;
			}
			#topcontrol {
				background: #909090 ;
			}
			#topcontrol:hover {
				background: #0a0a0a   ;
			}
			.g-bg-dark-blue1 {
			}

			.cbp-l-filters-text .cbp-filter-item:hover {
				color: #0a0a0a !important
			}
			.cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active {
				color: #0a0a0a !important
			}

			.header-links-red.one-page-header.header-v6{
/*  background: -webkit-linear-gradient( left, transparent  , transparent  50% , rgba(255, 255, 255, 0.8) );
    background: -o-linear-gradient( left, transparent  , transparent  50% , rgba(255, 255, 255, 0.8) );
    background: -moz-linear-gradient( left, transparent  , transparent  50% , rgba(255, 255, 255, 0.8) );
    background: linear-gradient( left, transparent  , transparent  50% , rgba(255, 255, 255, 0.8) );*/
    height: 106px;
    width: 100%;
    margin: 0px !important;
    padding: 0px !important;
    z-index: 99;
    -webkit-transition: all 1s;
    transition: all 1s;
}

@media screen and (max-width: 991px) {
	.header-links-red.one-page-header.header-v6{
	}
}

/*.header-links-red.one-page-header.header-v6.header-fixed-shrink  {
	position: fixed;
    height:106px;
    width: 100%;
    margin: 0px !important;
    padding: 0px !important;
    -webkit-transition: all 1s;
    transition: all 1s;
    }*/


    .contact_page .btn-u.btn-u-red {
    	background: transparent;
    	float: left;
    	margin: 20px 20px 20px 0px;
    	border: 1px solid #fff;
    }
    .contact_page .btn-u:active, .contact_page .btn-u:hover {
    	background: #0a0a0a!important ;
    	border: 1px solid #242e29;
    }
    .contact_section .btn-u.btn-u-red {
    	background: transparent ;
    	float: left;
    	margin: 20px 20px 20px 0px;
    	border: 1px solid #fff;
    }
    .contact_section .btn-u:active,  .btn-u:hover {
    	background: #909090 !important ;
    	border: 1px solid #909090;
    }
    

    .btnMore   {
    	display: inline-block;
    	font-size: 81%;
    	line-height: 90%;
    	text-transform: none;
    	letter-spacing:1px;
    	font-weight: 500;
    	padding: 5px 7px 4px 7px;
    	border: 1px solid #fff ;
    	background: transparent;
    	color: #fff;
    	vertical-align:top;
    	margin-top:2px;
    	-webkit-transition-property: border, background, color;
    	transition-property: border, background, color;
    	-webkit-transition-duration: 1s;
    	transition-duration: 1s;
    }
    .btnMore:hover {
    	background: #000;
    	color: #fff;
    	border: 1px solid #242e29;
    }

    .dClass {
    	position: absolute;
    	width: 100%;
    	height: 50px;
    	bottom: 0;
    	background: #055c53; 
    	background: -webkit-linear-gradient( bottom, #909090  , #909090  30% , transparent ); 
    	background: -o-linear-gradient(bottom, #909090  , #909090  30% , transparent); 
    	background: -moz-linear-gradient( bottom, #909090  , #909090  30% , transparent); 
    	background: linear-gradient( bottom, #909090  , #909090  30% , transparent ); 
    	z-index:2;
    	margin-left: -23px;
    }

    .g-heading-custom .block_HeadlineOpening {
    	/*text-transform: uppercase;*/
    	margin: 0px 0px 0px -30px ;
    	padding: 0px 0px 0px 30px ;
    	width: 100%;
    	height: auto;
    	color: white;
    	font-weight: 700;
    	font-style: normal;
    	line-height: 120% ;
    	text-align: left;
    	font-size: 250% !important;
    	letter-spacing:1px;
    }

    .g-heading-custom .block_HeadlineOpening span {
    	color: #909090;
    }
    .g-heading-custom .block_Open .block_chapeau{
    	line-height: 170% ;
    	float: left;
    	padding: 0px 30px 40px 30px ;
    	margin: 10px 0px 20px -30px ;
    	width: 100%;
    	height:auto;
    	color: white;
    	font-style: normal;
    	font-family: 'Quattrocento Sans', sans-serif;
    	text-align: left;
    	font-size: 1em;
    	letter-spacing: 1px;
    	display:block;
    	visibility: visible;
    }

    .g-heading-custom .block_Open {
    	display:block;
    	width: 63.75%;
    	height: auto;
    	padding: 25px 260px 45px 23px ;
    	right: 3%;
    	bottom: 0px ;
    	position: absolute;
    	/* background: rgba(8, 34, 35, 0.85);*/
    	z-index:20;
    }

    .block_OpenMorph {
    	padding: 23px 260px 0px 23px ;
    	height: auto;
    }

    @media screen and (max-width: 991px) {

    	.g-heading-custom .block_Open {
    		display:block;
    		height: auto;
    		width: 100%;
    		padding: 0px 10px 20px 23px ;
    		left: 0px ;
    		bottom: 0px  ;
    		max-width: 100%;
    		position: absolute;
    		margin: 0px;
    	}

    	.block_OpenMorph {
    		width: 100% !important;
    		padding: 0px 0px 0px 0px ;
    		left: 0px  ;
    		right:initial;
    		bottom: 0px ;
    		position: absolute;
    		-webkit-transition-property: all ;
    		transition-property: all ;
    		-webkit-transition-duration: 1s ;
    		transition-duration: 1s ;
    	}

    	.g-heading-custom .block_HeadlineOpening {
    		display:block;
    		font-size: 115% !important;
    		-webkit-transition-property: all ;
    		transition-property: all ;
    		-webkit-transition-duration: 1s ;
    		transition-duration: 1s ;
    		line-height: 125%;
    		text-align: left;
    		font-weight: 600;
    		margin: -10px 0px 0px -30px ;
    		padding: 0px 0px 0px 30px;
    		width:100% ; 
    		height: auto;
    		color: white;
    		font-style: normal;
    		text-align: left;
    		font-size: 150% !important;
    	}

    	.g-heading-custom .block_Open .block_chapeau{
    		line-height: 155%;
    		width:100% ;
    		height:0px;
    		text-align: left;
    		padding: 0px 0px 0px 30px ;
    		margin: 10px 0px 0px -30px !important;
    		width: 100% !important;
    		color: white;
    		font-style: normal;
    		text-align: left;
    		font-size: 0.75em !important;
    		letter-spacing: 1px;
    		display:block;
    		visibility: hidden;
    	}
    }

    .morph {
    	background-color: transparent;
    }

    .morph path {
    	fill:#0a0a0a ;
    }

    .buttonVideoSlider {
    	position:absolute;
    	display: block;
    	right: 30px;
    	margin-top: 120px;
    	padding: 0;
    	width: 45px;
    	height: 30px;
    	border: 0;
    	background-color: transparent;
    	outline: none;
    	z-index:1;
    }

    .videoMedia, .sliderMedia {
    	position:absolute;
    	display: block;
    	padding: 0px;
    	margin:0px;
    	width: 100%;
    	height: 100%;
    	border: 0;
    }



    .moreResponsive {
    	display:none;
    }

    @media screen and (max-width: 991px) {
    	.g-heading-v7 .h2::after {
    		background-color: transparent !important;
    	}

    	.g-heading-v7 .h2 {
    		font-size: 30px;
    		padding-top: 20px;
    	}

    	.g-pl-40 {
    		padding-left: 29px;
    	}
    	.bodycopyNew {
    		margin: calc(1.5vw + 20px) 7px 20px 7px;
    	}

    	.textNew {
    		font-size: 14px;
    	}
    	.content-md {
    		padding-bottom: 10px;
    		padding-right:29px;
    	}

    	.moreResponsive {
    		display: inline-block;
    		font-size: 66%;
    		line-height: 90%;
    		text-transform: none;
    		padding-left:10px;
    		letter-spacing:1px;
    		font-weight: 600;
    		padding: 3px 4px;
    		border: 1px solid #fff ;
    		background: transparent;
    		color: #fff !important;
    		vertical-align:top;
    		margin-top:2px;
    		-webkit-transition-property: border, background, color;
    		transition-property: border, background, color;
    		-webkit-transition-duration: 1s;
    		transition-duration: 1s;
    	}
    	.moreResponsive:hover {
    		background: #0a0a0a;
    		color: #fff;
    		border: 1px solid #0a0a0a;
    	}
    }

/*Intro Section
------------------------------------*/
/*Intro Section*/

.intro-section{
	position: absolute ;
	top: 0;
	left: 0;
	bottom: 0;
	margin: 0px;
	padding:0px;
	right:0;
}

.intro-section, .fullscreenbanner-container{
	position: absolute ;
	top: 0;
	left: 0;
	bottom: 0;
	margin: 0px;
	padding:0px;
	right:0;
}

.intro-section .fullscreenbanner{
	position: absolute !important;
	top: 0;
	left: 0;
	bottom: 0;
	right:0;
	width: 100% !important;
	height: 100% !important;
	min-width: 100% !important;
	min-height: 100%!important;
	object-fit: cover;
	margin: 0px;
	padding:0px;
}


.intro-section:after {
	width: 100% ;
	height: 100% ;
	position: absolute ;
}


@media (min-width: 992px) {
	.contact-section .col-md-4:after, .contact-section .col-sm-6:after  {
		clear:initial;
	}
}

.faq .acc-v1 .panel-heading a, .faq .acc-v1.plus-toggle .panel-heading a:before {
	color: #0a0a0a ;
}

.we-accept {
	position:absolute;

	margin: 0px;
	width: auto;
}
.we-accept h3 {
	color: #909090;
	margin-bottom: 15px;
	font-size: 20px;
	text-align:left;
	opacity:0.5;
}

.paymentsMethods {
	margin:0px;
	padding:0px;
}

.paymentsMethods  li {
	display:inline-block;
	vertical-align: bottom;
	height: 40px;
	float:left;
	position: relative;
	border-radius: 4px;
	margin: 0px 20px 10px 0px;
}

.paymentsMethods  li img {
	vertical-align: bottom;
	opacity:0.55;
	-webkit-transition-property: opacity ;
	transition-property: opacity ;
	-webkit-transition-duration: 0.7s ;
	transition-duration: 0.7s ;
}
.paymentsMethods  li img:hover {
	opacity:1;
	-webkit-transition-property: opacity ;
	transition-property: opacity ;
	-webkit-transition-duration: 0.7s ;
	transition-duration: 0.7s ;
}

.paymentsMethods .cash img {
	height: 13px;
}
.paymentsMethods .cheque img {
	height: 15px;
}
.paymentsMethods .visa img{
	height: 13px;
}
.paymentsMethods .mastercard img{
	height: 40px;
}
.paymentsMethods .paypal img {
	height: 15px;
}
.paymentsMethods .discover img {
	height: 11px;
}
.paymentsMethods .visa_electron img {
	height: 27px;
}
.paymentsMethods .diners img{
	height: 31px;
}
.paymentsMethods .amexp img{
	height: 20px;
}


.socket_signature {
	position : absolute;
	bottom:10px;
	width:auto;
	right: 20px;
	padding: 0px;
	opacity: 0.5;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}

.socket_signature .baseline_socket_signature {
	color: #fff ;
	font-size: 10px ;
	float: left;
	font-weight: 300;
	letter-spacing: 2px;
	padding:0px ;
	margin:0px ;
}

.socket_signature .logo_socket {
	position : relative;
	display:inline-block;
	height:12px;
	float: left;
	margin:0px 0px 0px 7px;
	bottom:-5px;
	padding: 0px 0px -20px 20px;
}

.socket_signature:hover {
	opacity: 1;
}


.contact-section .visual_affiliations {
	width: 85px;
	margin:10px;
	height:auto;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 2s;
	transition-duration: 2s;
}
.contact-section .title_affiliations  {
	text-align:center;
	color:#909090;
}

@media (max-width: 992px) {
	.contact-section .title_affiliations  {
		text-align:left;
		margin-left:10px;
	}
	.contact-section .visual_affiliations  {
		float:left;
		width: 69px;
		height:auto;
		-webkit-transition-property: all;
		transition-property: all;
		-webkit-transition-duration: 2s;
		transition-duration: 2s;
	}
}

.contact-section-col_Contacts {
	min-height: 750px;
}
.contact-section-col_Touch {
	min-height: 750px;
	text-align:left;
}


@media (min-width: 769px) and (max-width: 1000px) {
	.contact-section-col_Contacts {
		min-height: 900px;
	}
	.contact-section-col_Touch {
		min-height: 900px;
	}
}

@media (max-width: 768px) {
	.contact-section-col_Contacts {
		min-height: 850px;
	}
	.contact-section-col_Touch {
		min-height: 500px;
	}
}

.appPresentationBlock {
	position:relative;
	width: 100%;
	height: auto;
/*  background: rgba(0, 28, 25, 0.90) ;
  background: -webkit-linear-gradient( left, rgba(0, 28, 25, 0.90) , rgba(0, 28, 25, 0.90)  25% , #909090);
  background: -o-linear-gradient(left, rgba(0, 28, 25, 0.90) , rgba(0, 28, 25, 0.90)  25% , #909090);
  background: -moz-linear-gradient( left, rgba(0, 28, 25, 0.90) , rgba(0, 28, 25, 0.90)  25% , #909090);
  background: linear-gradient( left, rgba(0, 28, 25, 0.90)  , rgba(0, 28, 25, 0.90)  25% , #4D9756);*/
  margin:0;
}


.appPresentationBlock  .clearfix {
	clear: both;
}

.spacerPresentation {
	height: 10px;
}

.presentationHeaderDiv {
	position:absolute;
	display:inline-block;
	width: 18%;
	height:auto;
	color: white;
	margin:0;
}
.appPresentationMain {
	position:relative;
	display:inline-block;
	width: 82%;
	height:auto;
	margin:0 0 0 18%;
}

.appPresentationMain h1 {
	color:#fff;
}

@media (min-width: 701px) and (max-width: 1215px) {
	.presentationHeaderDiv {
		width: 30%;
	}
	.appPresentationMain {
		width: 70%;
		margin:0 0 0 30%;
	}
	.schedule_page {
		background-color: transparent;
	}
}

@media screen and (max-width: 700px) {
	.presentationHeaderDiv {
		width: 100%;
	}
	.appPresentationMain {
		width: 100%;
		margin:0 0 0 0%;
	}
	.schedule_page {
		background-color: transparent;
	}
	.presentationHeaderDiv {
		position:relative;
	}
}

.presentationHeader {
	padding: .8em 0 1em 3%;
	background-color: #262626;
	color: white;
	border-left: 5px solid #39A279;
}
.presentationHeader h1 {
	font-weight: 700;
	font-size: 1.3em;
}
.presentationHeader h2 {
	margin-top: .3em;
	font-size: .8em;
}
.presentationHeader h2 b {
	font-weight: 600;
	font-size: 1.2em;
}
.presentationHeader b {
	color: #39A279;
}

.cardPresentation {
	width: 33.33%;
	float: left;
	color: white;
	vertical-align: top;
	height: 215px;
	background-color: #141414;
	outline: 1px solid rgba(255, 255, 255, 0.14);
	cursor: pointer;
	transition: all 0.5s ease;
	overflow: hidden;
}
.cardPresentation:hover {
	background-color: rgba(20, 20, 20, 0.95);
}
@media screen and (max-width: 1215px) {
	.cardPresentation {
		width: 50%;
	}
}
@media screen and (max-width: 700px) {
	.cardPresentation {
		width: 100%;
	}
}
.cardPresentation .pos {
	padding: .5em 0 .5em .5em;
	color: white;
	font-size: .9em;
	background-color: rgba(20, 20, 20, 0.95);
	margin-bottom: 1em;
	border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
.cardPresentation .itemPresentationInfo {
	display: inline-block;
	vertical-align: top;
	padding: 1em 0.5em 0.5em;
	position: relative;
}
.cardPresentation .profileItemPresentation {
	width: 100px;
	height: 100px;
	overflow: hidden;
	border-radius: 50%;
	display: inline-block;
	margin: 20px;
	transition: all 0.5s ease;
}
@media screen and (max-width: 925px) {
	.cardPresentation .profileItemPresentation {
		width: 80px;
		height: 80px;
	}
}
@media screen and (max-width: 570px) {
	.cardPresentation .profileItemPresentation {
		width: 100px;
		height: 100px;
	}
}
.cardPresentation .profileItemPresentation img {
	height: 100%;
	margin-left: -20%;
}
.cardPresentation:hover .profileItemPresentation {
	width: 90px;
	height: 90px;
}
.cardPresentation h1 {
	font-weight: 600;
	font-size: 1em;
	padding-bottom: .15em;
}
.cardPresentation h2 {
	font-weight: 300;
	font-size: .9em;
	margin-bottom: .4em;
}
.cardPresentation p {
	font-weight: 300;
	font-size: .8em;
}
.cardPresentation p b {
	font-weight: 600;
}
.cardPresentation h3 {
	font-weight: 700;
	font-size: 1.8em;
	padding-bottom: .3em;
}
.cardPresentation h4 {
	font-weight: 600;
	padding: .1em 0;
}
.cardPresentation h4 i {
	font-size: .8em;
	font-weight: 300;
}

.blockCTAPresentation {
	width: 66.66%;
	min-height:215px;
	height: auto;
	float: left;
	background-color: rgba(20, 20, 20, 0.95);
	color: white;
	outline: 1px solid rgba(255, 255, 255, 0.14);
}
@media screen and (max-width: 1215px) {
	.blockCTAPresentation {
		width: 100%;
	}
}
.blockCTAPresentation .presentationCTA {
	width: 90%;
	padding: .4em 0 .4em 5%;
}
.blockCTAPresentation h2 {
	font-size: .8em;
	font-weight: 300;
	margin: 1.1em 0 .3em 0;
}
.blockCTAPresentation h1 {
	font-weight: 600;
	margin-bottom: .7em;
}

.presentationCTA .result {
	border-bottom: 1px solid rgba(255, 255, 255, 0.14);
	padding: .4em 0 .35em 0;
}
.presentationCTA .result:before {
	content: 'projected to win';
	padding-left: 5%;
}
.presentationCTA .presentationCTA_title {
	color: #39A279;
	font-weight: 600;
	font-size: 1.5em;
	line-height: 120%;
}
.presentationCTA .presentationCTA_text {
	color: #fff;
	font-weight: 500;
	font-size: .95em;
	line-height: 150%;
}

.overlayModalPresentation {
	width: 100%;
	margin: 0 auto;
	background-color: rgba(20, 20, 20, 0.95);
	position: absolute;
	z-index: 10;
	bottom: 0;
	height: 0;
	overflow: hidden;
	transition: all 0.75s ease;
}

.showModalPresentation {
	position:relative;
	width:100%;
	height: 100%;
	overflow: show;
	transition: all 0.75s ease;
}

.ModalPresentation {
	width: 100%;
	margin: 0 auto;
	color: white;
	float: left;
	outline:1px solid rgba(255, 255, 255, 0.14);
}
@media screen and (max-width: 1215px) {

}
@media screen and (max-width: 925px) {
	.ModalPresentation {
		width: 100%;
	}
}
.ModalPresentation .profileItemPresentation {
	width: 140px;
	height: 140px;
	overflow: hidden;
	border-radius: 50%;
	display: inline-block;
	margin: 1.3em .5em .5em 3%;
	transition: all 0.5s ease;
}
@media screen and (max-width: 925px) {
	.ModalPresentation .profileItemPresentation {
		width: 70px;
		height: 70px;
	}
}
@media screen and (max-width: 570px) {
	.ModalPresentation .profileItemPresentation {
		width: 100px;
		height: 100px;
	}
}
.ModalPresentation .profileItemPresentation img {
	height: 100%;
	margin-left: -20%;
}
.ModalPresentation h1 {
	margin-top: 50px;
	font-size: 2.5em;
	font-weight: 600;
}
.ModalPresentation h2 {
	font-size: 1.7em;
	letter-spacing: 1px;
}
.ModalPresentation h3 {
	font-weight: 600;
}
@media screen and (max-width: 800px) {
	.ModalPresentation {
		width: 100%;
	}
}
.ModalPresentation .modalHeaderPresentation {
	padding: 1.15em 1em 1em 2.5%;
	background-color: #39A279;
	margin-bottom: .5em;
	position: relative;
	font-size: 1.7em;
	font-weight: 600;
}
.ModalPresentation .modalHeaderPresentation .close {
	position: absolute;
	right: 45px;
	font-weight: 600;
	font-size: 35px;
	margin-top: -11px;
	cursor: pointer;
	color: #fff;
	opacity: 0.66;
	-webkit-transition-property: all ;
	transition-property: all;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.ModalPresentation .modalHeaderPresentation .close:hover {
	font-size: 70px;
	margin-top: -25px;
	opacity: 1;
	-moz-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.ModalPresentation .modalHeaderPresentation .fa {
	color: #fff;
}
.ModalPresentation .playerModal {
	display: inline-block;
	margin-left: 4%;
	vertical-align: top;
}

/*.ModalPresentation .pointsList {
  width: 90%;
  margin-left: 5%;
  padding: .5em 0 0 0;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}
.ModalPresentation .pointsList li {
  display: inline-block;
  margin-right: 2.5%;
  padding-bottom: .5em;
  }*/

  .descriptionLine {
  	display: block;
  }

  .statusClass1 {
  	color: green;
  	padding: 0;
  }

  .statusClass2 {
  	color: #A1BF3F;
  	padding: 0;
  }

  .statusClass3 {
  	color: orange;
  	padding: 0;
  }

  .statusClass4 {
  	color: red;
  	padding: 0;
  }



  .presentationHeaderDiv .presentationIntro {
  	padding: 0em 1em;
  	/* background-color: #162630;*/
  }
  .presentationHeaderDiv .appPresentationInfo {
  	padding: 1em 1.5em 1em 1em;
  }
  .presentationHeaderDiv .appPresentationInfo h1 {
  	font-weight: 600;
  	font-size: 1.4em;
  	padding: .5em 0;
  	line-height: 120%;
  }
  .presentationHeaderDiv .appPresentationInfo p {
  	font-weight: 300;
  	font-size: .9em;
  	line-height: 145%;
  }
  .presentationIntro .highlight {
  	border-left: 5px solid #102f32;
  	margin :0 1em 0 -1em;
  	padding: 0.2em 0 0 1em;
  	text-transform: uppercase;
  }

  .modalPresentation_SubTitle{
  	font-size: 120%;
  	color: #39A279;
  	margin: 20px 50px 19px 20% ;
  	text-transform: uppercase;
  }
  .modalPresentation_Parag{
  	font-size: 100%;
  	line-height: 150%;
  	color: #fff;
  	opacity: 0.75;
  	margin: 10px 50px 50px 20% ;
  }

  .faq .acc-v1 .panel-heading a {
  	font-size: 17px;
  	line-height: 125%;
  }

  /* correction boutton*/
  .form-control  {
  	background-color: transparent !important;
  	color: #fff !important;
  }
  .color-red {
  	color: #0a0a0a!important;
  }
  .rc-anchor-light {
  	background-color: transparent !important;
  }

  ::-moz-selection { background: #909090; }
  ::selection { background: #909090; }

  /* correction boutton*/

  .calls_SlideNClipBlock {
  	position: relative;
  	/*margin-top:106px;*/
  	height: 100%;
  	-webkit-perspective: 1500px;
  	perspective: 1500px;
  }

  .calls_SlideNClipBlock:before {
  	position: absolute;
  	width:100%;
  	height: 50px;
  	background-color: #000 !important;
  }

  .fnc {
  }
  .fnc-slider {
  	overflow: hidden;
  	box-sizing: border-box;
  	position: relative;
  	height: 100vh;
  }
  .fnc-slider *, .fnc-slider *:before, .fnc-slider *:after {
  	box-sizing: border-box;
  }
  .fnc-slider__slides {
  	position: relative;
  	height: 100%;
  	-webkit-transition: -webkit-transform 1s 0.66667s;
  	transition: -webkit-transform 1s 0.66667s;
  	transition: transform 1s 0.66667s;
  	transition: transform 1s 0.66667s, -webkit-transform 1s 0.66667s;
  }
  .fnc-slider .m--blend-dark .fnc-slide__inner {
  	background-color: #8a8a8a;
  }
  .fnc-slider .m--blend-dark .fnc-slide__mask-inner {
  	background-color: #575757;
  }
  .fnc-slider .m--navbg-dark {
  	background-color: #575757;
  }
  .fnc-slider .m--blend-gold .fnc-slide__inner {
  	background-color: #fff;
  }
/*.fnc-slider .mask_Slider1 .fnc-slide__mask-inner {
  background-color: rgba(206, 208, 63, 1);
}
.fnc-slider .mask_Slider2 .fnc-slide__mask-inner {
  background-color: rgba(46, 34, 27, 1);
}
.fnc-slider .mask_Slider3 .fnc-slide__mask-inner {
  background-color: rgba(48, 61, 35, 1);
}
.fnc-slider .mask_Slider4 .fnc-slide__mask-inner {
  background-color: rgba(162, 121, 91, 1);
  }*/
  .fnc-slider .m--navbg-gold {
  	background-color: #404d5c;
  }

  .fnc-slide {
  	overflow: hidden;
  	position: absolute;
  	left: 0;
  	top: 0;
  	width: 100%;
  	height: 100%;
  	-webkit-transform: translate3d(0, 0, 0);
  	transform: translate3d(0, 0, 0);
  }
  .fnc-slide.m--before-sliding {
  	z-index: 2 !important;
  	-webkit-transform: translate3d(100%, 0, 0);
  	transform: translate3d(100%, 0, 0);
  }
  .fnc-slide.m--active-slide {
  	z-index: 1;
  	-webkit-transition: -webkit-transform 1s 0.66667s ease-in-out;
  	transition: -webkit-transform 1s 0.66667s ease-in-out;
  	transition: transform 1s 0.66667s ease-in-out;
  	transition: transform 1s 0.66667s ease-in-out, -webkit-transform 1s 0.66667s ease-in-out;
  	-webkit-transform: translate3d(0, 0, 0);
  	transform: translate3d(0, 0, 0);
  }
  .fnc-slide__inner {
  	position: relative;
  	height: 100%;
  	background-size: cover;
  	background-position: center top;
  	-webkit-transform: translate3d(0, 0, 0);
  	transform: translate3d(0, 0, 0);
  }
  .m--global-blending-active .fnc-slide__inner, .m--blend-bg-active .fnc-slide__inner {
  	background-blend-mode: luminosity;
  }
  .m--before-sliding .fnc-slide__inner {
  	-webkit-transform: translate3d(-100%, 0, 0);
  	transform: translate3d(-100%, 0, 0);
  }
  .m--active-slide .fnc-slide__inner {
  	-webkit-transition: -webkit-transform 1s 0.66667s ease-in-out;
  	transition: -webkit-transform 1s 0.66667s ease-in-out;
  	transition: transform 1s 0.66667s ease-in-out;
  	transition: transform 1s 0.66667s ease-in-out, -webkit-transform 1s 0.66667s ease-in-out;
  	-webkit-transform: translate3d(0, 0, 0);
  	transform: translate3d(0, 0, 0);
  }
  .fnc-slide__mask {
  	opacity: 0;
  	overflow: hidden;
  	position: absolute;
  	-webkit-transition: all 2s;
  	transition: all 2s;
/*  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);*/
}

body:hover  .fnc-slide__mask {
	opacity: 1;
	-webkit-transition: all 2s;
	transition: all 2s;
}


.mask_Slider1 {
	left: 30px;
	bottom: 10%;
	width: calc(250px + 20vw);
	min-height: 250px;
}
.fnc-nav_Slider1 {
	left: 0px;
	top: 0px;
}
.mask_Slider2 {
	left: 30px;
	bottom: 10%;
	width: calc(250px + 20vw);
	min-height: 250px;
}
.fnc-nav_Slider2 {
	left: 0px;
	top: 0px;
}
.mask_Slider3 {
	right: 0%;
	top: 100px;
	width: 39%;
	height: 31%;
}
.fnc-nav_Slider3 {
	right: 43px;
	bottom: 50px;
}
.mask_Slider4 {
	right: 0%;
	top: 100px;
	width: 39%;
	height: 31%;
}
.fnc-nav_Slider4 {
	right: 43px;
	bottom: 50px;
}
.mask_Slider5 {
	right: 0%;
	top: 100px;
	width: 39%;
	height: 31%;
}
.fnc-nav_Slider5 {
	right: 43px;
	bottom: 50px;
}
.mask_Slider6 {
	right: 0%;
	top: 100px;
	width: 39%;
	height: 31%;
}
.fnc-nav_Slider6 {
	right: 43px;
	bottom: 50px;
}
.mask_Slider7 {
	right: 0%;
	top: 100px;
	width: 39%;
	height: 31%;
}
.fnc-nav_Slider7 {
	right: 43px;
	bottom: 50px;
}
.mask_Slider8 {
	right: 0%;
	top: 100px;
	width: 39%;
	height: 31%;
}
.fnc-nav_Slider8 {
	right: 43px;
	bottom: 50px;
}


@media screen and (max-width: 661px) {
	.fnc-slide__mask {
		display:none;
		bottom:0px;
		left: 25px;
		zoom:0.75;
	}
	.fnc-slide__mask .fnc-nav {
		left: 0px;
		bottom: initial;
		top:0px;
		right:initial;
	}
}

.m--before-sliding .fnc-slide__mask {
	-webkit-transform: translateX(-500px) translate3d(200px, 0, 0);
	transform: translateX(-500px) translate3d(200px, 0, 0);
	opacity: 0;
}
.m--active-slide .fnc-slide__mask {
	-webkit-transition: opacity 0.35s 1.22222s, -webkit-transform 0.7s 1.22222s;
	transition: opacity 0.35s 1.22222s, -webkit-transform 0.7s 1.22222s;
	transition: transform 0.7s 1.22222s, opacity 0.35s 1.22222s;
	transition: transform 0.7s 1.22222s, opacity 0.35s 1.22222s, -webkit-transform 0.7s 1.22222s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
}
.m--previous-slide .fnc-slide__mask {
	-webkit-transition: opacity 0.35s 0.68333s, -webkit-transform 0.7s 0.33333s;
	transition: opacity 0.35s 0.68333s, -webkit-transform 0.7s 0.33333s;
	transition: transform 0.7s 0.33333s, opacity 0.35s 0.68333s;
	transition: transform 0.7s 0.33333s, opacity 0.35s 0.68333s, -webkit-transform 0.7s 0.33333s;
	-webkit-transform: translateX(-500px) translate3d(-200px, 0, 0);
	transform: translateX(-500px) translate3d(-200px, 0, 0);
	opacity: 0;
}
.fnc-slide__mask-inner {
	z-index: -1;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100vw;
	height: 100vh;
	margin-left: -50vw;
	margin-top: -50vh;
	background-size: cover;
	background-position: center center;
	background-blend-mode: luminosity;
	-webkit-transform-origin: 50% 16.5vh;
	transform-origin: 50% 16.5vh;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}
.m--before-sliding .fnc-slide__mask-inner {
	-webkit-transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0);
	transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0);
}
.m--active-slide .fnc-slide__mask-inner {
	-webkit-transition: -webkit-transform 0.7s 1.22222s;
	transition: -webkit-transform 0.7s 1.22222s;
	transition: transform 0.7s 1.22222s;
	transition: transform 0.7s 1.22222s, -webkit-transform 0.7s 1.22222s;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.m--previous-slide .fnc-slide__mask-inner {
	-webkit-transition: -webkit-transform 0.7s 0.33333s;
	transition: -webkit-transform 0.7s 0.33333s;
	transition: transform 0.7s 0.33333s;
	transition: transform 0.7s 0.33333s, -webkit-transform 0.7s 0.33333s;
	-webkit-transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0);
	transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0);
}

.fnc-nav {
	z-index: 5;
	position: absolute;
}
.fnc-nav__bgs {
	z-index: -1;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.fnc-nav__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.fnc-nav__bg.m--nav-bg-before {
	z-index: 2 !important;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}
.fnc-nav__bg.m--active-nav-bg {
	z-index: 1;
	-webkit-transition: -webkit-transform 1s 0.66667s;
	transition: -webkit-transform 1s 0.66667s;
	transition: transform 1s 0.66667s;
	transition: transform 1s 0.66667s, -webkit-transform 1s 0.66667s;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.fnc-nav__control {
	overflow: hidden;
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: auto;
	padding: 10px 10px 21px 25px;
	font-size: calc( 17px + 0.3vw);
	letter-spacing: 1px;
	color: #fff;
	background: transparent;
	cursor: pointer;
   /* -webkit-transition: all 0.5s;
   transition: all 0.5s;*/
}
.fnc-nav__control:hover {
	text-decoration: none;
	color: #fff;
}

.fnc-nav__control.m--active-control {
	background: #0a0a0a;
}
.fnc-nav__control-progress {
	position: absolute;
	right: 0;
	bottom: 0;
	width:calc(100% - 25px);
	height: 1px;
	background: #fff;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
}
.m--with-autosliding .m--active-control .fnc-nav__control-progress {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.m--prev-control .fnc-nav__control-progress {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: -webkit-transform 0.5s !important;
	transition: -webkit-transform 0.5s !important;
	transition: transform 0.5s !important;
	transition: transform 0.5s, -webkit-transform 0.5s !important;
}
.m--reset-progress .fnc-nav__control-progress {
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform 0s 0s !important;
	transition: -webkit-transform 0s 0s !important;
	transition: transform 0s 0s !important;
	transition: transform 0s 0s, -webkit-transform 0s 0s !important;
}
.m--autosliding-blocked .fnc-nav__control-progress {
	-webkit-transition: all 0s 0s !important;
	transition: all 0s 0s !important;
	-webkit-transform: scaleX(0) !important;
	transform: scaleX(0) !important;
}
.calls-slider {
	z-index: 2;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform 0.7s;
	transition: -webkit-transform 0.7s;
	transition: transform 0.7s;
	transition: transform 0.7s, -webkit-transform 0.7s;
}
.credits-active .calls-slider {
	-webkit-transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(0.9);
	transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(0.9);
}
.calls-slider .fnc-slide-1 .fnc-slide__inner{
	background-image: url("../img/slider1.gif");
}
.calls-slider .fnc-slide-2 .fnc-slide__inner {
	background-image: url("../img/slider2.gif");
}
.calls-slider .fnc-slide-3 .fnc-slide__inner{
	background-image: url("../img/slider3.jpg");
}
.calls-slider .fnc-slide-4 .fnc-slide__inner{
	background-image: url("../img/slider4.jpg");
}
.calls-slider .fnc-slide-5 .fnc-slide__inner{
	background-image: url("../img/slider5.jpg");
}
.calls-slider .fnc-slide-6 .fnc-slide__inner{
	background-image: url("../img/slider6.jpg");
}
.calls-slider .fnc-slide-7 .fnc-slide__inner{
	background-image: url("../img/slider7.jpg");
}
.calls-slider .fnc-slide-8 .fnc-slide__inner{
	background-image: url("../img/slider8.jpg");
}

#pricingPlanBlock{
	position:absolute;
	width:auto;
	height:auto;
	right:80px;
	top: 250px;
	zoom:0.55;
	z-index:10;
	background: rgba(246, 246, 248, 0.9);
	transition: all 0.3s ease-in-out 0s;
}

@media screen and (max-width: 991px) {
	#pricingPlanBlock{
		zoom:0.40;
		right:0px;
		height:140px;
		transition: all 0.3s ease-in-out 0s;
	}
}


#pricingPlan{
	width:100%;
	height:100%;
	margin: 0;
}

#pricingPlan .title{
	width:250px;
	height:140px;
	float:left;
	border-right: 1px solid #5a5a5a;
	transition: all 0.3s ease-in-out 0s;
}
@media screen and (max-width: 991px) {
	#pricingPlan .title{
		border-right: 0px solid #5a5a5a;
		border-bottom: 1px solid #5a5a5a;
		transition: all 0.3s ease-in-out 0s;

	}
}


#pricingPlan .title h1{
	color: #5a5a5a;
	font-family:'Open Sans';
	text-transform:uppercase;
	font-size:30px;
	font-weight: 100;
	text-align:left;
	margin:0px;
	padding-top:35px;
}

#pricingPlan .title h1 span{
	font-size:25px;
	padding-left:35px;
}

#pricingPlan .title p{
	color: #102f32;
	font-family:'Open Sans';
	text-transform:uppercase;
	font-size:37px;
	font-weight:bold;
	margin:0px;
	padding-left:35px;
}

#pricingPlan .title .readMore{
	display: inline-block;
	color: #fff;
	width:auto;
	height:auto;
	font-size:23px;
	background: #909090;
	padding: 5px 15px;
	margin: 10px 0px 0px 30px;
	transition: all 0.3s ease-in-out 0s;
}

@media screen and (max-width: 991px) {
	#pricingPlan .title .readMore{
		transition: all 0.3s ease-in-out 0s;
		margin: 18px 0px 0px 0px;
	}
}


#pricingPlan .title .readMore:hover{
	background: #9c9c9e;
	transition: all 0.3s ease-in-out 0s;
}


#pricingPlan .title:hover{
	-webkit-transition: background-color 0.3s ease-out 0.3s, width 0.3s ease-out 0.3s;
	-moz-transition:background-color width 0.3s ease-out 0.3s, width 0.3s ease-out 0.3s;
	-o-transition: background-color width 0.3s ease-out 0.3s, width 0.3s ease-out 0.3s;
	transition: background-color width 0.3s ease-out 0.3s, width 0.3s ease-out 0.3s;
}

#pricingPlan .containDetails{
	width: auto;
	height:100%;
	float:left;
	padding-left: 46px;
	padding-right: 46px;
	padding-top: 30px;
	padding-bottom: 0px;
	transition: all 0.3s ease-in-out 0s;

}
@media screen and (max-width: 991px) {
	#pricingPlan .containDetails{
		display:none;
		padding-top: 70px;
		transition: all 0.3s ease-in-out 0s;
	}
}


#pricingPlan .details li{
	display:inline-block;
	margin:0px;
	font-size: 30px;
	color: #102f32;
	font-family:'Open Sans';
	font-weight:bold;
	text-align: left;
	padding-right: 48px;
	padding-left: 0px;
}
#pricingPlan .first{
	padding:0px ;
}

#pricingPlan .details{
	padding:0px;
	float:left;
}
#pricingPlan .details li span{
	font-size:16px;
	text-transform:uppercase;
}

#pricingPlan .details li span:before{
	content: '\a' ; 
	white-space: pre;  
}

#pricingPlan .select{
	margin-top: 73px;
	margin-left: 14px;
}
#pricingPlan .end{
	width: 150px;
	height:180px;
	background-color: #efefef;  
	float: left;
	position: relative;
	left: 30px;
}

#pricingPlan .button-pill {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius: 50px;
}

#pricingPlan .button {
	-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
	background-color: #eeeeee;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1));
	background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
	background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);
	background: -o-linear-gradient(top, #fbfbfb, #e1e1e1);
	background: linear-gradient(top, #fbfbfb, #e1e1e1);
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: left;
	zoom: 1;
	border: 1px solid #d4d4d4;
	height: 32px;
	line-height: 32px;
	padding: 0px 25.6px;
	font-weight: 300;
	font-size: 14px;
	font-family:'Open Sans';
	text-shadow: 0 1px 1px white;
	margin: 0;
	text-decoration: none;
	text-align: center;
}

#pricingPlan .button-flat-royal {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition-property: background;
	-moz-transition-property: background;
	-o-transition-property: background;
	transition-property: background;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	background: #d63240;
	color: white;
	text-shadow: none;
	border: none;
}

.textPricing {
	position: relative;
}

.textPricing a{
	color: #102f32 ;
}
.textPricing a:hover{
	color: #909090 ;
}
.textPricing span {
	font-size: 20px;
	font-weight:700;
}
#pricingPlan .from {
	font-size: 25px !important;
	font-weight:700;
}

#pricingPlan li {
	font-size: 27px ;
	font-weight:700;
}

.textPricing .words-wrapper1, .textPricing .words-wrapper2, .textPricing .words-wrapper3, .textPricing .words-wrapper4  {
	display: block;
	position: relative;
	text-align: left;
}
.textPricing .words-wrapper1 b, .textPricing .words-wrapper2 b, .textPricing .words-wrapper3 b, .textPricing .words-wrapper4 b {
	opacity: 0;
	display: inline-block;
	position: absolute;
	white-space: nowrap;
	left: 0;
	top: 0;
	font-size: 23px ;
}
.textPricing .words-wrapper1 .is-visible1, .textPricing .words-wrapper2 .is-visible2, .textPricing .words-wrapper3 .is-visible3, .textPricing .words-wrapper4 .is-visible4  {
	position: relative;
	top: -30px;
	opacity: 1;
	-webkit-animation: push-in 0.6s;
	-moz-animation: push-in 0.6s;
	animation: push-in 0.6s;
}
.textPricing .words-wrapper1 .is-hidden1, .textPricing .words-wrapper2 .is-hidden2, .textPricing .words-wrapper3 .is-hidden3, .textPricing .words-wrapper4 .is-hidden4 {
	-webkit-animation: push-out 0.6s;
	-moz-animation: push-out 0.6s;
	animation: push-out 0.6s;
}

@-webkit-keyframes push-in {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%);
	}
	70% {
		opacity: 1;
		-webkit-transform: translateX(10%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes push-in {
	0% {
		opacity: 0;
		-moz-transform: translateX(-100%);
	}
	60% {
		opacity: 1;
		-moz-transform: translateX(10%);
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}
@keyframes push-in {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(10%);
		-moz-transform: translateX(10%);
		-ms-transform: translateX(10%);
		-o-transform: translateX(10%);
		transform: translateX(10%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}
@-webkit-keyframes push-out {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	60% {
		opacity: 0;
		-webkit-transform: translateX(110%);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(100%);
	}
}
@-moz-keyframes push-out {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	60% {
		opacity: 0;
		-moz-transform: translateX(110%);
	}
	100% {
		opacity: 0;
		-moz-transform: translateX(100%);
	}
}
@keyframes push-out {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
	60% {
		opacity: 0;
		-webkit-transform: translateX(110%);
		-moz-transform: translateX(110%);
		-ms-transform: translateX(110%);
		-o-transform: translateX(110%);
		transform: translateX(110%);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
	}
}



.packages {
	display: table;
	width: 100%;
	height: 100%;
}

.packages .w-table-cell {
	display: table-cell;
	vertical-align: middle;
}

.packages .w-container {
	position: relative;
	max-width: 100%;
	margin: 30px auto 0;
	font-size: 0;
	text-align: center;
}
.packages .w-container .w-card {
	cursor: pointer;
	background-color: #fff;
	display: inline-block;
	float: left;
	vertical-align: top;
	width: 25%;
	min-width:245px;
	color: #333;
	font-size: 30px;
	font-weight: 300;
	margin: 0px;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.packages .w-container .w-card .card-header {
	overflow: hidden;
	padding: 20px 0 0;
}
.packages .w-container .w-card .card-header .w-title, .packages .w-container .w-card .card-header .w-price {
	position: relative;
	z-index: 2;
}
.packages .w-container .w-card .card-header .w-title{
	font-size: 22px;
}
.packages .w-container .w-card .card-header .w-price {
	font-size: 42px;
	font-weight: 500;
	padding: 20px 20px 20px;
}
.packages .w-container .w-card .card-content {
	padding: 20px;
}
.packages .w-container .w-card .card-content .w-item {
	font-size: 17px;
	padding: 10px;
	border-bottom: 1px solid #ddd;
}
.packages .w-container .w-card .card-content .w-item:last-child {
	border-bottom: none;
}
.packages .w-container .w-card .card-content .w-item span {
	font-weight: 500;
}
.packages .w-container .w-card .container-button {
	position: relative;
}
.packages .w-container .w-card .container-button .w-button {
	position: relative;
	display: block;
	padding: 20px;
	color: #fff;
	font-size:21px;
	line-height:100%;
	font-weight: 400;
	z-index: 2;
	text-decoration: none;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.packages .w-container .w-card .container-button:before, .packages .w-container .w-card .container-button:after {
	content: "";
	position: absolute;
	top: 0px;
	left: 50%;
	width: 0%;
	height: 0%;
	border-radius: 50%;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.packages .w-container .w-card .container-button:after {
	z-index: 1;
	background-color: rgba(255, 255, 255, 0.1);
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.packages .w-container .w-card .container-button:hover .w-button {
	padding: 0px 20px 40px;
}
.packages .w-container .w-card .container-button:hover:before {
	top: -280px;
	left: -89px;
	width: 800px;
	height: 800px;
}
.packages .w-container .w-card .container-button:hover:after {
	top: -200px;
	left: -50px;
	width: 400px;
	height: 400px;
}
.packages .w-container .w-card:hover {
	z-index: 2;
	margin: -20px 0 50px;
}
.packages .w-container .w-card:hover .w-button {
	opacity: 1;
}

.packages .coloPackage1 .container-button {
	background-color: #ae7639;
}
.packages .coloPackage1 .container-button:before {
	background-color: #ae7639;
}
.packages .coloPackage1 .w-item span {
	color: #ae7639;
}

.packages .coloPackage2 .container-button {
	background-color: #c0c0c0;
}
.packages .coloPackage2 .container-button:before {
	background-color: #c0c0c0;
}
.packages .coloPackage2 .w-item span {
	color: #c0c0c0;
}

.packages .coloPackage3 .container-button {
	background-color: #efaa21;
}
.packages .coloPackage3 .container-button:before {
	background-color: #efaa21;
}
.packages .coloPackage3 .w-item span {
	color: #efaa21;
}

.packages .coloPackage4 .container-button {
	background-color: #5b5b5b;
}
.packages .coloPackage4 .container-button:before {
	background-color: #5b5b5b;
}
.packages .coloPackage4 .w-item span {
	color: #5b5b5b;
}

.flip_menu {
	position: relative;
	float:right;
	right:0;
	height: auto;
	width: auto;
	padding:0;
	line-height: 1.25;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.flip_menu .flip_board  {
	width: auto;
	height: auto;
	-webkit-perspective-origin: 100% 100%;
	-webkit-perspective: -500px;
	perspective: -500px;
	padding:0;
	margin:0;
}

.flip_menu .flip_tab {
	transform-origin: right top;
	position: relative;
	right: 0;
	width: auto;
	background-color: #0a0a0a;
	text-align: right;
	list-style: none;
	padding: 12px 14px 12px 45px;
	font-size: 15px;
	margin: 0;
	white-space: nowrap;
}

.flip_menu  .flip_tab a {
	width: auto;
	text-decoration: none;
	color: #fff;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.flip_menu  .flip_tab .activePage  {
	color: rgba(222, 165, 115, 1);
	font-weight:600;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}


.flip_menu  .flip_board  li {
	transition: all .15s ease-in-out;
}

.flip_menu  .flip_tab:hover {
	background-color: #343131;
}

.flip_menu  .flip_board .flip_tab .flip_board {
	position:absolute;
	z-index:1;
	width: auto;
	top:0px;
	margin:0;
	right:0px;
	display:none;
	opacity:0;
	height:0%;
	max-height:0px;
	-moz-transition: all 0.66s ease-in-out;
	-o-transition: all 0.66s ease-in-out;
	-webkit-transition: all 0.66s ease-in-out;
	transition: all 0.66s ease-in-out;
}

.flip_menu  .flip_board .flip_tab:hover .flip_board {
	position:absolute;
	opacity:1;
	max-height:1000px;
	top:40px;
	right:-6px;
	padding:0 20px 0 25px;
	width:auto;
	height:auto;
	display:block;
	-moz-transition: all 0.66s ease-in-out;
	-o-transition: all 0.66s ease-in-out;
	-webkit-transition: all 0.66s ease-in-out;
	transition: all 0.66s ease-in-out;
}

.flip_menu  .flip_board  .flip_board  .flip_tab {
	background-color: #343131;
	width: 100%;
	color: #ff0000;
}
.flip_menu  .flip_board  .flip_board:hover  .flip_tab a {
	color: #fff;
}
.flip_menu  .flip_board  .flip_board:hover  .flip_tab:hover a {
	color: #909090;
}
.flip_menu  .flip_board .flip_tab:hover .flip_board  .flip_tab:before {
	content: "";
	position:absolute;
	top:0;
	right:-14px;
	width:14px;
	height:100%;
	background-color: #909090;
	opacity:0.5;
	-moz-transition: background-color 0.55s ease-in-out;
	-o-transition: background-color 0.55s ease-in-out;
	-webkit-transition: background-color 0.55s ease-in-out;
	transition: background-color 0.55s ease-in-out;
}
.flip_menu  .flip_board .flip_tab:hover .flip_board  .flip_tab:hover:before {
	background-color: rgba(222, 165, 115, 1);
	opacity:1;
	-moz-transition: background-color 0.55s ease-in-out;
	-o-transition: background-color 0.55s ease-in-out;
	-webkit-transition: background-color 0.55s ease-in-out;
	transition: background-color 0.55s ease-in-out;
}
@media (max-width: 691px) {
	.flip_menu {
		position:absolute;
		right:0;
		width: 71px;
	}

	.flip_menu:hover {
		width: 220px;
	}
	.flip_menu .flip_board  {
		-webkit-perspective-origin: 100% 100%;
		-webkit-perspective: -300px;
		perspective: -300px;
	}

	.flip_menu .flip_board {
		width: 100%;

	}
	.flip_menu  .flip_board .flip_tab .flip_board {
		width: 100%;
		top:0px;
		right:10px;
	}
	.flip_menu  .flip_tab {
		opacity: 0;
		transform-origin: right top;
		text-align: right;
		margin-top:-42px;
		padding: 12px 14px 12px 0px;
	}
	.flip_menu  .flip_board .flip_tab .flip_board .flip_tab  {
		padding: 12px 14px 12px 45px;
	}
	.flip_menu .flip_board > .flip_tab:nth-child(1) {
		opacity: 1;
	}
	.flip_menu:before {
		content:"";
		position:absolute;
		width:50px;
		height:41px;
		/*background-color: #0a0a0a;*/
		/* background-image: url('../img/menuButton.svg');*/
		background-size: 25px 25px;
		background-repeat: no-repeat;
		background-position: 0px 0px; 
		left: -50px;
		top:0;
		opacity: 1;
		z-index:1;
		-webkit-transition: opacity 2s;
		transition: opacity 2s;
	}

	.flip_menu:hover:before {
		opacity:0;
		-webkit-transition: opacity 2s;
		transition: opacity 2s;
	}


	.flip_menu  .flip_tab:nth-child(1) {
		margin-top:0px;
		z-index:100;
	}

	.flip_menu:hover .flip_board .flip_tab {
		margin-top:0px;
		opacity: 1;
	}

	.flip_menu  .flip_board .flip_tab:hover .flip_board  .flip_tab:before {
		content: "";
		top:0;
		right:-15px;
		width:15px;
		height:100%;
	}
}

.flip_menu  .flip_board  .flip_board  .flip_tab:hover a {
	color: #0a0a0a;
	-moz-transition: color 0.5s;
	-o-transition: color 0.5s;
	-webkit-transition: color 0.5s;
	transition: color 0.5s;
}

.flip_menu  .rot-5 {
	transform: rotatey(5deg);
	-ms-transform: rotatey(5deg);
	-webkit-transform: rotatey(5deg);
}

.flip_menu  .rot-10 {
	transform: rotatey(10deg);
	-ms-transform: rotatey(10deg);
	-webkit-transform: rotatey(10deg);
}

.flip_menu  .rot-15 {
	transform: rotatey(15deg);
	-ms-transform: rotatey(15deg);
	-webkit-transform: rotatey(15deg);
}

.flip_menu  .rot-20 {
	transform: rotatey(20deg);
	-ms-transform: rotatey(20deg);
	-webkit-transform: rotatey(20deg);
}

.flip_menu  .rot-25 {
	transform: rotatey(25deg);
	-ms-transform: rotatey(25deg);
	-webkit-transform: rotatey(25deg);
}
.flip_menu  .rot-30 {
	transform: rotatey(30deg);
	-ms-transform: rotatey(30deg);
	-webkit-transform: rotatey(30deg);
}

.flip_menu  .rot-35 {
	transform: rotatey(35deg);
	-ms-transform: rotatey(35deg);
	-webkit-transform: rotatey(35deg);
}
.flip_menu  .rot-40 {
	transform: rotatey(40deg);
	-ms-transform: rotatey(40deg);
	-webkit-transform: rotatey(40deg);
}
.flip_menu  .rot-45 {
	transform: rotatey(45deg);
	-ms-transform: rotatey(45deg);
	-webkit-transform: rotatey(45deg);
}
.flip_menu  .rot-50 {
	transform: rotatey(50deg);
	-ms-transform: rotatey(50deg);
	-webkit-transform: rotatey(50deg);
}
.flip_menu  .t-shadow {
	-webkit-box-shadow: inset 0px 3px 10px 0px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: inset 0px 3px 10px 0px rgba(0, 0, 0, 0.07);
	box-shadow: inset 0px 3px 10px 0px rgba(0, 0, 0, 0.07);
}

.flip_menu  .b-shadow {
	-webkit-box-shadow: inset 0px -5px 10px 0px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: inset 0px -5px 10px 0px rgba(0, 0, 0, 0.07);
	box-shadow: inset 0px -5px 10px 0px rgba(0, 0, 0, 0.07);
}

.mainblock {
	animation: introMenuBlock 1.4s;
}
@keyframes introMenuBlock {
	0% {
		opacity:0;
	}
	25% {
		opacity:0.5;
	}
	65% {
		opacity:0.2;
	}
	90% {
		opacity:0.8;
	}
	100% {
		opacity:1;
	}
}
.flex_IndentityMenu {
	position: relative;
	display: flex;
	display: -ms-flexbox;
	flex: auto;
	flex-direction: column;
	height: auto;
	top:0;
	margin:0;
	zoom: 0.65;
	animation: intros 0.35s;
}
.flex_identityMenuSection {
	position:relative;
	color: white;
	height: auto;
	margin:0;
	transition: flex-basis 570ms ease-in-out;
}
.flex_IndentityMenu .flex_identityMenuSection {
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 2s linear;
	transition-duration: 2s linear;
}
.flex_IndentityMenu [role="identity"] {
	flex: 1 0 auto;
	width:auto;
	height:auto;
	outline: 1px solid transparent;
	background-color: rgba(105, 100, 90, 0.85);
	min-height: 210px;
	animation: identityFlipped_Dem 1.35s;
	padding-right:0px;
	transition: padding-right 500ms linear;
}
.flex_IndentityMenu .identity_scrolled {
	background-color: rgba(105, 100, 90, 0.1);
}

.flex_IndentityMenu .identity_flip{
	animation: identityFlipped_dik 1.35s;
	min-height: 275px;
}
.flex_IndentityMenu [role="identity"] .card_back {
	opacity: 0;
	transition: all 300ms ease-in-out;
}

.flex_IndentityMenu [role="identity"] .card_front{
	transition: all 300ms ease-in-out;
	opacity: 1;
}

@keyframes identityFlipped_Dem {
	0% {
		transform:scale(0.25);
		transform: rotateY(-180deg);
	}
	45% {
		transform:scale(0.75);
	}
	65% {
		transform:scale(0.85);
	}
	85% {
		transform:scale(0.95);
	}
	100% {
		transform:scale(1);
	}
}



.flex_IndentityMenu .identity_flip .contactCube .card_front, .flex_IndentityMenu .identity_flip .console-container {
	transition: all 300ms ease-in-out;
	opacity: 0;
}

.flex_IndentityMenu .identity_flip .contactCube .card_back {
	transition: all 300ms ease-in-out;
	opacity: 1;
}
@keyframes identityFlipped_dik {
	0% {
		transform:scale(0.25);
		transform: rotateY(180deg);
	}
	45% {
		transform:scale(0.75);
	}
	65% {
		transform:scale(0.85);
	}
	85% {
		transform:scale(0.95);
	}
	100% {
		transform:scale(1);
	}
}

.flex_IndentityMenu [role="navigationMainMenu"] {
	flex: 1 0 auto;
	flex-basis:40%;
	width:auto;
	height:auto;
	background-color:none;
	z-index:100;
	zoom:1.25;
}

@media (min-width: 691px) {
/*	.flex_IndentityMenu * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; 
		}*/
		.flex_IndentityMenu {
			right:0;
			display: flex;
			flex-direction: row;
			width: auto;
			padding:0px;
			zoom: 1;
			z-index:10 ;
		}
		.flex_identityMenu_Home {
			position: absolute;
		}
		.flex_identityMenu_Regular {
			position: relative;
		}
		.flex_identityMenuSection {
			transition: flex-basis 570ms ease-in-out;
		}
		.flex_IndentityMenu [role="identity"] {
			flex: 1 1 auto;
			width:auto;
			height:auto;
			padding-right: calc(20vw + 175px);
			transition: padding-right 500ms linear;
		}
		.flex_IndentityMenu .identity_flip{
			animation: identityFlipped_dik 1.35s;
			min-height: initial;
		}
		.flex_IndentityMenu [role="navigationMainMenu"] {
			flex: 1 1 auto;
			width:auto;
			height:auto;
			background-color: rgba(105, 100, 90, 0.85);
			zoom:1;
		}
		.flex_IndentityMenu [role="identity"].identityBlockUpdate {
			width:35%;
		}
		.flex_IndentityMenu [role="navigationMainMenu"].navigationBlockUpdate {
			width:65%;
		}

	}

	.contactCube *,
	.contactCube *:before,
	.contactCube *:after {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
	}

	.contactCube {
		position: absolute;
		top:30px;
		left:0px;
		width:100%;
		height: auto;
		perspective: 1000px;
		animation: intros 1.1s;
		zoom:0.4;
	}

	@keyframes intros {
		0% {
			opacity:0;
			transform:scale(1);
		}
		25% {
			opacity:0.1;
			transform:scale(0.75);
		}
		65% {
			transform:scale(0.55);
		}
		90% {
			transform:scale(0.95);
		}
		100% {
			opacity:1;
			transform:scale(1);
		}
	}
	.contactCube .card {
		height: auto;

	}

	.contactCube .card_front {
		display: flex;
		position: absolute;
		width: 100%;
	}

	.contactCube .card_back {
		position: absolute;
		width: 100%;
		display: flex;
	}

	.contactCube .card__content {
		height: 100%;
		width: 100%;
	}

	.contactCube .logo,
	.contactCube .text {
		display:inline-block;
	}

	.contactCube .card_front .logo {
		margin: 40px 40px 0px 70px;
	}
	.contactCube .card_front .logomark {
		top: 25px;
		width:173px;
		transition: all 770ms linear; 
	}
	.contactCube .card_back .logo {
		margin: 20px 0px 0px 70px;
	}
	.contactCube .card_back .logomark {
		width:115px;
	}

	.contactCube .card_front .text {
		width:auto;
		padding: 50px 20px 10px 0px;
	}

	.contactCube .card_front .head {
		width:auto;
		text-align: left;
	}
	.contactCube .card_front .head__name {
		width:auto;
		margin-bottom: 0.75em;
		font-size: calc(60px + 0.5vw );
		font-weight: 700;
		line-height:1.1;
	}
	.contactCube .card_front .head__subtitle {
		opacity: 0.65;
		font-size: 39px;
		letter-spacing: 1px;
	}

	@media (max-width: 570px) {
		.contactCube .card_front .head__name {
			width:auto;
			margin-bottom: 0.5em;
			line-height:1.1;
		}
		.contactCube .card_front .logomark {
			width:180px;
			transition: all 770ms linear;
		}
	}
	.contactCube .contact  {
		position: absolute;
		top:20px;
		left:200px;
		display:inline-block;
		height: auto;
		width: auto;
	}
	.contactCube .contact li {
		list-style: none;
		margin-left:50px;
		margin-bottom:20px;
		color: #fff;
	}
	.contactCube .contact li .turu_toftal {
		margin: -10px 0px 5px 50px;
		color:#fff;
		font-size: 33px;
		font-weight:500;
		transition: all 750ms ease-in-out;
	}
	.contactCube .contact li  i {
		position:absolute;
		margin: 10px 0px 0px 0px;
		padding: 0px;
		color: #fff;
		opacity: 0.35;
		font-size: 33px;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: antialiased;
	}

	.contactCube .contact li a {
		text-decoration: none;
		display: inline-block;
		width:95%;
		max-height: 85px;
		overflow:auto;
		direction: ltr;
		color: white;
		opacity: 0.55;
		font-size: 31px;
		line-height:1.35;
		padding-left: 50px;
		padding-right: 50px;
		height:auto;
		margin:0;
		transition: all 700ms ease-in-out;
	}
	.contactCube .contact li:hover a {
		opacity: 1;
		transition: all 700ms ease-in-out;
	}
	.contactCube .contact li:hover .turu_toftal {
		color:rgba(222, 165, 115, 1);
		font-weight:600;
		transition: all 750ms ease-in-out;
	}

	::-webkit-scrollbar                   { width: 1em; }
	::-webkit-scrollbar-button            { }
	::-webkit-scrollbar-track             { box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.3); background-color: rgba(105, 100, 90, 0.95); }
::-webkit-scrollbar-track-piece       { /* 4 */ }
::-webkit-scrollbar-thumb             { background-color: rgba(222, 165, 115, 1);  }
::-webkit-scrollbar-thumb:window-inactive   { background-color: rgba(105, 100, 90, 0.55); }
::-webkit-scrollbar-corner            { /* 6 */ }
::-webkit-resizer                     { /* 7 */ }
.contactCube .contact li::-webkit-scrollbar                   { width: 1.9em; }
.contactCube .contact li::-webkit-scrollbar-button            { }
.contactCube .contact li::-webkit-scrollbar-track             {  box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.3); background-color: rgba(105, 100, 90, 0.95); }
.contactCube .contact li::-webkit-scrollbar-track-piece       { /* 4 */ }
.contactCube .contact li::-webkit-scrollbar-thumb             { background-color: rgba(222, 165, 115, 1); height: 3px; }
.contactCube .contact li::-webkit-scrollbar-thumb:window-inactive   { background-color: rgba(105, 100, 90, 0.55); }
.contactCube .contact li::-webkit-scrollbar-corner            {  }
.contactCube .contact li::-webkit-resizer                     { /* 7 */ }

.contactCube .contact li:nth-child(1) > a {
}
.contactCube .contact li:nth-child(2) > a {
}
.contactCube .contact li:nth-child(3) > a {
}
.contactCube .contact li:nth-child(4) > a {
}

.console-container {
	position:absolute;
	text-align:left;
	height:auto;
	width:auto;
	display:block;
	bottom:20px;
	left:0;
	margin: 0 20px 0 30px;
	padding: 0;
}
.console-container span {
	font-size:17px;
	letter-spacing: 0.5px;
	line-height:0.5 !important;
	font-weight:500;
	color:#fff !important;
}
.console-container span span {
	font-weight:700;
	color:rgba(222, 165, 115, 1) !important;
}

.console-container .hidden {
	opacity:0;
}
.console-container .console-underscore {
	display:inline-block;
	position:relative;
	top:-0.14em;
	left:10px;
}


.mapBlock {
	width: 100%;
	height: auto;
}

.mapBlock #map {
	height: 100%;
	min-height:500px
}

.mapBlock #active {
	background-color: #333;
	display: block;
	margin-bottom: -5px;
	height: 5px;
	width: calc(25% - 1px);
	position: relative;
	z-index: 999;
}

.mapBlock .nav {
	display: table;
	height: auto;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	background: #909090;
}
.mapBlock .nav li {
	border-right: 1px solid #fff;
	padding: 5px 5px 5px 15px;
	background: #909090;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	width:25%;
	height:auto;
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

.mapBlock .nav li:last-child {
	border-right: none;
}

.buttonCTA {
	display: inline-block;
	margin: 20px 0 0 0;
	width: 100%;
	height: auto;
}

.buttonCTA .action-button {
	position: relative;
	display:inline-block;
	width: auto;
	height: auto;
	padding: 6px 10px 4px 10px;
	margin: 0px 7px 7px 0px;
	float: left;
	border-radius: 5px;
	font-size: 15px;
	font-weight: 500;
	letter-spacing:1px;
	color: #FFF;
	text-decoration: none; 
	border-bottom-width: 4px;
	border-bottom-style: solid;
}
@media screen and (max-width: 550px) {
	.buttonCTA .action-button {
		padding: 5px 7px 3px 7px;
		margin: 0px 7px 7px 0px;
		border-radius: 3px;
		font-size: 10px;
		border-bottom-width: 3px;
	}
}

.buttonCTA a:nth-child(1) {

}

.buttonCTA a:nth-child(2) {

}

.buttonCTA a:nth-child(3) {

}

.buttonCTA a:nth-child(4) {

}

.buttonCTA  .action-button:active{
/*	transform: translate(0px,5px);
	-webkit-transform: translate(0px,5px);
	border-bottom: 1px solid;*/
}
.buttonCTA  .action-button:hover{
	background-color: #909090;
/*  border-bottom-color: #656464;
text-shadow: 0px -1px #272626;*/
}
.servicesList_Promo_Block {
	position: relative;
	display: inline-block;
	color: #0a0a0a ;
	width: 100%;
	padding: 0px;
	margin: 0;
	zoom:0.9;
}

.servicesList_Promo_Block.promo {
	zoom: 0.55;
}

.servicesList_Promo_Block.promo .headlinesList h1{
	zoom: 0.90;
}
.servicesList_Promo_Block.promo .headlinesList p{
	zoom: 1.29;
}
.servicesList_Promo_Block.promo .headlinesList .buttonCTA {
	zoom: 1.45;
}
.servicesList_Promo_Block.promo .servicesList  h1 {
	zoom: 1.25;
}

.servicesList_Promo_Block.promo .servicesList  p {
	zoom: 1.17;
}



.servicesList_Promo_Block .headlinesList, .servicesList_Promo_Block .servicesList {
	position:relative;
	width: 100%;
	height: auto;
}

.servicesList_Promo_Block .headlinesList .openingHeadlines {
	width: 96%;
	height:auto;
}


.servicesList_Promo_Block .headlinesList .openingHeadlines {
	padding: 10px 0px 10px 30px;
}


.servicesList_Promo_Block .servicesList .services {
	padding: 0;
	margin:0;
	width: 95%;
	height:auto;
}

.servicesList_Promo_Block  span {
	font-size: 1.1em;
	letter-spacing: 1px;
	color: #0a0a0a;
	vertical-align: middle;
}


.servicesList_Promo_Block .item {
	display:inline-block;
	position: relative;
	float: left;
	height: 170px;
	border: 1px solid #fff;
	padding:0 ;
	background-size: cover;
	border-radius: 7px;
	box-sizing: border-box;
	overflow:hidden;
	-webkit-animation: natal_jfl_serviceItem 3s ease-in-out 1;
	-moz-animation:    natal_jfl_serviceItem  3s ease-in-out 1;
	animation:         natal_jfl_serviceItem  3s ease-in-out 1;
}

@-webkit-keyframes natal_jfl_serviceItem {
	0%   { 
		opacity: 0; 
		background-position: 100% 150%;    	
	}
	100% { 
		opacity:1;
		background-position: auto;	
	}
}
@-moz-keyframes natal_jfl_serviceItem  {
	0%   { 
		opacity: 0; 
		background-position: 100% 150%;    	
	}
	100% { 
		opacity:1;
		background-position: auto;	
	}
}
@keyframes natal_jfl_serviceItem  {
	0%   { 
		opacity: 0; 
		background-position: 100% 150%;    	
	}
	100% { 
		opacity:1;
		background-position: auto;	
	}
}


.servicesList_Promo_Block .item:hover, .servicesList_Promo_Block .item .inset:hover  {
	cursor: pointer;
}

.servicesList_Promo_Block .item.i1 {
	background-image: url('../img/service1.jpg');
	background-position: 50% 50%;    	
	width: 32%;
}
.servicesList_Promo_Block .item.i2 {
	background-image: url('../img/service2.jpg');
	background-position: 50% 50%;    	
	width: 32%;
}
.servicesList_Promo_Block .inset_chromabalance_1 {
	width: 32%;
}
.servicesList_Promo_Block .item.i3 {
	background-image: url('../img/service3.jpg');
	background-position: 50% 50%;    	
	width: 32%;
}

.servicesList_Promo_Block .item.i4 {
	background-image: url('../img/service4.jpg');
	background-position: 50% -100%;    	
	width: 32%;
}
.servicesList_Promo_Block .item.i5 {
	background-image: url('../img/service5.jpg');
	background-position: 50% 20%;    	
	width: 32%;
}
.servicesList_Promo_Block .inset_chromabalance_2 {
	width: 32%;
}
.servicesList_Promo_Block .item.i6 {
	background-image: url('../img/service6.jpg');
	background-position: 50% 50%;    	
	width: 32%;
}
.servicesList_Promo_Block .item.i7 {
	background-image: url('../img/service7.jpg');
	background-position: 50% 50%;    	
	width: 32%;
}

.servicesList_Promo_Block .item .inset {
	text-align:left;
	position: absolute;
	width:100%;
	height:100%;
	margin:0;
	padding: 18px 15px 18px 20px;
	font-family: sans-serif;
	font-smoothing: antialiased;
	border-radius: 7px;
	background-color: rgba(105, 100, 90, 0.75);
	background: -webkit-linear-gradient( 66deg, rgba(105, 100, 90, 0.86) 0%, rgba(105, 100, 90, 0.25) 66% , rgba(105, 100, 90, 0.1));
	background: -o-linear-gradient(66deg, rgba(105, 100, 90, 0.86) 0%, rgba(105, 100, 90, 0.25) 66% , rgba(105, 100, 90, 0.1));
	background: -moz-linear-gradient(66deg, rgba(105, 100, 90, 0.86) 0%, rgba(105, 100, 90, 0.25) 66% , rgba(105, 100, 90, 0.1));
	background: linear-gradient(66deg, rgba(105, 100, 90, 0.86) 0%, rgba(105, 100, 90, 0.25) 66% , rgba(105, 100, 90, 0.1));
}

.servicesList_Promo_Block .item .inset h1 {
	font-size: calc(17px + 0.3vw);
	line-height:1.1;
	letter-spacing:1px;
	font-weight: 600;
	color: #fff;
}
.servicesList_Promo_Block .item .inset p {
	margin-top: 5px;
	font-size: calc(14px + 0.2vw);
	font-weight: 500;
	letter-spacing:0.5px;
	line-height:1.2;
	color: #fff;
}

.servicesList_Promo_Block .inset_chromabalance {
	display:inline-block;
	position: relative;
	float: left;
	height: 170px;
	border: 1px solid #fff;
	padding:0 ;
	background-size: cover;
	border-radius: 7px;
	box-sizing: border-box;
	overflow:hidden;
}
.servicesList_Promo_Block .inset_chromabalance.inset_chromabalance_1  {
	background: rgba(105, 100, 90, 0.85);
	padding: 18px 15px 18px 20px;
	text-align:left;
	-webkit-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
}

.servicesList_Promo_Block .inset_chromabalance.inset_chromabalance_1:hover  {
	background: rgba(222, 165, 115, 1);
	-webkit-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
}

.servicesList_Promo_Block .inset_chromabalance.inset_chromabalance_1 h1 {
	font-size: calc(17px + 0.3vw);
	line-height:1.1;
	letter-spacing:0.7px;
	font-weight: 600;
	color: #fff;

}
.servicesList_Promo_Block .inset_chromabalance.inset_chromabalance_1 p {
	margin-top: 5px;
	font-size: calc(14px + 0.2vw);
	font-weight: 500;
	letter-spacing:0.5px;
	line-height:1.2;
	color: #fff;
	opacity:0.5;
}

.servicesList_Promo_Block .inset_chromabalance.inset_chromabalance_2  {
	background: rgba(105, 100, 90, 0.85);
	padding: 18px 15px 18px 20px;
	text-align:left;
	-webkit-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
}

.servicesList_Promo_Block .inset_chromabalance.inset_chromabalance_2:hover  {
	background: rgba(222, 165, 115, 1);
	-webkit-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
}

.servicesList_Promo_Block .inset_chromabalance.inset_chromabalance_2 h1 {
	font-size: calc(17px + 0.3vw);
	line-height:1.1;
	letter-spacing:0.7px;
	font-weight: 600;
	color: #fff;

}
.servicesList_Promo_Block .inset_chromabalance.inset_chromabalance_2 p {
	margin-top: 5px;
	font-size: calc(14px + 0.2vw);
	font-weight: 500;
	letter-spacing:0.5px;
	line-height:1.2;
	color: #fff;
	opacity:0.5;
}


.servicesList_Promo_Block .openingHeadlines h1 {
	font-size: calc(22px + 1vw);
	letter-spacing: 1px;
	line-height: 1.3;
	display: block;
	text-align:left;
	font-weight:900;
	margin-top:10px;
	padding: 10px 10px 0px 0px;
}

.servicesList_Promo_Block .openingHeadlines p {
	display: block;
	font-size: calc(11px + 0.45vw);
    letter-spacing: 1px;
	margin-top: calc(5px + 0.5vw);
	margin-bottom: calc(5px + 0.5vw);
	margin-right: 6.6%;
	text-align: left;
	line-height: 1.5;
	-webkit-column-count: 3; 
	-moz-column-count: 3; 
	column-count: 3;
	-webkit-column-gap: 50px; 
	-moz-column-gap: 50px; 
	column-gap: 50px;
	-webkit-column-rule-style: dotted;
	-moz-column-rule-style: dotted; 
	column-rule-style: dotted;
	-webkit-column-rule-width: 1px;
	-moz-column-rule-width: 1px;
	column-rule-width: 1px;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.servicesList_Promo_Block .openingHeadlines p.columnCorrection {
	width:80%;
	-webkit-column-count: 1; 
	-moz-column-count: 1; 
	column-count: 1;
	-webkit-column-gap: 0px; 
	-moz-column-gap: 0px; 
	column-gap: 0px;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}


@media screen and (min-width: 650px) and (max-width: 1250px) {
	.servicesList_Promo_Block .openingHeadlines p {
		margin-right: 30px;
		font-size: calc(11px + 0.65vw);
		-webkit-column-count: 2; 
		-moz-column-count: 2; 
		column-count: 2;
		-webkit-column-gap: 25px; 
		-moz-column-gap: 25px; 
		column-gap: 25px;
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}
}

@media screen and (max-width: 650px) {
	.servicesList_Promo_Block .item,
	.servicesList_Promo_Block .inset_chromabalance_1,
	.servicesList_Promo_Block .inset_chromabalance_2 {
		height: 110px;
	}
	.servicesList_Promo_Block .item.i1, 
	.servicesList_Promo_Block .item.i2, 
	.servicesList_Promo_Block .item.i3, 
	.servicesList_Promo_Block .item.i4, 
	.servicesList_Promo_Block .item.i5, 
	.servicesList_Promo_Block .item.i6, 
	.servicesList_Promo_Block .item.i7, 
	.servicesList_Promo_Block .inset_chromabalance_1,
	.servicesList_Promo_Block .inset_chromabalance_2 {
		width: 50%;
		zoom:0.95;
	}

	.servicesList_Promo_Block .openingHeadlines h1 {
		width: calc(100% + 50px) ;
	}
	.servicesList_Promo_Block .openingHeadlines p {
		margin-right: 20px;
		font-size: calc(10px + 1.55vw);
		-webkit-column-count: 1; 
		-moz-column-count: 1; 
		column-count: 1;
		-webkit-column-gap: 0px; 
		-moz-column-gap: 0px; 
		column-gap: 0px;
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}
}

.container-fluid {
	position: relative;
}


.info_directions {
	position: absolute;
      z-index:2;
	left: 80px;
	bottom: 50px;
	overflow:hidden;
	width: 170px;
	height: 80px;
	margin: 0;
	padding: 0;
	border: 1px solid #fff;
	border-radius: 12px;
	-webkit-perspective: 1400px;
	perspective: 1400px;
	zoom:0.45;

}

/*.info_directions ~ .show {
  position: absolute;
  z-index:1;
    left: 80px;
    bottom: 50px;
    width: 170px;
    height: 80px;
    margin: 0;
    padding: 0;
    border-radius: 12px;
    -webkit-perspective: 1400px;
    perspective: 1400px;
    zoom:0.45;
}

*/

.info_directions .mediaBlock {
	position:absolute;
	padding: 0px;
	width:30%;
	height:100%;
	-webkit-transform-origin: 0% 50% 60px;
	transform-origin: 0% 50% 60px;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 0.37s cubic-bezier(0.42, 1.84, 0.46, 0.68);
	transition: all 0.37s cubic-bezier(0.42, 1.84, 0.46, 0.68);
	display: block;
	list-style-type: disc;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-start: 0;

}




.info_directions .socialMedia {
	position:absolute;
	top:0;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	margin-left:0.65em;
	padding: 0.55em 0;
	width: auto;
	height: 100%;
	-webkit-transform-origin: 40px 40px 60px;
	transform-origin: 40px 40px 60px;
	-webkit-backface-visibility: hidden; 
	backface-visibility: hidden;
}


.info_directions .socialMedia a {
	color: #fff;
}

.info_directions .socialMedia a:hover {
	color: rgba(222, 165, 115, 1);
}


.info_directions .switchCorporateInfos { 
	position:absolute;
	margin:0;
	padding: 0;
	top: 0%;
	right:0%;
	width :70%;
	height: 100%;
}
.info_directions .switchCorporateInfos .fa{ 
	position: absolute;
	transform-style: preserve-3d;
	right: 0.75em;
	padding: 0.25em 0;
	width: auto;
	height: 100%;
	font-size: 3.1em;
	color: #8a8477;
   /* animation: directionLocation 2s infinite linear ;*/
	-webkit-transform: rotateX(-10deg) rotateY(10deg) rotateZ(25deg);
	-moz-transform: rotateX(-10deg) rotateY(10deg) rotateZ(25deg);
	-ms-transform: rotateX(-10deg) rotateY(10deg) rotateZ(25deg);
	transform: rotateX(-10deg) rotateY(10deg) rotateZ(25deg);
	-webkit-transition: all 2s cubic-bezier(0.42, 1.84, 0.46, 0.68);
	transition: all  2s cubic-bezier(0.42, 1.84, 0.46, 0.68);
}

/*@keyframes directionLocation {
  0% { 
  opacity: 1;
  color: #fff;
  }
  35% { 
  opacity: 0.95;
  color: #69645a;
  }
   85% { 
  opacity: 0.25;
  color: #fff;
  }
  100% { 
  opacity: 1;
  color: #69645a;
  }
}
*/

.info_directions:hover .switchCorporateInfos .fa { 
	right: 0.85em;
	color: #fff;
		-webkit-transform: rotateX(-10deg) rotateY(5deg) rotateZ(10deg);
	-moz-transform: rotateX(-10deg) rotateY(5deg) rotateZ(10deg);
	-ms-transform: rotateX(-10deg) rotateY(5deg) rotateZ(10deg);
	transform: rotateX(-10deg) rotateY(5deg) rotateZ(10deg);
	 -webkit-transition: all 2s cubic-bezier(0.42, 1.84, 0.46, 0.68);
	transition: all  2s cubic-bezier(0.42, 1.84, 0.46, 0.68);
}


[id='3D_logomark']  {
  position:absolute;
  width:200px;
  height:200px;
  ;  top: 0px;  left: 150px;  -webkit-perspective: 1000px;
   perspective: 1000px; 
}
[id='3D_logomark'] #cube {
  display: block;  position: relative;  margin: 30px auto;
  height: 100%;  width: 100%;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
  transform-style: preserve-3d;
  transform: rotateX(0) rotateY(0) rotateZ(0);

}
[id='3D_logomark'] #front {
  position: absolute;  height: auto;  width: 100%;
  -webkit-backface-visibility: visible;
  -webkit-transform:  translateZ(50px);
  backface-visibility: visible;
  transform:  translateZ(50px);
}
[id='3D_logomark'] #back {
  position: absolute;  height: auto;  width: 100%;
  -webkit-backface-visibility: hidden;
  -webkit-transform:  rotateY(5deg) translateY(-5px);
  backface-visibility: hidden;
  transform: rotateY(5deg) translateY(-5px);
}
[id='3D_logomark'] #cube {
  -webkit-animation: upyourscache1478095705401 5s infinite linear;
  animation: upyourscache1478095705401 5s infinite linear;

}
@-webkit-keyframes upyourscache1478095705401 {
  0% { -webkit-transform: rotateX(0) rotateY(0) rotateZ(0) ;}
  100% { -webkit-transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg) ;}
}
@keyframes upyourscache1478095705401 {
  0% { transform: rotateX(0) rotateY(0) rotateZ(0) ;}
  100% { transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg) ;}
}
