@import url('https://fonts.googleapis.com/css?family=Montserrat');

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400');

body {

	font-family: 'Montserrat', sans-serif;

	/*overflow: hidden;*/

	background: #21272e;

}
.err_page {
	min-height: 300px;
    text-align: center;
}
.err_page h2 {
	color: #fff;
	padding-top: 160px;
}
h1 > strong,

h1 > b,

h1 {

	font-weight: 400;

	color: #fff;

	line-height: 130%;

}

h1 > strong,

h1 > b {

	color: #27c79a;

}

.i_link {

	cursor: pointer;

}

.slide {

	text-align: center;

}

.slide h1 {

	font-weight: 400;

	font-size: 42px;

	text-align: center;

	position: relative;

	margin-left: auto;

	margin-right: auto;

}

.video_play:focus,
.video_play:active,
.video_play:hover {
	text-decoration: none;
	color: #fff;
}
#fancybox-overlay {
  background: #000!important;
  opacity: 0.8!important;
}
.fancybox-bg {
	display: none;
}
#fancybox-outer,
#fancybox-frame body,
#fancybox-frame {
	background: transparent!important;
}
#fancybox-frame {
	display: block!important;
}
.video_play {
	display: block;
	
	cursor: pointer;

	margin-top: 30px;

	border: 2px solid rgba(255,255,255,0.3);

    padding: 20px 24px;

    padding-left: 47px;

    text-align: center;

    display: inline-block;

    line-height: 14px;

    color: #fff;

    font-size: 14px;

    background: url('../images/play_icon.png') 20px center no-repeat;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

}

p.clear {

	margin: 0px!important;

	clear: both;

}

#content {

	padding: 0px;

}

#header_c {

	position: fixed;

	top: 0px;

	left: 0px;

	width: 100%;

	z-index: 100;

	-webkit-transition: background .15s ease-in-out;

    -o-transition: background .15s ease-in-out;

    transition: background .15s ease-in-out;

}

#header {

	width: 75%;

	max-width: 1400px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	padding-top: 50px;

}

#header_c.scrolled {

	background-color: rgba(33, 39, 46, 0.9);

	/*-webkit-filter: blur(5px);

	-moz-filter: blur(5px);

	-o-filter: blur(5px);

	-ms-filter: blur(5px);

	filter: blur(5px);*/

}

#header_c.scrolled #header {

	padding-top: 10px;

}

.footer_bottom #mainLogo {

	background-image: url('../images/logo_f.png');

	width: 103px;

	height: 92px;

}

#mainLogo {

	background: url('../images/logo.png') 0 0 no-repeat;

	width: 210px;

	height: 40px;

	display: inline-block;

}

#header_c.scrolled #mainLogo { 

	background-image: url('../images/logo.png');

}

.fit_screen {

	width: 100%;

	position: relative;

	min-height: 550px;

}

.fit_screen.slider {

	margin-top: 0px;

}

#row3 .fit_screen {

	min-height: 460px;

}

.slider_i {

	

	width: 100%;

	height: 100%;

	background-size: 45%;

}

.slider {

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8c56da+0,6d6dd8+50,6d6dd8+50,6a93ed+100 */

	background: #8c56da; /* Old browsers */

	background: -moz-linear-gradient(45deg,  #4c376f 0%, #32446a 100%); /* FF3.6-15 */

	background: -webkit-linear-gradient(45deg,  #4c376f 0%,#32446a 100%); /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(45deg,  #4c376f 0%,#32446a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	margin-bottom: 70px;

	background: url('../images/top.jpg') center center no-repeat;

	background-size: cover;

}

.first-section-mask {

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.3);

}

.slider_control {

	margin-top: 90px;

	position: relative;

	text-align: center;

}

.slider_ii {

	display: table-cell;

	vertical-align: middle;

	position: relative;

}

.slider_i {

	display: table;

	width: 100%;

	height: 100%;

}

.slider_p {

	padding: 0px 100px;

}

.slider_c {

	max-width: 1400px;

	width: 85%;

	height: 100%;

	position: relative;

	margin-left: auto;

	margin-right: auto;

}

.slide.visible,

.slide.selected {

	display: block;

}

.slide {

	display: none;

}

.slider_control > span.selected {

	border: 2px solid #1c1e23;

	background-color: #1c1e23;

	cursor: default;

}

.slider_control > span {

	width: 8px;

	height: 8px;

	border: 2px solid #d2d2d3;

	display: inline-block;

	margin: 5px;

	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;

	cursor: pointer;

}

.fsellist {

	position: relative;

	width: 100%;

	max-width: 1170px;

	font-size: 0px;

	margin-bottom: 105px;

	text-align: center!important;

}

.fsel {

	display: inline-block;

	width: 50%;

	height: 392px;

	position: relative;

	vertical-align: top;

	background-position: center center;

    background-repeat: no-repeat;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

	box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    border: 1px solid #21272e;

}

#menu {

	float: right;

}

#menu a {

	color: #fff;

	text-transform: uppercase;

	margin-left: 30px;

	line-height: 25px;

	display: inline-block;

	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;

}

#menu span > a {

	margin-left: 20px;

}

#menu > a:last-of-type {

	border: 2px solid rgba(255,255,255,0.3);

	padding: 0px 15px;

}

#header_c.scrolled #langBox,
#header_c.scrolled #menu { 

	margin-top: 8px;

}

/*#header_c.scrolled #menu a { 

	color: #37383c;

}

#header_c.scrolled #menu a:last-of-type {

	border-color: #3b55e6;

	background-color: #3b55e6;

	color: #fff;

}*/



.slider .circle_c > a:active,

.slider .circle_c > a:focus,

.slider .circle_c > a:hover {

	text-decoration: none;

}

.slider .circle_c > a {

	margin-bottom: 0px;

	font-weight: 700;

	font-size: 14px;

	display: block;

	color: #fff;

	cursor: pointer;
	
	line-height: 110%;
	
	padding: 10px 0px;

}

.slider .circle_c {

	display: table-cell;

	vertical-align: middle;

	text-align: center;

	color: #fff;

	text-transform: uppercase;

}

.slider .circle_i {

	display: table;

	width: 100%;

	height: 100%;

}

.slider .circle {

	width: 40px;

	height: 160px;

	margin: 0px;

}

.slider .circle_e {

	overflow: auto;

	background: #00e2aa url('../images/q_arr.png') center bottom 10px no-repeat;

	position: fixed;

	top: 50%;

	right: 0;

	margin-top: -70px;

	writing-mode: vertical-rl;

	-webkit-writing-mode: vertical-rl;

	z-index: 200;

}

ul {

	list-style-image: url('../images/listyle.png');

}

.third-section-e {

	/*overflow: auto;*/

	background: #fff;

}

.third-section > div:first-of-type,

.first-section > div:first-of-type {

	text-align: right;

}

.third-section > div li > span,

.first-section > div li > span {

	vertical-align: top;

}

.third-section > div .fscontent,

.first-section > div .fscontent {

	max-width: 500px;

}

.third-section > div li,

.first-section > div li {

	line-height: 20px;

	vertical-align: text-top;

	margin-bottom: 16px;

	font-size: 14px;

	color: #96989e;

}

.third-section > div h3 {

	max-width: 190px;

}

.sep_sy {

	width: 105px;

	height: 2px;

	background-color: #37383c;

}

.third-section > div h3,

.first-section > div h2 {

	margin: 30px 0;

	line-height: 110%;

}

.testimonials .slide > div:first-of-type {

	margin-right: 2%;

}

.testimonials .slide > div:last-of-type {

	margin-left: 2%;

	text-align: left;

}

.testimonials .slide > div > div > .imgSC > .imgSCMask {

	background: url('../images/img-mask.png') center center no-repeat;

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

}

.sumC > span {

	color: #232323;

	font-size: 24px;

	margin-top: 8px;

	margin-bottom: 5px;

	display: block;

}

.sumC {

	margin-top: 27px;

	font-size: 16px;

}

.testimonials .slide > div > div > .imgSC {

	float: left;

	margin-right: 20px;

	position: relative;

}

.testimonials .slide > div > div > span {

	display: block;

}

.testimonials .slide > div {

	width: 48%;

	display: inline-block;

	vertical-align: top;

}

.third-section > .testimonials  {

	margin-top: 10px;

	margin-bottom: 95px;

	max-width: 960px;

	width: 100%;

	position: relative;

	margin-left: auto;

	margin-right: auto;

}

.third-section > div,

.first-section > div {

	display: inline-block;

	vertical-align: top;

}

.partners > * {

	vertical-align: middle;

	margin: 3% 1%;

	display: inline-block;

}

.partners {

	text-align: center;

}

.testimonials > div > span {

	display: inline-block;

}

#contact-section #formContainer {

	text-align: left;

}

.second-section,

.first-section {

	text-align: center;

	position: relative;

}

.second-section p,

.faq p,

.first-section p,

#contact-section p {

	margin-bottom: 50px;

	color: #898989;

	font-size: 16px;

}

.third-section p{
	margin-bottom: 50px;

	color: black;

	font-size: 16px;
}

.second-section h2,

.third-section h2,

.faq h2,

.first-section h2,

#contact-section h2 {

	padding-top: 105px;

	margin-top: 0px;

	margin-bottom: 20px;

	color: #fff;

	font-size: 42px;

	font-weight: 400;

}

.third-section .testimonials p {

	font-size: 24px;

	margin-bottom: 20px;

	line-height: 120%;

	font-family: 'Roboto', sans-serif;

	font-weight: 100;

	font-style: italic;

}

.faq {

	background-color: #f4f8fb;

}

.third-section {

	text-align: center;

	position: relative;

}

.third-section h2,

.faq h2 {

	color: #232323;

}

#contact-section {

	background-color: #21272e;

	text-align: center;

	overflow: auto;

	position: relative;

}

#formContainer {

	max-width: 770px;

	width: 90%;

	position: relative;

	margin-left: auto;

	margin-right: auto;

}

#contactForm {

	width: 100%;

	font-size: 0px;

	margin-bottom: 53px;

}

.twoonrow > span {

	width: 47.5%;

	display: block;

	margin-bottom: 30px;

	float: left;

}

#contactForm textarea {

	font-size: 14px;

	width: 100%;

	height: 120px;

	text-indent: 20px;

	color: #7d7d7d;

	outline: none;

	padding-top: 10px;

	-webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    resize: none;

}

#contactForm input {

	font-size: 14px;

	width: 100%;

	height: 42px;

	border: none;

	outline: none;

	text-indent: 20px;

	color: #fff;

	background-color: #21272e;

	border: 2px solid #4b4f54;

	-webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

}

#contactForm .select_row {

	margin-bottom: 30px;

}

#contactForm .select_row select:last-of-type {

	margin-top: 20px;

}

#contactForm .select_row select optgroup {

	font-weight: 700;

}

#contactForm .select_row select optgroup,

#contactForm .select_row select option {

	color: #000;

}

#contactForm .select_row select {

	font-size: 16px;

	width: 100%;

	/*padding-right: 2%;*/

	height: 42px;

	border: none;

	outline: none;

	color: #fff;

	border: 1px solid #495279;

	background: none;

	-webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

}

#contactForm .select_row label {

	font-size: 16px;

	color: #a1a6bb;

	text-transform: uppercase;

	margin-left: 13px;

}

.twoonrow > span:first-of-type {

	margin-right: 2.5%;

}

.twoonrow > span:last-of-type {

	margin-left: 2.5%;

}

#contactForm label span {

	text-transform: lowercase;

	color: #fff;

}

#contactForm label {

	font-size: 12px;

	color: #898989;

	text-transform: uppercase;

	margin-left: 13px;

}

#contactForm button {

	background-color: #3b55e6;

	color: #fff;

	text-transform: uppercase;

	outline: none;

	border: none;

	line-height: 42px;

	margin-top: 30px;

	margin-left: auto;

	margin-right: auto;

	display: block;

	padding: 0px 49px;

	font-size: 11px;

	-webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

}

.fsel-mask {

	width: 100%;

	height: 100%;

	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,.7) 100%);

	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,.7) 100%);

	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,.7) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );

}

.fsel-i {

	display: table-cell;

	vertical-align: bottom;

}

.fsel-e {

	display: table;

	width: 100%;

	height: 100%;

	

}

.fsel-c h3 {

	color: #fff;

	font-size: 32px;

}

.fsdetails_i h2 {

	padding-top: 0px;

	margin-top: 0px;

}

.fsdetails_i {

	padding: 30px 100px;

	text-align: left;

}

.fsdetails p {

	color: white;

	line-height: 140%;

}

.fsdetails h2 {

	color: white;

}

.fsdetails {

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	background: #0E1116;

	display: none;

	overflow: auto;

}

.fsd_close {

	position: absolute;

	top: 10px;

	right: 10px;

	background: url('../images/close.png') center center no-repeat;

	width: 40px;

	height: 40px;

	cursor: pointer;

}

.fsel-c span {

	font-size: 14px;

	color: #fff;

	text-transform: uppercase;

	padding-right: 30px;

	background: url('../images/fselbt.png') center right no-repeat;  

	display: inline-block;

	margin-top: 20px;

	display: none;

	cursor: pointer;

}

.fsel-c p {

	margin-bottom: 0px;

	font-size: 18px;

	line-height: 120%;

	font-family: 'Roboto', sans-serif;

	font-weight: 100;

	color: #fff;

	display: none;

}

.fsel:hover span,

.fsel:hover p {

	display: inline-block;

}

.fsel-c {

	text-align: left;

	margin-bottom: 35px;

	margin-left: 50px;

	margin-right: 50px;

}

.faq {

	position: relative;

	text-align: center;

}

.first-section .next_s_bt,

.faq .next_s_bt {

	bottom: -40px;

	right: 50%;

	margin-right: -1px;

	position: absolute;

	z-index: 10;

	background: #fff;

	width: 2px;

	height: 80px;

}

.next_s_bt {

	width: 80px;

	height: 70px;

	background: #1fdcca url('../images/arrow-down-sign-to-navigate.png') center 20px no-repeat;

	display: block;

	float: right;

	margin-right: 30px;

	-webkit-border-top-left-radius: 50px;

	-webkit-border-top-right-radius: 50px;

	-moz-border-radius-topleft: 50px;

	-moz-border-radius-topright: 50px;

	border-top-left-radius: 50px;

	border-top-right-radius: 50px;

	cursor: pointer;

}

.faq_content {

	position: absolute;

	left: -5%;

	top: -5%;

	width: 110%;

	height: 110%;

}

.faq_ci {

	position: relative;

	max-width: 870px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

}

.nav_c > div {

	font-size: 32px;

	font-weight: 700;

	padding-bottom: 10px;

	margin-bottom: 30px;

	border-bottom: 1px solid #00e2aa;

	line-height: 110%;

	color: #232323;

}

.nav_c > p {

	font-size: 16px;

	color: #898989;

}

.nav_c {

	margin: 0px 1.5%;

	width: 30%;

	text-align: left;

	color: #fff;

	display: inline-block;

	vertical-align: top;

}

#faq_progress_bg {

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0px;

	top: 0px;

	z-index: 3;

	overflow: hidden;

}

.nav_bg.selected {

	display: block;

	z-index: 7;

}

.nav_bg {

	position: absolute;

	top: 1500px;

	left: 0px;

	width: 100%;

	height: 100%;

	z-index: 8;

	width: 100%;

	background-position: center center;

    background-repeat: no-repeat;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}

.nav_bg_ov {

	display: none;

	position: absolute;

	left: 0px;

	top: 0px;

	background-color: rgba(0,0,0,0.5);

	width: 100%;

	height: 100%;

	z-index: 10;

}

.insideCircle {

	display: none;

	width: 80px;

	height: 80px;

	position: absolute;

	-webkit-border-radius: 50px;

	-moz-border-radius: 50px;

	border-radius: 50px;

}

.selected .insideCircle {

	display: block;

}

.nav_el_1 .insideCircle {

	background: #ffe400 url('../images/s1_icon.png') center center no-repeat;

	top: -105px;

	left: -33px;

}

.nav_el_2 .insideCircle {

	background: #8bff35 url('../images/s2_icon.png') center center no-repeat;;

	top: -60px;

    right: -105px;

}

.nav_el_3 .insideCircle {

	background: #00e4ff url('../images/s3_icon.png') center center no-repeat;

	bottom: -105px;

    right: -85px;

}

.nav_el_4 .insideCircle {

	background: #e386f7 url('../images/s4_icon.png') center center no-repeat;

	bottom: -105px;

    left: -85px;

}

.nav_el_5 .insideCircle {

	background: #ff8b35 url('../images/s5_icon.png') center center no-repeat;

	top: -60px;

    left: -105px;

}

a.scrollD:hover,

a.scrollD:active,

a.scrollD:focus {

	text-decoration: none!important;

	color: #fff;

}

.scrollD {

	position: relative;

	margin-left: auto;

	margin-right: auto;

	text-align: center;

	cursor: pointer;

	display: block;

	text-align: center;

	color: #fff;

	text-transform: uppercase;

}

.scrollD:after {

	margin-top: 10px;

	content: "";

	width: 2px;

	height: 80px;

	background-color: #fff;

	display: block;

	position: relative;

	margin-left: auto;

	margin-right: auto;

}	

.scrollDC {

	position: absolute;

	bottom: -40px;

	left: 0px;

	width: 100%;

}

#faq_progress_ee {

	margin-bottom: 140px;

}

#faq_progress_ee {

	height: 100%;

	width: 100%;

	display: inline-block;

}

#faq_progress_c {

	top: 60px;

    position: relative;

}

.mver {

	display: none;

}

.dver {

	display: block;

}

#footerContainer {

	background-color: #21272e;

	padding-top: 22px;

	padding-bottom: 20px;

	margin-top: 27px;

}

.footer_bottom > span > a {

	margin-left: 30px;

}

.footer_bottom > span {

	float: right;

	line-height: 46px;

	display: inline-block;

	margin-top: 25px;

}

.footer_bottom  * {

	vertical-align: middle;

}

.footer_bottom > a {

	color: #fff;

	display: inline-block;

	font-size: 11px;

	text-transform: uppercase;

	font-weight: 400;

	margin-right: 30px;

}

.footer_bottom {

    width: 75%;

    max-width: 1400px;

    position: relative;

    margin-left: auto;

    margin-right: auto;

}

.keyf_e_bg {

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 125px;

	background-color: #4687ff;

	z-index: 5;

	margin-top: 300px;

}

.keyf_menu {

	position: relative;

	z-index: 6;

	margin-left: 70px;

	background-color: #fff;

	width: 40%;

	max-width: 430px;

	top: -73px;

	padding-top: 120px;

	padding-bottom: 70px;

	float: left;

}

.keyf_content {

	position: relative;

	z-index: 6;

	float: right;

	width: 531px;

	margin-top: 35px;

	margin-right: 70px;

	text-align: left;

}

.keyf_el:after {

	content: "";

	position: absolute;

	right: 0px;

	width: 8px;

	height: 100%;

	top: 0px;

	background-color: #4687ff;

	opacity: 0.5;

	margin-right: 3px;

}

.keyf_e_bg.bg_2,

.keyf_el:nth-child(2):after {

	background-color: #fa5f7f;

}

.keyf_e_bg.bg_3,

.keyf_el:nth-child(3):after {

	background-color: #fab54d;

}

.keyf_e_bg.bg_4,

.keyf_el:nth-child(4):after {

	background-color: #aad36b;

}

.keyf_e_bg.bg_5,

.keyf_el:nth-child(5):after {

	background-color: #8c80c8;

}

.keyf_e_bg.bg_6,

.keyf_el:nth-child(6):after {

	background-color: #5aa1f1;

}

.keyf_e_bg.bg_7,

.keyf_el:nth-child(7):after {

	background-color: #fa8a4d;

}

.keyf_el.selected:after {

	opacity: 1;

}

.keyf_el.selected > h3 {

	color: #232323;

}

.keyf_content .keyf_ct > h3,

.keyf_el > h3 {

	margin-top: 5px;

    line-height: 110%;

    margin-bottom: 35px;

    font-size: 32px;

    color: #919191;
    padding: 0 10px;

}

#row4 .keyf_content .keyf_ct > h3, 
#row4 .keyf_el > h3 {
	font-size: 28px;
	line-height: 130%;
}

.keyf_content .keyf_ct > span,

.keyf_el > span {

	color: #d4d4d4;

	font-weight: 400;

	font-family: 'Roboto', sans-serif;

	text-transform: uppercase;

}

.keyf_content .keyf_ct > h3 {

	color: #fff;

	margin-left: 32px;

}

.keyf_content .keyf_ct > span {

	color: #a9a9a9;

	margin-left: 34px;

}

.keyf_el {

	cursor: pointer;

	position: relative;

}

.keyf_el.selected {

	cursor: default;

}

.keyf_e {

	margin-top: 130px;

	position: relative;

	min-height: 440px;

	max-width: 1170px;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 130px;

}

.keyf_img {

	position: relative;

	opacity: 1;

	width: 464px;

	height: 291px;

	margin-left: auto;

    margin-right: auto;

}

.keyf_ct_el.selected {

	display: block;

}

.keyf_ct_el {

	position: relative;

	display: none;

}

.keyf_txt {

	margin: 25px;

	margin-top: 60px;

	margin-bottom: 0px;

	color: #fff;

	font-size: 16px;

	line-height: 145%;

}

.keyf_img_e {

	position: relative;

	background: url('../images/tablet_bg.png') center center no-repeat;

	padding: 32px 33px 33px 33px;

}
.kds_s .keyf_img {
	width: 523px;
	height: 295px;
	
}
.kds_s .keyf_img_e {
	background-image: url('../images/tv_bg.png');
	padding: 32px 5px 33px 5px;
}

.footer_l > div > span >  a{

	color: #6c6f72;

	text-transform: uppercase;

	margin-left: 0px;
	
	display: block;

	font-size: 11px;

}
.srecaptcha > div {
	display: inline-block;
	vertical-align: middle;
}
.srecaptcha {
	text-align: center;
	margin-top: 30px;
}
.footer_l > div {

	width: 55%;
	vertical-align: top;
	display: inline-block;

	font-size: 14px;

	color: #52565c;

}

.footer_l > div:last-of-type {

	text-align: right;

	width: 45%;

}

.footer_l {

	position: relative;

	font-size: 0px;

	margin-top: 15px;

	border-top: 1px solid #2c3239;

	padding-top: 35px;

}

.back_to_top {

	opacity: 0.8;

	position: fixed;

	bottom: 0px;

	right: 0px;

    width: 60px;

    height: 50px;

    background:  url(../images/arrow-down-sign-to-navigate.png) center center no-repeat;

    display: block;

    margin-right: 45px;

    cursor: pointer;

    z-index: 10;

}
.lang_de .kds_link,
.lang_fr .kds_link,
.lang_de #row4,
.lang_fr #row4 {
	display: none!important;
}
#row1 {

	z-index: 11;

	position: relative;

}
#langBox > div {
	background-color: rgba(255,255,255,0.2);
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	color: #fff;
	line-height: 28px;
}
#langBox > ul > li.active > a {
	color: #fff;
}
#langBox > ul > li:last-of-type {
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
#langBox > ul > li:first-of-type {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#langBox > ul > li.active {
	background-color: #00e2aa;
}
#langBox > ul > li {
	list-style: none;
	background-color: rgba(255,255,255, 1);
}
#langBox > ul > li > a {
	font-size: 13px;
	color: #232323;
	display: block;
	line-height: 40px;
}
#langBox:hover > div {
	background-color: rgba(255,255,255, 1);
	color: #232323;
}
#langBox:hover > ul {
	display: block;
	padding-top: 14px;
	position: relative;
}
#langBox:hover > ul:before {
	content: "";
	display: block;
	width: 100%;
	height: 8px;
	position: absolute;
	left: 0px;
	top:6px;
	background: url('../images/lang-s-arrow.png')  48px top no-repeat;
}
#langBox > ul {
	margin-left: 0px;
	display: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
}
#langBox {
	position: relative;
	width: 70px;
	text-align: center;
	float: right;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	margin-left: 20px;
	height: 28px;
}
.lv_dw > img {
	height: 100%;
}
.lv_dw {
	float: right;
	height: 27px;
	position: relative;
	display: block;
	margin-left: 15px;
}
.files ol {
	margin-top: 5px;
}
.files li {
	text-transform: uppercase;
	margin-bottom: 10px;
	text-indent: 5px;
}
.files > h1 {
	color: #fff;
}
.files li {
	color: #6c6f72;
}
.files a { 
	text-transform: none;
	font-weight: 400;
}
.files ol {
	list-style-type: decimal-leading-zero;
}
.files > ol li > ol a {
	position: relative;
	z-index: 13;
	padding: 5px 0px;
}
.files > ol li > ol {
	z-index: 12;
	position: relative;
}
.files > ol li > span{
	z-index: 11;
	position: relative;
	padding: 5px 0px;
}
.files > ol li {
	display: none;
	cursor: pointer;
	z-index: 10;
	position: relative;
}
.visible > ol > li {
	display: list-item!important;
}
.files > ol > li {
	display: list-item;
}
.files {
	width: 75%;
    max-width: 1400px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-top: 150px;
}
@media (max-height: 780px) {

	.next_s_bt {

	    width: 65px;

	    height: 55px;

	    background-position: center 15px;

	}

}

@media (min-width: 1600px) {

	.third-section > div, .first-section > div {

    	

	}

}

@media (max-width: 1320px) {
	#header {
    	width: 95%;
	}
}
@media (max-width: 1400px) {

	.third-section > div .testimonials > div > p {

	    line-height: 25px;

	    font-size: 18px;

	    margin-bottom: 25px;

	}

	h1 {

	    font-size: 32.5px;

	}

}

@media (max-width: 1140px) {

	.keyf_menu {

		margin-left: 20px;

	}

	.keyf_content {

		margin-right: 20px;

	}
	#header {
    	width: 98%;
	}
}

@media (max-width: 1023px) {

	.keyf_menu {

		width: 35%;

	}

	.fsel {

	    display: inline-block;

	    width: 100%;

	    max-width: 586px;

	    height: 392px;

	}

	.nav_el {

	    position: absolute;

	    width: 28px;

	    height: 28px;

	}

	.nav_el_1 {

	    left: 265px;

	    top: -15px;

	}

	.nav_el_2 {

	    top: 179px;

	    right: -2px;

	}

	.nav_el_3 {

	    bottom: 38px;

	    right: 101px;

	}

	.nav_el_4 {

	    bottom: 38px;

	    left: 101px;

	}

	.nav_el_5 {

	    top: 179px;

	    left: -2px;

	}

	.nav_el_1 .insideCircle {

	    left: -26px;

	}

	.nav_el_2 .insideCircle {

	    right: -98px;

	}

	.nav_el_3 .insideCircle {

	    right: -74px;

	    bottom: -98px;

	}

	.nav_el_4 .insideCircle {

	    left: -74px;

	    bottom: -98px;

	}

	.nav_el_5 .insideCircle {

	    left: -98px;

	}

	.slide h1 {

		font-size: 18px;

	}

	#header {

		padding-top: 15px;

	}

	body {

		padding: 0px;

	}

	.fit_screen {

		min-height: auto;

	}

	.first-section.fit_screen {

		height: auto!important;

	}

	.first-section > div .fscontent {

		padding-bottom: 50px;

	}

	.third-section > div .testimonials > div > p {

	    line-height: 22px;

	    font-size: 14px;

	    margin-bottom: 20px;

	}

	.third-section > div .testimonials > div > img {

	    margin-bottom: 20px;

	}

	.first-section > div img {

    	max-width: 90%;

	}

	.first-section > div img {

    	margin-right: 15px;

	}

	.third-section > div .sep_sy,

	.third-section > div h3 {

		margin-left: 20px;

	}

	.third-section > div h3 {

		font-size: 26px;

		margin-top: 40px;

	}

	.third-section > div .testimonials {

	    margin-top: 65px;

	}

	#menu {

		display: none;

	}

	#menuContainer {

		text-align: center;

	}

	#header_c.scrolled #header {

		padding-top: 15px;

		display: none;

	}

	#mainLogo {

	    width: 150px;

	    height: 34px;

	    background-size: 100%;

	}

	.fsel span, .fsel p {

	    display: inline-block;

	}

	.testimonials .slide > div:last-of-type {

		margin-right: 2%;

		width: 46%;

	}

	.slider_control > span {

	    width: 16px;

	    height: 16px;

	    margin: 10px;

	}

	.nav_c > div {

	    padding-bottom: 5px;

	    margin-bottom: 20px;

	}

	.nav_c > p {

		margin-bottom: 20px;

	}

}

@media (max-width: 910px) {

	.keyf_e {

	    zoom: 80%;

	}

}

@media (max-width: 750px) {

	.keyf_e {

	    zoom: 70%;

	}

}

@media (max-width: 640px) {

	.footer_l > div > span > a {

		margin-left: 10px;

		margin-right: 10px;

	}

	.footer_l > div {

		width: 100%!important;

		text-align: center!important;

	}

	.footer_l {

		padding-top: 30px;

	}

	.keyf_e {

	    zoom: 100%;

	}

	.keyf_menu {

		padding-top: 60px;

    	padding-bottom: 20px;

		width: 100%;

	    float: none;

	    margin-left: auto;

	    margin-right: auto;

	    position: relative;
	    margin-bottom: -55px;

	}

	.keyf_content .keyf_ct > h3, .keyf_el > h3 {

	    margin-top: 2px;

	    margin-bottom: 15px;

	    font-size: 24px;

	}

	.keyf_content {

	    float: none;

	    width: 100%;

	    max-width: 531px;

	    position: relative;

	    margin-left: auto;

	    margin-right: auto;

	}

	.fsdetails_i {

    	padding: 30px 40px;

	}

	.testimonials .slide > div {

	    width: 100%;

	    margin-left: 0!important;

	    margin-right: 0!important;

	}

	.third-section > .testimonials {

    	width: auto;

	}

	.fsel-c {

		margin-left: 30px;

		margin-right: 30px;

	}

	.testimonials .slide > div:last-of-type {

		margin-left: 0px;

		margin-right: 0px;

		margin-top: 30px;

		text-align: center;

		width: 80%;

	}

	.testimonials .slide > div > div > .imgSC {

		margin-right: 0px;

		float: none;

	}

	.slider_control {

    	margin-top: 30px;

	}

	#faq_progress_ee {

	    margin-bottom: 60px;

	}

	.slider .circle_e  a{

		font-size: 0px;
		width: 100%;
	}

	.slider .circle {

    	width: 44px;

    	height: 44px;

	}

	.slider .circle_e {

	    top: auto;

	    margin-top: 0px;

	    bottom: 10px;

	    background: #00e2aa url('../images/speech-bubble.png') center center no-repeat;

	}
	.scrollDC {
		bottom: -70px;
	}
	.slider_p {
		padding: 0 50px;
	}
}

@media (max-width: 531px) {

	.twoonrow > span:last-of-type,

	.twoonrow > span {

	    width: 100%;

	    margin-left: 0px;

	    margin-right: 0px;

	}

	.keyf_img_e {

		zoom: 80%;

	    overflow: hidden;

	    max-width: 465px;

	    position: relative;

	    margin-left: auto;

	    margin-right: auto;

	}

}

@media (max-width: 450px) {

	.keyf_img_e {

		zoom: 65%;

		padding-left: 0px;

	    padding-right: 0px;

	    max-width: none;

	}
	

}

@media (max-width: 500px) {

	.slider .circle_e {

		opacity: 0.9;

	}

	.slider {

		margin-bottom: 35px;

	}

	.second-section h2, .third-section h2, .faq h2, .first-section > h2, #contact-section h2,

	.second-section p, .third-section p, .faq p, .first-section > p, #contact-section p {

		margin-left: 20px;

		margin-right: 20px;

	}

	.third-section .testimonials p {

		margin-left: 0px;

    	margin-right: 0px;

	}

	.second-section h2, .third-section h2, .faq h2, .first-section > h2, #contact-section h2 {

		padding-top: 55px;

	}

	.nav_c {

	    margin: 3.5% 10%;

	    width: 80%;

	    text-align: center;

	}

	.footer_bottom > a.i_link {

		margin-right: 0px;

		display: block;

	}

	.mver {

		display: block;

	}

	.dver {

		display: none;

	}

	.third-section > div .sep_sy,

	.third-section > div h3 {

		margin-left: 0px;

	}

	.first-section > div img {

    	max-width: 100%;

	}

	.first-section > div h2 {

		text-align: center;

	}

	.third-section > div .testimonials_title, .first-section > div img {

	    margin-right: 0px;

	}

	#contactForm button {

		float: none;

		margin-left: auto;

		margin-right: auto;

		position: relative;

		display: block;

	}

	.third-section {

		overflow: hidden;

	}

	.first-section > div:first-of-type {

		margin-top: 30px;

	}

	.third-section > div .sep_sy {

		margin-left: auto;

		margin-right: auto;

		position: relative;

	}

	.third-section > div .testimonials_title {

		width: 100%;

		text-align: center;

	}

	

	.slider_c {

    	width: 95%;

	}

	.third-section > div, .first-section > div {

	    display: block;

	    width: 100%;

	    padding-top: 0px;

	}

	.third-section > div .testimonials {

		margin-top: 20px;

	}

	.third-section > div h3 {

	    margin-top: 20px;

	    font-size: 28px;

	    max-width: none;

	}

	.third-section > div .testimonials > div {

		margin-bottom: 45px;

		text-align: center;

	}

	.testimonials_title {

		margin-top: 30px;

	}

	

    .fit_screen:not(.slider) {

    	height: auto!important;

	}

	.slider_p {

		padding: 0 10px;

	}

}

@media (max-width: 330px) {

	.footer_bottom > span > a {

    	margin-left: 20px;

	}

	#faq_progress_ee {

	    zoom: 40%;

	}

}

@keyframes rota {

  0%   { transform: rotate(0deg); }

  100% { transform: rotate(360deg); }

}



@keyframes fill {

  0%        { opacity: 0; }

  50%, 100% { opacity: 1; }

}



@keyframes mask {

  0%        { opacity: 1; }

  50%, 100% { opacity: 0; }

}

.fadeInS {

    -webkit-animation: fadein .3s; /* Safari, Chrome and Opera > 12.1 */

       -moz-animation: fadein .3s; /* Firefox < 16 */

        -ms-animation: fadein .3s; /* Internet Explorer */

         -o-animation: fadein .3s; /* Opera < 12.1 */

            animation: fadein .3s;

}

.fadeIn {

    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */

       -moz-animation: fadein 1s; /* Firefox < 16 */

        -ms-animation: fadein 1s; /* Internet Explorer */

         -o-animation: fadein 1s; /* Opera < 12.1 */

            animation: fadein 1s;

}

.fadeInL {

    -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */

       -moz-animation: fadein 3s; /* Firefox < 16 */

        -ms-animation: fadein 3s; /* Internet Explorer */

         -o-animation: fadein 3s; /* Opera < 12.1 */

            animation: fadein 3s;

}

.fadeOut {

    -webkit-animation: fadeout 1s; /* Safari, Chrome and Opera > 12.1 */

       -moz-animation: fadeout 1s; /* Firefox < 16 */

        -ms-animation: fadeout 1s; /* Internet Explorer */

         -o-animation: fadeout 1s; /* Opera < 12.1 */

            animation: fadeout 1s;

}

.fadeOutS {

    -webkit-animation: fadeout .3s; /* Safari, Chrome and Opera > 12.1 */

       -moz-animation: fadeout .3s; /* Firefox < 16 */

        -ms-animation: fadeout .3s; /* Internet Explorer */

         -o-animation: fadeout .3s; /* Opera < 12.1 */

            animation: fadeout .3s;

}

.fadeOutL {

    -webkit-animation: fadeout 2s; /* Safari, Chrome and Opera > 12.1 */

       -moz-animation: fadeout 2s; /* Firefox < 16 */

        -ms-animation: fadeout 2s; /* Internet Explorer */

         -o-animation: fadeout 2s; /* Opera < 12.1 */

            animation: fadeout 2s;

}





@keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}

/* Firefox < 16 */

@-moz-keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}



/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}



/* Internet Explorer */

@-ms-keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}



/* Opera < 12.1 */

@-o-keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}





@keyframes fadeout {

    from { opacity: 1; }

    to   { opacity: 0; }

}



/* Firefox < 16 */

@-moz-keyframes fadeout {

    from { opacity: 1; }

    to   { opacity: 0; }

}



/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadeout {

    from { opacity: 1; }

    to   { opacity: 0; }

}



/* Internet Explorer */

@-ms-keyframes fadeout {

    from { opacity: 1; }

    to   { opacity: 0; }

}



/* Opera < 12.1 */

@-o-keyframes fadeout {

    from { opacity: 1; }

    to   { opacity: 0; }

}



@-webkit-keyframes HSFlipIn {

    0% {

        -webkit-transform: perspective(400px) rotateX(90deg);

        transform: perspective(400px) rotateX(90deg);

        opacity: 0

    }

    100% {

        -webkit-transform: perspective(400px) rotateX(0deg);

        transform: perspective(400px) rotateX(0deg);

        opacity: 1

    }

}



@keyframes HSFlipIn {

    0% {

        -webkit-transform: perspective(400px) rotateX(90deg);

        -ms-transform: perspective(400px) rotateX(90deg);

        transform: perspective(400px) rotateX(90deg);

        opacity: 0

    }

    100% {

        -webkit-transform: perspective(400px) rotateX(0deg);

        -ms-transform: perspective(400px) rotateX(0deg);

        transform: perspective(400px) rotateX(0deg);

        opacity: 1

    }

}



@-webkit-keyframes HSFlipOut {

    0% {

        -webkit-transform: perspective(400px) rotateX(0deg);

        transform: perspective(400px) rotateX(0deg);

        opacity: 1

    }

    100% {

        -webkit-transform: perspective(400px) rotateX(90deg);

        transform: perspective(400px) rotateX(90deg);

        opacity: 0

    }

}



@keyframes HSFlipOut {

    0% {

        -webkit-transform: perspective(400px) rotateX(0deg);

        -ms-transform: perspective(400px) rotateX(0deg);

        transform: perspective(400px) rotateX(0deg);

        opacity: 1

    }

    100% {

        -webkit-transform: perspective(400px) rotateX(90deg);

        -ms-transform: perspective(400px) rotateX(90deg);

        transform: perspective(400px) rotateX(90deg);

        opacity: 0

    }

}

@-webkit-keyframes HSTopRightM {

    0% {

        opacity: 1;

        -webkit-transform: translate(0, 0);

        transform: translate(0, 0);

    }

    25% {

        opacity: 0.95;

        -webkit-transform: translate(0.4px, -0.4px);

        transform: translate(0.4px, -0.4px);

        

    }

    50% {

        opacity: 0.9;

        -webkit-transform: translate(0.8px, -0.8px);

        transform: translate(0.8px, -0.8px);

        

        

    }

    75% {

        opacity: 0.85;

        -webkit-transform: translate(0.4px, -0.4px);

        transform: translate(0.4px, -0.4px);

    }

    100% {

        opacity: 0.8;

        -webkit-transform: translate(0, 0);

        transform: translate(0, 0);

    }

}



@-webkit-keyframes HSTopLeftM {

    0% {

        opacity: 1;

        -webkit-transform: translate(0, 0);

        transform: translate(0, 0);

    }

    25% {

        opacity: 0.95;

        -webkit-transform: translate(-0.4px, -0.4px);

        transform: translate(-0.5px, -0.5px);

    }

    50% {

        opacity: 0.9;

        -webkit-transform: translate(-0.8px, -0.8px);

        transform: translate(-0.8px, -0.8px);

        

        

    }

    75% {

        opacity: 0.85;

        -webkit-transform: translate(-0.4px, -0.4px);

        transform: translate(-0.4px, -0.4px);

    }

    100% {

        opacity: 0.8;

        -webkit-transform: translate(0, 0);

        transform: translate(0, 0);

    }

}



@-webkit-keyframes HSTopRight {

    0% {

        opacity: 0.3;

        -webkit-transform: translate(0, -2.5%);

        -ms-transform: translate(0, -2.5%);

        transform: translate(0, -2.5%);

    }

    25% {

        opacity: 0.8;

    }

    50% {

        opacity: 1

    }

    75% {

        opacity: 0.8;

    }

    100% {

        opacity: 0.3;

        -webkit-transform: translate(-4%, 0);

        -ms-transform: translate(-4%, 0);

        transform: translate(-4%, 0)

    }

}



@keyframes HSTopRight {

    0% {

        opacity: 0.4;

        -webkit-transform: translate(0, -2.5%);

        -ms-transform: translate(0, -2.5%);

        transform: translate(0, -2.5%)

    }

    25% {

        opacity: 0.8;

    }

    50% {

        opacity: 1

    }

    75% {

        opacity: 0.8;

    }

    100% {

        opacity: 0.4;

        -webkit-transform: translate(-4%, 0);

        -ms-transform: translate(-4%, 0);

        transform: translate(-4%, 0)

    }

}



@-webkit-keyframes HSBottomRight {

    0% {

        opacity: 0.4;

        -webkit-transform: translate(0, 0);

        -ms-transform: translate(0, -2.5%);

        transform: translate(0, 0)

    }

   	25% {

        opacity: 0.8;

    }

    50% {

        opacity: 1

    }

    75% {

        opacity: 0.8;

    }

    100% {

        opacity: 0.4;

        -webkit-transform: translate(-2.5%, -4%);

        -ms-transform: translate(-4%, 0);

        transform: translate(-2.5%, -4%)

    }

}



@keyframes HSBottomRight {

    0% {

        opacity: 0.4;

        -webkit-transform: translate(0, 0);

        -ms-transform: translate(0, 0);

        transform: translate(0, 0)

    }

    25% {

        opacity: 0.8;

    }

    50% {

        opacity: 1

    }

    75% {

        opacity: 0.8;

    }

    100% {

        opacity: 0.4;

        -webkit-transform: translate(-2.5%, -4%);

        -ms-transform: translate(-2.5%, -4%);

        transform: translate(-2.5%, -4%)

    }

}



@-webkit-keyframes HSBottomCenter {

    0% {

        opacity: 0.4;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

    25% {

        opacity: 0.8;

    }

    50% {

        opacity: 1

    }

    75% {

        opacity: 0.8;

    }

    100% {

        opacity: 0.4;

        -webkit-transform: translateY(-8%);

        transform: translateY(-8%)

    }

}



@keyframes HSBottomCenter {

    0% {

        opacity: 0.4;

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0)

    }

    25% {

        opacity: 0.8;

    }

    50% {

        opacity: 1

    }

    75% {

        opacity: 0.8;

    }

    100% {

        opacity: 0.4;

        -webkit-transform: translateY(-8%);

        -ms-transform: translateY(-8%);

        transform: translateY(-8%)

    }

}

input[type="number"]::-webkit-input-placeholder,

input[type="file"]::-webkit-input-placeholder,

input[type="text"]::-webkit-input-placeholder,

input::-webkit-input-placeholder,

select::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

    color: #fff!important;

}

input[type="number"]:-moz-placeholder,

input[type="file"]:-moz-placeholder,

input[type="text"]:-moz-placeholder,

input:-moz-placeholder,

select:-moz-placeholder,

textarea:-moz-placeholder {

    /* FF 4-18 */

    color: #fff!important;

}

input[type="number"]::-moz-placeholder,

input[type="file"]::-moz-placeholder,

input[type="text"]::-moz-placeholder,

input::-moz-placeholder,

select::-moz-placeholder,

textarea::-moz-placeholder {

    /* FF 19+ */

    color: #fff!important;

}

input[type="number"]:-ms-input-placeholder,

input[type="file"]:-ms-input-placeholder,

input[type="text"]:-ms-input-placeholder,

select:-ms-input-placeholder,

textarea:-ms-input-placeholder {

    /* IE 10+ */

    color: #fff!important;

}