@font-face {
    font-family: 'PF Regal Text PRO A';
    src: url('/inc/fonts/PFRegalTextPro/pfregaltextpro-regularaitalic.eot');
    src: url('/inc/fonts/PFRegalTextPro/pfregaltextpro-regularaitalic.eot?#iefix') format('embedded-opentype'),
         url('/inc/fonts/PFRegalTextPro/pfregaltextpro-regularaitalic.woff2') format('woff2'),
         url('/inc/fonts/PFRegalTextPro/pfregaltextpro-regularaitalic.woff') format('woff'),
         url('/inc/fonts/PFRegalTextPro/pfregaltextpro-regularaitalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;

}

body { background: #fff; font-size: 14px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; padding-top: 76px; color: #000;}
.inner, .inner2 {min-width:1150px; max-width:1150px; padding: 0 10px; margin: 0 auto;}
.btn, .ss-form-submit {display: inline-block; color: #fff !important; font-size: 11px; background-color: #42b4e6; padding: 10px 20px; font-weight: bold; text-transform: uppercase; text-decoration: none; cursor: pointer;	border:0;}
a.btn:hover {text-decoration: none !important;}
img {max-width:100%;}
textarea, input, select {color: #000; font: 14px Arial, "Helvetica Neue", Helvetica, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
a, area, map {outline:0;}
h2, .NewsBody h2 {font-size: 1.67em !important; margin: 1.5em 0; font-weight: bold;}
h3, .NewsBody h3 {font-size: 1.6em !important; margin:20px 0 15px 0; font-weight: normal;}

/*---header---*/
.header {background-color: #3dcd58; height: 76px; position: fixed; width: 100%; color: #fff; z-index: 400; top: 0; min-width:1170px;}
.cnews-level-menu {float: left; width: 400px;}
.cnews_first {padding-top: 25px;}
.logo-cnews img, .slogo img {width: 114px; height: 22px;}
.cnews-level-menu .logo-cnews {border-color: #686868; border-width:1px;}
.menu-icon, .menu-icon:after {border-color:#fff;}
.menu-icon {height: 17px; margin-top: 0;}
.menu-icon:after {height: 8px;}
.cnews_second a {color: #fff !important; border-color:#fff !important;}
.cnews_second .stop {color: #fff;}
.cnews_second-inner {position: relative;}
.sbottom {position: absolute; left: 150px; top: 0px;}

.logo-se {float: right; margin-top: 12px;}

.header-panel {margin: 0 400px; text-align: center; padding: 20px 0 0 0;}
.btn-header {display: inline-block; font-size: 1em; text-transform: uppercase; color: #fff; text-align: center; width: 300px; height: 40px; line-height: 40px; background-color: #3dcd58; background-color: rgba(61,205,88,.8); border-bottom: 0; 
	font-weight: bold; position: fixed; right: -131px; top: 50%; margin-top: -24px;
	-webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);}
.btn-header:hover {text-decoration: none; background-color: #fff; color: #3dcd58; o}


.main-menu {height: 38px; line-height: 38px; position: absolute; top: 100%; left: 0; width: 100%; background-color: rgba(61,205,88,0.8); font-size: 1.28em; font-weight: bold; text-transform: uppercase;}
.main-menu ul {margin: 0 auto; min-width:980px; text-align: center; padding: 0;}
.main-menu li {display: inline-block; margin: 0 15px;}
.main-menu a {color: #fff;}

/*---/header---*/

/*---header-block---*/
.header-block {position: relative; min-width:1150px; height: 484px; background: #454545 url(//filearchive.cnews.ru/img/cnews/2018/08/06/header.jpg) 50% 50% no-repeat; -webkit-background-size: cover; background-size: cover;}
.header-block .inner {font-size: 66px; font-weight: bold; padding: 260px 0 0; text-align: center; color: #fff; text-transform: uppercase; line-height: 1;}
.header-block:after {content:' '; display: block; width: 27px; height: 27px; border-right:7px solid #009530; border-bottom:7px solid #009530; position: absolute; bottom: 24px; left: 50%; margin-left: -17px;
	-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);
}
/*---/header-block---*/

/*---cases-block---*/
.cases-block {background-color: #eeeeee; min-width: 1170px;	position: relative;	}
.title {color: #3dcd58; font-size: 1.64em; font-weight: bold; text-transform: uppercase; padding: 32px 0;}
.case-item {display: block; position: relative; width: 346px; height: 284px; color: #fff; font-size: 0.85em; line-height: 1.3; background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;}
.case-item span {display: block;}
.case-item .btn {display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; height: 0 !important; padding: 0 20px; line-height: 30px; margin-top: 14px; 
	-webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;
}
.case-item:hover .btn {height: 30px !important; margin-bottom: 14px;}
.case-txt {position: absolute; background-color: rgba(0,0,0,.6); position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px 33px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.case-title { font-size: 1.25em; font-weight: bold; }
.cases-block .bx-pager {padding: 50px 0 0; }
.cases-block .bx-pager-link {background-color: #fff; }

.bx-wrapper {position: relative; padding-bottom: 35px;}
.bx-pager {text-align: center; padding: 50px 0 0; }
.bx-pager-item {display: inline-block;}
.bx-pager-link {display: block; width: 15px; height: 15px; background-color: #b2b2b2; border-radius: 50%;  overflow: hidden; text-indent: -1000px; margin: 0 12px;}
.bx-pager-link.active {background-color: #3dcd58;}

/* .bx-prev {width: 33px; height: 54px; display: block; background:  url(//filearchive.cnews.ru/img/cnews/2018/08/06/arr.png) 0 0 no-repeat;} */
.bx-prev {display: block; border-left:9px solid #cccccc; border-bottom:9px solid #cccccc; position: absolute; width: 28px; height: 28px; left: -57px;  top: 50%; margin-top: -90px;
	-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);transform: rotate(45deg);
}
.bx-prev:before {content:' '; display: block; border-left:7px solid #fff; border-bottom:7px solid #fff; position: absolute; width: 28px; height: 28px; position: absolute; left: -8px;top: 1px;}
.bx-next {display: block; border-left:9px solid #cccccc; border-bottom:9px solid #cccccc; position: absolute; width: 28px; height: 28px; right: -57px; top: 50%; margin-top: -90px; 
	-webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg);transform: rotate(-135deg);
}
.bx-next:before {content:' '; display: block; border-left:7px solid #fff; border-bottom:7px solid #fff; position: absolute; width: 28px; height: 28px; position: absolute; left: -8px;top: 1px;}

@media only screen and (max-width: 1300px) {
	.cases-block .bx-prev, .product-section .bx-prev {left: -30px;}
	.cases-block .bx-next, .product-section .bx-next {right: -30px;}
}
@media only screen and (max-width: 1250px) {
	.cases-block .bx-prev, .product-section .bx-prev {display: none;}
	.cases-block .bx-next, .product-section .bx-next {display: none;}
}
/*---/cases-block---*/


/*---opinion-block---*/
.opinion-block {min-width: 1170px; margin: 0;}
.opinion-item {height: 511px;}
.opinion-item .inner {height: 100%;}
.opinion-img {width: 50%; position: relative; float: right; height: 100%; background-repeat: no-repeat; background-position: 50% 50%;	
	 -webkit-background-size: cover; background-size: cover;
}
.opinion-name {font-size: 1.1em; font-weight: bold; position: absolute; background-color: rgba(61,205,88,.8); left: 0; bottom: 123px; color: #fff; padding: 33px; width: 347px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.opinion-name .post {font-size: 0.8em; font-weight: normal; display: block;}

.opinion-text {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; height: 100%; width: 45%;
	-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column;
	justify-content: space-between;
}
.opinion-text .btn {margin: 40px 0;padding-left: 30px; padding-right: 30px;}
blockquote {font:italic 1.45rem/1.4 'PF Regal Text PRO A'; background: none; padding: 0;}
blockquote:before, blockquote:after {display: none;}

.opinion-block .bx-controls-direction {position: absolute; bottom: 55px; left: 50%; margin-left: 220px; z-index: 100;}
.opinion-block .bx-wrapper {padding-bottom: 0;	}
.opinion-block .bx-prev, .opinion-block .bx-next {position: relative; display: inline-block; width: 60px; height: 60px; background-color: rgba(0,0,0,.6); border:0; left: 0;top: 0; margin-right: 7px;
	-webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none;}
.opinion-block .bx-prev:before, .opinion-block .bx-next:before {position: absolute; border-width:2px; width: 18px; height: 18px; top: 20px;}
.opinion-block .bx-prev:before {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 24px;}
.opinion-block .bx-next:before {-webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); left: 15px;}


/*---/opinion-block---*/

/*---product---*/
.product-section {padding-top: 40px; min-width: 1170px; position: relative;	}
.product-item {padding: 20px 0;}
.product-item:after {content:' '; display: block; clear: both;}
.product-img {width: 45%; float: left; text-align: center;}
.product-img img {max-height: 400px;}
.product-txt {width: 50%; margin: 0 0 0 auto; line-height: 1.5;}
.product-txt h3 {font-size: 1.6em; font-weight: normal; margin: 0; padding: 24px 0 10px;}
.product-txt a {color: #010101; text-decoration: none;}
.product-txt a:hover {text-decoration: underline;}
.product-txt .txt {padding: 0 0 50px;}
.product-txt .btn {padding-left: 30px; padding-right: 30px;}
/*---/product---*/

/*---infografic---*/
.infografic {height: 474px; display: block; text-decoration: none; background: #cccccc url(//filearchive.cnews.ru/img/cnews/2018/08/07/infobg_1.jpg) 0 0 no-repeat; -webkit-background-size: cover; background-size: cover;}
.infografic:hover  {text-decoration: none;}
.infografic span {display: block;}
.infografic img {display: block;}
.infografic .btn {display: inline-block; background-color: rgba(61,205,88,0.6); position: relative; left: 404px; padding: 18px 30px; top: -50px;}
/*---/infografic---*/

/*---articles---*/
.articles {padding: 0 0 40px; background-color: #eeeeee; min-width: 1170px; width: 100%; overflow: hidden;}
.articles .title {padding-bottom: 16px;}
.article-item {display: block; border-bottom:1px solid #dbdbdb; padding: 16px 45% 16px 0; color: #010101; font:italic 1.07em/1.3 'PF Regal Text PRO A'; text-decoration: none; position: relative;}
/* .article-item:first-of-type {padding-top: 0;} */
.article-item .article-title {display: block; padding: 6px 0 16px 0; font: bold 1.6em/1.3 Arial, Tahoma, sans-serif;}
.article-item:hover  {color: #42b4e6; text-decoration: none; }
.article-item:hover .article-title {color: #585757;}
.article-item .img {height: 100%; position: absolute; right: 0;top: 0; overflow: hidden; opacity:0;
	-webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;
	display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-flex-direction: column;	-moz-flex-direction: column;	-ms-flex-direction: column;	-o-flex-direction: column;	flex-direction: column;	
	justify-content: center;
}
.article-item:hover .img {overflow: visible; opacity: 1;}
.article-item .img img {position: relative; left: 50vw; -webkit-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s}
.article-item:hover .img img {position: relative; left: 0px;}

/*---/articles---*/

/*---footer---*/
.bottom {display: none;}
.footer {background-color: #f2f2f2; width: 100%; max-width:100%; min-width: 1170px;	padding: 20px 0;}
.footer_inner {min-width:980px; max-width:1150px; padding: 0 10px; margin: 0 auto;}

/*---/footer---*/

/*---content---*/
.section-container {padding-bottom: 30px; min-width: 1170px;}
.article-banner {float: right; width: 180px; margin-right: -345px}

.article-header {position: relative; min-width: 1170px; height: 500px; background: #454545 url(//filearchive.cnews.ru/img/cnews/2018/08/06/header.jpg) 50% 50% no-repeat; -webkit-background-size: cover; background-size: cover;}
.article-header:after {content:' '; display: block; width: 27px; height: 27px; border-right:7px solid #009530; border-bottom:7px solid #009530; position: absolute; bottom: 24px; left: 50%; margin-left: -17px;
	-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);
}

.article-header .inner {height: 100%; color: #fff; text-align: center; 	
	display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-flex-direction: column;	-moz-flex-direction: column;	-ms-flex-direction: column;	-o-flex-direction: column;	flex-direction: column;	
	justify-content: center;
}
.article-header h1 {font-size: 3.57em; margin: 0; padding: 0; font-weight: bold;}
.container-article {padding: 0 345px 0 210px; line-height: 1.5;}
.lead { text-align: center; margin: 50px -150px 50px 0; font:italic 1.7em/1.4 'PF Regal Text PRO A';}
.img-block {margin: 30px -150px 30px -210px; position: relative;}
.img-desc {position: absolute; right: 0; bottom: 60px; width: 345px; background-color: rgba(61,205,88,.8); color: #fff; font-size: 0.85em; padding: 30px 35px; text-align: left; font-weight: normal; line-height: 1.2;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.article {overflow: visible;}
#cnLike {display: none;}
.like-title {display: inline-block; padding-right: 5px; vertical-align: middle; color: #402c53; text-transform: uppercase; font-size: 0.64em;}
.likes_block {float: none; display: inline-block; vertical-align: middle;}
/*---/content---*/

/*---product-content---*/
.product-content { padding-top: 125px;}
.product-content h1 {font-size: 3.57em; font-weight: bold; text-align: center; margin: 0 -150px 40px 0; padding: 0;}
.product-content .lead {line-height: 1.35; display: none;}

.product  {margin: 12px -345px 30px 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	justify-content: space-between;
}
.product .product-img {order:2; margin-left: 20%; width: auto;}
.product-reverse .product-img {order:0; margin-right: 20%; margin-left: 0; width: auto; text-align: left;}
.product .product-img img {max-width:none;}
.product .product-txt {margin: 0; width: auto;}
.product .btn {margin-top: 17px;	}

dl {padding: 0 0 0 25px; margin: 20px 0;}
dt {font-size: 1.1em; color: #42b4e6; font-weight: bold; margin:0; padding: 0;	}
dt:before {content:""; display: block;	width: 	8px; height: 8px; border-radius:50%; background-color: #1f1f1f; float: left; left: -25px; position: relative; margin-right: -8px; top: 8px;	}
dd {margin: 0 0 5px;	padding: 0;}

.product-form {margin-right: -150px;padding: 40px 0 40px;}
.ss-form-title {display: none;	}
.ss-form-desc {font-size: 1.6em !important; margin: 0 0 20px; font-weight: bold;}
.ss-form-container.form-container-1211 form, .ss-form-container.form-container-721 form  {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;  -moz-column-gap: 55px; -webkit-column-gap: 55px;  column-gap: 55px;}
.ss-form-container.form-container-1221 .ss-form-footer {width: 200%;}
.ss-form-item { padding: 0 0 15px; width: 100%;	display: inline-block;	}
input.ss-form-input, textarea.ss-form-input {border: 2px solid #3dcd58; width: 100%;	padding: 5px 10px; border-width: 2px !important; margin-top: 6px;}
.product-form textarea {height: 255px;	}
.ss-form-action {padding-bottom: 20px;	display: inline-block;	padding-top: 10px;	}
ul.ss-form-input {padding: 5px 0 0; list-style-type: none; margin: 0;}
ul.ss-form-input .ss-input-value {display: inline-block;}
.ss-item-type-hidden {display: none;}

.download {text-align: left;}

.popup1221 .form_wrapper{width: 50%}

.product-content .img-desc {bottom:155px;}
/*---/product-content---*/


/*---infografic---*/
.infografic-block { color: #fff; font-size: 12px;  position: relative; width: 100%; overflow: hidden; 
	height: calc(100vh - 114px); min-height:700px; border-top: 38px solid #000; min-width: 1170px;
	/* background: #111111 url(//filearchive.cnews.ru/img/cnews/2018/08/17/bg.jpg) 50% 50% no-repeat;  */
	background: #111111 url(//filearchive.cnews.ru/img/cnews/2018/08/21/infografic.jpg) 50% 50% no-repeat; 
	-webkit-background-size: cover; background-size: cover;
}
.infografic-block h1 {font-size: 48px; color: #fff; font-weight: bold; text-transform: uppercase; margin: 0; padding: 30px 0;}
.pyramid-scheme {position: absolute; z-index: 0; height: 100%; width: 100%;}
.pyramid-scheme .inner {z-index: 1;}
.infografic-block .inner {position: relative; z-index: 50; height: 100%;}
.pyramid {position: absolute; top: 50%; right: 0; width: 630px; height: 540px; margin-top: -270px;}
#pyramid_img, #pyramid {position: absolute; z-index: 30; top: 0; left: 0;}
.pyramid.active .levels {display: none !important;}

.zone-item {position: absolute; display: none; width: 165px; }
.zone-item:before {content:' '; display: block; border-top:1px dashed rgba(255,255,255,.8); position: absolute; z-index: 3;	}
.zone-item:after {content:' '; display: block; width: 15px; height: 15px; background-color: #3dcd58; border-radius: 50%;  position: absolute; z-index: 3;	}
.zone-item .name { text-transform: uppercase;	font-weight: bold;	position: absolute; bottom: 100%; margin-bottom: 15px;}
.zone-item svg {position: absolute;	display: none;	}
.product-name {border-bottom:1px dashed rgba(255,255,255,.8); position: relative; font-size: 15px;	display: inline-block;}
.product-name:after { content:' '; display: block;	border-left:1px dashed rgba(255,255,255,.8); left: 	50%; top: 100%;	height: 50px;	position: absolute;	}
.product-descript {background-color:rgba(61,205,88,.6); padding: 15px 20px; font-size: 14px; text-align: right; margin-top: 45px; position: relative; z-index: 5;	
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;	
}
.product-descript .btn {margin-top: 15px;	display: inline-block;	}
.product-descript:after {display: block; content:' '; clear: both;}
.product-descript img {margin-top: 5px; margin-bottom: 5px;}


.zone-item.active {display: block !important;}
.zone-item.active:after {background-color: #42b4e6;}
.zone-item.active .name {color: #42b4e6;}
.zone-item.active .product-name {display: inline-block;	}
.zone-item.active svg, .zone-item.active .product-descript {display: block;	}



#zone_1 .name {position: static; top: 0; }

#zone_21 { left: -112px; top: 150px; }
#zone_21:before {width: 306px; top: -10px;}
#zone_21:after {left: 306px; top: -17px;}
#zone_21 svg {left: 260px; top: -70px;}
#zone_21 .name {position: static; top: 0; left: 0; margin-bottom: 0;}

#zone_41 { left: -112px; top: 340px; }
#zone_41:before {width: 246px; top: -10px;}
#zone_41:after {left: 246px; top: -17px;}
#zone_41 svg {left: 170px; top: -90px;}

#zone_61 { left: -140px; top: 435px; }
#zone_61:before {width: 160px; top: -10px; left: 30px;}
#zone_61:after {left: 190px; top: -17px;}
#zone_61 svg {left: 143px; top: -45px;}
#zone_61 .name {left: 30px;}

#zone_51 { left: -115px; top: 418px; }
#zone_51:before {width: 245px; top: -10px;}
#zone_51:after {left: 245px; top: -17px;}
#zone_51 svg {left: 147px; top: -95px;}

#zone_1 { right: 60px; top: 64px; text-align: right; }
#zone_1 .name {left: auto; right: 0;}
#zone_1:before {width: 328px; top: -10px; right: 0;}
#zone_1:after {right: 328px; top: -17px;}
#zone_1 svg {right: 296px; top: -53px;}

#zone_22 { right: 60px; top: 150px; text-align: right; }
#zone_22 .name {left: auto; right: 0;}
#zone_22:before {width: 293px; top: -10px; right: 0;}
#zone_22:after {right: 293px; top: -17px;}
#zone_22 svg {right: 246px; top: -70px;}

#zone_3 { right: 60px; top: 260px; text-align: right; }
#zone_3 .name {left: auto; right: 0;}
#zone_3:before {width: 328px; top: -10px; right: 0;}
#zone_3:after {right: 327px; top: -17px;}
#zone_3 svg {right: 205px; top: -90px;}

#zone_42 { right: 60px; top: 320px; text-align: right; }
#zone_42 .name {left: auto; right: 0;}
#zone_42:before {width: 248px; top: -10px; right: 0;}
#zone_42:after {right: 248px; top: -17px;}
#zone_42 svg {right: 157px; top: -70px;}

#zone_62 { right: 60px; top: 510px; text-align: right; }
#zone_62 .name {left: auto; right: 0;}
#zone_62:before {width: 328px; top: -10px; right: 0;}
#zone_62:after {right: 328px; top: -17px;}
#zone_62 svg {right: 200px; top: -82px;}

#zone_63 { right: 60px; top: 465px; text-align: right; }
#zone_63 .name {left: auto; right: 0; top: 0;	}
#zone_63:before {width: 188px; top: -10px; right: 0;}
#zone_63:after {right: 178px; top: -17px;}
#zone_63 svg {right: 102px; top: -75px;}



#zone_52 { right: 55px; top: 418px; text-align: right; }
#zone_52 .name {left: auto; right: 0;}
#zone_52:before {width: 250px; top: -10px; right: 0;}
#zone_52:after {right: 250px; top: -17px;}
#zone_52 svg {right: 138px; top: -90px;}
#zone_52 .zone-inner {position: absolute; bottom: 35px; 
	display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;  
	-webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse;
}


#zone_52 .product-name {border-bottom:0; border-top:1px dashed rgba(255,255,255,.8); position: relative; font-size: 15px;	}
#zone_52 .product-name:after { content:' '; display: block;	border-left:1px dashed rgba(255,255,255,.8); left: 	50%; bottom: 100%; top: auto;	height: 50px;	position: absolute;	}
#zone_52 .product-descript {margin-top: 0; margin-bottom: 45px;}

.zone-inner {position: absolute; left: 20px; top: 250px; width: 400px; display: none;}







.zonecurrent {fill: #3dcd58; fill-rule: evenodd; opacity: 0.8;}

.levels {position: absolute; height: 435px; left: 50%; margin-left: 400px;  top: 50%; margin-top: -250px; text-align: right; width: 150px; transition: 1s; z-index: 5;
	display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse;
	justify-content: space-between;
}
.levels div {-webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.levels .current {color: #3dcd58;}
.infografic-detal {text-align: center; padding: 50px 0;}
/*---/infografic---*/