@charset "utf-8";
*{	border:0;
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
@font-face {font-family: 'Myriad pro';
	src:  url('https://vikup-mogilev.by/img/MyriadPro.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
header,section,footer,article,nav,menu,aside{display:block;}
mark{display:inline;}
body{font-family: 'Myriad pro', Arial, sans-serif;	font-size:18px;}
.rev{height: 200px; width:350px;}
.wrap{width:960px;margin:0 auto;position:relative;}
.row{display:inline-block;vertical-align:top;}
body>header,body>section,body>footer{min-width:960px;overflow:hidden;}
a:hover{cursor:pointer;text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
.cf:after{
	content:'';
	display:block;
	clear:both;
}

header{background:url(pro.jpg) no-repeat top center #f1f1f1; height:689px;}
.logo h1{color:#474747;font-size:18px;font-weight:500;}
.logo img{margin-right:10px;}
header .logo{margin:25px 0 16px 78px;}
header .logo img{width:79px;height:56px;}
.call-us{text-align:center;	display:table;	position:relative;	z-index:4;	font-weight: bold;}
.phone{color:#182532;font-size:32px;text-shadow:1px 1px 1px #fff;}
.call-us .desc{color:#fff;text-shadow:1px 1px 1px #69717a;}
header .call-us{margin-top:13px;margin-right: 35px;}
header .phone img{position:relative;left:-12px;	top:5px;}
header .phone{margin-left:-10px;margin-top: -3px;}
.btn{
	display:block;
	margin:0 auto;
	text-align:center;
	width:196px;
	height:29px;line-height:29px;
	color:#fff;
	text-decoration:underline;
	font-size:12px;	
	text-shadow:1px 1px 1px #8c8c8c;
	font-weight: 400;
	border-radius:3px;
	box-shadow:0 0 2px 1px #a4a4a4;
	background: rgb(250,148,50);
	background: -moz-linear-gradient(top,  rgba(250,148,50,1) 0%, rgba(255,125,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,148,50,1)), color-stop(100%,rgba(255,125,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(250,148,50,1) 0%,rgba(255,125,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(250,148,50,1) 0%,rgba(255,125,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(250,148,50,1) 0%,rgba(255,125,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(250,148,50,1) 0%,rgba(255,125,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9432', endColorstr='#ff7d00',GradientType=0 );
}
.btn:hover{background:#ff4600;}
.btn:active{background:#323232;}
	header .btn{
	margin-top:10px;
}
.short-ab{background:url(white_tr.png);	height:183px;}
h2{padding:28px 0 0 40px;}
h2 span{color:#182532;
	text-shadow:1px 1px 1px #fff;
	font-weight:700;
	display:block;}
h2 .lv1{font-size:51px;}
h2 .lv2{font-size:33px;position:relative;top:-4px;}
h2 .lv3{font-size:25px;}
.master{background:url(master_b.png) no-repeat top center;
	width:638px;
	height: 294px;
	padding: 166px 0 0 310px;
	position:absolute;
	top: 112px;
	left: -58px;
}
.p1{color:#182532;}
.p1 .sp1{display:block;font-size:24px;}
.p1 .sp2{font-size:41px;}
.p2{text-align:center;margin-left:35px;}
.p2 .sp1{font-size:64px;color:#cf0000;display:block;margin:-10px 0;}
.p2 .sp2{color:#5c5c5c;}
.form1{
	background:url(form1_bg.png) no-repeat top center;
	height:438px;
	width:352px;
	padding:12px;
}
header .form1{position: absolute;right: 5px;top: -48px;}
.form1 .desc{
	text-align:justify;
	color:#172532;	
	margin:12px;
}
.form1 .desc1{
text-align:center;
	color:#172532;	
	margin:12px;
}
.wrap .form1 img{
	display:block;
	margin:20px auto 16px;
}
.field{
	background:#8a8a8a;
	width:275px;
	height:43px;line-height:43px;
	box-shadow:inset 1px 1px 2px #8a8a8a;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	font-size:14px;
	color:#fff;
	text-shadow:1px 1px #727272;
	padding-left:60px;
	border-radius:4px;
	display:block;
	margin:0 auto 18px;
}
.i-n{background:url(ico_n000.png) no-repeat #8a8a8a;background-position: 18px 6px;}
.i-t{background:url(ico_t000.png) no-repeat #8a8a8a;background-position: 22px 6px;box-shadow:0 0 0 6px #c7c7c6, inset 1px 1px 2px #8a8a8a;}
.i-em{background:url(ico_em00.png) no-repeat #8a8a8a;background-position: 18px 6px;}
.sub{
	background:url(submit00.png) no-repeat top center;
	width:277px;height:49px;
	display:block;
	margin:0 auto;
	color:#fff;
	font-size:17px;
	text-shadow:1px 1px 1px #5a5a5a;
	cursor:pointer;
	outline:none;
}
.sub:hover{background-position:-1px -54px;}
.sub:active{background-position:-1px -109px;}
.f-note{color:#182633;font-size:13px;text-align:center;margin-top:15px;}
#story{background:#f3f3f3;
	padding:58px 0 85px;
	text-align:center;
	color:#676767;
}
#story .row{width:205px;line-height:19px;position:relative;}
#story img{margin-bottom:37px;}
#story span{color:#cf0000;
	display:block;
	font-size:32px;
	font-weight:bold;
	line-height:normal;
}
.title{position:relative;margin:50px 0;}
.title p{font-size:24px;	
	color:#182632;
	text-align:center;
	font-weight: bold;
}
.title span{
	height:1px;
	background:#b6b4bb;
	width:290px;
	display:block;
	position:absolute;
	top:14px;
}
.title .dec-l{left:-130px;}
.title .dec-r{right:-130px;}
#garants{text-align: center;padding:40px 0 35px;}
#garants .title{margin-bottom:60px;}
.g-it{width:450px;margin:0 13px 50px;}
.g-it p{
	width:257px;
	padding:36px 0 0 25px;
	font-size:20px;
	color:#182632;
	text-align:left;
}
#kb{
	background:url(keyboard.jpg) no-repeat top center #fcfcfc;
	height:119px;
	color:#182632;
	font-size:36px;
	text-align:center;
}
#kb span{
	font-size:88px;
	margin:0 27px;
	position:relative;top:11px;	
}
#kb mark{color:#cf0000;font-size:85px;background:transparent;position:relative;top:9px;	}
#eco .ec-it{
	margin-bottom:60px;
	position:relative;
}
#eco .numbs{
	width:155px;
	margin:0 65px 0 50px;
	color:#415c6e;
	text-align:center;
}
#eco .numbs .lv1{
	font-size:82px;
	line-height:70px;
	display:block;
	margin:0 auto 6px;
	width:142px;
	border-bottom:1px solid #415c6e;
	font-weight:bold;
}
#eco .numbs .lv2{font-size:32px;}
#eco .numbs+p{
	width:640px;
	color:#182532;
	font-size:20px;
	padding-top:30px;
}
#eco .note{
	color:#a1a1a0;
	font-size:20px;
	margin-bottom:85px;
}
#eco .note span{
	font-size:57px;
	margin:0 8px;
	position:relative;
	top:10px;
}
#discard{
	background:url(blue_bg0.jpg) no-repeat top center;
	height:389px;
	overflow:visible;
	color:#fff;
}
#discard .form1{
	margin-top:-25px;
}
.disc-ab{font-size:24px;width:600px;}
.disc-ab p{
padding:50px 0 47px 120px;
}
.disc-ab li{
	display:block;	
	padding-left:52px;
	margin-bottom:40px;
	text-shadow:1px 1px #3d3d3d;
}
.disc-ab img{margin-right:28px;}
#probs{
	font-size:24px;
	padding-bottom:70px;
	color:#182632;
}
#probs {padding-left:45px;}
#probs .title{position:relative;left:-33px;margin-bottom:65px;}
#probs .title img{
	margin-bottom: -26px;
	margin: 0 17px -26px;
	position: relative;
	top: -11px;
}
#probs .col1{width:390px;padding-top:10px;}
#probs .col2{margin:0 18px;}
#probs .col3{width:287px;padding-top:10px;}
#probs .col4{
	width:172px;
	background:url(ribon000.png) no-repeat top center;
	width:162px;
	height:79px;
	padding:20px 0 0 17px;
	color:#fff;
	text-shadow:1px 1px 1px #0b1216;
}
#probs .col1.fix{padding-top:20px;}
.prob{margin-bottom:66px;}
#profs{background:url(cit.jpg) no-repeat top center;height:748px;padding:76px 0 77px;color:#172532;}
#profs .wrap>div{display: table;
margin: 0 auto -7px;padding-left:6px;position:relative;}
#profs .head{
	background:url(header_c.png) no-repeat top center;
	height:106px;
	font-size:24px;
	text-align:center;
	padding-top:25px;
	padding-left:20px;
	font-weight:bold;
	margin-bottom:10px;	
}
.pr-tit{
	background:url(prof_tit.png) no-repeat top center;
	height:120px;
	width:247px;
	font-size:24px;
	text-align:center;
	padding-left:20px;
	padding-top:25px;
	font-weight:bold;
	margin-right:-10px;
}
.pr-tit.fix1{
	padding-top:34px;
	font-size:30px;
}
.pr-tit.fix2{
	padding-top:15px;
	line-height:22px;
}
.pr-tit span{color:#ea0000;}
.pr-desc{
	font-size:18px;
	background:url(pr-desc0.png) no-repeat top center;
	width:609px;height:129px;
	padding:33px 35px 0 77px;
}
#blur{
	background:url(blur_bg0.jpg) no-repeat top center;
	height:202px;	
	padding-top:35px;
}
#blur .wrap>p{
	color:#fff;
	font-size:24px;	
	font-weight:bold;
}
#blur .wrap>p img{margin:0 37px 0 85px;	position:relative;top:10px;	}
#blur form{width:575px;margin:40px auto 0;}
.field2{
	background:#fff;
	font-size:14px;
	color:#3b5770;
	width:100%;
	height:44px;
	line-height:44px;
	display:block;
	padding-left:59px;
	border-radius:5px;
}
.field2.row{width:277px;display:inline-block;margin: 22px 0;}
.field2.i-n2{background:url(ico_n200.png) no-repeat 16px 7px #fff;}
.field2.i-t2{background:url(ico_t200.png) no-repeat 19px 7px #fff;box-shadow: 0 0 0 6px #b3babf;}
.field2.i-em2{background:url(ico_em20.png) no-repeat 14px 7px #fff;}
#blur .f-note{font-size:14px !important;font-weight:500 !important;}
#comms{text-align:center;padding:35px 0 45px;}
#comms div.row{
	width:375px;
	color:#4b4b4b;
	font-size:14px;
	font-style:italic;
	padding:44px 25px 80px 35px;
	text-align:left;
	min-height:320px;
	margin:0 17px 70px;
	position:relative;
}
#comms div.row div{position:absolute;left:35px;	}
#comms div.row div p{
	/*margin:35px 0 0 25px;
	max-width:170px;*/
}

footer{
	background:url(office_b.jpg) no-repeat top center;
	height:604px;
	padding-top:15px;
}
footer .title span{background:#fff;}
footer .title p{color:#fff;}
footer .inner{
	height:240px;
	padding-top:15px;
	color:#000;
	background: rgb(199,230,240);
	background: -moz-linear-gradient(left,  rgba(199,230,240,1) 0%, rgba(199,243,251,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(199,230,240,1)), color-stop(100%,rgba(199,243,251,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(199,230,240,1) 0%,rgba(199,243,251,1) 100%);
	background: -o-linear-gradient(left,  rgba(199,230,240,1) 0%,rgba(199,243,251,1) 100%);
	background: -ms-linear-gradient(left,  rgba(199,230,240,1) 0%,rgba(199,243,251,1) 100%);
	background: linear-gradient(to right,  rgba(199,230,240,1) 0%,rgba(199,243,251,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7e6f0', endColorstr='#c7f3fb',GradientType=1 );
}
footer .logo{color:#000;margin:38px 0 0 51px;}
footer .logo h1{color:#000;font-size:27px;}
footer .call-us{margin-right:20px;}
footer .call-us .desc{color:#000;text-shadow: none;line-height: 23px;}
footer .call-us .phone{margin:11px 0 15px;}
footer .call-us+p{
	width:860px;
	background:url(blue_tr0.png);
	margin:19px auto 0;
	font-weight:bold;
	font-size:24px;
	color:#fff;
	padding:37px 80px;	
	text-align:center;
}

.cr{text-align:center;	
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px 0;
}
.cr a{color:#ff0000;}
.cr img{margin-right:9px;position:relative;top:4px;}
.modal-bg{
	background:url(https://vikup-mogilev.by/img/dark_tr2.png);
	height:100%;
	width:100%;
	position:fixed;
	top:0;left:0;
	display:none;
	z-index:100;
}
.modal{
	position:absolute;
	top:0;left:0;
	display:none;
	z-index:200;
}
.mod-f{height: 295px;}
.mod-f .desc{margin:10px 0 35px;}
.mod-f .desc img{margin-right:13px;position:relative;top:15px;}
.i-mes{
	resize:none;
	height:120px;
	font-family: inherit;
	line-height: 20px;
	padding-top: 10px;
}
.closer{
	background:url(closer00.png) no-repeat;
	display:block;
	width:42px;height:42px;	
	position:absolute;
	top:-10px;right:-6px;
}
.resp .closer{top: -18px;right: -18px;}
.resp{
	background:url(dark_tr2.png);
	width:820px;
	color:#fff;
	font-size:30px;
	text-align:center;
}
.resp p{padding:78px 90px;}
@media handheld{
	@-ms-viewport:device-width;	
}
.korpus > div, .korpus > input { display: none; background-color: #fff;} 
.korpus label { padding: 5px; border: 1px solid #aaa; line-height: 28px; cursor: pointer; position: relative; bottom: 1px; color: #cf0000; font-size: 26px;font-weight: bold;line-height: normal;  background-color: #fff;} 
.korpus input[type="radio"]:checked + label { border-bottom: 2px solid #fff; font-size:50px; } 
.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1), .korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2), .korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3) , .korpus > input:nth-of-type(4):checked ~ div:nth-of-type(4), .korpus > input:nth-of-type(5):checked ~ div:nth-of-type(5), .korpus > input:nth-of-type(6):checked ~ div:nth-of-type(6), .korpus > input:nth-of-type(7):checked ~ div:nth-of-type(7), .korpus > input:nth-of-type(8):checked ~ div:nth-of-type(8){ display: block; padding: 5px; border: 1px solid #aaa; }