html {
color: #222;
font-size: 10px;
line-height: 1.4;
font-family: "Roboto", sans-serif;
overflow-x: hidden; }
div {
box-sizing: border-box; }
::-moz-selection {
background: #b3d4fc;
text-shadow: none; }
::selection {
background: #b3d4fc;
text-shadow: none; }
:active, \:hover, \:focus {
outline: 0;
outline-offset: 0; }
/* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0; }
/* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle; }
/* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0; }
/* Allow only vertical resizing of textareas.
*/
@font-face {
font-family: "a_FuturaRoundTitulSh Regular";
src: url("AFuturaRoundTitulSh.eot");
src: url("AFuturaRoundTitulSh.eot?#iefix") format("embedded-opentype"), url("AFuturaRoundTitulSh.woff") format("woff"), url("AFuturaRoundTitulSh.ttf") format("truetype");
font-weight: normal;
font-style: normal; }
textarea {
resize: vertical; }
.row {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: row;
flex-wrap: wrap; }
header {
position: unset;
background: url(../img/web_frost.jpg) top center / cover no-repeat;
height: 711px; }
header div {
width: 90%;
max-width: 1024px;
text-align: center;
margin: 0 auto; }
header div .logo {
margin: 0 auto;
margin-top: 45px; }
header div h1 {
text-shadow: #25317b 2px 2px 0, #25317b -2px -2px 0, #25317b -2px 2px 0, #25317b 2px -2px 0;
color: #ffffff;
font-family: "a_FuturaRoundTitulSh Regular", sans-serif;
font-size: 34px;
text-transform: uppercase;
letter-spacing: 0.34px;
margin-top: 20px;
margin-bottom: 0px; }
header div .insta-tag {
margin: 0 auto;
justify-content: center;
align-items: center; }
header div .insta-tag img {
align-self: center;
margin-right: 15px; }
header div .insta-tag p {
color: #25317b;
margin-top: 30px;
margin-bottom: 0px;
font-size: 34px;
text-transform: uppercase;
letter-spacing: 0.34px;
font-family: "a_FuturaRoundTitulSh Regular", sans-serif;
text-shadow: #fff 2px 2px 0, #fff -2px -2px 0, #fff -2px 2px 0, #fff 2px -2px 0;
margin-top: 0px; }
header div .win {
color: #d2202f;
font-size: 34px;
font-weight: 700;
line-height: 1.2;
margin-bottom: 0px;
font-family: "Roboto";
margin-top: 25px;
margin-bottom: 20px;
text-transform: uppercase;
text-shadow: #fff 2px 2px 0, #fff -2px -2px 0, #fff -2px 2px 0, #fff 2px -2px 0; }
header div .travel {
justify-content: center;
align-items: flex-start;
width: 90%;
max-width: 1200px;
margin: 0 auto; }
header div .travel p {
color: #25317b;
margin-top: 0px;
text-transform: uppercase;
font-size: 22px;
text-shadow: #fff 2px 2px 0, #fff -2px -2px 0, #fff -2px 2px 0, #fff 2px -2px 0;
letter-spacing: 1px;
max-width: 801px;
width: 90%;
font-weight: 700;
line-height: 1.18;
}
header div .prices{
-webkit-justify-content: space-between;
justify-content: space-between;
max-width: 580px;
margin-bottom: 30px;
}
header div .prices p{
width: auto;
color: #d2202f;
font-size: 34px;
font-weight: 700;
margin-bottom: 0px;
font-family: "Roboto";
margin-top: 30px;
text-transform: uppercase;
margin: 0 auto;
margin-left: 0px;
margin-right: 0px;
text-shadow: #fff 2px 2px 0, #fff -2px -2px 0, #fff -2px 2px 0, #fff 2px -2px 0; }
}
#rules {
padding-bottom: 95px; }
#rules h2 {
text-transform: uppercase;
color: #25317b;
font-size: 26px;
font-weight: 500;
text-align: center;
margin: 0 auto;
max-width: 750px;
margin-top: 80px; }
#rules .h2_one{
max-width: 630px
}
#rules h2 a {
text-decoration: none;
color: #d2202f; }
#rules p {
color: #242424;
font-size: 20px;
margin: 0 auto;
text-align: center;
margin-top: 26px; }
#rules .prizes {
width: 90%;
max-width: 830px;
margin: 0 auto;
margin-top: 45px;
justify-content: space-between;
align-items: flex-start;
padding-bottom: 175px;}
#rules .prizes .prize-card {
width: 250px;
height: 250px;
background: url("../img/bgr2.png") no-repeat center / cover;
padding-bottom: 20px; }
#rules .prizes .prize-card:first-child { background: url("../img/1priz.jpg") no-repeat center / cover;}
#rules .prizes .prize-card:nth-child(2) { background: url("../img/2priz.jpg") no-repeat center / cover;}
#rules .prizes .prize-card:last-child { background: url("../img/3priz.jpg") no-repeat center / cover;}
#rules .prizes .prize-card p {
color: #d2202f;
font-size: 50px;
font-weight: 700;
margin-bottom: 0px;
line-height: 1.1;
font-family: "Roboto";
margin-top: 275px;
margin-bottom: 20px;
text-align: center;
text-transform: uppercase;
text-shadow: #fff 2px 2px 0, #fff -2px -2px 0, #fff -2px 2px 0, #fff 2px -2px 0; }
#rules .prizes .prize-card p span {
display: block;
color: #25317b;
margin-top: 30px;
text-align: center;
margin-bottom: 0px;
font-size: 34px;
text-transform: none;
letter-spacing: 0.34px;
font-family: "a_FuturaRoundTitulSh Regular", sans-serif;
text-shadow: #fff 2px 2px 0, #fff -2px -2px 0, #fff -2px 2px 0, #fff 2px -2px 0;
margin-top: 0px;}
#rules .period {
max-width: 520px;
color: #242424;
font-size: 20px;
line-height: 30px;
font-weight: 500;
margin: 0 auto;
margin-top: 60px;
text-align: center; }
#rules .period span {
color: #d2202f; }
#rules .winner {
margin-top: 40px;
text-align: center;
color: #242424;
font-size: 20px;
font-weight: 300; }
#rules hr {
margin: 0 auto;
height: 3px;
margin-top: 40px;
margin-bottom: 45px; }
#rules .no-margin {
margin-top: 0px; }
#rules .main-rules {
width: 90%;
max-width: 1170px;
margin: 0 auto;
margin-top: 45px;
justify-content: space-between;
align-items: flex-start; }
#rules .main-rules div {
width: 90%;
max-width: 565px; }
#rules .main-rules div ol {
list-style-type: none;
counter-reset: num;
padding-left: 23px; }
#rules .main-rules div ol li {
color: #242424;
font-size: 20px;
line-height: 25px;
font-weight: 300;
margin-bottom: 22px; }
#rules .main-rules div ol li::before {
content: counter(num) ". ";
counter-increment: num;
color: #d2202f;
margin-left: -20px;
font-weight: 500; }
#rules .main-rules div:last-child ol {counter-reset: num 3; }
#rules .more-rules {
margin: 0 auto;
text-align: center;
margin-top: 20px; }
#rules .more-rules a {
padding: 15px 35px;
border-radius: 3px;
background-color: #4365aa;
text-decoration: none;
text-transform: uppercase;
font-size: 18px;
color: #ffffff;
margin-bottom: 70px;
display: inline-block;
transition: 0.2s; }
#rules .more-rules a:hover {
background-color: #223355; }
#insta {
background-color: #f9f9f9;
padding-top: 50px;
padding-bottom: 40px; }
#insta .insta-title {
margin: 0 auto;
max-width: 225px;
justify-content: space-between;
align-items: center; }
#insta .insta-title p {
font-size: 30px;
color: #333333;
font-weight: 700;
margin-top: 30px;
text-transform: uppercase; }
#insta p {
color: #242424;
font-size: 22px;
font-weight: 500;
margin-top: 0px;
margin-bottom: 35px;
text-transform: uppercase;
text-align: center; }
#insta p span {
color: #d2202f; }
#insta .gallery {
width: 95%;
max-width: 1200px;
margin: 0 auto;
justify-content: space-between;
align-items: flex-start; }
#insta .gallery .gallery-card {
width: 100%;
max-width: 370px;
padding-bottom: 40px; }
#insta .gallery .row {
align-items: flex-start; }
#insta .gallery .row.regtr p {margin-bottom:0;}
#insta .gallery .row.regtr {align-items: center; }
#insta .gallery .row p {
text-transform: none;
font-weight: 500;
margin-top: 0px; }
#insta .gallery .row img {
margin-top: 2px;
margin-right: 10px; }
#insta .opinion {
width: 90%;
max-width: 1200px;
margin: 0 auto; }
#insta .opinion p {
text-align: left;
color: #9f9f9f;
font-weight: 300;
font-size: 20px;
margin-bottom: 0px;
text-transform: none; }
#insta .opinion p span {
color: #d2202f; }
footer {
position: unset;
margin-top: 0px;
min-height: unset;
background-image: linear-gradient(to top, #bb0e1d 0%, #d2202f 100%);}
footer .footer-box {
width: 90%;
max-width: 1200px;
margin: 0 auto;
justify-content: space-between;
align-items: center; }
footer .footer-box p {
color: #ffffff;
font-size: 20px;
font-weight: 400; }
footer .footer-box p a {
color: #ffffff; }
@media(max-width: 530px) {
#rules .more-rules a:first-child { margin-right:0 !important;}
#rules div.prizes .prize-card { margin-bottom: 135px;}
body header {height: 190px; background: url(../img/web_frost.jpg) top center / cover no-repeat;}
#rules .prizes {padding-bottom: 105px;}
}
@media(max-width: 1311px) {
#rules .prizes {
justify-content: space-around; }
#rules .main-rules {
justify-content: space-around; }
#insta .gallery {
justify-content: space-around; } }
@media(max-width: 938px) {
#rules .prizes .prize-card{
margin-bottom: 25px;
}
.bottles{
max-width: 200px;
}
header{
height: auto;
padding-bottom: 30px;
}
header div .prices{
-webkit-justify-content: space-around;
justify-content: space-around;
}
header div .travel {
padding-left: 0px;
margin-top: 20px;
flex-direction: column;
justify-content: center;
align-items: center; }
footer .footer-box p{
margin-top: 10px;
margin-bottom: 10px;}
footer .footer-box {
justify-content: space-around; } }
@media(max-width: 405px) {
header div .insta-tag p{
font-size: 24px; }
}
.iblock-vote{
max-width: 370px;
width: 100%;
}
.iblock-vote table:not(.voting-table) {
width: 100%;
}
.iblock-vote table {border-bottom: none;}
.iblock-vote table:not(.voting-table) tr:nth-child(odd) {
/*background: #eaf4ff*/;
}
.iblock-vote table tr td {
border-bottom: none;
padding: 8px 0px 15px;
}
.iblock-vote .star-voted {
background-image: url(../img/star_frost.png);
width: 20px;
height: 20px;
overflow: hidden;
}
.iblock-vote .star-empty {
background-image: url(../img/star_empty.png);
width: 20px;
height: 20px;
overflow: hidden;
}
.iblock-vote .star-over {
background-image: url(../img/star_frost.png);
width: 20px;
height: 20px;
overflow: hidden;
}
.vote-result {text-align: right;}
#insta .gallery .gallery-card {float:left; margin-right: 15px;}
#insta .gallery .gallery-card:nth-of-type(3n+1) {clear: left;}
#insta {display: none;}
/*# sourceMappingURL=main.css.map */