/*
Theme Name:  Shift One
Template:    Divi
Version:     1.0.0
*/

@import url("../Divi/style.css");

/************ FONTS ************/
@font-face {
	font-family: 'Aller-Regular';
	src: url('fonts/Aller-Regular.eot');
	src: local('☺'), url('fonts/Aller-Regular.woff') format('woff'), url('fonts/Aller-Regular.ttf') format('truetype'), url('fonts/Aller-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Aller-Italic';
	src: url('fonts/Aller-Italic.eot');
	src: local('☺'), url('fonts/Aller-Italic.woff') format('woff'), url('fonts/Aller-Italic.ttf') format('truetype'), url('fonts/Aller-Italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Aller-Light';
	src: url('fonts/Aller-Light.eot');
	src: local('☺'), url('fonts/Aller-Light.woff') format('woff'), url('fonts/Aller-Light.ttf') format('truetype'), url('fonts/Aller-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Aller-Bold';
	src: url('fonts/Aller-Bold.eot');
	src: local('☺'), url('fonts/Aller-Bold.woff') format('woff'), url('fonts/Aller-Bold.ttf') format('truetype'), url('fonts/Aller-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Aller-Light-Italic';
	src: url('fonts/Aller-Light-Italic.eot');
	src: local('☺'), url('fonts/Aller-Light-Italic.woff') format('woff'), url('fonts/Aller-Light-Italic.ttf') format('truetype'), url('fonts/Aller-Light-Italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Aller-Bold-Italic';
	src: url('fonts/Aller-Bold-Italic.eot');
	src: local('☺'), url('fonts/Aller-Bold-Italic.woff') format('woff'), url('fonts/Aller-Bold-Italic.ttf') format('truetype'), url('fonts/Aller-Bold-Italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Aller-Display';
	src: url('fonts/Aller-Display.eot');
	src: local('☺'), url('fonts/Aller-Display.woff') format('woff'), url('fonts/Aller-Display.ttf') format('truetype'), url('fonts/Aller-Display.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.podkladka { height:5335px; width: 100%; position: absolute; top:0; left: 0; right: 0; background: url(/wp-content/uploads/2018/09/blog-1.jpg) no-repeat top center; background-size: contain; z-index: 999999999; opacity: 0.5}

body{
	font-family: 'Aller-Light';
	font-weight: normal;
}

#top-menu li a{
	font-family: 'Aller-Regular';
	font-weight: normal;
	text-transform: uppercase!important;
	padding: 0px 14px;
}
#top-menu li:last-child a { padding-right: 0}
#top-menu li { padding-right: 5px}

#main-banner { padding: 10px 0 0;  }
#main-banner .et_pb_row { padding: 29px 0 0}
.lc-1 { padding-top: 150px}
#main-banner h1,
#main-banner .text1 {
	font-size: 85px;
	line-height: 1;
	color: #fff;
	font-family: 'Aller-Bold';
	font-weight: normal;
	clear: both;
	padding-top: 40px;
	padding-bottom: 0px;
}
#main-banner .text1 { font-size: 72px; line-height: 1;padding-top: 0;}
#main-banner .et_pb_column_0 { width: 52%; margin-right: 10%}
#main-banner .et_pb_column_1 { width: 38%;}
.f26 {
	font-size: 26px;
	color: #fff;
	margin-top: 31px;
	font-family: 'Aller-Regular';
	font-weight: normal;
}

h2.line {
	font-size: 35px;
	text-transform: uppercase;
	font-family: 'Aller-Bold';
	position: relative;
	padding-bottom: 6px;
}
h2.line:before {
	content: '';
	display: block;
	height: 6px;
	width: 154px;
	position: absolute;
	top:-41px;
	left:0;
	background: url(images/line2.png) no-repeat left;
}
.f35 { font-size: 35px; font-family: 'Aller-Regular';}
.f35 strong {font-family: 'Aller-Bold'; color: #ed5223;}

.logosy {padding: 7px 0;}
.logosy .et_pb_text_inner { display: flex; flex-wrap: wrap; justify-content: center;    margin-left: -10px;  margin-right: -20px;}
.logosy .et_pb_text_inner p { padding: 0; width: 33%; text-align: center}
.logosy .et_pb_text_inner a { display: block; margin: 10px 15px}

div#box2 { padding-bottom: 5px;    position: relative;  z-index: 999;  border: transparent;  background-color: transparent;  }

#box3,
#box3 .et_pb_row { padding: 0; }
#box3 .et_pb_row { display: flex; flex-wrap: wrap}
#box3 .et_pb_column {width: 50%; margin: 0!important;}
#box3 .et_pb_column:first-child { background: url(/wp-content/uploads/2018/09/shiftone-image1.jpeg) no-repeat center; background-size: cover;}
#box3 .et_pb_column:last-child { padding: 95px 30px 20px 40px; background: url(/wp-content/uploads/2018/09/img-trns2.png) no-repeat whitesmoke; background-size: 671px; background-position: top 12px center;}
#box3 .et_pb_column:last-child .et_pb_text {margin-bottom: 25px}

#box3 .et_pb_column:last-child .et_pb_text:nth-child(2) h3 { color: #69bc45;}
#box3 .et_pb_column:last-child .et_pb_text:nth-child(3) h3 { color: #f6a624;}

#absoluteimg { position: absolute; top:-300px; right: 0; z-index: 1}

.box1 { margin-bottom: 24px; max-width: 542px; position: relative; z-index: 2}
.box1 .imgs { width: 86px; margin-right: 32px; float: left; padding-top: 6px}
.box1 .box1-body { float: right;width: calc(100% - 118px);}
.box1 .box1-body h3 { font-size: 30px; font-family: 'Aller-Bold'; text-transform: uppercase;margin-bottom: 12px; letter-spacing: 1px}
.box1:nth-child(1) .box1-body h3 { color: #26b1c4}
.box1:nth-child(2) .box1-body h3 { color: #69bc45}
.box1:nth-child(3) .box1-body h3 { color: #f6a624}
.box1 .box1-body p { font-size: 18px; color: #646464; line-height: 23px}
.box1 .box1-body p:empty { display: none}

#slides { padding: 70px 0 35px;  }
#slides .et_pb_slide { padding: 0; background: url(images/quotes.png) no-repeat;background-position: top 23px center;}
#slides .et_pb_slide_description {padding: 0}
#slides .et_pb_slide_content { padding-top: 15px;  }
#slides .img-box2 { float: left;  margin-right: 8px; width: 130px}
#slides .slide-text { float: right; width: calc(100% - 138px); color: #000 ;padding-top: 10px;}
#slides .slide-text .s-name { font-size: 19px;  line-height: 1;  font-family: 'Aller-Bold'; color: #000; padding-bottom: 8px; text-shadow: none}
#slides .slide-text .position {  font-size: 17px;  color: #7c7c7c;  line-height: 1.2; padding-bottom: 14px;  margin-bottom: 32px; text-shadow:none; position: relative }
#slides .slide-text .position:after {
	content: "";
	display: block;
	position: absolute;
	left:0;
	bottom: -5px;
	height: 2px;
	width: 40px;
	background: #ed5223;
}
#slides .slide-text p { font-size: 18px; color: #646464; line-height: 25px; text-shadow: none}
#slides .et-pb-controllers a { background-color: #e2e2e2; width: 11px; height: 11px;}
#slides .et-pb-controllers a.et-pb-active-control { background-color: #e4604a}
#slides .et-pb-controllers {    top: 0;  left: inherit;  right: 0;  width: auto;}

#problem { padding: 82px 0 25px; overflow: hidden  }
#problem .polosa { margin-bottom: 14px}
#problem .polosa .probs {
	display: flex;
	flex-wrap: wrap;
	width: 675px;
	margin-top: 45px;
	padding: 21px 21px 21px 0;
	border-radius: 0 130px 130px 0;
	background: #fff;
	position: relative}
#problem .polosa .probs:before {
	content: "";
	position: absolute;
	top:0;
	bottom: 0;
	right: 100%;
	width: 555px;
	background: #fff;
}
#problem .polosa .probs .cols1 {
	color: #565656;
	font-size: 21px;
	line-height: 1.2;
	margin-right: 24px;
	width: 180px;
	font-family: 'Aller-Bold';
	text-transform: uppercase;
	padding-top: 80px;
	letter-spacing: 1px;
}
#problem .polosa .probs .circle1 { height: 215px; width: 215px;    margin-right: 20px; border-radius: 50%;  text-align: center;}
#problem .polosa .probs .circle1:nth-child(2) { background-color: #23b0c3 }
#problem .polosa .probs .circle1:nth-child(3) { background-color: #69bc45; margin-right: 0 }
#problem .polosa .probs .circle1 .cifr1 { font-size:41px; color: #fff; font-family: 'Aller-Bold'; padding-top: 56px;}
#problem .polosa .probs .circle1 .text-c {font-size:18px; color: #fff;    padding-top: 19px;  line-height: 24px;}

#problem .polosa.row2 { margin-bottom: 0}
#problem .polosa.row2 .probs { margin-top: 0}
#problem .polosa.row2 .probs .circle1:nth-child(2) { background-color: #f6a31c }
#problem .polosa.row2 .probs .circle1:nth-child(3) { background-color: #ed5223; }

#solution { padding: 94px 0 8px;  }
#solution h2.line {    width: 233px;  margin: 0 auto;}
#solution .et_pb_column_1_3:nth-child(1),
#solution .et_pb_column_1_3:nth-child(3) { padding-top: 106px}
#solution .sol-head {
	font-size: 25px;
	text-transform: uppercase;
	font-family: 'Aller-Bold';
	width: calc(100% - 88px);
	float: left;
	line-height: 1.2;
	padding-top: 8px;
	transition: color 1s ease-in;
}
#solution .sol-block.row1 { margin-bottom: 47px; }
#solution .sol-block p { font-size: 18px; color: #646464; line-height: 23px;}
#solution .cols1 img { float: right; transition: 0.3s;}
#solution .et_pb_column_1_3:nth-child(1) { margin-right: 7.5%}
#solution .et_pb_column_1_3:nth-child(2) { width: 27%}
#solution .et_pb_column_1_3:nth-child(3) .sol-head { float: right}
#solution .et_pb_column_1_3:nth-child(3) .cols1 img { float: left}
#solution .cols1.clearfix { margin-bottom: 23px; padding-right: 5px; cursor: pointer; position: relative  }
#solution .et_pb_column_1_3:nth-child(3) .cols1.clearfix {padding-right: 0}
#solution .et_pb_column_1_3:nth-child(1) .row2 { margin-top: 65px}
#solution .et_pb_column_1_3:nth-child(1) .row2 .sol-head {padding-top: 9px}

.openimg1.opened .sol-head { color: #23b0c3; transition: color 1s ease-out;}
.openimg2.opened .sol-head { color: #72bf51; transition: color 1s ease-out;}
.openimg3.opened .sol-head { color: #f6a31c; transition: color 1s ease-out;}
.openimg4.opened .sol-head { color: #ed5223; transition: color 1s ease-out;}


#solution .et_pb_column_1_3:nth-child(1) .cols1:before {
	content: "";
	position: absolute;
	top: 30px;
	right: -70px;
	width: 48px;
	height: 5px;
	background: #e2e2e2;
	border-radius: 5px;
	transition: background 1s ease-in;
}
#solution .cols1.openimg1.opened:before { background: #23b0c3!important; transition: background 1s ease-out;}
#solution .cols1.openimg2.opened:before { background: #72bf51!important; transition: background 1s ease-out;}
#solution .cols1.openimg3.opened:before { background: #f6a31c!important; transition: background 1s ease-out;}
#solution .cols1.openimg4.opened:before { background: #ed5223!important; transition: background 1s ease-out;}

#solution .cols1.opened img {transform: scale(1.2);}

#solution .et_pb_column_1_3:nth-child(3) .cols1:before {
	content: "";
	position: absolute;
	top: 30px;
	left: -70px;
	width: 48px;
	height: 5px;
	background: #e2e2e2;
	border-radius: 5px;
	transition: background 1s ease-in;
}

#img2,
#img3,
#img4 { display: none; margin-bottom: 0}
#img1 { margin-bottom: 0}



#join { padding: 80px 0 86px;  }
#join .line { width: 350px; margin: 0 auto; color: #fff; text-align: center}
#join .line:before { background: #fff;  left:calc(50% - 78px);}

.join-cols .et_pb_text_inner { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 100px }
.join-cols .cols5 { width: 20%; margin: 0; text-align: center }
.join-cols .cols5 .j-head { color: #fff; font-size: 76px; letter-spacing: -2px; line-height: 1;font-family: 'Aller-Bold'; display: flex; align-items: center; justify-content: center;}
.join-cols .cols5 .j-head * { line-height: 1;}
.join-cols .cols5 .j-text { color: #fff; font-size: 21px;  line-height: 1;}
.et_pb_number_counter .percent { height: auto}
#start {  padding: 42px 0 4px; }
#start .start {  font-size: 51px;  color: #fff;  text-transform: uppercase; font-family: 'Aller-Bold';    margin-bottom: 20px;}
#start p { font-size: 24px; color: #fff; margin-bottom: 5px;}
#start .et_pb_column_1_2:first-child { width: 60%; margin-right: 0}
#start .et_pb_column_1_2:last-child { width:40%; margin-right: 0}
a.button1 {
	font-size: 17px;
	color: #ed5223;
	text-align: center;
	padding: 16px 10px;
	border: 1px solid #ed5223;
	width: 250px;
	background: #fff;
	border-radius: 40px;
	font-family: 'Aller-Bold';
	text-transform: uppercase;
	display: block;
	transition: 0.3s;
}
a.button1:hover { background: #ed5223; color:#fff; border-color: #fff }

#start .et_pb_column_1_2 { height: 200px}
#start .et_pb_column_1_2:last-child .et_pb_image { position: absolute; }
#join,
footer,
#box2 {z-index: 9; position: relative}



#start:before {
	content: "";
	display: block;
	position: absolute;
	width: 950px;
	height: 950px;
	top:-170px;
	left: calc(50% - 120px);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.1);
}
#start:after {
	content: "";
	display: block;
	position: absolute;
	width: 700px;
	height: 700px;
	top: -75px;
	left: 50%;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.1);
	transition: .5s;
}
#start span.et_pb_image_wrap { width: 640px;     margin-top: -107px;  margin-left: 40px; }




footer { background: url("/wp-content/uploads/2018/09/footer.jpg") no-repeat center; padding: 130px 0 57px; background-size:cover }

#footer-widgets { padding: 0;  }
#footer-widgets .footer-widget { width: 100%; max-width: 650px; margin: 0 auto; float: none}
#footer-widgets .footer-widget .fwidget { float: none}
#footer-widgets form h2 { color: #fff; font-size: 60px;font-family: 'Aller-Bold'; line-height: 1; text-align: center;    margin-bottom: 54px; }
#footer-widgets form input { border: none; background: transparent; padding: 12px 20px; font-size: 14px; color: #fff; border-bottom: 1px solid #fff; width: 100%}
#footer-widgets form input::placeholder { color: #fff; opacity: 0.9}
#footer-widgets form p { padding-bottom: 27px}
#footer-widgets form { margin-bottom: 44px}
#footer-widgets input.wpcf7-form-control.wpcf7-submit {
	width: 200px;
	padding: 15px;
	border: 2px solid #fff!important;
	margin: 10px auto 0;
	display: block;
	border-radius: 33px;
	cursor: pointer}
#footer-widgets input.wpcf7-form-control.wpcf7-submit:hover { background: rgba(255, 255, 255, 0.05);}
#footer-widgets textarea {
	padding: 4px;
	background: transparent;
	width: 100%;
	margin: 20px auto 0;
	display: block;
	color: #fff;
	font-size: 18px;
	height: 100px;
}
#footer-widgets textarea:focus { border-color:#fff}

#footer-info {
	float: none;
	display: block;
	padding-bottom: 10px;
	color: #666;
	text-align: center;
	width: 100%;
	font-size: 13px;
	padding-top: 20px;
	color: #fff}
footer .et-social-icons {
	float: none;
	text-align: center;
	clear: both;
	display: block;
	width: 100%;}
footer .et-social-icons li a { color: rgba(255, 255, 255, 0.5)}
footer #footer-bottom .container.clearfix {  display: flex;  flex-direction: column;  }
#footer-bottom { padding: 70px 0 5px; background: none}

.credits { font-size: 13px; color: #fff; margin-top: 20px; text-align: center}
.credits a { color: #ed5223}
.credits a:first-child { margin-left: 20px}


#counters { display: none}
.join-cols span.count { display: inline-block}
.join-cols span.count .percent { color: #fff}
.join-cols span.count .percent span { font-size: 73px; color: #fff}

.mobile_nav.opened .mobile_menu_bar:before { color: #69bb45;}

#simple-banner {  padding-top: 0px; padding-bottom: 72px; }
#simple-banner .et_pb_row { padding-top: 2px}
#simple-banner .et_pb_row p:empty { display: none}
#simple-banner h1 {
	font-size: 85px;
	line-height: 1;
	color: #fff;
	font-family: 'Aller-Bold';
	font-weight: normal;
	clear: both;
	padding-top: 40px;
	padding-bottom: 0px;}

.single #simple-banner {    background-image: url(/wp-content/uploads/2018/09/blog-2.jpg)!important;}

#blog-section { padding-top: 70px}
#blog-section article a.entry-featured-image-url img { width: 100%; max-width: 100%; height: auto;}
#blog-section h2.entry-title { font-size: 26px; font-family: 'Aller-Bold';  margin: 10px 0 20px;    padding-bottom: 0;}
#blog-section .post-content p { line-height: 23px; color: #646464; }
#blog-section .post-meta { font-size: 11px; color: #000;font-family: 'Aller-Bold'; position: relative; text-transform: uppercase }
#blog-section .author.vcard a { font-size: 11px; color: #000;font-family: 'Aller-Bold'; text-transform: uppercase}

.team-name { font-size: 19px; line-height: 1.2; font-family: 'Aller-Bold'; color: #000;     margin-top: 35px;}
.team-position { font-size: 17px; line-height: 1.2; font-family: 'Aller-Bold'; color: #000;font-family: 'Aller-Light'; }

#team-photo .et_pb_row_1,
#team-photo .et_pb_row_2 {     display: flex;  flex-wrap: wrap;  justify-content: center;}
#team-photo .et_pb_row_1 .et_pb_column { width: 40%!important; margin: 0; max-width: 344px!important; margin: 0 30px 40px;}

#contacty { padding: 10px 0 0}
#contacty .et_pb_row { padding: 0}
#contacty .et_pb_column_1_2 { width: 50%}
#fcol { margin-right: 0;    width: 50%;}
#fcol .et_pb_text { max-width: 588px; width: 90%; float: right; padding-top: 55px }

#fcol .et_pb_text .text18 {  font-size: 18px;  color: #646464;  }
#fcol .phones1 {
	margin: 60px 0 20px;
	padding-left: 20px;
	background: url(/wp-content/uploads/2018/09/call.png) no-repeat;
	background-position: top 8px left 0;
	font-family: 'Aller-Bold';
	color: #000;
	font-size: 19px;
}
#fcol .location {
	margin: 30px 0;
	padding-left: 20px;
	background: url(/wp-content/uploads/2018/09/marker.png) no-repeat;
	background-position: top 8px left 0;
	color: #7c7c7c;
	font-family: 'Aller-Light';
}
.et_fixed_nav.et_show_nav #page-container { padding-top: 77px!important;}
#main-header { box-shadow: none;}
#main-header::after {
	content: "";
	position: absolute;
	bottom: -4px;
	left: 0;
	right: 0;
	height: 4px;
	background: url(/wp-content/uploads/2018/09/polosa.png) no-repeat center;
	background-size: 100% 100%;
}
.single #main-content .container {  padding-top: 0;  }
.et_pb_post .entry-featured-image-url { margin-bottom:15px}

.et_post_meta_wrapper .entry-title{
	text-align: center;
	font-family: 'Aller-Regular';
	margin-top: 70px;
	margin-bottom: 10px;
}
.et_post_meta_wrapper .post-meta{
	text-align: center;
	color: #000000;
	margin-bottom: 25px;
	font-family: 'Aller-Bold';
	text-transform: uppercase;
}
.post-meta .disc{
	color: #ea542f;
	margin-left: 5px;
	margin-right: 5px;
}
.et_post_meta_wrapper .post-meta a{
	color: #000000!important;
}

#left-area .post-meta { padding-bottom: 0;}

.single .et_pb_section {padding-top: 21px!important;}


#footer-widgets .contct-list { list-style: none; padding: 0; margin: 0 auto 20px}
#footer-widgets  .contct-list li {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: text-bottom;
	font-size: 16px;
	width: auto;
	padding-left: 20px;
	padding-right: 25px;
}
.contct-list li:before { display: none!important;}
#footer-widgets  .contct-list { text-align: center}
#footer-widgets  .contct-list li:nth-child(1) {    background: url(/wp-content/uploads/2018/09/marker.png) no-repeat; background-position: top 8px left 0;}
/* #footer-widgets  .contct-list li:nth-child(2) {    background: url(/wp-content/uploads/2018/09/call.png) no-repeat;  background-position: top 8px left 0;} */
#footer-widgets  .contct-list li:nth-child(2) {    background: url(/wp-content/themes/shiftone/images/email-footer.png) no-repeat; background-position: top 10px left 0;}
#footer-widgets  .contct-list li a:hover { text-decoration: underline}

#page-container #top-menu ._mPS2id-h { color: #000!important;}
#page-container #top-menu a._mPS2id-h.mPS2id-highlight.mPS2id-highlight-first { color: #ed5223!important;}
#page-container #top-menu a { padding-bottom: 28px!important;}

#menu-item-383 a {
	padding: 7px 20px!important;
	border: 3px solid #ed5223;
	border-radius: 50px;
	color: #ed5223!important;
	font-size: 12px;
	position: absolute;
	right: -110px;
	float: right;
	top: 11px;
}
#menu-item-383 a:hover { border-color: #22b0c3!important; color: #22b0c3!important;}
#et-top-navigation { padding-top: 27px!important;  }

#main-header .container { padding-right: 60px}


/*body.fixed-pop { margin-top: 60px}*/
#popup {
	position: fixed;
	z-index: 99999;
	text-align: center;
	left: 0;
	right:0;
	top: -200px;
	height: 60px;
	padding: 15px 0;
	transition: 0.2s;
	background: #eb5322;
	color: #fff;}
#popup.opened { top: 0}

#popup-close {
	background: url(https://shiftone.com/wp-content/uploads/2018/11/close-white.png) no-repeat center;
	position: absolute;
	top:16px;
	right:16px;
	width: 26px;
	height: 26px;
	cursor: pointer}

#popup a {
	display: inline-block;
	color: #fff;
	font-size: 15px;
	text-decoration: underline;
	margin-left: 25px
}
#popup a:hover { text-decoration: none}

.slick-track { display: flex; align-items: center}
.slick-prev:before, .slick-next:before { color: #eb5322}
.slick-slide img { margin: 0 auto}

.slick-prev:before, .slick-next:before {    color: #dfdfdf; font-size: 30px;}
.slick-slide { margin: 0 20px; }
.slick-list { margin: 0 -20px; }

.slick-next { right: -30px; }
.slick-prev { left: -30px; }

.et-social-google-plus a.icon:before { content: '\e09d'!important;}
#et-boc { overflow: hidden}


#videos-b { background: #f6f5f3}
#videos-b img.aligncenter { border-radius: 15px; overflow: hidden}
#videos-b .et_pb_column { width: 47%; margin-right: 3%}
#videos-b .et_pb_column:last-child { margin-right: 0}
#videos-b .podpis a { font-size: 17px; color: #7c7c7c; line-height: 1.2 }
#videos-b .podpis a.strong { font-size: 19px; color: #000; font-weight: bold}
#videos-b p { padding-bottom: 5px}
#videos-b .podpis { padding-left: 24px; padding-top: 10px; line-height: 1;}

.vp-flex.vp-vt-vimeo {       max-width: 830px;  height: 480px;    padding: 0!important;  background: transparent!important;}
.YouTubePopUp-Close {    left: inherit;  right: -40px;}
.YouTubePopUp-Close:before {font-weight: bold!important;}

#videos-b .wdw .et_pb_column { width: 100%}

a.vp-a.vp-vim-type.img-hover { display: block; position: relative;  transition: 0.1s; border-radius: 16px }
a.vp-a.vp-vim-type.img-hover:hover {     box-shadow: 0 0 20px #333; }
a.vp-a.vp-vim-type.img-hover:after {background: url(/wp-content/uploads/2019/09/play.png) no-repeat center; background-size: 100px; content: ""; display: block; position: absolute; left: 0;
	top:0; right: 0; bottom: 0;}
a.vp-a.vp-vim-type.img-hover:hover:after { background-size: 110px}

.grecaptcha-badge { display: none; }
.grecaptcha-badge.visible { display: block; opacity: 1; z-index: 999; visibility: visible!important;}

#casest { background: #f8f8f8}

.case_box { background: #fff; border-radius: 9px; overflow: hidden; position: relative; box-shadow: 0 0 25px rgba(51, 51, 51, 0.2); min-height: 480px; cursor: pointer; padding-bottom: 50px }
.case_box:hover { box-shadow: 0 0 25px rgba(51, 51, 51, 0.3);}
.case_box:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 7px;
	background: url("/wp-content/uploads/2020/03/color_stick_short.png") no-repeat center;
	background-size: cover;
}
.case_box .c_text { padding: 10px 15px 10px 30px; font-weight: bold; font-size: 23px; color: #000 }
.case_box .c_logos { padding: 15px 15px 10px 30px }
.case_box .c_logos img { margin-left: 0; max-height: 72px; width: auto }
.c_readme {
	padding: 5px 15px 0px 30px;
	font-size: 17px;
	color: #ed5223;
	font-weight: 600;
	cursor: pointer;
	position: absolute;
	bottom: 30px;
	line-height: 1;
	display: none}

#case_popup .popup { display: none}
.popup .et_pb_text_inner { display: flex; justify-content: space-between; position: relative}
.popup .et_pb_text_inner:before {
	content: "";
	position: absolute;
	top: -4px;
	left: 0;
	width: 100%;
	height: 4px;
	background: url("/wp-content/uploads/2020/03/color_stick.png") no-repeat center;
}


.gray_text_box { padding: 20px 40px }
.gray_text_box p { padding-bottom: 10px}
.gray_text_box .it_text { font-style: italic; font-size: 17px; color: #23b0c3; line-height: 1.5}
.gray_text_box .it_text p:empty { display: none}

.gray_text_box .quotes_block { font-style: italic; font-size: 17px; color: #23b0c3; line-height: 1.5 }
.l_part { width: 50%; background: #f5f5f5}

.r_part { width: 50%; padding: 50px 55px; box-sizing: border-box;background: #fff;}
.p_title { font-size: 33px; color: #ed5223; line-height: 1.1; font-weight: bold ;font-family: 'Aller-Bold'; margin-bottom: 40px; margin-top: 20px; padding-bottom: 40px; border-bottom: 1px solid #000; font-family: 'Aller-Bold';}
.r_part p { font-size: 17px; color: #000; line-height: 25px; }

.d_col {}

.digits { display: flex; justify-content: space-between; margin: 10px 0 20px; padding-bottom: 0px; border-bottom: 1px solid #cdcccb }
.digits .d_col { }
.digits .d_col .num {  font-size: 50px; color: #23b0c3; font-weight: bold; line-height: 1; letter-spacing: -3px; font-family: 'Aller-Bold';}
.digits .d_col p {  font-size: 17px; color: #23b0c3;}

#casest .et_pb_column_1_3 {width: 31%; margin-right: 2%}
#casest .et_pb_column_1_3:last-child { margin-right: 0}

#case_popup {
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	max-width:100%;
	height: 100%;
	z-index: 99999;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	transform: scale(0.0);
	transition: 0.2s;
}
#case_popup .et_pb_module {  height: 90vh; overflow: scroll;}
#case_popup .et_pb_column { max-width: 1170px;}
#case_popup .overlay {
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.8);
}
#case_popup .popup { display: none}
#case_popup.opened { transform: scale(1)}

#case_popup .close { position: absolute;
	top:25px;
	right: 25px;
	width: 21px;
	height: 21px;
	display: block;
	background: url(/wp-content/uploads/2020/04/close.png) no-repeat center;
	cursor: pointer;	}
#case_popup .popup.opened {display: block}

#casest h2 { width: 250px; margin: 0 auto}
.d_col p:empty { display: none}

#box2 .f35 { margin-top: 15px}



@media only screen and (max-width: 1800px) {
	#absoluteimg { top: -300px;  right: -140px;  }
}
@media only screen and (max-width: 1700px) {
	#absoluteimg { top: -300px;  right: -200px;  }
}

@media only screen and (max-width: 1430px) {
	#main-banner .text1 { font-size: 65px;}
	#main-banner h1 { font-size: 78px;}
	#absoluteimg { display: none}
	#top-menu li a {  padding: 0px 8px;}
}

@media only screen and (max-width: 1300px) {
	#main-banner .text1 { font-size: 50px;}
	#main-banner h1 { font-size: 58px;}
	#solution .et_pb_row { width: 98%}
	.join-cols span.count .percent span { font-size: 60px;}
	.join-cols .cols5 .j-head { font-size: 62px;}
	#page-container { overflow: hidden}
	#top-menu li { padding-right: 0px!important;  }
	#top-menu li a { font-size: 13px}

}

@media only screen and (max-width: 1200px) {
	#main-banner .text1 { font-size: 44px;}
	#main-banner h1 { font-size: 48px;}
	#top-menu li { padding-right: 12px;}
	.box1 .box1-body h3 { font-size: 26px;}
	.box1 .imgs { width: 70px;}
	.box1 .box1-body { width: calc(100% - 102px);}
	#solution .et_pb_column_1_3:nth-child(3) .cols1:before {width: 30px;left: -50px;}
	#solution .et_pb_column_1_3:nth-child(1) .cols1:before { width: 30px; right: -50px}
	.join-cols .cols5 .j-text {    font-size: 19px;}
	.join-cols .cols5 .j-head,
	.join-cols span.count .percent span { font-size: 50px;  }

	#start span.et_pb_image_wrap {    width: 425px;  margin-top: 2px;  margin-left: 60px;}
	#start:before {     width: 750px;  height: 750px;  top: -100px;}
	#start:after {width: 500px; height: 500px;  top: 15px;}
	#simple-banner h1 { font-size: 70px;}
	.lc-1 {  padding-top: 11vw;  }
	#start p { font-size: 22px;}
	#start .et_pb_column_1_2:first-child {  width: 70%;}
	#start .et_pb_column_1_2:last-child { width: 30%;}
	#start span.et_pb_image_wrap { margin-left: 0;}
	#start .start { font-size: 46px;}
    #join { padding-bottom: 60px}
    .join-cols span.count .percent span { display: block}
}

@media only screen and (max-width: 1100px) {
	#main-banner .text1 { font-size: 40px;}
	#main-banner h1 { font-size: 44px;   padding-top: 30px;}
	.f26 { font-size: 22px; margin-top: 17px}
	#top-menu li { padding-right: 0px;}
	#top-menu li a { padding: 0px 9px;}
	h2.line { font-size: 32px;}
	#start:before { left: calc(60% - 120px);}
	#start:after { left: 60%;}
	#top-menu li a {font-size: 13px!important;}

	#et_mobile_nav_menu {  display: block;  }
	#top-menu {  display: none;}
	.mobile_nav .mobile_menu_bar:before { color: #000;font-size: 48px;}

	#menu-item-383 { position: relative;  left: -185px;  }
	#menu-item-383 a { top:5px;     padding: 5px 15px!important; border: 2px solid #ed5223;}
	#main-header .container { padding-right: 0;  }
	#start span.et_pb_image_wrap { width: 380px;}
	#start .et_pb_column_1_2:last-child {    position: absolute; bottom: -20px;  right: 0;}

	.r_part {padding:  30px 35px;}
	.gray_text_box { padding: 30px}
	.p_title { font-size: 30px; padding-bottom: 30px; margin-bottom: 30px}
	.digits .d_col .num { font-size: 44px;}
	.digits { margin: 10px 0; }
	.case_box .c_text { font-size: 20px;}
	.case_box .c_logos,
	.case_box .c_text,
	.c_readme { padding-left: 20px}
}

@media only screen and (max-width: 980px) {

	#main-banner .text1 { font-size: 38px;}
	#main-banner h1 { font-size: 44px;}
	.lc-1 { padding-top: 35px;  }
	h2.line { font-size: 32px;}
	.f35 { font-size: 30px;}
	#box3 .et_pb_column:first-child { width: 50%!important;}
	#box3 .et_pb_column:last-child { padding: 40px 30px 20px; width: 50%!important; }
	.box1 .imgs { width: 60px;    margin-right: 20px;}
	.box1 .box1-body { width: calc(100% - 82px);}
	.box1 .box1-body h3 {     margin-bottom: 0;  margin-top: 5px;}
	#slides .et_pb_slide {    background-position: top 35px right 10px;}
	#problem .polosa .probs .cols1 { font-size: 19px}

	#solution .sol-block.row1 { position: relative; padding-right: 340px; margin-top: 60px}
	#solution .sol-block.row1 .et_pb_image { position: absolute; bottom: 0; right: 0; width: 240px; margin-bottom: 0;}
	#solution .et_pb_module.et_pb_image { overflow: hidden}
	#solution .et_pb_module.et_pb_image img { bottom: -120px}
	#solution .et_pb_row { width: 94%;  }

	#solution .sol-block.row2 { position: relative; padding-left: 340px;     text-align: left;}
	#solution .sol-block.row2 .et_pb_image { position: absolute; bottom: 0; left: 0; width: 240px; margin-bottom: 0;}
	#solution .et_pb_column_1_3:nth-child(1) .row2,
	#solution .et_pb_column_1_3:nth-child(1) .sol-block.row2,
	#solution .et_pb_column_1_3:nth-child(3) .sol-block.row2{ margin-top: 235px;  }


	#img2, #img3, #img4 { display: block}
	#solution .et_pb_column_1_3:nth-child(1) .cols1:before,
	#solution .et_pb_column_1_3:nth-child(3) .cols1:before { right: -50px; left: initial;}
	#solution .et_pb_column_1_3:nth-child(1) .row2 .cols1:before,
	#solution .et_pb_column_1_3:nth-child(3) .row2 .cols1:before {left: -50px;  right:initial;}
	#solution .et_pb_column_1_3:nth-child(1) .row2 .sol-head { float: right}
	#solution .et_pb_column_1_3:nth-child(1) .row2 img { float: left}

	#solution .et_pb_column_1_3:nth-child(3) .row1 .sol-head { float: left;  text-align: right;  }
	#solution .et_pb_column_1_3:nth-child(3) .row1 .cols1 img {  float: right;  }

	.openimg2:before {background: #72bf51!important;}
	.openimg3:before {background: #f6a31c!important;}
	.openimg4:before {background: #ed5223!important;}

	#join .et_pb_row {     max-width: 95%!important;  width: 95%;}

	#start p,
	#start .start { text-align: center;}
	#start a.button1 { margin: 0 auto}

	#start:before { left: calc(50% - 450px);  top: 53px;  width: 900px;  height: 900px; }
	#start:after { left: calc(50% - 350px);  top: 153px;  width: 700px;  height: 700px; }
	#start .et_pb_column_1_2:last-child .et_pb_image { left: calc(50% - 190px);}
	#start a.button1 {width: 230px}
	#start .et_pb_column_1_2 { height: 195px;  }
	#footer-widgets .footer-widget {margin: 0 auto!important; width: 70%!important;}
	footer { padding-top: 50px}
	#footer-widgets form h2 { margin-bottom: 20px}
	#footer-widgets form {margin-bottom: 0}
	#footer-widgets form input[type="submit"] { width: 200px; padding: 15px;  border: 2px solid #fff!important;  margin: 10px auto 0;  display: block;  border-radius: 33px;}
	#footer-widgets form p:last-child { padding-bottom: 0}
	#footer-widgets form h2 { font-size: 52px;}
	li#menu-item-41 {  position: absolute;  right: 60px;  top: 37px;  list-style: none; }
	li#menu-item-41 a { color: #ed5223; font-size: 15px; text-transform: uppercase}
	.et_header_style_left #logo, .et_header_style_split #logo { max-width: 100%}
	#mobile_menu #menu-item-41 { display: none}
	#team-photo .et_pb_row_1 .et_pb_column { width: 40%!important;margin: 0 20px 0px!important;}
	#team-photo .et_pb_row_4col .et_pb_column_1_4 {     width: 24%!important;  margin: 0 .5%;}
	#simple-banner h1 { font-size: 60px;}
	#fcol .et_pb_text { width: 90%; padding-top: 55px;  max-width: 100%;  float: none;  margin: 0 auto;}
	#contacty .et_pb_column_1_2 { width: 100%}
	#footer-widgets  .contct-list li { display: block; text-align: left}
	.join-cols .cols5 .j-head, .join-cols span.count .percent span { font-size: 42px;  }
	a.vp-a.vp-vim-type.img-hover:hover { box-shadow: none!important;}
	.case_box { min-height: 410px}
	#casest .et_pb_column_1_3 { width: 31%!important; margin-right: 2%;}
	.case_box .c_text { font-size: 18px; line-height: 1.3}
	#videos-b .podpis {    padding: 10px 0 0;    text-align: center;}
}

@media only screen and (max-width: 880px) {
	.l_part, .r_part { width: 100%}
	.popup .et_pb_text_inner {    flex-direction: column-reverse;}
}
@media only screen and (max-width: 800px) {
	#box3 .et_pb_column:first-child { height: 60vw}
	#box3 .et_pb_column:first-child,
	#box3 .et_pb_column:last-child { padding: 40px 30px 20px; width: 100%!important; }
	#problem .polosa .probs {width: 100%;  padding: 15px; margin-top: 88px; justify-content: space-between; }
	#problem .polosa .probs .cols1 {    padding-top: 0; height: 60px;  top: -55px;  position: absolute;}
	#problem .polosa.row2 .probs { margin-top: 88px}
	.join-cols .cols5 .j-head, .join-cols span.count .percent span { font-size: 38px;  }
	.join-cols .et_pb_text_inner { margin-top: 60px; }
	#join { padding: 60px 0 36px; }
	.et-pb-arrow-next, .et-pb-arrow-prev {  top:20%; height: 80%; width: 50%; color: transparent}
	#box3 .et_pb_column:last-child { background-size: cover;}
	#team-photo .et_pb_row.et_pb_row_2.et_pb_row_4col .et_pb_column_1_4 {width: 40%!important;margin: 0 20px 30px!important;}
	#team-photo .et_pb_row_1, #team-photo .et_pb_row_2 { padding: 0;}
	#simple-banner h1 { font-size: 50px;}
	#start .et_pb_column_1_2:last-child {     position: relative;  bottom: -30px;}
	#videos-b .et_pb_column { width: 90%!important; max-width: 540px; margin: 10px auto!important;; float: none}
	.case_box .c_text { font-size: 16px;}
}

@media only screen and (max-width: 680px) {
	.join-cols .cols5 { width: 100%; margin-bottom: 20px;}
	.join-cols .et_pb_text_inner {  margin-top: 20px;  }
	.join-cols .cols5 .j-head, .join-cols span.count .percent span { font-size: 60px; }
	#join { padding-bottom: 20px}
	#footer-widgets form h2 { font-size: 46px;}
	.et_fixed_nav.et_show_nav #page-container { padding-top: 95px!important;  }
	.slick-slide { margin: 0 10px; }
	.slick-list { margin: 0 0px; }
	.slick-prev { left: -20px;}
	.slick-next { right: -20px}
	.slick-prev:before, .slick-next:before { font-size: 23px; }
	.digits .d_col .num { font-size: 36px;}
	.case_box { min-height: 395px; }
}

@media only screen and (max-width: 600px) {
	.lc-1 { padding-top: 25px;  }
	#main-banner h1 { font-size: 42px;  padding-top: 25px;  }
	#main-banner .text1 { font-size: 36px;  }
	#main-banner img.wp-image-43 { height: 4px}
	.et_pb_column { margin-bottom: 20px}
	#main-banner .et_pb_row { width: 90%;}
	#slides .slide-text .s-name,
	#slides .slide-text .position { padding-right: 70px}
	#problem .polosa .probs .circle1:nth-child(2) { margin-bottom: -35px;}
	#problem .polosa .probs {   border-radius: 0 50% 50% 0;}
	#problem .polosa .probs .cols1 { width: 100%;}
	#problem .polosa .probs .cols1 br { display: none}
	#problem {    background: #f6f7f2!important;  }
	#problem .polosa .probs { padding-left: 0}

	#solution .sol-block .et_pb_image { width:210px!important;}
	#solution .et_pb_column_1_3:nth-child(1), #solution .et_pb_column_1_3:nth-child(3) { padding-top: 10px; }
	#solution .et_pb_column_1_3:nth-child(1) .row2, #solution .et_pb_column_1_3:nth-child(1) .sol-block.row2, #solution .et_pb_column_1_3:nth-child(3) .sol-block.row2 {  margin-top: 70px;  }
	#solution .sol-block.row1 { padding-right: 290px}
	#solution .sol-block.row2 { padding-left: 290px}

	#solution .sol-head {float: none; width: 100%;}
	#solution .et_pb_column_1_3:nth-child(1) .row1 .sol-head { text-align: right}
	#footer-widgets form h2 { font-size: 36px;}

	#solution { padding-top: 40px}
	.et_pb_column .et_pb_row_inner, .et_pb_row { padding: 15px 0;  }
	#start .start { font-size: 40px;}
	#start p { font-size: 21px;}
	#start .et_pb_column_1_2 { height: 208px;}
	.credits span { display: block; text-align: center}
	#team-photo .et_pb_row.et_pb_row_2.et_pb_row_4col .et_pb_column_1_4,
	#team-photo .et_pb_row_1 .et_pb_column { margin: 0 10px 30px!important;}
	#simple-banner h1 { font-size: 46px;}
	#fcol .phones1 { margin: 25px 0 0px; font-size: 18px}
	#fcol .location { margin: 20px 0;line-height: 1.2;}
	#footer-widgets  .contct-list li { padding-right: 0}
	#start .et_pb_column_1_2:nth-child(1) { height: 225px;  }
	#main-header .container { width: 96%}
	#popup {padding-right: 20px;}
	.logosy .et_pb_text_inner { margin-left: 0; margin-right: 0}
	#casest .et_pb_column_1_3 { width: 100%!important; margin-right: 0;}
	.case_box { min-height: auto;}
	.case_box .c_img img { width: 100%}
}

@media only screen and (max-width: 480px) {
	#main-banner .text1 { font-size: 36px;  }
	.f35 {  font-size: 26px;  }
	.box1 .imgs { width: 50px;  margin-right: 10px;  }
	.box1 .box1-body {  width: calc(100% - 60px); }
	.box1 .box1-body h3 {  font-size: 22px; }
	#box3 .et_pb_column:last-child { padding: 45px 20px 20px;}
	.box1 .box1-body p { font-size: 16px;}
	#slides .img-box2 { float: none}
	#slides .slide-text { float: none;    width: 100%;}
	h2.line { font-size: 26px; }
	#slides .et_pb_row { padding-bottom: 0}
	#slides .slide-text p { font-size: 16px;}
	#problem .polosa .probs { width: 300px;}
	#solution .et_pb_column_1_3:nth-child(1) .cols1:before, #solution .et_pb_column_1_3:nth-child(3) .cols1:before { display: none}
	#solution .sol-block.row1 { padding-right: 0px}
	#solution .sol-block.row2 { padding-left: 0px}
	#solution .sol-block.row1 .cols1 { padding-right: 0; width: calc(100% - 200px);}
	#solution .sol-block.row2 .cols1 { padding-left: 200px;}
	#solution .sol-block .et_pb_image { width: 190px!important;  }
	#solution .sol-block.row1 .et_pb_image,
	#solution .sol-block.row2 .et_pb_image{ bottom: 74px}

	#solution .et_pb_column_1_3:nth-child(1) .row2, #solution .et_pb_column_1_3:nth-child(1) .sol-block.row2, #solution .et_pb_column_1_3:nth-child(3) .sol-block.row2 {  margin-top: 190px;  }
	#solution .sol-block.row1 { margin-top: 110px; text-align: right;}
	#solution .sol-block p {    font-size: 16px; line-height: 20px;    display: block;  z-index: 99;  position: relative; padding-top: 12px; background: #fff}
	#solution { padding: 60px 0 8px;  background: #fff!important;  }
	#solution .cols1.clearfix { margin-bottom: 13px;}
	#start .et_pb_row { width: 90%}
	#start .start { font-size: 36px;  }
	.join-cols .cols5 .j-head, .join-cols span.count .percent span { font-size: 50px;  }
	.join-cols .cols5 { margin-bottom: 10px;}
	#team-photo .et_pb_row.et_pb_row_2.et_pb_row_4col .et_pb_column_1_4,
	#team-photo .et_pb_row_1 .et_pb_column { width: 80%!important; max-width: 236px!important; }
	.team-name { margin-top: 10px;}
	#simple-banner h1 { font-size: 38px;}
	#simple-banner { padding-bottom: 30px}
	#footer-widgets  .contct-list li { font-size: 15px}
	#menu-item-383 a {  right: -129px;}
	.digits .d_col .num { font-size: 28px; margin-bottom: 10px }
	.digits .d_col p { font-size: 15px; line-height: 1.2}
	.logosy .et_pb_text_inner p { width: 50%}
	#box2 .f35 { margin-top: 10px}
}

@media only screen and (max-width: 400px) {
	#main-banner .text1 { font-size: 34px;  }
	#slides .slide-text { clear: both; padding-top: 20px}
	#slides .slide-text .s-name,
	#slides .slide-text .position { padding-right: 0px}
	#solution .sol-head { font-size: 20px;}
	#solution .sol-block .et_pb_image { width: 160px!important;  }
	#solution .sol-block.row1 .cols1 { padding-right: 0; width: calc(100% - 170px);}
	#solution .sol-block.row2 .cols1 { padding-left: 170px;}
	#solution .sol-block.row1 { margin-top: 40px;}
	#solution .et_pb_column_1_3:nth-child(1) .row2, #solution .et_pb_column_1_3:nth-child(1) .sol-block.row2, #solution .et_pb_column_1_3:nth-child(3) .sol-block.row2 {  margin-top: 130px;  }
	#footer-widgets .footer-widget { width: 90%!important;}
	#footer-widgets form p { padding-bottom: 20px;  }
	#start .start { font-size: 32px;  }
	#start p {  font-size: 20px;  line-height: 1.25;}
	#start .et_pb_column_1_2:last-child .et_pb_image { left: calc(50% - 270px);  }
	#start span.et_pb_image_wrap { width: 350px}
	#start .et_pb_column_1_2 { height: 168px; }
	#join .line { width: 100%;}
	#main-header .container { width: 90%}
	#footer-widgets .contct-list { width: calc(100% + 15px)}
	#menu-item-383 { display: none}
	.case_box .c_text { font-size: 18px;padding-left: 20px}
	.case_box .c_logos,
	.c_readme {padding-left: 20px}
	.digits .d_col p { font-size: 14px;}
	.digits .d_col .num { font-size: 26px;}
}