/*  ALL STYLES  */

body{
	margin:0;
	padding:0;
	font-family: 'Roboto', sans-serif;
	min-height:861px;
	font-weight:400;
}
#table-prize tr td:nth-child(3){
	min-width: 110px;
}
#ie .top.rule-rapper > div{
	float: left;
	min-height: 115px;
}
.slog-text{
	    text-align: center;
    margin: 0 auto;
    font-size: 34px;
    font-weight: 700;
    letter-spacing: -0.5px;
    font-style: italic;
    font-family: 'Roboto';
    color: #fff;
	margin-top: 40px; 
}
button#responsive-menu-button:focus{
	outline: 0;
}
a, p, h1, h2, h3, td{font-family: 'Roboto', sans-serif; font-weight:400;}
#all{
	background-color:#f1f7fc;
	background-image: url('http://promo6.happyby.com/wp-content/themes/conte/images/header-bg-2.jpg');
	background-position: left 12px;
	background-repeat: no-repeat;
	/*background-size: contain;*/
	background-size: 100%;
		position: relative;

}
#all, .full{
	width:100%;
	min-width: 1260px;
	text-align:center;
		max-width: 2000px;
	margin: 0 auto;
}
.wrapper{width:1260px;margin:0 auto;position:relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 40px;}
.clear{clear:both;}
a.anchor {position: relative;margin-top: 0px;}
h2{font-size:54px;font-weight:700;line-height:100%;margin:0 0 25px;padding:0;}
header{
background: rgb(35,151,194); /* Old browsers */ /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(35,151,194,1) 0%,rgba(245,87,150,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear,  left top, right top,  from(rgba(35,151,194,1)),to(rgba(245,87,150,1)));
background: linear-gradient(to right,  rgba(35,151,194,1) 0%,rgba(245,87,150,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2397c2', endColorstr='#f55796',GradientType=1 ); /* IE6-9 */


}
header::after{
	content: '';
	width: 100%;
	height: 35px;
	position: absolute;
	background-image: url('http://promo6.happyby.com/wp-content/themes/conte/images/header-bottom.png');
	background-repeat: no-repeat;
	background-position: top center;
	z-index: -1;
	top: 55px;
	left: 0;
	/* 
		background: rgb(35,151,194); 
	background: -moz-linear-gradient(left,  rgba(35,151,194,1) 0%, rgba(227,93,154,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(35,151,194,1) 0%,rgba(227,93,154,1) 100%);
	background: linear-gradient(to right,  rgba(35,151,194,1) 0%,rgba(227,93,154,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2397c2', endColorstr='#e35d9a',GradientType=1 ); 
	box-shadow: 0 2px 2px 0px rgba(51, 51, 51, 0.49); */
}
/*  NEWS STYLES  */
#news{
	min-height:279px;
	background: rgb(254,196,179); /* Old browsers */ /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(254,196,179,1) 0%,rgba(252,140,164,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(254,196,179,1)),to(rgba(252,140,164,1)));
	background: linear-gradient(to bottom,  rgba(254,196,179,1) 0%,rgba(252,140,164,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec4b3', endColorstr='#fc8ca4',GradientType=0 ); /* IE6-9 */
	position: fixed;
	min-width: 100%;
	top: 0;
	z-index: 100001;
	display:none;
	    -webkit-box-shadow: 0 -4px 1px 0px rgba(0,0,0, 0.15) inset;
	            box-shadow: 0 -4px 1px 0px rgba(0,0,0, 0.15) inset;
}
a.news-link{cursor:pointer;}
.news{float:left; -webkit-box-sizing: border-box; box-sizing: border-box;width:25%;text-align:left;height: 150px;overflow: hidden; padding: 0 10px;}
#news h3{color:#fff; font-family:'Roboto Condensed';font-size:54px;font-weight:700;line-height:100%;padding:40px 0 25px 0;margin:0;text-align:left}
.news-date{color:#fff; font-family:'Roboto Condensed'; font-size:18px;font-weight:700;margin:0;padding:0;}
.news-text a{cursor:pointer;}
.news-text, .news-text a{font:14px 'Roboto';font-size:14px;margin:5px 0 0 0;padding:0;color:#fff;text-decoration:none;
	-webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;}
.news-text a:hover{color:#9160a4;}
.close-reveal-modal.close-news{color: #fa5695;}


/*  HEADER STYLES  */
header{position: fixed;z-index:100;top:0;}
header .wrapper{
	display:block;
	max-width: 1260px;  
	width: 100%;
	height:60px;
}
.home-icon{float:left;}
.home-icon img{margin:18px 9px 0 9px;}
.social{float:right;}
.social img{margin:14px 4px 0 0px; height: auto;}
nav{float:left;margin:18px 0 0 0;}
nav a{
	font-size:18px;
	color: #fff;  
	margin:0 12px; 
	font-weight: 700;
	text-decoration:none;
	line-height:100%;
	-webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
nav a:hover{
	text-shadow: 0px 0px 10px #89D1DC;
}

/*  HEADER BLOCK STYLES  */
.top-banners {
    padding-top: 105px;
    margin-left: 130px;
	text-align: right;
}
.top-banners  img{
	margin-left: 20px;
}
#logo{
	text-align: right;
	margin-top: 20px;
}
#header-block{height:910px; clear: both;}

.count-phone{position: relative; top: 210px;}
#phones{display: inline-block;text-align:right;width:370px; right: 0; position: absolute;}
#phones img{margin:0 10px 0 0;}
#phones p{color:#424a53;font-size:24px;margin: 0;padding: 0; font-weight: 300;}
#phones p:first-child{line-height: 70%; margin-bottom: 30px;}
#phones span{font-size: 16px;}
#phones p.big-text{color:#424a53;font-weight:500;font-size:36px;}
#phones p.big-text span{margin-left: 30px;}
#event-mess{
	clear:both;
	float:left; 
	width:380px;
	height:166px;
	z-index: 99;
	background:#fff;
	border-radius: 10px;
	    position: relative;
    top: 35px;
	left: 50%;
	margin-left: -190px;
	-webkit-box-shadow: 0px 0px 14px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 14px 0px rgba(50, 50, 50, 0.5);
}
#event-mess{color:#999999;font-size:28px;line-height: 160px;}
#event-mess p{margin: 0;/*padding: 45px 0 0 0;*/padding:0px;}
#timetoevent{background-image:url(http://promo6.happyby.com/wp-content/themes/conte/images/timer-bg.png);background-position: center 2px; background-repeat: no-repeat;width: 100%;height: 100px;margin-top:50px;}
#timetoevent div {float:left;width:79px;color:#333333;font-size:58px;font-family: 'Roboto Condensed';letter-spacing: 14px;line-height: 130%;text-align: center;}
#timetoevent div span{color:#999999;font-family: 'Roboto', sans-serif;font-size:16px;letter-spacing: 0;display:block;margin-top:3px;line-height:100%;}
.days{margin:0px 0 0 37px}
.hours{margin:0px 0 0 36px}
.minutes{margin:0px 0 0 34px}

/* BLOCK01 STYLES  */
#block01::before{
    content: '';
    height: 60px;
    top: -25px;
    width: 100%;
    left: 0;
    position: absolute;
    background-image: url(http://promo6.happyby.com/wp-content/themes/conte/images/block-01-before.png);
    background-repeat: no-repeat;
    background-position: top center;
    z-index: 99;
}
#block01{	
    background-image: url(http://promo6.happyby.com/wp-content/themes/conte/images/block01-bg.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;    
	background-size: 2048px 65px;
	height: 656px;
    clear: both;
	position: relative;
}
#block01 h2 { 
position: relative;
    text-align: center;
    float:left;
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
	letter-spacing: -0.54px;
    margin: 0 0 45px;
    padding: 0;
    color: white;
	
}
#block01 .wrapper > h2{
	position: relative;
	top: -20px;
	width: 50%;
	text-align: left;
	margin-left: 15px;
	color: #0096ae;
	font-size: 58px;
	font-weight: 700;
	line-height: 100%;
	margin: 0 0 25px;
	padding: 0;
}
#rule-block{   
    margin: 0 auto;
    padding-bottom: 80px;
    clear: both;
}
.rule{display:none;position:relative;}
.rule img{display:none;}
.rule01{background-image: url(http://promo6.happyby.com/wp-content/themes/conte/images/1.png);}
.rule02{background-image: url(http://promo6.happyby.com/wp-content/themes/conte/images/2.png);}
.rule03{background-image: url(http://promo6.happyby.com/wp-content/themes/conte/images/3.png);}
.rule04{background-image: url(http://promo6.happyby.com/wp-content/themes/conte/images/4.png);}
.rules1, .rules2, .rules3, .rules4 { display: none; }
.rules1{position: absolute;top: 220px;left: 27px; color:#0096AE;font-size: 20px; }
.rules2{position: absolute;top: 220px;left: 276px;color:#0096AE;font-size: 20px;}
.rules3{position: absolute;top: 220px;right: 245px;color:#0096AE;font-size: 20px;}
.rules4{position: absolute;top: 220px;right: -50px;color:#FF361E;font-size: 20px;}

#rules-text{
    font: 18px 'Roboto';
	font-style: italic;
    color: white;
    float: left;
    position: relative;
    left: 60px;
	top: 17px;
    text-align: left;
}
#rules-text:hover{
	text-decoration: none;
}
.tooltip{
	background: #0096ae;
	position: absolute;
	border: 3px solid #0096ae;
	border-radius: 5px;
	color: #fff;
	width: 150px;
	right: 0;
	top: 100px;
	padding: 15px;
	font-size: 18px;
	line-height: 100%;
	-webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
	display:none;
}
.show-logo:hover .tooltip{display:block;text-decoration:none;}
.show-logo{text-decoration:none;}

/* BLOCK02 STYLES  */
#block02{background: #fff;padding-top: 115px; padding-bottom: 50px;}
.table-style td, .table-style th{color:#000000;font-size:16px;padding: 10px 23px;vertical-align: top;}
.table-style th{border-bottom: 3px solid #fa5695; font-weight: 400; line-height: 120%;}
.table-style td{border-bottom: 1px solid #fa5695;text-align:center;line-height: 180%;}
.table-style .left{text-align:left;}
#block02 h2{
	color: #fa5695;
	text-align: left;
	font-family: 'Roboto Condensed';
	font-weight: 700;
	margin-bottom: 45px;
}

/* BLOCK03 STYLES  */
#block03::before{
    content: '';
    height: 60px;
    top: -25px;
    width: 100%;
    left: 0;
    position: absolute; 
    background-image: url(http://promo6.happyby.com/wp-content/themes/conte/images/block03-bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    z-index: 99;
}
#block03{
	position: relative;
	background: rgb(250,152,190); /* Old browsers */ /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(250,152,190,1) 0%,rgba(90,204,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear,  left top, right top,  from(rgba(250,152,190,1)),to(rgba(90,204,242,1)));
	background: linear-gradient(to right,  rgba(250,152,190,1) 0%,rgba(90,204,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa98be', endColorstr='#5accf2',GradientType=1 ); /* IE6-9 */
		background-image: #2b99df url('http://promo6.happyby.com/wp-content/themes/conte/images/block03-bg.jpg') center bottom no-repeat;
	padding-bottom:50px;
	padding-top:115px;
}

#block03 h2{color:#fff;/*text-align:left;margin-left:15px;*/}
#block03 h3{color:#fff;font-size:24px;}
#winners td, #winners th{color:#fff;font-size:18px;padding: 10px 25px;text-align:left;}
#winners{ margin: 0 auto;}
#winners th{color: #ffdcba; border-bottom:3px solid #ffdcba;font-weight:400;line-height: 120%;font-size:20px;cursor:pointer;}
#winners td{border-bottom: 1px solid #fff;line-height: 160%; background:rgba(0, 0, 0, 0.1);}
#winners .left{text-align:left;}
#block03 p{text-align: left;margin: 0 0 0 10px;color: #fff;font-size: 18px;}
#winners th.sorting_asc:after, #winners th:after {
	content:"▼";
	font-size: 10px;
	margin: 8px 0 0 5px;
	/*position: absolute;*/
	font-family: tahoma;
	line-height:100%;}
#winners tbody tr td:nth-child(2){font-weight: 700;}
#winners th.sorting_desc:after {content:"▲";}
#winners_length{display:none;}
#winners_filter{position: absolute;top: 20px;right: 10px;	color:#fff;font-size:20px;}
#winners_filter input{
	width: 263px;
	height: 40px;
	line-height: 40px;
	padding: 0;
	text-indent: 10px;
	margin: 0 0 0 15px;
	font-family: 'Roboto', sans-serif;
	color:#767575;
	font-size:18px;
	border:none;
	border-radius: 7px;
	outline:none;
}
#winners_previous, #winners_next{
	height:28px;
	width:28px;
	padding:0;
	display:inline-block;
	background:url('http://promo6.happyby.com/wp-content/themes/conte/images/table-pages.png') left top no-repeat;
	margin: 20px 5px 10px;
	cursor:pointer;
}
#winners_previous{background-position:-28px top;}
#winners_next{background-position:-56px top;}
#winners_previous.paginate_disabled_previous{background-position:0px top;}
#winners_next.paginate_disabled_next{background-position:right top;}
#winners_info{position: absolute;bottom: 20px;right: 25px;    color: #ffffff;}

#block03-bottom{
    height: 37px;
    width: 100%;
    background-image: url(http://promo6.happyby.com/wp-content/themes/conte/images/question-after.png);
    background-repeat: no-repeat;
	background-color: #fff;
    background-position: top center;
    z-index: 99;
}
/* BLOCK04 STYLES  */
#block04{	
	background:#fff;
	background-image: url(http://promo6.happyby.com/wp-content/themes/conte/images/block04-bg.jpg);
	background-size: cover;
	padding-bottom:150px;
	background-repeat: no-repeat;
	background-position: top center;
	padding-top:95px;
	position: relative;
}
.answer{display:none;}
.question{text-align:left; font-family: 'Roboto Condensed'; font-weight: 700;   color: #fa5695;font-size: 19px; position: relative; max-width: 1024px;
    margin: 10px auto;}

.question a.question-link span{font-size:20px; color: #000000; font-family: 'Roboto Condensed'; border-bottom:1px dotted #000000;}
.question a.question-link{padding:0 18px 0 10px;cursor:pointer;background:url('http://promo6.happyby.com/wp-content/themes/conte/images/question-bg.png') right 10px no-repeat;}
.question a.hide{background-position:right -25px;}
.answer{color: #000000;font-size: 18px;margin:5px 0 20px 70px;padding-bottom:1px;}
.question p{margin: 0 0 8px;padding: 0;line-height: 120%;    max-width: 700px;  width: 100%; font-family: 'Roboto Condensed';}
.question p a{color: #fa5695 ;!important;}
.question p a:hover{ text-decoration: none;}
.question ul li{list-style-type:none;margin: 2px 0;}
.question ul, .question ol{margin:0;}
#block04 h2{
    color: #fa5695;
    text-align: left;
    font-family: 'Roboto Condensed';
    font-weight: 700;
	text-align: center;
}

/* BLOCK05 STYLES  */
#block05::before {
    content: '';
    height: 60px;
    top: -25px;
    width: 100%;
    left: 0;
    position: absolute;
    background-image: url(http://promo6.happyby.com/wp-content/themes/conte/images/block-05-before.png);
    background-repeat: no-repeat;
    background-position: top center;
    z-index: 99;
}
#block05{
	background-image: url(http://promo6.happyby.com/wp-content/themes/conte/images/block05-bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 2048px 721px;
	padding: 95px 0 20px;
	position: relative;
	height: 605px;
}
#block05 input{
	max-width: 315px;
	width: 100%;
}
#block05 span.wpcf7-form-control-wrap.your-email{
	margin-left: 11px;
}
.wpcf7-validation-errors{
	display: none !important;
}
#block05 textarea{
	max-width: 645px;
	width: 100%;
}
#block05 input, #block05 textarea{
	background:#fff;
	border: none;
	border-radius: 7px;
	font-family: 'Roboto', sans-serif;
	color: #767575;
	font-size: 18px;
	outline:none;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	line-height: 40px;
	padding: 0 15px;
}
.block.widget_text{
	text-align: left;
	max-width: 645px;
	margin: 0 auto;
}
#block05 input{height:40px;}
#block05 textarea{height:225px;}

.capthcha-img{
	background: #fff;
	border: 6px solid #fff;
	border-radius: 7px;
	margin-left: 25px;
	}
#block05 input.capthcha-input{float:left;width:140px;}
#block05 input.wpcf7-submit{
    font-size: 24px;
    background: #fa5695;
    width: 190px;
    height: 55px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #fff;
	float: right;
	font-family: 'Roboto Condensed';
    cursor: pointer;
}
#block05 input.wpcf7-submit:hover{
	background: #ff99c0;
}
#block05 h2{
	font-family: 'Roboto Condensed';
	font-weight: 700;
	color:#FFF;
	text-align: center;	
}
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng, div.wpcf7-mail-sent-ok{border:none!important;color: #E04716;}
span.wpcf7-not-valid-tip{color: #E04716!important;}
div.wpcf7-mail-sent-ok {color: #FFF!important;}
span.wpcf7-not-valid-tip{clear:both;}
.flex-p{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}


/* FOOTER STYLES  */
#footer::before {
    content: '';
    height: 34px;
    top: -25px;
    width: 100%;
    left: 0;
    position: absolute;
    background-image: url(http://promo6.happyby.com/wp-content/themes/conte/images/footer-before.png);
    background-repeat: no-repeat;
    background-position: top center;
    z-index: 99;
}
#footer{
	background: rgb(35,151,194); /* Old browsers */ /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(35,151,194,1) 0%,rgba(250,86,149,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear,  left top, right top,  from(rgba(35,151,194,1)),to(rgba(250,86,149,1)));
	background: linear-gradient(to right,  rgba(35,151,194,1) 0%,rgba(250,86,149,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2397c2', endColorstr='#fa5695',GradientType=1 ); /* IE6-9 */
	padding-top:25px;
	padding-bottom: 20px;
	position: relative;
}
#logo-footer{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}
#logo-footer img{
	margin-right: 20px;
	max-width: 115px;
	min-width: 115px; 
	width: 100%;
	}
#logo-footer p{
	font-family: 'Roboto Condensed';
	color:#fff;
	font-size:15px;
	text-align: left; 
}
#footer-text{
	font-family: 'Roboto Condensed';
	color:#fff;
	font-size:16px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
#social-footer{float:left;margin: 20px 0 0 0;}
#saitodrom{float:right;margin:23px 0 0 0}
#saitodrom a, #saitodrom{    color: #fff;font-size:16px;text-decoration:none; font-family: 'Roboto Condensed';}

/* subscribe STYLES  */
.subscribe {
	position:absolute;
	right:0px;
	top:30px;
	color:#fff;
	font-family: 'Roboto Condensed';
	font-weight: 700;
	font-size:22px;
}
#subscribe-email, #subscribe-name{
	border: none;
	color: #b3b3b3;
	outline:none;
	height:40px;
	line-height:40px;
	width:260px;
	text-indent:10px;
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	border-radius: 7px;
	padding:0;
	margin:0;
}
#subscribe-submit {
	border: none;
	outline:none;
	color:#fff;
	font-size:18px;
	font-family: 'Roboto', sans-serif;
	border-radius: 7px;
	background:#ffdcba;
	text-align:center;
	width:123px;
	height:40px;
	line-height:40px;
	padding:0;
	margin:0;
	cursor:pointer;
	-webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#subscribe-submit:hover{background:#ffd2a6;}
#subscribe-valid{font-size:16px;}

#popup-bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#88000000', endColorstr='#88000000'); /* IE */
	z-index: 99999;
}

#popup-window {
	background: url(http://promo6.happyby.com/wp-content/themes/conte/images/banner.png) center center no-repeat;
	width: 700px;
	height: 422px;
	position: absolute;
	left: 50%;
	top: 100px;
	margin-left: -300px;
}

#popup-window a {
	display: block;
	width: 100%;
	height: 100%;
}

#popup-window a.close {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 999;
	width: 50px;
	height: 50px;
}
.wrapper h2 {
  text-align: left;
}


.gradient{
	background-image: url('http://promo6.happyby.com/wp-content/themes/conte/images/gradient.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 2048px 605px;
    position: relative;
	height: 605px; 
}
.rule-rapper{
    margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
/*background: url('http://promo6.happyby.com/wp-content/themes/conte/images/line.png') center top no-repeat;*/
	clear: both;
}
.rule-rapper.top > div {
	width: 25%;
	margin: 0;
    font-size: 18px;
    font-family: "Roboto Condensed";
    padding-top: 90px;
	padding-left: 20px;
	padding-right: 25px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	color: #fff;
	text-align: left;
	font-style: italic;
	background-size: 259px 104px;
	background-repeat: no-repeat;
	background-position: center top;
	
}

.rule-block-1 span{
    font-size: 28px;
	font-family: "Roboto";
}
.rule-block-1 a{
	color:white;
}
.rule-block-2 span{
    font-size: 28px;
	font-family: "Roboto";
}
.rule-block-2 a{
	color:white;
}

.rule-block-3 span{
    font-size: 28px;
	font-family: "Roboto";
}


.rule-block-4 span{
    font-size: 38px;
	font-family: "Roboto";
}
.table-info{
    font-size: 18px;
    color: #000000;
    width: 36%;
	font-family: 'Roboto Condensed';
    border-bottom: 3px solid #fa5695;
    margin-left: 202px;
    padding-bottom: 11px;
    margin-bottom: 0px;
}
.big-th{
    width: 32% !important;
}
.no-padding{
padding-left:0px !important;
padding-right:0px !important;
}
.th-first{
    padding: 0 !important;
    width: 4%;
padding-top:5px !important;
}
.th-three{
    width: 16%;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
th.th-two{
  padding-left: 0 !important;
    padding-right: 0 !important;
}
th.left{
padding-left: 0 !important;
    padding-right: 0 !important;
    width: 23%;
}
.five-th{
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 32%;
}
.big-p-rules{
font-size: 45px;
    margin-top: 0;
    text-shadow: 2px 2px 2px rgba(250, 237, 211, 1);
    color: #ee1d25;
    font-weight: bold;
    text-transform: uppercase;
}
td.left{
    padding-right: 0 !important;
    padding-left: 0 !important;
    width: 26%;
}
.rule-snow{
    color: #717171;
    font-weight: bold;
    text-align: left;
font-size:20px;
}
.red-snow{
color: #717171;
}
.animation-rule{
    width: 1260px;
    margin: 0 auto;
    height: 220px;
}

.rule-block-2 span.line-link{
	font-size: 21px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    text-decoration: underline;
}
.wrapper-header{
    width: 1260px;
    margin: 0 auto;
    padding: 85px 40px 0 40px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	
}
.table-style td:first-child{
vertical-align: middle;
}
.text-event{
height: 0px;
    position: relative;
    bottom: 100px;
}
.slogan a{
		background-image: url('http://promo6.happyby.com/wp-content/themes/conte/images/arrow-slog.png');
	background-position: 605px center;
	background-repeat: no-repeat;
    font-family: 'Roboto';
    color: #fff;
	font-weight: 500;
	line-height: 95%;
    font-size: 38px;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 40px 105px 0 40px;
}
.slogan a span{
	font-size: 29px;
	font-family: 'Roboto';
	font-weight: 500;
}
.slogan{

	background: rgb(241,135,174); /* Old browsers */ /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(241,135,174,1) 0%,rgba(255,197,143,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear,  left top, right top,  from(rgba(241,135,174,1)),to(rgba(255,197,143,1)));
	background: linear-gradient(to right,  rgba(241,135,174,1) 0%,rgba(255,197,143,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f187ae', endColorstr='#ffc58f',GradientType=1 ); /* IE6-9 */
    position: absolute;
    left: 50%;
	margin-left: -340px;
	width: 680px;
    height: 155px;
	top: 550px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 25px 0px rgba(51, 51, 51, 0.5);
            box-shadow: 0 0 25px 0px rgba(51, 51, 51, 0.5);
    z-index: 99;
    display: none;
}
@media all and (max-width: 1560px){
	#all{
		background-position-x: -40px;
	}
}
@media all and (max-width: 1460px){
	#all{
		background-position-x: -80px;
	}
}
@media all and (max-width: 1400px){
	.count-phone{top: 210px;} 
	#all{
		background-size: 130%;
	}
}
@media all and (max-width: 1320px){
	#header-block{height: 860px;}
	.count-phone {
		top: 165px;
	}
	#all {
		background-size: 133%;
		background-position-x: -70px;
	    background-position-y: 20px;
	}
}
/***********
-------------
--------------------- Desctops 1024 -1279 ------------------
---------------*/
@media all and (max-width: 1279px){
#all, .full{
	min-width: 100%;
	max-width: 100%;
}
header.full {
    max-width: 100%;
}
.top-banners  img{
	max-width: 150px;
}
.top-banners {
	padding-top: 90px;
}
#logo{
	margin-top: 15px;
}
#logo img{
	max-width: 17%;
}
header .wrapper, .wrapper, .wrapper-header {
	max-width: 1024px;
	width: 100%;
	margin: 0 auto;
}
.wrapper{
	padding: 0 25px;
}
.wrapper-header{
	padding: 50px 25px 0 25px;
}
nav a{
	margin: 0 6px;
	font-size: 16px;
	font-weight: 500;
}
.social img{
	max-width: 22px;
	margin-top: 20px;
}
header::after{
	background-size: contain;
	top: 60px;
}
#phones{
	max-width: 305px;
	width: 100%;
}
#phones p{
	font-size: 22px;
}
#phones p.big-text {
	font-size: 28px;
}
#rules-text{
	font: 16px 'Roboto';
    color: white; 
    position: relative;
    text-align: center;
    position: relative;
    right: 15px;
}
.rule-rapper.top > div{
	background-size: 215px 84px;
	padding-top: 70px;
	padding-left: 0;
	padding-right: 15px;
}
	.count-phone{
		top: 250px;
	}
#rule-block{
	padding-bottom: 55px;
}
.gradient{ 
	height: 555px;
}
#block01{
	height: 618px;
}
.slogan {
	top: 515px;
}
#block03{
	padding-bottom: 60px;
}
#block03-bottom{
	background-size: contain;
}
.table-style td, .table-style th, #winners td, #winners th{
	font-size: 16px; 
}
#footer::before{
	top: -15px;
	background-size: contain;
}
#block05::before, #block03::before, #block01::before{
	top: -15px;
	background-size: contain;
}
.table-info{
	width: 33%;
}
#block05{
		height: 605px;
	}
}
@media all and (max-width: 1160px){
	#all{
		background-size: 120%;
	}
	.count-phone {
		top: 150px;
	}
	#header-block {
		height: 730px;
	}
}
/******
----------------------------
******************** 960px - 1024px ******************
------------------------
*****/
@media all and (max-width: 1023px){
	#all{
		background-position: top center;
	}
	
	header .wrapper, .wrapper, .wrapper-header {
		max-width: 960px;
		width: 100%; 
		margin: 0 auto;
	}
	nav a{
		margin: 0 5px;
	}
	.wrapper{
		padding: 0 20px;
	}
	#phones p.big-text {
		font-size: 24px;
	}
	#phones p{
		font-weight: 700;
	    font-size: 20px;
	}
	#phones span {
		font-size: 14px;
	}
	#event-mess{
		top: 0;
	}
	#phones {
		max-width: 261px;
		width: 100%;
	}
	
	#header-block{
		height: 675px;
	}
	#event-mess {
		width: 320px;
		height: 150px;
		margin-left: -160px;
	}
	#event-mess{color:#999999;font-size:24px;line-height: 160px;}
	#event-mess p{margin: 0;/*padding: 45px 0 0 0;*/padding:0px;}
	#timetoevent{
		background-size: 280px 61px;
	}
	#timetoevent div {float:left;width:79px;color:#333333;font-size:50px;font-family: 'Roboto Condensed';letter-spacing: 12px;line-height: 130%;text-align: center;}
	#timetoevent div span{color:#999999;font-family: 'Roboto', sans-serif;font-size:14px;letter-spacing: 0;display:block;margin-top:3px;line-height:100%;}
	.days{margin:0px 0 0 28px}
	.hours{margin:0px 0 0 19px}
	.minutes{margin:0px 0 0 18px}
	h2, #news h3{
		font-size: 48px;
	}
	#rules-text{
		font-size: 14px;
	}
	.wrapper-header{
	    padding: 35px 20px 0 20px;
	}
	.slogan{
		width: 540px;
		height: 130px;
		margin-left: -270px;
		top: 489px;
	}
	#block01{
	    height: 575px;
	}
	.slogan a{
		background-position: 470px center;
	    font-size: 27px;
		padding: 40px 125px 0 40px;
	}
	.slogan a span {
		font-size: 21px;
	}
	#block02{
		padding-top: 85px;
	}
	#block03{
		padding-top: 55px;
	}
	#winners_filter{
		top: 10px;
	}
	#block04{
		padding-top: 15px;
		padding-bottom: 35px;
	}
	#footer::before{
		top: -14px; 
	}
	
	
}
@-moz-document url-prefix() {
	#rule-block {padding-bottom: 100px;}

	.question{
	    font-size: 18px; 
	}
	.question a.question-link span{
		font-size: 18px;
	}

}
/*--------------------------------------------------
----------------------------------------------------
---------- Width device 768 - 959 px ---------------
----------------------------------------------------
--------------------------------------------------*/
@media all and (max-width: 959px){
	#footer::before, #block05::before,#block03::before,
	#block05::before, #block01::before,header::after{
		display: none;
	}
	#all{
		background-size: contain;
	}
	.subscribe{
		font-size: 18px;
		right: 20px;
	}
	.news{
		width: 50%;
		padding: 0 20px;
	}
	#subscribe-email, #subscribe-name{
		max-width: 225px;
		height: 30px;
		font-size: 16px;
	}
	#subscribe-submit{
		line-height: 0;
		font-size: 16px;
		width: 125px;
		height: 30px;
	}
	.slog-text{
		margin-top: 0;
		font-size: 27px;
	}
	header .wrapper{
		height: 50px;
	}
	.home-icon {
		display: block;
	}
	.social{
		margin-right: 60px;
	}
	.social img {
		max-width: 25px; 
		margin-top: 14px;
	}
	nav{
		display: none;
	}
	#header-block {
		height: 650px;
	}
	.top-banners {
		padding-top: 75px;
	}
	.top-banners img{
		max-width: 125px;
	}	
	#logo {
		margin-top: 20px;
	}
	#logo img { 
		max-width: 120px;
	}
	h2,#news h3 {
		font-size: 34px;
	}
	.count-phone{
		top: 65px;
	}
	
	#phones{
		width: 100%;
		max-width: 100%;
		position: relative;
		text-align: center;
		margin-top: 35px;
	}
	#phones p {
		font-weight: 400;
	}
	#phones p:first-child {
		margin-bottom: 15px;
	}
	#phones p.big-text{
		font-size: 34px;
	}
	#block01{
		height: inherit;
	}
	#rules-text{
		font-size: 12px;
		top: 10px;
	} 
	#rule-block{
		padding-bottom: 30px;
	}
	#block01 h2{
		margin: 0 0 25px;
	}
	.rule-rapper.top > div{
		width: 50%;
		background-position: top center;
	    padding-left: 35px;
		font-size: 16px;
		padding-top: 90px;
		background-size: inherit;
		margin-bottom: 15px;
	}

	.gradient{
		height: 605px;
	} 
	.table-style td, .table-style th, #winners td, #winners th{
		font-size: 13.5px;
	}
	.rule-block-2 span.line-link{
		font-size: 18px;
	}
	.slogan{
		width: 450px;
		height: 120px;
		margin-left: -225px;
		top: 545px;
	}
	.slogan a {
		background-position: 385px center;
		background-size: 30px;
		font-size: 24px;
		padding: 35px 85px 0 20px;
	}
	.slogan a span {
		font-size: 19px;
	}
	.rule-snow, .question p{
		font-size: 16px;
	}
	.table-info{
		font-size: 16px;
		width: 275px;
	}
	#winners_filter{
		top: 2px;
		right: 25px;
	}
	#winners_filter input{
		width: 225px;
		height: 30px;
	}
	#winners_filter{
		font-size: 18px;
	}
	#winners_filter input{
		font-size: 16px;
	}
	.question a.question-link span, .question{
		font-size: 16px;
	}
	#block05{
		padding-top: 35px;
		height: 575px;
	}
	#social-footer, #saitodrom{
		margin: 0;
	}
	#block04{
		background-size: 960px;
	}
	.rule-rapper{ 
	    -webkit-flex-wrap: wrap; 
	        -ms-flex-wrap: wrap; 
	            flex-wrap: wrap;  
	}
	#block03 {
		padding-bottom: 30px;
	}

}
/* Fix bugs */
@media all and (max-width: 836px){
	#block04{
		background-size: contain;
	}
	.container_table{
		max-width: 100%;
		overflow-x: scroll;
	}
	.for_container_table{
		position: relative;
	}
	.container_table::after{
		position: absolute;
		top: 0; 
		left: 100%;
		width: 10px;
		height: 100%;
		border-radius: 10px 0 0 10px / 50% 0 0 50%;
		box-shadow: -10px 0 10px rgba(0, 0, 0, 0.35);
		content: '';
	}
}
/*********
*************
*************** 600 - 767 *********
*************
**********/
@media all and (max-width: 767px){
	
	#header-block {
		height: 615px;
	}
	.subscribe{
		position: relative;
		top: 0;
	}
	.slog-text{
		font-size: 22px;
	}
	.top-banners{
		position: relative;
		top: 265px;
		text-align: center;
		margin: 0;
		padding: 0;
	}
	#logo{
		margin: 0;
		position: relative;
		right: 0;
		bottom: 0;
	}
	.count-phone{
		top: 160px;
	}
	#phones p.big-text{
		font-size: 28px;
	}
	.top-banners img {
		max-width: 155px;
	}

	#rule-block{
		padding-bottom: 35px;
	}
	.rule-rapper.top > div{
		background-size: 230px;
		padding-top: 75px; 
	}
	.rule-block-2 span.line-link {
		font-size: 16px;
	}
	.table-info {
		width: 315px;
		font-size: 18px;
	}
	.table-style td, .table-style th, #winners td, #winners th{
		font-size: 16px;
	}
	#winners_filter{
		position: relative;
		left: 0;
		text-align: left;
	}
	#block05 input.wpcf7-submit{
	    height: 40px;
		width: 170px;
		font-size: 20px; 
		font-family: 'Roboto';
	}

	.dataTables_paginate{
		height: 85px;
	}
	#winners_info{
		left: 25px;
		right: initial;
	}
	#block05 {
		padding-top: 45px;
	}
	#footer{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.rule{
		display: block;
	}
	#event-mess{
		width: 290px;
		 height: 125px;
		margin-left: -145px;
		font-size: 20px;
	}
	#timetoevent {
		background-size: 250px;
		margin-top: 42px;
	}
	#timetoevent div{
		font-size: 38px;
	}
	.days{
		margin: 5px 0 0 23px;
	}
	.hours{
		margin: 5px 0 0 10px;
	}
	.minutes{
		margin: 5px 0 0 7px;
	}	


}
/*********
**************
**************** 480 - 600 ***************
**************
**********/
@media all and (max-width: 599px){
	#all{
		background-position: center 32px;
	    background-size: 600px;
	}
	.news{
		width: 100%;
		padding: 0 10px;
		height: 95px;
	}
		.subscribe{
		position: relative;
		top: 0;
		left: 0;
		width: 300px;
		float: right;
		text-align: right;
	}
	#subscribe-email, #subscribe-name{
		margin: 5px 0 10px;
	}
	
	.slog-text{
		font-size: 18px;
	}
	.count-phone {
		top: 175px;
	}
	.top-banners{
	    top: 265px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		height: 69px;
	}
	.top-banners img{
		max-width: 30%;
		margin: 0;
	}
	#logo{
		top: 30px;
		bottom: 0;
	}
	#logo img{
		max-width: 23%;
	}
	#phones p:first-child {
		margin-bottom: 10px;
	}
	#phones p.big-text {
		font-size: 20px;
	}
	#phones p.big-text img{
		margin: 0 5px 0 0;
		position: relative;
		top: 5px;

	}
	#phones p.big-text img:last-child{
		margin-left: 10px;
		
	}
	.rule-rapper.top > div{
		background-size: 190px;
		padding-top: 60px;
		padding-left: 15px;
	}
	#rule-block {
		padding-bottom: 20px;
	}
	.slogan{
		width: 320px;
		margin-left: -160px;
		height: 90px;
		top: 560px;
	}
	.slogan a{
		background-position: 285px center;
		background-size: 20px;
		font-size: 19px;
		padding: 28px 40px 0 15px;
	}
	.slogan a span {
		font-size: 14.5px;
	}
	.rule-snow, .question p {
		font-size: 14px;
	}
	#logo-footer{
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}
	#block02{
		padding-bottom: 20px;
	}
	#logo-footer img{
		margin: 0 auto;
		max-width: 22%;
	}
	#logo-footer p, #saitodrom a, #saitodrom{
		font-size: 14px;
	}
	#social-footer a img{
		max-width: 25px;
	}
}
/* Fix bugs */ 
@media all and (max-width: 540px){
	.top-banners{
		height: 59px;
	}
	.count-phone{ 
		top: 185px
	}
}
@media all and (max-width: 479px){
	#phones p.big-text img:last-child{
		margin-left: 0;
		
	}
	#phones p.big-text img:first-child{
		margin-left: 3px;
		margin-right: 6px;
	}
	body{
		min-width: 320px;
	}
	#all {
		background-position: -50px 35px;
		background-size: 510px;
	}
	#logo {
		top:25px;
		left: 0px;
	}
	#rules-text{
		right: 0;
		left: 30px;
	}
	.top-banners{
		top: 220px;
		height: 55px;
	}
	#phones p.big-text{
		width: 235px;
		margin: 0 auto;
	}
	h2,#news h3{
		font-size: 30px;
	}
	.wrapper-header, .wrapper{
		padding-left: 10px;
		padding-right: 10px;
	}
	.rule-rapper.top > div{
		width: 100%;
		margin-bottom: 20px;
		min-height: 85px;
	}
	.rule-rapper.top > div:last-child{
		margin-bottom: 35px;
	}
	.slogan {
		width: 260px;
		margin-left: -130px;
		height: 60px;
		top: 725px;
	}
	.slogan a{
		padding: 17px 25px 0 15px;
		font-size: 15.2px;
	    background-position: 245px center;
		background-size: 10px;
	}
	.gradient{
		background-size: cover;
		height: 755px; 
	}
	.slogan a span {
		font-size: 12.4px; 
	}
	#winners_filter input{
		width: 200px;
	}
	#winners_info{ 
		bottom: 0;
	}
}
@media all and (max-width: 410px){
	.top-banners{
		height: 45px;
	}
	.rule-rapper.top > div:last-child{
		margin-bottom: 5px;
	}
}