@import url('template.css');
header#head {
	background: transparent;
	border-bottom: 0px
}
header#head {background:transparent}
.slogan {
	background: #1a8ad8 url(../../../images/mainpage/pattern2.png) 50% 0% no-repeat;
	color: #fff;
	padding: 80px 0 60px 0;
}
.slogan h1 {padding:20px 0;line-height: 30px}
.slogan h2 {color: #fff764}
.why2 .block {padding-top:20px;padding-bottom:0px;}
.review {background: #ccc}
.prtxt, .aftxt, .bftxt, .problem {font-size: 16px;line-height: 1.4;}
.callblock h2 {font-size:28px;color:#000}
.callblock ol {margin: 30px 0 0 40px}
.callblock ol li {position:relative;display:block;padding: 0 0 0 30px;margin:12px 0}
.callblock ol li h3 {font-weight:300;font-size:18px;color:#000}
.callblock ol li h3:before {position:absolute;display:block;left:0;top:9px;content:" ";width:16px;height:4px;background:#43a5ec;border-radius: 4px;}
.prtxt p, .aftxt p, .bftxt p, .problem  p {padding: 6px 0 4px 0}
.recallme .block {padding-bottom:0px;border-bottom: 3px solid #000;}
.recallme {padding-bottom:2px;}
.problem .block {border-top: 1px solid #000;}
.servises {padding: 40px 0}
.bloknews {}
ul.bloknews {
    display: block;
    border-bottom: 1px solid #E3E1E1;
}
.bloknews li {
    display: table;
	width:100%;
    background: #fff;
    position: relative;
    border-top: 1px solid #E3E1E1;
    border-left: 1px solid #E3E1E1;
    border-right: 1px solid #E3E1E1;
    padding: 10px;
}
.bloknews li > span {
    display: table-cell;
    min-width: 150px;
}
.bloknews li > div {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    padding-left: 10px;
}
.datnews {
    display: inline-block;
    border: 1px solid #D8E9F8;
    padding: 3px 6px;
    font-size: 12px;
    background: linear-gradient(to bottom, #fff 0%,#d2e5f6 100%);
}
.bloknews h2.title {
    display: block;
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    margin-bottom: 10px;
    border-bottom: 2px solid rgba(0,0,0,0);
    transition: .3s;
}
.bloknews p {padding: 6px 0 4px}
.about .aboutxt h3 {position:relative;font-size:24px; color: #000;margin-bottom:10px}
.about ol li {color: #fff;border-top: 4px solid rgba(0,0,0,.3)}
.about ol li:nth-child(1) {background: #f27042 url(../../../images/mainpage/file-import.png) 100% 50% no-repeat}
.about ol li:nth-child(2) {background: #5091cd url(../../../images/mainpage/file-edit.png) 100% 50% no-repeat}
.about ol li:nth-child(3) {background: #8564c7 url(../../../images/mainpage/file-code.png) 100% 50% no-repeat}
.about ol li:nth-child(4) {background: #50af8c url(../../../images/mainpage/file-certificate.png) 100% 50% no-repeat}
.about .prim {padding: 20px;}
.about .prim h3 {padding: 0 0 10px 0;}
.review {
	background: #1a8ad8 url(../../../images/mainpage/comment.jpg) 50% 0% no-repeat;
	background-size: cover;
	background-attachment: fixed;
	color: #fff
}

.servises > ol > li {
	background-size: 100% auto;
	background-position: 0 100%;
	background-repeat: no-repeat;
	margin-bottom: 0px
}
.servises .coll-4 > li:nth-child(4n) {padding-right: 20px}
.servises > ol > li ul {padding: 20px 0 0 0;list-style-type: none;}
.servises > ol > li ul li {display:block;padding:4px 0}
.servises > ol > li ul li:before {
    color: #3ea5ec;
    content: "✔";
    padding-right: 10px;
}
.servises h3 {display: block;text-align:left;font-weight:300; text-transform: uppercase;color: #000;text-shadow: 0 0.5px 1px rgba(0,0,0,.4)}

.problem, .recallme {background: #f8f8f5;}
.problem ol {
	margin-top: 20px;
	padding: 40px 0;
	border-top: 4px double rgba(0,0,0,.2);
	border-bottom: 4px double rgba(0,0,0,.2);
}
.problem em {font-size:18px}
.massimportant {text-align:center}
.massimportant h2 {
	font-size: 28px;
	border: 3px double #e6a028;
	margin: 40px auto;
	padding: 20px 40px;
	display: inline-block;
	background: #ffc600;
	color: #000;
	border-radius: 100px
}
.massimportant strong {
	background: rgba(230, 40, 40, .7);
	text-transform: uppercase;
	color: #fff;
	padding: 5px 20px;
	font-weight: normal;
	border-radius: 24px;
}
@media (max-width:767px){
	.callblock .coll1, .callblock .coll2 {width:100%;flex-basis: 100%;} 
	.callblock ol {margin: 0}
	main .block {padding: 30px 14px;}
	.sendbl {padding: 40px 0;border-radius: 0px}
	.slogan {padding: 0}
	.slogan .block {padding: 60px 14px 0 14px}
	.servises > ol > li ul {padding: 10px 0 30px 0;}
	.massimportant strong {display: block}
	.massimportant h2 {padding: 40px;border-radius: 500px;}
}