.top_banner {position: relative; width: 100%; height: 400px;
}
.top_banner:before {position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: 100%;
	background: transparent; background-image: linear-gradient(5deg, rgba(15, 15, 15, .2), rgba(20, 20, 20, .0) 60%); opacity: 0.7;
}

.top_banner435 {width: 100%; height: 435px;}
.top_banner250 {width: 100%; height: 250px;}
.top_banner150 {position: relative; height: 210px;}
.top_banner150:before {position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: 100%;    
	background: transparent; background-image: linear-gradient(5deg, rgba(20, 20, 20, .1), rgba(20, 20, 20, .0) 60%); opacity: 0.7;
}
.top_banner150 h2 {font-weight: 400; font-size: 32px; color: #fff; margin: 0px 30px 20px 30px;}

.info {align-self: center; width: calc(50% + 30px); margin: 0 0 0 35px;}
.info h1 {font-weight: 400; font-size: 58px; line-height: 52px; margin: 0 0 15px 0;}
.info h1.best {font-weight: 600; font-size: 46px; line-height: 54px; margin: 0 0 25px 0;}
.info h1.arm {font-weight: 600; font-size: 30px; line-height: 34px;}
.info h1.cwork {font-size: 52px; line-height: 56px; margin: 0 0 20px 0;}
.info h2 {font-size: 19px; line-height: 27px; color: #222;margin: 0 15px 10px 0;text-transform: uppercase;}
.info p {font-size: 15px; line-height: 22px; padding: 0px 60px 10px 0;}
span.st_line {font-weight: 600; font-size:16px; color: #16a599; line-height: 16px; white-space: nowrap;}
.info-text {font-weight: 600; font-size: 19px; line-height: 27px; margin: 0 15px 10px 0;}
.fff {color: #fff;}

h6 {font-size: 17px; font-weight: 600; color: #444; padding: 0 0 6px 0; margin-bottom: 5px;}

.info150 {align-self: center; width: calc(50% + 90px); color: #333; padding: 0 0 0 35px;}
.info150 h1 {font-weight: 600; font-size: 30px; line-height: 24px; margin: 0px 10px 10px 0;}
.info150 h1.arm, .info150 h1.arm1 {font-size: 22px; line-height: 110%;}

.info150 p {margin: 0 10px 10px 0; font-weight: 600; font-size: 16px; line-height: 22px;}
.info150 h1.arm1 + p {margin: 0 10px 5px 0;}

.info150 p.longname {margin: 0 10px 0 0; font-size: 15px; line-height: 18px;}
.info150 p.market {font-weight: 400; font-size: 14px; line-height: 20px; margin: 15px 10px 8px 0;}
.info150 p.longname ~ p.market {margin: 8px 10px 5px 0;}
.info150 h1.arm1 ~ p.market {margin: 10px 10px 8px 0;}

.info150 .btn {margin: 15px 0 0 0;}
.for {font-size: 14px; font-weight: 700; white-space: nowrap;}
.p50 {width: 85%;}
span.h1page {display: block; padding: 0px 0px 10px 0px; font-weight: 400; font-size:14px; white-space: nowrap;}
.info150 .mobil {display: none;}
.do_date {font-size:13px;line-height:40px;}
.do_date b {font-size:14px;}
.info150 p.do {font-size:13px; line-height:normal;margin:8px 10px 0 0;font-weight: 400;}

.btn_ips_line {background-color: #1892f9; color: #fff; border: 1px solid #1589f8;}
.btn_ips_line:hover {background-color: #222; color: #fff; border: 1px solid #555;}
.btn-gray-line {margin-right: auto; border: 1px solid #eee; color: #eee;}
.btn-gray-line:hover {background-color: #eee; color: #333;}
.btn_st_line {background-color: #16a599; border: 1px solid #16a599; color: #fff;}

.solution-card {width: 33.333%;	background-color: #fff;	border-right: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; padding: 35px;}
.solution-card:nth-child(3n) {border-right: none;}
.solution-card:nth-child(-n+3) {border-top: none;}
.solution-card h3 {font-weight: 700; font-size: 16px; padding: 10px 0px;}
.solution-card p {font-weight: 400; font-size: 15px; padding: 2px 0; line-height: 25px;}
.solution-card ul li {font-weight: 400; font-size: 15px; margin: 0 0 0 30px; line-height: 25px;}
.solution-card p.news {font-weight:400; font-size: 14px; color:#333; padding: 0 0 15px 0;}
.solution-card p.news span.ips {font-weight:600; font-size: 14px; color:#048ae3;}
.solution-card p.news span.st {font-weight:600; font-size: 14px; color:#16a599;}
.set, .solution-card p span {font-weight: 700;}
.solution-card img {width: 100%;}
.end1 {border-right: none;}

a.black {display:flex; justify-content: center; flex-direction: column;	width: 100%; color:#222;}
a.black:hover .white-block1, a.black:hover .white-block3 {background-color: #555; color: #fff; border-bottom: 1px solid #555; transition: .5s;}
a.black:hover .white-block1 h3, a.black:hover .white-block3 h3 {color: #d6b161;}

.white-block1 {width: 100%; flex-grow: 1; background-color: #fff; text-align: center; color:#555; border-right: 1px solid #ccc; 
		border-bottom: 1px solid #ccc; padding: 15px;}
.white-block11 {width: 100%; flex-grow: 1; background-color: #fff; text-align: center; color:#555; border-right: 1px solid #ccc; 
		border-bottom: 1px solid #ccc;}
.container > .one-6:last-of-type > .white-block11 {border-right: none;}
.white-block1 h3, .white-block11 h3 {font-size: 15px; font-weight: 600;}
.white-block1 p, .white-block11 p {font-size: 13px;}
.white-block1 p.income {text-align: left; line-height: 18px; margin: 0 0 10px 0}
.white-block1 img, .white-block11 img {height: 46px; width: 46px;}

.white-block3 {display:flex; width: 100%; flex-grow: 1; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; color:#555; text-align: left; padding: 20px 20px 20px 15px;}
.white-block3 div {flex: 1 1 100%; padding-left: 20px;}
.white-block3 h3 {font-weight: 600; font-size: 15px;}
.white-block3 p {font-size: 13px;}
.container1 > .one-4c:nth-child(4n) > a.black > .white-block3 {border-right: none;}

.wb1 {padding: 20px 25px 0 25px;}
.wb11 {padding: 20px 25px 20px 25px;}
.wb2 {padding: 0 20px 20px 20px;}
.wb2 p {text-align: left; line-height: 18px; margin: 0 0 10px 0;}
a.black:hover .wb1, a.black:hover .wb11 {background-color: #555; color: #fff; transition: .5s;}
a.black:hover .wb1 h3, a.black:hover .wb11 h3 {color: #d6b161;}

h3.new_line {font-size: 22px; color:#444; font-weight: 600; padding: 12px 0 30px 0; text-transform: none;}
.new_line1 {font-size: 16px; font-weight: 700;}

.for_ips {white-space: nowrap; font-weight: 600; font-size:15px; color: #4583c1;}
.for_st_line {white-space: nowrap; font-weight: 600; font-size:15px; color: #16a599;}

.border-st {background-color: #f4f4f4; border: 2px solid #ccc; font-size: 14px;	padding: 10px 30px 15px 30px; margin: 10px 15px;}
.border-plan {flex-grow: 1; width: 100%; background-color: #f4f4f4; border: 2px solid #ddd; padding: 25px 25px 0 25px; margin: 10px 0px 30px 40px;}
.border-under {border-bottom: 2px dotted #bbb; padding: 0px 0px 30px 0px; margin: 0 0 40px 0; font-size: 16px; font-weight: 400; line-height: 36px; color: #454545;}
.musthave {font-size: 13px; font-weight: 600; padding: 20px 0px 0px 0px;}

.btn2 {display: block; padding: 8px 20px;}
.arrow:after {position: relative; top: -1px; font-weight: 400; font-size: 14px; line-height: 14px; content: "\00A0\2192";}

.what_in {padding: 9px 20px; color: #fff; background-color: #16a599;}
.block {display: flex; flex-grow: 1; flex-wrap: wrap; justify-content: space-between; font-size: 16px; color: #555; margin: 20px 0 15px 2px;}
.block h4 {flex: 1 1 25%; min-width: 200px; font-size: 16px; color: #454545; padding: 5px 15px 5px 0;}
h4 span.st_line1 {white-space: nowrap; font-weight: 600; font-size: 13px;}
.block p {flex: 1 1 75%; font-size: 14px; line-height: 22px; padding: 1px 0px 15px 0px; min-width: 250px;}
.block b {font-weight: 600; color: #454545; font-size: 14px; white-space: nowrap;}
.block ul li {font-weight: 600; font-size: 16px; margin: 0 0 14px 40px;}

.underline_red {padding: 2px 0px; color: #555; border-bottom: 1px dashed #16a599;}
.underline_red:hover {color: #16a599; border-bottom: none;}

.fon {flex-grow: 1; margin: 20px auto;}
.fon img {max-width: 100%;}

.side {display: flex; flex-direction: column; flex: 0 0 400px; padding: 20px 0 0 0;}
#mark1_,  #mark2_, #mark3_, #mark4_, #mark5_, #mark6_, #mark7_, #mark8_, #mark9_, #mark10_, #mark11_, #mark12_, #mark13_, #mark14_ {padding-top: 150px; margin-top: -150px;}
.sidebar {width: 310px; padding: 1px 0 0 0px;}
.sidebar a {color:#444; padding: 2px 0;}
.sidebar a:hover {color:#1892f9;}
.sidebar-red a:hover {color:#16a599;}
.sidebar ul {padding: 5px 0;}
.sidebar ul li {font-size: 14px; font-weight: 600; position: relative; list-style: none; padding: 11px 10px 11px 30px;}
.sidebar ul li:before {position: absolute;  content: ""; top: 50%; left: 0; width: 20px; height:1px; margin-left: 0px; background: #777;}
.sidebar ul li:after {position: absolute; content: ""; top: calc(50% - 4px); left: 0; border-radius: 50%; border: 1px solid #777; width: 7px; height:7px; margin-left: -7px; background: #fff;}
.border-green {border-left: 5px solid #3ea7da; padding: 20px 0 20px 30px;}
.border-red {border-left: 5px solid #16a599; padding: 5px 0 10px 20px;}
.unfixed {margin-top: auto;}
.fixed {position: fixed; margin-left: 0;}
.vert {display: flex; flex-direction: column; justify-content: space-between; width: 100%;}

.full-width {display: flex; width: 100%; flex-wrap: wrap;}
.full-half {display: flex; flex-wrap: wrap; width: 50%; flex: 1 1 auto;}
.less1 {width: 30%; flex: 0 1 auto;}
.border1 {background-color: #f4f4f4; padding: 35px 65px; margin: 10px 35px;}
.border3 {background-color: #f4f4f4; border: 2px solid #ddd; padding: 30px 40px; margin: 10px 0px;}

.table-block {flex: 1 1 auto; background-color: white; border-bottom: 1px solid #ccc; font-size: 14px; color: #333; padding: 20px 30px;}
.table-block p {line-height: 29px; margin: 5px 0 20px 0;}
.table-block ul {margin: 0 25px;}
.table-block li {margin: 0 0 10px 0; line-height: 24px;}
.table-block a {color: #0081c7; text-decoration: none; line-height: 25px;}
.table-block a:hover {color: #555;}
.block1 {display: flex; justify-content: space-between; font-weight: 600; font-size: 16px; color: #444; text-align: right;
	border-top: 1px solid #ccc;  border-left: 1px solid #ccc; margin: 10px 0;}
.tl {text-align: left;}
.block2 {border-top:1px solid #ccc; border-right:1px solid #ccc; margin: 10px 0;}
.block2 h3 {font-weight: 600; font-size: 19px; color:#444; text-transform: uppercase; margin-top: -3px;}

.one-third {display: flex; width: 33.333%; flex-grow: 1;}
.one-50 {flex-direction: column; display: flex;	width: 50%;}
.one-33 {flex-direction: column; display: flex;	width: 33.333%;}
.one-66 {flex-direction: column; display: flex;	width: 66.666%;}
h3.i {padding: 10px 0 15px 0;}
.title_cad {padding: 25px 15px; flex: 1 0 100%;}
.title_cad h2 {font-size: 24px; font-weight: 600; color: #474747; line-height: 22px; padding: 0; margin: 10px 10px 0 0px;}

.col3 {display: flex; max-width: 1300px; margin: 0px auto; flex-direction: column; padding: 0 20px;}
.col3 h3 {margin: 10px 0 0 20px; text-transform: none; font-size: 20px; line-height: 22px; font-weight: 700; color: #333;}
.col3 p {line-height: 22px;}
.sys {padding: 20px 40px;}
.sys p {margin: 8px 0;}

.one-6 {display: flex; width: 15%; flex: 1 1 180px;}
.one-20 {display: flex; width: 20%; flex: 1 1 250px;}
.one-4 {display: flex; width: 25%; flex: 1 1 300px;}
.one-4c {display: flex; width: 25%;}
.one-4-fix {display: flex; flex-direction: column; width: 25%; flex: 1 0 220px;}
.one-4-add {display: flex; width: 25%; flex: 1 1 260px;}
.price-column {display: flex; flex-direction: column; flex-grow:1; color: #fff; margin: 10px 15px; padding: 12px 15px;}
.price-column a.btn-gray-line {margin-left: 15px;}
.old-for-red {background-color: #16a599; border: 1px solid rgba(0,0,0,0.1); color: #fff; font-weight: 400;}
.blue-1 {background-color: #22689e;}
.blue-2 {background-color: #2979b1;}
.blue-3 {background-color: #3698d3;}
.blue-20 {background-color: #2388c2;}

.parallax {padding: 45px 0 65px 0;}
.parallax h2 {color:#fbfbfb;}
.modul-par {padding: 2px 30px;}
.parallax p {line-height: 34px; font-size: 17px; margin: 0 0 30px 0;}
.parallax p.centr {line-height: 19px; text-align: center;}
.modul-par ul li {padding: 0 0 15px 0; font-size: 18px; font-weight: 400; line-height: 32px;}


a.product1 {display: block;  color:#555; font-size: 14px; border-bottom: 1px solid #ccc; padding: 8px 10px; text-align: left;}
a:hover.product1, a:hover.product11 {color:#1892f9;}
a.product11 {display: block; color:#555; font-size: 14px; padding: 8px 10px; text-align: left;}

a.product3 {position: relative;	border-bottom: 1px solid #ccc; color:#fff; font-size: 18px;  font-weight: 400; padding: 13px 0 14px 0; text-align: center;}
a.for_long_name {font-size: 17px;}
a.product3:hover {background-color: #fff; color: #333; font-weight: 600;} 
a.product3:hover:after {background-color: #fff;  border: 1px solid #ccc;} 
a.product3:after {position: absolute; border-radius: 50%; border: 1px solid #ccc; bottom: -5px; left: 50%; width: 7px; height: 7px;  margin-left: -4px; content: ""; background-color: #ccc;}
p.product3 {text-decoration: none; display: block; position: relative; border-bottom: 1px solid #ccc; color:#fff;
	font-weight:400; font-size: 18px; padding: 13px 0 14px 0; text-align: center;}
p.product3:after {position: absolute; border-radius: 50%; border: 1px solid #ccc; bottom: -5px; left: 50%;
    	width: 7px; height:7px;  margin-left: -4px; content: ""; background-color: #ccc;}
.hi1 {flex-grow: 1; font-size: 14px; line-height: 24px; padding: 15px;}
.price {flex-grow: 0; align-items: flex-start; font-size: 22px; padding: 0 15px 10px 15px;}
.step {padding: 0 15px;}
.sostav1 {flex-grow: 0; font-weight: 400; font-size: 14px; padding: 0 15px 10px 15px; line-height: 20px; min-height: 30px;}
.sostav1 span {font-weight: 600; font-size: 13px;}
span.for_star {font-weight: 400;}
.sostav1 a {color:#fff; padding: 3px 0; white-space: nowrap;}
.sostav1 a:hover {color:#333; background-color: #eee;}

.grow {flex-grow: 1;}
.not_grow {flex-grow: 0;}

.hi1_mod {font-weight: 600; font-size: 13px; color: #2979b1; padding: 5px 0;}
.hi1_mod a {border-bottom: 1px dashed #2979b1; color: #2979b1; padding: 0 2px; font-size: 14px; white-space: nowrap;} 
.hi1_mod a:hover { border-bottom: 1px solid #888; color: #fff; background-color:#888;} 

.price-red {background-color: #16a599;}
.hi1_mod_red {font-weight: 600; font-size: 13px; color: #16a599; padding: 5px 0;}
.for-modul {background-color: #f4f4f4; border: 2px solid #ccc; color: #555; font-weight: 600;}
.fw400 {font-weight: 400;}
.for-modul p.sostav1 {color:#333;}
.for-modul p.sostav1 a {color:#2979b1; padding: 3px 0;}
.for-modul p.sostav1 a:hover {color:#333; background-color: #f4f4f4;}
.big_a {padding: 0 0 5px 0;}
p.big_a a, .hi1_mod_red a {color:#555; padding: 0; border-bottom: 1px dashed #16a599; font-weight: 600; font-size: 14px;}
p.big_a a:hover, .hi1_mod_red a:hover {color: #fff; background-color: #888; border-bottom: 1px solid #888;}

/* ---- Price page table  ----   */

.price_line {display: flex; width: 100%; flex-wrap: wrap; border-bottom: 1px solid #bbb; background-color: #2979b1; color: #fff; padding: 5px;}
.price_line_mod {display: flex; width: 100%; flex-wrap: wrap; border-bottom: 1px solid #ccc; background-color: #f4f4f4; color: #555; padding: 5px;}
.price_bord {width: 100%; border-top: 1px solid #bbb; border-left: 1px solid #bbb; border-right: 1px solid #bbb;margin: 0 0 5px 0;}
a.price_name {text-decoration: none;  display: block; width: 17%;font-weight: 400; font-size: 16px; padding: 8px 0 8px 15px; color: #fff;}
a.price_name:hover {background-color: #888;}
div.price_line_mod a.price_name {color: #fff; background-color: #2979b1; width: 17%;}
div.price_line_mod a.price_name:hover {background-color: #888;}
a.price_name_long {text-decoration: none;  display: block; width: 20%;font-weight: 400; font-size: 15px; padding: 8px 10px 8px 15px; color: #fff; background-color: #2979b1;}
a.price_name_long:hover {background-color: #888;}
.price_info {font-size: 14px; padding: 9px 15px; width: 33%;}
a.price_name_long ~ .price_info {width: 30%;}
.price_euro {font-weight: 400; font-size: 17px; padding: 5px 0 8px 10px; width: 120px;}
.price_euro1  {font-size: 13px; font-weight: 600; padding: 9px 0 8px 10px;  width: 120px;}
.price_sostav {font-size: 13px; font-weight: 400; padding: 10px 15px; flex: 1 0 24%;}
.price_sostav a {color: #fff; padding: 0 2px; white-space: nowrap; border-bottom: 1px dashed #2979b1;} 
.price_sostav a:hover {border-bottom: 1px solid #888; color: #fff; background-color:#888;} 
.price_line_mod p.price_sostav a {color: #555;} 
.price_line_mod p.price_sostav a:hover {color: #fff;} 
.price_linc {text-decoration: none;  padding: 2px 0; border-bottom: 1px dashed #ddd; color: #fff; font-weight: 400; font-size: 13px;}
.price_linc:hover {color: #fff; background-color: #888; border-bottom: none;}
.for_price_linc {padding: 7px 5px 7px 15px;}

body.st_color * .price_line {background-color: #16a599;}
body.st_color * .price_sostav a {border-bottom: 1px dashed #16a599;}
body.st_color * .price_sostav a:hover {border-bottom: 1px solid #888;}
body.st_color * a.price_name {background-color: #16a599;}
body.st_color * a.price_name:hover {background-color: #888;}
body.st_color * a.price_name_long {background-color: #16a599;}
body.st_color * a.price_name_long:hover {background-color: #888;}

/* ---- END Price page table  ----   */


@media screen and (max-width: 1280px) {
.info h1 {font-size: 54px;}
.one-4-add, .one-4-fix {width: 50%; flex: 1 1 450px;}
}

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

.border1 {margin: 10px 30px; padding: 10px 20px;}
.info h1 {font-weight: 600; font-size:38px; line-height: 45px;}
.info h1.cwork {font-weight: 400; font-size: 46px; line-height: 52px;}
.info-text {font-size: 18px; line-height: 25px; margin: 0 0 10px 0;}
.info150 h1 {font-size: 26px; line-height: 20px;}
.info150 h1.arm1 {font-size: 20px;}
h1.arm1 ~ p.market {display: none;}
.info150 h1.arm1 + p {margin: 0 10px 10px 0; }

.one-third {width: 100%;}
.border-plan {margin: 10px 0px;}
#plan {order: 1;}
#plan1 {order: -1;}

.white-block1 h3 {font-size: 14px; font-weight: 600;}

.one-6 {width: 30%; flex: 1 1 auto;}
.container > .one-6:nth-child(3n) > .white-block11 {border-right: none;}
.one-4c {width: 33.333%;}

.container1 > .one-4c:nth-child(4n) > a.black > .white-block3 {border-right: 1px solid #ccc;}
.container1 > .one-4c:nth-child(3n) > a.black > .white-block3 {border-right: none;}

a.price_name, div.price_line_mod a.price_name, a.price_name_long, .price_euro, .price_euro1 {width: 25%;}
.price_euro, .price_euro1 {color: #fff; background-color: #2979b1; padding: 5px 0 8px 15px;}
body.st_color * .price_euro {color: #fff; background-color: #16a599;}
body.st_color * .price_euro1 {color: #fff; background-color: #16a599;}
a.price_name_long ~ .price_info, .price_info {width: 75%;}
}

@media screen and (max-width: 960px) {
.side {display: none;}
.solution-card {width: 50%;}
.solution-card:nth-child(3n) {border-right: 1px solid #e0e0e0;}
.solution-card:nth-child(-n+3) {border-top: 1px solid #e0e0e0;}
.solution-card:nth-child(2n) {border-right: none;}
.solution-card:nth-child(-n+2) {border-top: none;}
.end {display: none;}
.one-4c {width: 50%;}
.container1 > .one-4c:nth-child(3n) > a.black > .white-block3 {border-right: 1px solid #ccc;}
.container1 > .one-4c:nth-child(2n) > a.black > .white-block3 {border-right: none;}
.one-33 {width: 50%;}
.one-66 {width: 100%;}
.border3 {padding: 30px 30px;}
.info150 p.longname ~ .btn {margin: 10px 0 10px 0;}
.info150 h1.arm1 + p {margin: 0 10px 0px 0; font-size: 15px;}
.info150 h1.arm {font-size: 20px; line-height: 24px;}
.info150 p {font-size: 15px;line-height: 20px;}
.info150 p.longname {margin: 0 10px 5px 0; font-size: 14px; line-height: 16px;}
.info150 p.market {font-size:13px; line-height: 18px; margin: 0 10px 3px 0;}
span.st_line {font-size:14px;}
}

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

.full-half {width: 100%;}
.table-block {border-bottom: none; padding: 10px 20px;}
.block1 {display: block; border-right: 1px solid #ccc; text-align: left; margin: 10px 0 0 0;}
.block2 {padding: 0 20px 20px 20px; margin: 0 0 10px 0; border-top: none; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.table-block p {line-height: 22px; margin: 5px 0;}
.table-block li {margin: 0 0 5px 0; line-height: 22px;}

.info h1 {font-size:35px; line-height: 40px; margin: 0 0 10px 0;}
.info h1.best {font-size:32px; line-height: 38px;}
.info h1.cwork {font-weight: 600; font-size: 34px; line-height: 40px;}

.p50 {width: 100%;}

.wb11 {padding: 20px 25px 0 25px;}
}

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

h3.new_line {font-size: 20px; padding: 5px 0 25px 0;}
.for_ips, .for_st_line {font-size: 14px;}

.info150 h1 {font-size: 24px; line-height: 20px; margin: 0px 10px 5px 0;}

#long {font-size: 15px; padding: 0 0 0 35px;}

.info-text {font-size: 17px; line-height: 24px; margin: 0 0 10px 0;}
.border-under {padding: 0px 0px 30px 0px; margin: 0 0 40px 0; font-size: 15px; line-height: 28px;}

a.price_name, div.price_line_mod a.price_name, .price_euro, .price_euro1 {width: 30%;}
a.price_name_long, a.price_name_long ~ .price_euro {width: 40%;}
a.price_name_long, a.price_name_long ~ .price_euro1 {width: 40%;}
.price_info {width: 70%;}
a.price_name_long ~ .price_info {width: 60%;}
}

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

.info h1.arm {font-size: 24px; font-weight: 600; line-height: 25px;}
.info150 h1.arm {font-size: 18px; line-height: 22px;}
}

@media screen and (max-width: 700px) {
.info-text {font-size: 16px; line-height: 22px;}
.info p {font-size: 14px; line-height: 20px; padding: 0px 20px 10px 0;}
.info150 p {font-size: 14px; line-height: 18px;}
h1.arm1 ~ p {margin: 0 10px 0 0;}

#long {font-size: 14px; padding: 0 0 0 35px;}
#long1 {font-size: 14px; padding: 0 0 0 25px;}

.solution-card {width: 100%; border-right: none;}
.solution-card:nth-child(-n+2) {border-top: 1px solid #e0e0e0;}
.solution-card:nth-child(-n+1) {border-top: none;}
.solution-card:nth-child(3n) {border-right: none;}
.end1 {display: none;}
.one-4c, .one-4-add, .one-4-fix {width: 100%;}
.container1 > .one-4c:nth-child(3n) > a.black > .white-block3 {border-right: none;}
.white-block3 {border-right: none;}
.one-33, .one-50 {width: 100%; flex: 1 1 auto;}

.modul-par {padding: 2px 20px; margin: 0;}
.modul-par ul li {padding: 0 0 15px 0; font-weight: 400; line-height: 30px; font-size: 16px;}
.parallax p {line-height: 30px; font-size: 16px; margin: 0 0 30px 0;}
.parallax h2 {font-size: 21px; font-weight: 600;}

.title_cad {padding: 15px 15px;}
.border3 {padding: 20px 20px;}
}


@media screen and (max-width: 650px) {
.info p.arm, .info150 p.market {display: none;}
.info150 .mobil {display: inline-block;}

}


@media screen and (max-width: 565px) {
.price_line {border: 1px solid #bbb; padding: 5px; margin: 0 0 10px 0;}
.price_line_mod {border: 1px solid #ccc; padding: 5px; margin: 0 0 10px 0;}
.price_bord {width: 100%; border: none;}
a.price_name, div.price_line_mod a.price_name, p.price_info, p.price_euro, p.price_euro1, a.price_name_long {width: 100%;}
a.price_name, a.price_name_long {text-align: center; border-bottom: 1px solid #ccc; padding: 8px 0;}
p.price_sostav {flex: 1 0 100%;}
a.price_name_long, a.price_name_long ~ .price_euro {width: 100%;}
a.price_name_long, a.price_name_long ~ .price_euro1 {width: 100%;}
a.price_name_long ~ .price_info {width: 100%;}
.price_line_mod p.price_euro {background-color: #f4f4f4; color: #555;}
.price_line_mod p.price_euro1 {background-color: #f4f4f4; color: #555;}
.for_price_linc {padding: 7px 5px 15px 15px;}
}

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

.one-6 {width: 50%;}
.container > .one-6:nth-child(3n) > .white-block11 {border-right: 1px solid #ccc;}
.container > .one-6:nth-child(2n) > .white-block11 {border-right: none;}
.wb2 {padding: 0 15px;}

.border1 {margin: 10px 0px;}
.top_banner {width: 100%; height: 300px;}

.top_banner250 {height: auto;padding: 30px 0 20px 0;}

.info {width: 100%; margin: 0 20px 0 35px;}
.info h1 {font-size: 32px; line-height: 36px;}
.info h1.cwork {font-size: 32px; line-height: 36px;}
.info150 {width: 100%;padding: 0 15px 0 35px;}

.col3 h3 {margin: 10px 0 0 17px; font-size: 18px;}
.sys {padding: 20px;}

}

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

.info {margin: 0 10px 0 20px;}
.info-text {font-size: 15px; line-height: 20px;}
.info p {padding: 0px 10px 10px 0;}
.info150 {padding: 0px 10px 0px 20px;}

span.h1page {padding: 0px 0px 8px 0px; font-size: 13px;}

#long {font-size: 14px; padding: 0 0 0 20px;}
#long1 {font-size: 12px; padding: 0 0 0 15px;}
.col3 {padding: 0 5px;}
.solution-card {padding: 30px 20px;}

h3.new_line {font-size: 16px; font-weight: 700; padding: 0 0 20px 0;}
}

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

.one-6 {width: 100%;}
.container > .one-6:nth-child(3n) > .white-block11 {border-right: none;}
.container > .one-6 > .white-block11 {border-right: none;}

.info h1 {font-size: 25px; line-height: 28px; margin: 0px 0 10px 0;}
.info h1.arm {font-size: 19px; font-weight: 600; line-height: 21px;}
.info h1.cwork {font-size: 25px; line-height: 28px;}
.info-text {font-size: 14px; line-height: 18px;}
.info p {font-size: 13px; line-height: 18px;}

.info150 p.longname {margin: 0 10px 0 0; font-size: 13px; line-height: 16px;}
.info150 h1 {font-size: 23px; line-height: 24px; margin: 0px 10px 10px 0;}

#long {font-size: 12px; padding: 0 5px 0 20px;}
#long1 {font-size: 11px; padding: 0 10px;}

.white-block1 {display:flex; text-align: left;}
.white-block1 div {flex: 1 1 100%; padding-left: 20px;}

.border-st {padding: 10px 17px 15px 5px; margin: 10px 5px;}
.border-st h3 {text-align: center;  padding: 10px 10px 12px 10px;}
.border-st p {padding: 0 17px 0px 20px;}
.border-st li {list-style-type: none; font-size: 14px;}

a.product3 {font-size: 16px; padding: 13px 0 14px 0;}

.border-plan {padding: 15px 10px 0 10px;}
.price-column {margin: 10px 5px;}

.border3 {padding: 20px 10px;}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* стили только для IE10 и 11 */ 
.fon img {width: 100%;}
}