@font-face {
	font-family: Gerbera;
	src: url("../fonts/Gerbera-Light.woff") format("woff"), url("../fonts/Gerbera-Light.ttf")  format("truetype"), url("../fonts/Gerbera-Light.otf")  format("opentype");
}

@font-face {
	font-family: Gerbera;
	font-weight: bold;
	src: url("../fonts/Gerbera-Bold.woff") format("woff"), url("../fonts/Gerbera-Bold.ttf")  format("truetype"), url("../fonts/Gerbera-Bold.otf")  format("opentype");
}

/* NEW CSS */
body { font-family:"Gerbera"; color:#121212; font-size:16px; background:#fff; position:relative; line-height:1.5 }
a { font-family:"Gerbera"; color:#121212; font-size:16px; text-decoration:none; }
a:hover { font-family:"Gerbera"; color:#121212; font-size:16px; text-decoration:none;}

a, img, input, button, textarea, select { outline:none; }

* { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.clearfix:after { clear:both; content:""; display:block; font-size:0; height:0; visibility:hidden;}

#wrapper { position:relative; overflow:hidden}

.wrapper { max-width:1400px; margin:auto; position:relative; z-index:1}

.fl { float:left}
.fr { float:right}

button, a, .trans {
	-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;
}

a.btn { display:inline-block; padding:10px 30px; line-height:32px; font-size:14px; color:#fff; text-transform:uppercase; border-radius:2px; background:#B2B2B2}
a.btn:hover { background:#000 }


button.btn { display:inline-block; font-size:14px; color:#fff; text-transform:uppercase; border-radius:2px; background:#B2B2B2; cursor: pointer}
button.btn:hover { background:#000 }

/* HEADER */

h1 { font-size:40px}
h2 { font-size:32px}
h3 { font-size:24px}
h6 { font-size:16px}

#header  { position:absolute; z-index:10; left:0; top:0; right:0;  }
#header.active {  background:rgba(255,255,255,1)}

#header .logo { float:left; margin-left:217px; padding-top: 43px; z-index:2; position:relative }
#header .logo img { height:30px; width:auto}


#header .menu { float:right}
#header .menu ul { }
#header .menu li { float:left; margin:0 30px; list-style-type:none}
#header .menu li a { font-size:16px; line-height:52px; font-weight:bold; color:#121212;  }
#header .menu li a:hover, #header .menu li a.active { color:#E3000F; font-size:16px; font-weight:bold; }
#header .menu.active { display:block}

#header .user { float:right}

#header .menu .user { float:none; display: none; margin: auto}

#header .toggle-nav { display:none; float:right; position:relative; z-index:10; width:40px; height:40px; margin-left:10px; margin-top:6px }
#header .toggle-nav i { position:absolute; display:block; height:2px; background:#000000; width:30px; right:5px; }
#header .toggle-nav i:nth-child(1) { top:10px; }
#header .toggle-nav i:nth-child(2) { top:19px; }
#header .toggle-nav i:nth-child(3) { top:28px; }

#header .toggle-nav.active i:nth-child(1) { top:19px; -webkit-transform:rotateZ(45deg); -moz-transform:rotateZ(45deg); -o-transform:rotateZ(45deg); transform:rotateZ(45deg); }
#header .toggle-nav.active i:nth-child(2) { background:transparent; }
#header .toggle-nav.active i:nth-child(3) { top:19px; -webkit-transform:rotateZ(-45deg); -moz-transform:rotateZ(-45deg); -o-transform:rotateZ(-45deg); transform:rotateZ(-45deg); }


.left-part { float:left; width:350px; position:relative}
.right-part { float:right; width:calc(100% - 350px); padding:35px; position:relative; overflow: hidden}

.left-part h3 { padding: 35px}

#block-one { }
#block-one .right-part { background:#F3F3F4; padding:170px 35px 0 35px;}
#block-one h1 { font-weight:normal;}
#block-one .content { float:left; width:calc(50% - 120px); }
#block-one .content .button { width: 175px}
#block-one .content .button a { margin-bottom: 15px; width: 100%; text-align: center}

#block-one .content .button a.signin { background:#E3000F}
#block-one .content .button a.signin:hover { color:#fff; background: #000}

#block-one .video { float:right; width:calc(50% + 100px);}
#block-one .video img.preview { width:100%; display: block; opacity: 0.7}

#block-one .video a { display:block; position: relative}
#block-one .video a .play { z-index: 1; width:64px; height: 64px; background: rgba(0,0,0,0.5); border-radius: 64px; display: block; position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); }
#block-one .video a .play img { width:18px; position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); margin-left:2px}


#block-one .video a:hover img.preview { opacity: 1}
#block-one .video a:hover .play { transform: translate(-50%, -50%) rotate(360deg); }


#block-two { margin-top:100px}
#block-two .right-part img {  margin: auto; margin-bottom:-200px; display: block; position: relative; max-width: 848px; width: 100% }

#block-exchange { }
#block-exchange .right-part { background:#F3F3F4; padding:100px 35px 100px 35px; }
#block-exchange .left-part:before { content:''; position:absolute; left:0; top:0; width:30px; height:30px; border-left:1px solid #B2B2B2; border-top:1px solid #B2B2B2 }
#block-exchange .left-part:after { content:''; position:absolute; left:0; bottom:0; width:30px; height:30px; border-left:1px solid #B2B2B2; border-bottom:1px solid #B2B2B2}

/* CENTER */
#center { padding:0 0 0 0; }



/* CONTENT */
.content {}
.content a { }
.content ul, .content ol { padding-left:20px; padding-bottom:20px }
.content ul li { position:relative; }

.content ul.custom { }
.content ul.custom li { position:relative; list-style-type:none; padding-bottom:40px}
.content ul.custom li:before { content:''; width:8px; height:8px; background:#E3000F; left:-20px; top:8px; position:absolute; }

.content p { padding-bottom:20px }



/* BLOCK */
.block { position:relative; }
.block .block-content { }
.block .block-footer {}



/* SCHEME */
.work-scheme { position:relative; width: 720px; height: 400px}
.work-scheme .user-box-left { text-align: right; width: 175px; position: absolute; left: 0; top: 0}
.work-scheme .user-box-right { text-align: left; width: 175px; position: absolute; right: 0; top: 0}

.work-scheme .user-box-left:before { position:absolute; top: 145px; right:-180px; content: ''; width:144px; height:26px; background-image: url("../images/work-left-arrow-desktop.svg"); background-position: right 0}
.work-scheme .user-box-right:before { position:absolute; top: 145px; left:-180px; content: ''; width:144px; height:26px; background-image: url("../images/work-right-arrow-desktop.svg"); background-position: left 0 }


.work-scheme .dialog { display:table; position: relative; background:#F3F3F4; margin-bottom: 30px}
.work-scheme .dialog .value { display:table-cell; vertical-align: middle; width: 175px; height: 90px; color: #000; padding: 0 20px; font-size: 16px }

.work-scheme .user-box-left img { margin-right: 55px}
.work-scheme .user-box-right img { margin-left: 55px}

.work-scheme .picture-box-center { width:256px; left: 50%; top: 0; position: absolute; transform:translate(-50%, -20px);}

.work-scheme .picture-box-center:after { position:absolute; top:225px; right:-135px; content: ''; width:535px; height:160px; background-image: url("../images/work-red-arrow-desktop.svg"); background-position: right 0; z-index: 0}

.work-scheme .picture-box { background:#C4C4C4; height: 105px; width: 256px; display: table; margin-bottom: 90px}
.work-scheme .picture-box .picture { float:left; width: 85px}
.work-scheme .picture-box .value { display: table-cell; height: 105px; vertical-align: middle; color: #fff}
.work-scheme .picture-box .value span { font-size:18px; font-weight: bold}

.work-scheme .picture-box-one { display:table; position: relative; background:#F3F3F4; margin-bottom: 15px; z-index: 1; color: #000;}
.work-scheme .picture-box-one .value { display:table-cell; vertical-align: middle; text-align: center; width: 256px; height: 60px; padding: 0 20px; }

.work-scheme .picture-box-two { display:table; position: relative; border:1px dashed #B2B2B2; margin-bottom: 15px; color:#E3000F; z-index: 1}
.work-scheme .picture-box-two .value { display:table-cell; vertical-align: middle; text-align: center; width: 256px; height: 60px;  padding: 0 20px; }

.work-scheme .picture-box-three { display:table; position: relative; background:#F3F3F4; z-index: 1; color: #000;}
.work-scheme .picture-box-three .value { display:table-cell; vertical-align: middle; text-align: center; width: 256px; height: 60px;  padding: 0 20px; }
/* END SCHEME */


.work-scheme-second { position:relative; width:660px; height: 620px}

.work-scheme-second .dialog { width:80px; height: 60px; display:table; position: relative; background:#F3F3F4; text-align: center}
.work-scheme-second .dialog .value { width:80px; height: 60px; display: table-cell; vertical-align: middle}


.work-scheme-second .user-box-left { width: 230px; position: absolute; left: 0; top:100px; text-align:center}
.work-scheme-second .user-box-left:before { position: absolute; right: 0; bottom:-25px; width:146px; height:54px; content: ''; background-image: url("../images/work2-left-arrow-desktop.svg"); background-position: 50% 100%;}
.work-scheme-second .user-box-center { width: 80px; position: absolute; left: 50%; transform:translate(-50%, 0); top: 10px; text-align:center}
.work-scheme-second .user-box-center:before { position: absolute; left: 50%; bottom:-35px; width: 5px; height: 82px; content: ''; background-image: url("../images/work2-center-arrow-desktop.svg"); background-position: 50% 100%;}
.work-scheme-second .user-box-right {  width: 215px; position: absolute; right: 0; top:100px; text-align:center}
.work-scheme-second .user-box-right:before { position: absolute; left: 0; bottom:-25px; width: 146px; height: 54px; content: ''; background-image: url("../images/work2-right-arrow-desktop.svg"); background-position: 50% 100%;}

.work-scheme-second .user-box-left img { float:left}
.work-scheme-second .user-box-left .dialog { float:left; margin-left: 56px}

.work-scheme-second .user-box-right img { float:right}
.work-scheme-second .user-box-right .dialog { float:right; margin-right: 56px}

.work-scheme-second .user-box-center
.work-scheme-second .user-box-center img { }
.work-scheme-second .user-box-center .dialog { margin-top:20px }


.work-scheme-second .picture-box-center { width: 350px; left: 50%; top:200px; position: absolute; transform: translate(-50%, 0); margin-left:7px}
.work-scheme-second .picture-box { background:#C4C4C4; height:133px; width: 350px; display: table;  z-index:2; position: relative}
.work-scheme-second .picture-box .picture { float:left; margin-right: 10px; width: 199px}
.work-scheme-second .picture-box .value { display: table-cell; height: 133px; vertical-align: middle; color:#fff}
.work-scheme-second .picture-box .value span { font-weight: bold}

.work-scheme-second .picture-box-one { display:table; position: relative; left: -22px; top:-10px; border:1px dashed #B2B2B2;  width: 395px; margin-bottom: 15px; color:#E3000F; z-index: 1}
.work-scheme-second .picture-box-one .value { display:table-cell; vertical-align: middle; text-align: center; width: 334px; height: 60px; padding: 0 20px; }


.work-scheme-second .bottom-user-box-left { width: 230px; position: absolute; left: 0; top:420px; text-align:center}
.work-scheme-second .bottom-user-box-left:before { position: absolute; right: 0; top:-25px; width: 146px; height: 56px; content: ''; background-image: url("../images/work2-left-arrow-red-desktop.svg"); background-position: 50% 100%;}
.work-scheme-second .bottom-user-box-center { width: 80px; position: absolute; left: 50%; transform:translate(-50%, 0); top:420px; text-align:center; padding-top: 30px}
.work-scheme-second .bottom-user-box-center:before { position: absolute; left: 50%; top:-25px; width: 5px; height: 147px; content: ''; background-image: url("../images/work2-center-arrow-red-desktop.svg"); background-position: 50% 100%;}
.work-scheme-second .bottom-user-box-right {  width: 215px; position: absolute; right: 0; top:420px; text-align:center}
.work-scheme-second .bottom-user-box-right:before { position: absolute; left: 0; top:-25px; width: 145px; height: 56px; content: ''; background-image: url("../images/work2-right-arrow-red-desktop.svg"); background-position: 50% 100%;}

.work-scheme-second .bottom-user-box-left img { float:left}
.work-scheme-second .bottom-user-box-left .dialog { float:right; margin-right: 46px; color:#E3000F;}

.work-scheme-second .bottom-user-box-right img { float:right}
.work-scheme-second .bottom-user-box-right .dialog { float:left; margin-left: 46px; color:#E3000F;}


.work-scheme-second .bottom-user-box-center img { }
.work-scheme-second .bottom-user-box-center .dialog { margin-bottom:45px; color:#E3000F; }



.image-caption { color: #B2B2B2; font-style: italic; font-size: 14px; }




.simple-column .col { float:left; width:32%; margin-right:2%; margin-bottom:2%; padding-right:1%}
.simple-column .col:nth-child(3n) { margin-right:0; }


.simple-column-two .col { float:left; width:44%; margin-bottom: 2%}
.simple-column-two .col:nth-child(2n) { float:right; }
.simple-column-two .red { color:#E3000F; font-weight: bold}

.person-list .person-item { float:left; width:32%; margin-right:2%; margin-bottom:2%; padding-right:1%}
.person-list .person-item:nth-child(3n) { margin-right:0; }
.person-list .person-item .thumb img { width: 200px; }
.person-list .person-item .social { padding-top:10px}
.person-list .person-item .social li { list-style-type:none; float:left; margin-right:8px}
.person-list .person-item .social li a { display:block; width:32px; height:32px; font-size:12px; color:#fff; text-align:center; line-height:32px; background:#B2B2B2; }
.person-list .person-item .social li a:hover { background:#121212; }


.roadmap-block { padding:35px; background:#F3F3F4 }

.roadmap-block h3 { padding-bottom:40px}

.roadmap-list { position: relative}

.roadmap-list:before { content:''; top:50%; left: 0; background:#B2B2B2; height:2px; width: 100%; position: absolute; }
.roadmap-list:after { content:''; top:50%; right:0; border-top:2px solid #B2B2B2; border-right:2px solid #B2B2B2; height:20px; width:20px; position: absolute; transform: rotate(45deg); margin-top: -10px  }

.roadmap-list .roadmap-item { float:left; width: 18%; padding: 40px 20px; text-align: right; position: relative}
.roadmap-list .roadmap-item:nth-child(2n) { position:relative; }

.roadmap-list .roadmap-item .line { position: absolute; bottom:0; right:0; width: 2px; height: 64px; background: #B2B2B2;}

.roadmap-list .roadmap-item .line:before {  content:''; top:-3px; right:-3px; width: 8px; height: 8px; background: #B2B2B2; position: absolute}
.roadmap-list .roadmap-item .line:after {  content:''; bottom:-3px; right:-3px; width: 8px; height: 8px; background: #B2B2B2; position: absolute}

.roadmap-list .roadmap-item:first-child .line { height:100%; }
.roadmap-list .roadmap-item:first-child .line:after {  content:''; bottom:-9px; right:-9px; width: 20px; height: 20px; background: #E3000F; }
.roadmap-list .roadmap-item:nth-child(2n) .line {  top:0 }


.roadmap-list .roadmap-item .name { padding-bottom:10px; color: #000; font-weight: bold}
.roadmap-list .roadmap-item .resume { padding-bottom:10px; color:#B2B2B2; }
.roadmap-list .roadmap-item .date {  padding-bottom:10px; color: #E3000F; font-weight: bold}

.roadmap-list .start { color: #E3000F; ; position: absolute; left: 0; top: 55%; font-size:48px}
.roadmap-list .finish { color: #B2B2B2; ; position: absolute; right: 0; bottom: 55%; font-size:30px}

footer { background:#121212; color:#fff; }
footer .social { margin-top:40px}
footer .social li { float:left; margin-right:16px; list-style-type:none}
footer .social li a { display:block; width:30px; height:30px; line-height:30px; text-align:center; background:#D2D2D3; border-radius:30px}
footer .social li a:hover { background:#E3000F;}

footer .copy { margin-top:40px; padding: 10px 0 0 0 ; border-top: 1px solid rgba(255,255,255,0.8); color: #A5A5A7; font-size: 12px}

footer .left-part { width:50%; float:left; padding: 30px}
footer .right-part { width:50%; float:left; padding: 30px}


.web-form {} 
.web-form .field { padding: 0 0 10px 0} 
.web-form .field input { padding:0 20px; height: 56px; background: #fff; width: 100%; display: block; border:none; font-family:"Gerbera"; font-size: 16px; color: #121212 }
.web-form .button { padding: 0 0 10px 0} 
.web-form .button button { padding:0 20px; height: 56px; background: #fff; width: 100%; display: block; border:none; font-family:"Gerbera"; font-size: 16px; color: #121212 }
.web-form .button button:hover { background: #E3000F; color: #fff}

.web-form.subscribe .field { width: calc(100% - 166px); float: left}
.web-form.subscribe .button { width: 150px; float: right}


/* RESPONSIVE */
@media (max-width:1200px) {
	.wrapper { width:100%; padding:0 0; }
	
	/* HEADER */
	#header .toggle-nav { display:block}
	
	#header .menu { display:none; transform:translate(0, 0); top:100%; left:0; right:0; background:#fff; padding-top:20px; width:100%}
	#header .menu li { float:none; display:block; padding-bottom:20px; text-align:center}
	
	#header .right-part { width: 100%; padding-right: 20px}
	#header .logo { margin-left: 0; margin-left: 20px; position: absolute}
	
	/* CENTER */

	
	
	#block-one .content { float:none; width:100%; }
	#block-one .video { float:none; width:100%;}
	
	
	#block-exchange .left-part { background:#F3F3F4}
	#block-exchange .left-part:before { display: none}
	#block-exchange .left-part:after { display: none}
	#block-exchange .right-part { padding: 35px}
	
	/*.simple-column .col { float:none; width:100%; margin-right:0%; margin-bottom:2%; padding:0}*/
	
	
	/* FOOTER */

}

/* Portrait tablet to landscape and desktop */
@media (min-width:768px) and (max-width:979px) { 
	.wrapper { width:100%; padding:0 0; }
	
	#header { background:#fff}
	
	#center .left-part { float:none; width:100%; }
	#center .right-part { float:none; width:100%; }
	
	#block-one .right-part { padding-top:80px; }
	
	#block-two { margin-top:00px}
	#block-two .right-part .img {  margin: auto; margin-bottom:-25%; width: 100%; display: block; position: relative }
	
	.inner-wrapper-sticky { position:relative !important; left:0 !important; transform: none !important;}
	
	.simple-column .col { float:left; width:32%; margin-right:2%; margin-bottom:2%; padding-right:1%}
	.simple-column .col:nth-child(3n) { margin-right:0; }
	
	.person-list .person-item { float:left; width:32%; margin-right:2%; margin-bottom:2%; padding-right:1%}
	.person-list .person-item:nth-child(3n) { margin-right:0; }
	
	
	
	.roadmap-list { padding:80px 0}
	.roadmap-list:before { content:''; top:0; left: 50%; background:#B2B2B2; height:100%; width:2px;  }
	.roadmap-list:after { content:''; top: inherit;  left:50%; bottom:0; border-top:2px solid #B2B2B2; border-right:2px solid #B2B2B2; height:20px; width:20px; position: absolute; transform: rotate(135deg); margin-left:-10px  }
	
	.roadmap-list .roadmap-item { float:left; width: 50%; padding: 40px 20px; }
	.roadmap-list .roadmap-item:nth-child(2n) { text-align:left}
	
	.roadmap-list .roadmap-item .line { top:0; right:0; width: 64px; height: 2px; }
	
	.roadmap-list .roadmap-item .line:before { top:-3px; left:-3px; }
	.roadmap-list .roadmap-item .line:after { top:-3px; right:-3px; }

	.roadmap-list .roadmap-item:first-child .line { width:100%; height: 2px; }
	.roadmap-list .roadmap-item:first-child .line:after { content:''; top:-9px; right:-9px; width: 20px; height: 20px; background: #E3000F; }
	
	.roadmap-list .roadmap-item:nth-child(2n) .line {  left:0 }
	
	.roadmap-list .start {  left: 55%; top: 0; bottom: inherit; right: inherit; }
	.roadmap-list .finish { right: 55%; bottom: 0; top: inherit; left: inherit; }
	
}
  
/* Landscape phone to portrait tablet */
@media (max-width:767px) {
	.wrapper { width:100%; padding:0 0;}
	
	#header { background:#fff}
	
	#center .left-part { float:none; width:100%; }
	#center .right-part { float:none; width:100%; }
	
	#block-one .right-part { padding-top:80px; }
	
	#block-two { margin-top:00px}
	#block-two .right-part .img {  margin: auto; margin-bottom:-25%; width: 100%; display: block; position: relative }
	
	.inner-wrapper-sticky { position:relative !important; left:0 !important; transform: none !important;}
	/*
	.simple-column .col { float:none; width:100%; margin-right:0%; margin-bottom:2%; padding:0}
	.simple-column-two .col { float:none; width:100%; margin-right:0%; margin-bottom:2%; padding:0}
	*/
	.person-list .person-item { float:left; width:49%; margin-right:0%; padding:0}
	.person-list .person-item:nth-child(2n) { float:right; width:49%; margin-right:0%; padding:0}
	
	
	
	.work-scheme { position:relative; width:280px; margin:auto; height:540px}
	.work-scheme .user-box-left { top:130px; width: 128px;}
	.work-scheme .user-box-right { top:130px; width: 128px;}
	
	.work-scheme .user-box-left img { margin:0; float: left}
	.work-scheme .user-box-right img { margin:0; float: right}
	
	.work-scheme .user-box-left:before { width: 40px; height: 56px; right: 0; background-image: url("../images/work-left-arrow-mobile.svg");}
	.work-scheme .user-box-right:before { width: 40px; height: 56px; left: 0; background-image: url("../images/work-right-arrow-mobile.svg");}
	
	.work-scheme .dialog { margin-bottom: 5px}
	.work-scheme .dialog .value { width:128px; height: 100px; }
	
	.work-scheme .picture-box { margin-bottom:250px}
	
	.work-scheme .picture-box-center:after { width: 234px; height: 161px; right: 13px; top: 355px; background-image: url("../images/work-red-arrow-mobile.svg");}
	
	.work-scheme .picture-box-one, .work-scheme .picture-box-two, .work-scheme .picture-box-three { margin-left:40px}
	.work-scheme .picture-box-one .value { width:176px; height:48px; padding: 0 10px; font-size: 12px}
	.work-scheme .picture-box-two .value { width:176px; height:48px; padding: 0 10px; font-size: 12px}
	.work-scheme .picture-box-three .value { width:176px; height:48px; padding: 0 10px; font-size: 12px}
	
	
	
	
	
	.work-scheme-second { height:800px; width:280px; margin: auto}

	
	.work-scheme-second .user-box-left { width:80px; text-align: center; top: 139px}
	.work-scheme-second .user-box-left:before { width: 115px; height: 57px; right: -40px; background-image: url(../images/work2-left-arrow-mobile.svg);}
	.work-scheme-second .user-box-left .dialog { float:none; margin: 12px 0 0 0}
	.work-scheme-second .user-box-left img { float:none}
	
	.work-scheme-second .user-box-right { width:80px; text-align: center; top: 140px}
	.work-scheme-second .user-box-right:before { width: 123px; height: 57px; left: -40px; background-image: url(../images/work2-right-arrow-mobile.svg);}
	.work-scheme-second .user-box-right .dialog { float:none; margin: 12px 0 0 0}
	.work-scheme-second .user-box-right img { float:none}
	
	.work-scheme-second .user-box-center { width:80px; text-align: center; top: 0}
	.work-scheme-second .user-box-center:before { height: 168px; background-image: url("../images/work2-center-arrow-mobile.svg"); top: 130px}
	.work-scheme-second .user-box-center .dialog { float:none; margin: 12px 0 0 0}
	.work-scheme-second .user-box-center img { float:none}
	
	.work-scheme-second .picture-box-center { top:300px; margin-left: 0;}
	
	.work-scheme-second .picture-box-one { width:360px; left: -5px;}
	
	.work-scheme-second .bottom-user-box-left { width:80px; text-align: center; top:520px}
	.work-scheme-second .bottom-user-box-left:before { right: -40px; width: 40px; height: 56px; background-image:url("../images/work2-left-arrow-red-mobile.svg")}
	.work-scheme-second .bottom-user-box-left .dialog { float:none; margin: 0 0 20px 0} 
	.work-scheme-second .bottom-user-box-left img { float:none; margin: 0} 
	
	.work-scheme-second .bottom-user-box-right { width:80px; text-align: center; top:520px}
	.work-scheme-second .bottom-user-box-right:before { left: -41px; width: 41px; height: 56px; background-image:url("../images/work2-right-arrow-red-mobile.svg")}
	.work-scheme-second .bottom-user-box-right .dialog { float:none; margin: 0 0 20px 0}
	.work-scheme-second .bottom-user-box-right img { float:none; margin: 0} 
	
	.work-scheme-second .bottom-user-box-center { width:80px; text-align: center; top:520px; padding-top: 145px; }
	.work-scheme-second .bottom-user-box-center:before { width: 6px; margin-left: -3px; height: 168px;  background-image:url("../images/work2-center-arrow-red-mobile.svg")}
	.work-scheme-second .bottom-user-box-center .dialog { float:none; margin: 0 0 20px 0}
	.work-scheme-second .bottom-user-box-right img { float:none; margin: 0} 
	
	
	
	
	.roadmap-list { padding:80px 0}
	.roadmap-list:before { content:''; top:0; left: 50%; background:#B2B2B2; height:100%; width:2px;  }
	.roadmap-list:after { content:''; top: inherit;  left:50%; bottom:0; border-top:2px solid #B2B2B2; border-right:2px solid #B2B2B2; height:20px; width:20px; position: absolute; transform: rotate(135deg); margin-left:-10px  }
	
	.roadmap-list .roadmap-item { float:left; width: 50%; padding: 40px 20px; }
	.roadmap-list .roadmap-item:nth-child(2n) { text-align:left}
	
	.roadmap-list .roadmap-item .line { top:0; right:0; width: 64px; height: 2px; }
	
	.roadmap-list .roadmap-item .line:before { top:-3px; left:-3px; }
	.roadmap-list .roadmap-item .line:after { top:-3px; right:-3px; }

	.roadmap-list .roadmap-item:first-child .line { width:100%; height: 2px; }
	.roadmap-list .roadmap-item:first-child .line:after { content:''; top:-9px; right:-9px; width: 20px; height: 20px; background: #E3000F; }
	
	.roadmap-list .roadmap-item:nth-child(2n) .line {  left:0 }
	
	.roadmap-list .start {  left: 55%; top: 0; bottom: inherit; right: inherit; }
	.roadmap-list .finish { right: 55%; bottom: 0; top: inherit; left: inherit; }
	
	footer .left-part { width:100%; float:none; padding: 30px}
	footer .right-part { width:100%; float:none; padding: 30px}
	
}
 
/* Landscape phones and down */
@media (max-width:480px) { 
	.wrapper { width:100%; padding:0 0;}
	
	#header .user { display:none}
	#header .menu .user { float:none; display: block; margin: auto; text-align: center}
	
	#center .left-part h3 { padding:20px; }
	#center .right-part { padding:20px; }
	
	#block-one .right-part { padding:80px 20px 0 20px; }
	#block-one h1 { font-size:32px}
	
	#block-exchange .right-part { padding: 20px; }
	
	
	.person-list .person-item { float:none; width:100%; margin-right:0%; margin-bottom: 4%; padding:0}
	.person-list .person-item:nth-child(2n) { float:none; width:100%; margin-right:0%; margin-bottom: 4%; padding:0}
	
	.simple-column .col { float:none; width:100%; margin-right:0%; margin-bottom:2%; padding:0}
	.simple-column-two .col { float:none; width:100%; margin-right:0%; margin-bottom:2%; padding:0}

	
	.roadmap-list { padding:80px 0}
	.roadmap-list:before { content:''; top:0; left: 0; background:#B2B2B2; height:100%; width:2px;  }
	.roadmap-list:after { content:''; top: inherit; left:0; bottom:0; border-top:2px solid #B2B2B2; border-right:2px solid #B2B2B2; height:20px; width:20px; position: absolute; transform: rotate(135deg); margin-left:-10px  }
	
	.roadmap-list .roadmap-item { float:none; width:100%; padding: 40px 20px; text-align: left}
	.roadmap-list .roadmap-item:nth-child(2n) { text-align:left; margin-top: 0 !important}
	
	.roadmap-list .roadmap-item .line { top:0; left:0; width: 64px; height: 2px; }
	
	.roadmap-list .roadmap-item .line:before { top:-3px; left:-3px; }
	.roadmap-list .roadmap-item .line:after { top:-3px; right:-3px; }
	
	.roadmap-list .roadmap-item:nth-child(2n) .line {  left:0 }
	
	.roadmap-list .start {  left: 20px; top: 0; bottom: inherit; right: inherit; }
	.roadmap-list .finish { left: 20px; bottom: 20px; top: inherit; right: inherit; }
	
	footer .left-part { width:100%; float:none; padding: 20px}
	footer .right-part { width:100%; float:none; padding: 20px}
	
	
	.web-form.subscribe .field { width: 100%; float: none}
	.web-form.subscribe .button { width: 100%; float: none}
	
}