@charset "utf-8";

* {margin:0; padding:0;}

html {position: relative; }
body {width: 100%; min-width: 320px; font-family: 'Open Sans', sans-serif; font-size:24px; -webkit-text-size-adjust: none;
background:#fe606f url(../img/bg.jpg) 50% 30px no-repeat;}

html, body, .main, .wraper {}

img {border:0;}
p {margin-bottom: 20px;}


.yes, .no {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}


.wraper {}

.main {max-width:960px;padding:0px 40px;margin:0 auto;position: relative;display:block;margin-bottom:0px; min-height:300px; }

.header {background:#008838; width:100%; height:50px; text-align:center;}
.logo {color:#fff; font-size:22px; font-weight:300; position:relative; top:-3px;}
.logo span {font-size:32px; position:relative; display:inline-block; top:4px; margin-right:6px;}

.content {background:#fffad5; width:auto;  border-radius:40px; position:relative;
padding:70px 60px 80px 60px; margin-top:120px; box-shadow:0 8px 26px #00000073;
margin-bottom:60px;}
h1 {text-align:center; font-weight:900; font-size:42px; margin-bottom:40px; line-height:1.0;}
.bot {text-align:center; margin-top:60px;}
.bot a { padding:12px 42px; border-radius:30px; text-decoration:none; position:relative; left:9px;
color:#fff; text-transform:uppercase; font-size:18px; box-shadow:0 12px 24px #0000001f; margin-right:18px;}
.yes {background: linear-gradient(45deg, #aed45d, #43b513);}
.no {background: linear-gradient(45deg, #f17f6c, #f1300f);}
.yes:hover {background: linear-gradient(45deg, #88bf12, #43b513);}
.no:hover {background: linear-gradient(45deg, #f94e31, #f1300f);}

.block {display:block; margin-bottom:50px; padding-bottom:60px;
border-bottom:1px dashed #dfb1ff;}
.num {position:absolute; padding:0px; border-radius:50%; width:50px; height:50px;
background:#d8609d; color:#fff; font-weight:900; font-size:30px; line-height:1.6;
text-align:center;}
.b_img {width:20%; position:absolute; margin-left:70px;}
.b_img img {width:100%; display:inline-block; }
.block h2 {font-size:24px; margin-bottom:20px; margin-left:calc(20% + 150px);}
.block ul {display:inline-block; width:60%; font-size:18px;
margin-bottom:40px; margin-left:calc(20% + 150px); list-style:none;}
.block ul li {color:#028642; background:url(../img/y.png) no-repeat 0px 5px; padding-left:30px;}
.block ul .red {color:#b01865; background:url(../img/n.png) no-repeat 0px 3px;}
.block a { padding:12px 42px; border-radius:30px; text-decoration:none; position:relative; left:9px;
color:#fff; text-transform:uppercase; font-size:18px; 
background: linear-gradient(45deg, #58e79f, #06b058);
box-shadow:0 12px 24px #0000001f; margin-left:calc(20% + 140px); }
.block a:hover {background: linear-gradient(45deg, #5dd799, #0da557);}

.sd {border-top:1px dashed #dfb1ff; padding-top:40px; margin-top:40px;}
.block:last-child {border:none; margin-bottom:0;}

ali {position:absolute; background:url(../img/ali.png) no-repeat; background-size:64px; width:64px; height:64px; top:-42px; 
left:calc(50% - 42px);}

/*-------  ФУТЕР  -----------*/
.footer {text-align:center; margin-top:160px; color:#fff; border-top:1px solid #ffffff40; padding-top:10px; font-size:14px; display: none;}



/*--- КОНКУРС ----*/
.content ol {margin-bottom:40px; margin-top:40px; font-size:18px; margin-left:20px;}
.content ol li {margin-bottom:14px; line-height:1.3}
.content ol a {color:#0085da; font-weight:600;}
.content ol a:hover {text-decoration:none;}
.coll {display:inline-block; vertical-align:top; width:calc(25% - 14px); font-size:0; margin-right:10px;}
.coll:last-child {margin-right:0;}
.coll h3 {font-size:16px; color:#008838; margin-bottom:10px; text-align:center;}
.prise {text-align:center;}
.prise img {width:100%; max-width:256px;}
.prise p {font-size:22px; margin-bottom:6px;}
.user {position:relative; font-size:16px; padding-left:60px; padding-top:6px; min-height:40px;
background:#fff; border-radius:60px; margin-bottom:6px; padding-right:0px; overflow:hidden;}
.us {width:46px; height:46px; border-radius:50%; overflow: hidden; position:absolute; left:0; top:0;
background:#abe44d;}
.us img {width:100%; display:block; margin:0;}
.user p {margin-bottom:0; font-weight:600; font-size:14px; line-height:1; width:400px;}
.user span {font-size:13px; color:#929292; width:400px;}
.user:after {background: linear-gradient(90deg, #ffffffad, #ffffff);
width:60px; height:100%; display:block; position:absolute; top:0; right:0; content:'';}
.kon {text-align:center; line-height:1.2; font-weight:600; color:#ffffff; font-size:24px; background:#fd6d55; padding:30px; border-radius:30px;}
.rez {text-align:center; margin-bottom:50px; font-weight:800; color:#ee5c43; font-size:26px; position:relative;}
.rez:after {content:""; position:absolute; background:#ee5c43; width:100px; height:3px; bottom:-10px; left:calc(50% - 50px);}

@media (max-width: 1000px) {
.coll {width:calc(50% - 14px);  margin-right:10px; margin-bottom:30px;}  
.kon {font-size:18px; padding:30px; border-radius:30px;}
 .content ol {margin-bottom:40px; margin-top:40px; font-size:16px; margin-left:20px;} 
 .c_10 {padding-bottom:20px}
}


@media (max-width: 760px) {
body {font-size:18px; background-size:1400px;}
.main {padding:0px 10px;}
.logo {font-size:20px;top:-3px; display:block; position:relative;}
.logo span {top:4px;} 
h1 {font-size:28px; margin-bottom:16px; text-align:left;}
.content {border-radius:30px; padding:30px 30px 50px 30px; margin-top:40px;} 
.bot {text-align:center; margin-top:60px;}
.bot a { padding:12px 32px; margin-right:20px;}

.block a { padding:8px 28px; font-size:16px; margin-left:calc(20% + 110px);}
.block h2 {font-size:24px; margin-bottom:20px; margin-left:calc(20% + 120px);}
.block ul {display:inline-block; width:60%; font-size:18px;
margin-bottom:40px; margin-left:calc(20% + 120px);}
ali {position:absolute; background:url(../img/ali.png) no-repeat; background-size:44px; width:44px; height:44px; top:-26px; 
left:calc(50% - 22px);}
.kon {margin-top:30px;}
}

@media (max-width: 540px) {
.num {position:absolute; padding:0px; border-radius:50%; width:30px; height:30px;
 font-weight:900; font-size:20px; line-height:1.38; right:calc(40px); margin-top:0px; 
text-align:center;}    
.block {margin-bottom:30px; padding-bottom:40px;}
.b_img {width:200px; position:relative; margin-left:0px;}  
.block h2 {font-size:24px; margin-bottom:10px; margin-left:0;}  
.block ul {width:100%; font-size:16px; margin-bottom:30px; margin-left:0;}
.block a { padding:8px 28px; font-size:16px; margin-left:-10px;}
.kon {font-size:16px; padding:20px; border-radius:0px; width:calc(100% + 20px); left:-30px; position:relative;}
.rez {text-align:center; margin-bottom:50px; font-weight:800; color:#ee5c43; font-size:22px; position:relative; line-height:1.1}
.coll {width:calc(100%);  margin-right:0px; margin-bottom:30px;}  
.c_10 {padding-bottom:4px}
}