/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * 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.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
*{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}
a{
	text-decoration: none;
}
::-webkit-input-placeholder {
   color: #3e3e3e;
}

:-moz-placeholder { /* Firefox 18- */
   color: #3e3e3e;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #3e3e3e;  
}

:-ms-input-placeholder {  
   color: #3e3e3e;  
}
@font-face {
  font-family: 'ProximaNova';
  src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/ProximaNova-Regular.otf')  format('opentype'),
	     url('../fonts/ProximaNova-Regular.woff') format('woff'), url('../fonts/ProximaNova-Regular.ttf')  format('truetype'), url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ProximaNova';
  src: url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/ProximaNova-Bold.otf')  format('opentype'),
	     url('../fonts/ProximaNova-Bold.woff') format('woff'), url('../fonts/ProximaNova-Bold.ttf')  format('truetype'), url('../fonts/ProximaNova-Bold.svg#ProximaNova-Regular') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'ProximaNova';
  src: url('../fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/ProximaNova-Light.otf')  format('opentype'),
	     url('../fonts/ProximaNova-Light.woff') format('woff'), url('../fonts/ProximaNova-Light.ttf')  format('truetype'), url('../fonts/ProximaNova-Bold.svg#ProximaNova-Light') format('svg');
  font-weight: 300;
  font-style: normal;
}

body{
	font-family: "ProximaNova", Arial, Helvetica, sans-serif;
    font-size: 62.5%; /* so 1em = 10px */
}
ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.wrapper{
	max-width: 1170px;
	margin: 0 auto;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}
.relative{
	position: relative;
}
.fleft{
	float: left;
}
.fright{
	float: right;
}
.redbtn, .yellowbtn, .whitebtn{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#be2f26+0,be2f26+69,930c08+100 */
	background: #be2f26; /* Old browsers */
	background: -moz-linear-gradient(top,  #be2f26 0%, #be2f26 69%, #930c08 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #be2f26 0%,#be2f26 69%,#930c08 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #be2f26 0%,#be2f26 69%,#930c08 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-top: 1px solid #c9433a;
	border-bottom: 1px solid #060202;
	border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 2em;
	max-width: 280px;
	overflow: hidden;
	padding: 0.78em;
	position: relative;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.15);
    text-align: center;
	z-index: 1;
}
.yellowbtn{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcbb47+0,fcbb47+69,f98e18+100 */
	background: #fcbb47; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcbb47 0%, #fcbb47 69%, #f98e18 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fcbb47 0%,#fcbb47 69%,#f98e18 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fcbb47 0%,#fcbb47 69%,#f98e18 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-top: 1px solid #fdd28a;
	border-bottom: 1px solid #a52f2d;
	box-shadow: 0 0 0 4px #932b2b;
	border-radius: 10px;
}
.whitebtn{
    background: #fff;
    border: 1px solid #be2f26;
    color: #ac2129;
    text-shadow: none;
}
.redbtn::after,
.redbtn::before,
.yellowbtn::after,
.yellowbtn::before,
.whitebtn::after,
.whitebtn::before{
	bottom: 100%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    -webkit-transition: transform 0.3s cubic-bezier(0.75, 0, 0.125, 1) 0s;
    transition: transform 0.3s cubic-bezier(0.75, 0, 0.125, 1) 0s;
    width: 100%;
    z-index: -1;
}
.redbtn::before,
.yellowbtn::before{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fc4c20+0,fc4c20+61,ea391e+100 */
	background: rgba(252,187, 71, 0.2);
	/*background: #fc4c20; 
	background: -moz-linear-gradient(top,  #fc4c20 0%, #fc4c20 61%, #ea391e 100%); 
	background: -webkit-linear-gradient(top,  #fc4c20 0%,#fc4c20 61%,#ea391e 100%); 
	background: linear-gradient(to bottom,  #fc4c20 0%,#fc4c20 61%,#ea391e 100%); */
}
.yellowbtn::before{
	background: rgba(147,43, 43, 0.8);
}
.whitebtn::before{
    background: rgba(172,33, 41, 0.8);
}
.redbtn::after{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcbb47+0,fcbb47+61,f98b15+100 */
	background: #fcbb47; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcbb47 0%, #fcbb47 61%, #f98b15 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fcbb47 0%,#fcbb47 61%,#f98b15 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fcbb47 0%,#fcbb47 61%,#f98b15 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.yellowbtn::after,
.whitebtn::after{
	background: #be2f26; /* Old browsers */
	background: -moz-linear-gradient(top,  #be2f26 0%, #be2f26 69%, #930c08 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #be2f26 0%,#be2f26 69%,#930c08 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #be2f26 0%,#be2f26 69%,#930c08 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-top: 1px solid #c9433a;
}
.redbtn:hover::after,
.redbtn:hover::before,
.yellowbtn:hover::after,
.yellowbtn:hover::before,
.whitebtn:hover::after,
.whitebtn:hover::before{
	-webkit-transform:translate3d(0px, 100%, 0px);
	-moz-transform:translate3d(0px, 100%, 0px);
	transform:translate3d(0px, 100%, 0px);
}
.redbtn:hover::after,
.yellowbtn:hover::after,
.whitebtn:hover::after{
	-webkit-transition-delay: 0.175s;
	transition-delay: 0.175s;
}
.yellowbtn:hover{
	border-top: 1px solid #c9433a;
}
.whitebtn:hover{
    color: #fff;
}
.redbtn span{
	color: #fcbb47;
	font-weight: 700;
}
.gold{
	color: #fcbb47;
}
.red{
	color: #be2f26;
}
.f-20{
	font-size: 2em; 
}
.f-15{
	font-size: 1.5em;
}
/* register page - general */
.register-stepinfo {
    display: inline-block;
    margin-bottom: 20px;
}
.nb-step {
  border: 1px solid #ea4234;
  color: #000;
  border-radius: 30px;
  font-size: 2.5em;
  height: 53px;
  line-height: 2;
  margin-right: 12px;
  width: 53px;
  font-weight: 700;
  text-align: center;
}
.nb-step {
  border: 2px solid #be2f26;
  border-radius: 50%;
  color: #303030;
  float: left;
  font-size: 30px;
  font-weight: 700;
  height: 56px;
  line-height: 56px;
  margin-right: 5px;
  text-align: center;
  width: 56px;
}

.text-step h3 {
  font-size: 30px;
  margin-bottom: 2px;
  color: #303030;
  margin-top: 0;
}
.text-step span {
  font-size: 15px;
  color: #be2f26;
}
.register-step1 {
    width: 50%;
    display: inline-block;
}

.register-option {
    display: block;
    border-bottom: 1px dashed #a8a8a8;
    border-left: 1px dashed #ffffff;
    border-right: 1px dashed #ffffff;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.register-option:last-child {
    border-color: #ffffff;  
}
.register-option:hover,
.register-option:first-child:hover{
    border-color: #be2f26;
}
.register-option:first-child{
    border-top: 1px dashed #fff;
}

.price_per span {
    color: #303030;
}
.register-info label {
    display: block;
    font-size: 15px;
    font-family: "ProximaNova";
    color: rgb(48, 48, 48);
    line-height: 1.333;
    margin-bottom: 3px;
}
.register-step3 {   
    width: 100%;
}
.register-step3 .register-stepinfo {
    width: 100%;
    border-bottom: 1px solid #e1eaf0;
    margin-bottom: 18px;
    padding-bottom: 27px;
}

.review-info-part:last-child {
    border: none;
}
.review-info-title {
    display: block;
    text-align: center;
    font-size: 15px;
    font-family: "ProximaNova";
    color: rgb(190, 47, 38);
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 7px;
    position: relative;
    vertical-align: top;
}

.review-info-content {
    display: block;
    font-size: 16px;
    font-family: "ProximaNova";
    color: rgb(133, 133, 133);
    line-height: 1.438;
    vertical-align: middle;
    text-align: center;
}
.review-info-1 .review-info-content  {
    text-align: left;
}
.review-info-2 {
    max-width: 213px;
}
.review-info-3 .review-info-content {
    font-size: 20px;
    line-height: 1.15;
}
.greybtn {
    border: none;
    background-image: url('../img/greybtn.png');
    background-repeat: repeat;
    line-height: 44px;
    width: 211px;
    font-size: 15px;
    font-family: "ProximaNova";
    color: rgb(48, 48, 48);
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px 0;
}

.greybtn:hover {
    background-position: left 1px center;
    color: rgba(48, 48, 48, 0.8);
}
.option-selected {
    background-color: #be2f26;
    border: none;
}
.option-selected .register-price, .option-selected .register-subtitle{
    color: #ffffff;
}
.register-step3 {
    margin-bottom: 20px;
}
@-webkit-keyframes toLeftFromRight {
	49% {
		-webkit-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toLeftFromRight {
	49% {
		-moz-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toLeftFromRight {
	49% {
		transform: translate(-100%);
	}
	50% {
		opacity: 0;
		transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 1px) {
	body{
		width: 280px;
	}
}
@media only screen and (min-width: 280px) {
   .wrapper{
   		padding: 0 15px;
   }
   body{
		width: 100%;
	}
 	/* header minwidth 208 */
 	.menu{
 		background: #000;
 	}
 	.menubtn{
 		background-color: #fcbb47;
 		-moz-appearance: none;
	    border: medium none;
	    box-shadow: none;
	    cursor: pointer;
	    display: block;
	    float: left;
	    font-size: 0;
	    height: 50px;
	    margin: 15px 0 0 0;
	    overflow: hidden;
	    padding: 0;
	    position: relative;
	    text-indent: -9999px;
	    transition: background 0.3s ease 0s;
	    width: 50px;
	    z-index: 2;
 	}
 	.menubtn.active{
 		background-color: #d1662f;
 	}
 	.menubtn span::before, .menubtn span::after {
	    background-color: #ffffff;
	    content: "";
	    display: block;
	    height: 4px;
	    left: 0;
	    position: absolute;
	    width: 100%;
	    z-index: 2;
	}
	.menubtn span {
	    background: #ffffff none repeat scroll 0 0;
	    display: block;
	    height: 4px;
	    left: 9px;
	    position: absolute;
	    right: 9px;
	    top: 23px;
	    -moz-transition: all 0.3s ease 0s;
	    -webkit-transition: all 0.3s ease 0s;
	    transition: all 0.3s ease 0s;
	    z-index: 2;
	}
	
	.menubtn span::after {
    	bottom: -11px;
    	-moz-transition-property: bottom, transform;
    	-webkit-transition-property: bottom, transform;
    	transition-property: bottom, transform;
	}
	.menubtn span::before {
		-moz-transition-property: top, transform;
		-webkit-transition-property: top, transform;
		transition-property: top, transform;
		-moz-transition: transform 0.3s ease 0s, width 0.3s ease 0s, top 0.3s ease 0s;
		-webkit-transition: transform 0.3s ease 0s, width 0.3s ease 0s, top 0.3s ease 0s;
		transition: transform 0.3s ease 0s, width 0.3s ease 0s, top 0.3s ease 0s;
    	top: -11px;
	}
	.menubtn span::after {
		-moz-transition-property: bottom, transform;
		-webkit-transition-property: bottom, transform;
		transition-property: bottom, transform;
		-moz-transition: transform 0.3s ease 0s, width 0.3s ease 0s, top 0.3s ease 0s;
		-webkit-transition: transform 0.3s ease 0s, width 0.3s ease 0s, top 0.3s ease 0s;
		transition: transform 0.3s ease 0s, width 0.3s ease 0s, top 0.3s ease 0s;
	}
	.menubtn.active span::before{
		top: 0;
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
  		transform: rotate(45deg);
  		
	}
	.menubtn.active span::after{
		bottom: 0;
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
  		transform: rotate(-45deg);
	}
	.menubtn.active span{
		background: none;
	}
	.main-navigation{
		display: none;
		clear: both;
		padding: 15px 0;
	}
	.main-navigation li{
		padding: 5px 0;
		text-align: center;
	}
	.main-navigation li a{
		color: #fff;
		display: inline-block;
		line-height: 1;
		font-size: 1.7em;
		padding-bottom: 2px;
		-webkit-transition: border 0.3s, color 0.3s;
		transition: border 0.3s, color 0.3s;
	}
	.main-navigation li a:hover{
		color: #fcbb47;
	}
	.main-navigation li a::after{
		background: transparent;
		content: "";
		display: block;
		height: 2px;
		margin: 0 auto;
		width: 2px;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}
	.main-navigation li a:hover::after{
		background: #fcbb47;
		width: 100%;
	}
	.banner-home{
		height: auto;
		width: 100%;
	}
	.social-navigation{
		margin-top: 12px;
		position: relative;
		float: right;
		z-index: 5;
	}
	.social-navigation li{
		display: inline-block;
		padding: 2px;
	}
	.social-navigation li a{
		background: #fff;
		border-radius: 15px;
		height: 33px;
		display: block;
		overflow: hidden;
		text-indent: -999em;
		-webkit-transition: background 0.3s;
		transition: background 0.3s;
		width: 33px;
	}
	.social-navigation li a::before{
		content: "";	
		display: block;
		height: 33px;
		width: 33px;	
	}
	.social-navigation li.fb-icon a:hover{
		background: #fcbb47;
	}
	.social-navigation li.fb-icon a::before{
		background: url('../img/fb-btn.png') no-repeat 50% 50%;
	}
	.social-navigation li a:hover::before{
		-moz-animation: 0.5s ease 0s normal forwards 1 running toLeftFromRight;
		-webkit-animation: 0.5s ease 0s normal forwards 1 running toLeftFromRight;
		animation: 0.5s ease 0s normal forwards 1 running toLeftFromRight;
	}
	.social-navigation li.fb-icon a:hover::before{
		background: url('../img/fb-btn-h.png') no-repeat 50% 50%;
	}
	.social-navigation li.tw-icon a::before{
		background: url('../img/tw-btn.png') no-repeat 50% 50%;
	}
	.social-navigation li.tw-icon a:hover::before{
		background: url('../img/tw-btn-h.png') no-repeat 50% 50%;
	}
	.social-navigation li.inst-icon a::before{
		background: url('../img/inst-btn.png') no-repeat 50% 50%;
	}
	.social-navigation li.inst-icon a:hover::before{
		background: url('../img/inst-btn-h.png') no-repeat 50% 50%;
	}
	.social-navigation li a:hover{
		background-color: #fcbb47;
		/*box-shadow: 0 0 0 3px rgba(252, 187, 71, 0.3);*/
	}
	.logo-site{
		display: none;
	}
	.redbanner{
		background-color: #1e0000;
		position: relative;
		padding: 20px 0;
	}
	.arrow-down{
		background: url('../img/bg-arrow.png') no-repeat;
		background-size: 44px auto;
		height: 29px;
		left: 50%;
		margin: 0 0 0 -22px;
		position: absolute;
		top: -29px;
		width: 44px;
	}
	.arrow-down .go-down{
		background: url('../img/down-arrow.png') no-repeat;
		height: 9px;
		display: block;
		margin: 10px 16px;
		transition: margin 0.3s;
		width: 10px; 
	}
	.arrow-down:hover .go-down{
		margin-top: 13px;
	}
	.redbtn.grab-banner{
	    font-size: 1.3em;
        letter-spacing: -0.5px;
	    margin: 0 auto;
	    max-width: 280px;
	    text-align: center;
	}
	.event-text{
		margin: 10px auto;
		text-align: center;
		max-width: 280px;
	}
	.event-text span{
		display: block;
	}
	.redbtn.grab-banner:hover span{
		color: #be2f26;
	}
	.counter li{
		color: #fcbb47;
		line-height: 1;
		display: inline-block;
		padding: 0 0 0 3px;
		 vertical-align: middle;
	}
	.counter li.lines{
	    margin-top: -14px;
	    vertical-align: middle;
	}
	.counter{
		display: block;
		max-width: 280px;
		margin: 0 auto;
		text-align: center;
	}
	.counttext{
		font-size: 1.5em;
		line-height: 1;
	}
	.count{
		color: #fff;
		font-size: 3.5em;
	}
	
	.counter .counttext.red{
		color: #be2f26;
	}
	.redbtn.register-now{
		margin: 10px auto;
		text-align: center;
		width: 206px;
	}
	.blue-banner{
		background-color: #fff;
        overflow: hidden;
	}
	.blue-banner li{
		text-align: center;
	}
	.blue-banner li img{
		
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}
	.blue-banner li a{
		display: block;
		padding: 10px 0;
		-webkit-transition: background 0.3s;
		transition: background 0.3s;
	}
	.blue-banner li a:hover{
		background-color: #ee3b3b;
	}
	.blue-banner li a:hover img{
		opacity: 1;
	}
	.blue-banner .wrapper{
		padding: 0;
	}
	.vote-div{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ad3333+52,770c0b+100 */
		background: #ad3333; /* Old browsers */
		background: -moz-linear-gradient(top,  #ad3333 52%, #770c0b 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ad3333 52%,#770c0b 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ad3333 52%,#770c0b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		border: 1px solid #6c241f;
		border-radius: 5px;
        margin: 0 auto;
		max-width: 288px;
		text-align: center;
	}
	.vote-now{
		font-weight: bold;
		margin: 25px auto 25px;
		text-align: center;
		max-width: 214px;
	}
	.vote-event{
		color: #fff;
		font-size: 2.5em;
		font-weight: 700;
		margin: 10px 0 0 0;
		text-align: center;
	}
	.vote-date{
		color: #eb9090;
		display: block;
		font-size: 1.6em;
		margin-bottom: 15px;
		line-height: 1;
		text-align: center;
	}
	.event-arrow{
		margin: 0 auto;	
	}
	.link-banner{
		display: block;
		margin: 19px auto;
        max-width: 285px;
	}
	.link-banner img{
		height: auto;
		max-width: 100%;
	}
	.section-title{
		font-size: 3em;
		font-weight: 700;
		line-height: 1.1;
		position: relative;
		text-align: center;
	}
	.section-title:after{
		background-color: #ac2129;
		content: "";
		display: block;
		height: 1px;
		margin: 29px auto 0;
		width: 120px;
	}
	.section-subtitle{
	    font-size: 17px;
	    font-family: "ProximaNova";
	    color: rgb(154, 154, 154);
	    line-height: 1.471;
	    text-align: center;
	    font-weight: normal;
	    margin-top: 49px;
	}
	.lists ul{
		border: 1px solid #eff3f6;
		border-radius: 5px;
		box-shadow: 0 0 0 12px #fefefe inset;
		margin-bottom: 10px;
		padding: 26px 31px 26px 31px;
	}
	.lists ul li{
		background: url('../img/yellow-arrow.png') no-repeat 0 50%;
		border-bottom: 1px dashed #c3d2dd;
		color: #394752;
		font-size: 1.5em;
		line-height: 1;
		padding: 20px 0 20px 30px;
		-webkit-transition: background 0.3s;
		transition: background 0.3s;
	}
	.lists ul li:first-child{
		padding: 0 0 16px 30px;
	}
	.lists ul li:last-child{
	    border-bottom: none;
	    padding-bottom: 0;
	}
	.lists ul li:hover{
		background-position: 10px 50%;
	}
	#viewport{
		background: url('../img/awards-event.jpg') no-repeat 50% 0;
		height: auto;
		position: relative;
		padding: 30px 0 10px 0;
	}
	.white-title{
		color: #fff;
	}
	.white-text{
		color: #e3e3e3;
		font-size: 1.5em;
		font-weight: 300;
		line-height: 1.6;
		text-align: center;
		margin: 0 auto;
		max-width: 1110px;
	}
	.section-title.black-line::after{
		background-color: #c0c0c0;
	}
	.host{
		text-align: center;
	}
	.triangle-img{
		position: relative;
		margin: 0 auto;
		max-width: 200px;
		overflow: hidden;
	}
	.triangle-img::before{
		border-left: 0px solid transparent;
		border-right: 55px solid transparent;
		border-top: 55px solid #fff;
		content: " ";
		height: 0;
		left: 0;
		position: absolute;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		top: 0;
		width: 0;
		z-index: 1;
	}
	.triangle-img::after{
		border-left: 55px solid transparent;
		border-right: 0 solid transparent;
		border-bottom: 55px solid #fff;
		bottom: 0;
		content: " ";
		height: 0;
		right: 0;
		position: absolute;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		width: 0;
		z-index: 1;
	}
	.triangle{
		border-left: 0px solid transparent;
		border-right: 40px solid transparent;
		border-top: 40px solid #be2f26;
		content: " ";
		height: 0;
		position: absolute;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		width: 0;
		z-index: 2;
	}
	.triangle.corner-left{
		left: 0;
		top: 0;
	}
	.triangle.corner-right{
		border-left: 40px solid transparent;
		border-right: 0 solid transparent;
		border-bottom: 40px solid #be2f26;
		border-top: 0;
		right: 0;
		bottom: 0;
	}
	.triangle-img:hover .triangle.corner-left, 
	.triangle-img:hover::before{
		-webkit-transform: translate(-100px,-100px);
		transform: translate(-100px,-100px);
	}
	.triangle-img:hover .triangle.corner-right,
	.triangle-img:hover::after{
		-webkit-transform: translate(-100px,-100px);
		transform: translate(100px,100px);
	}
	.triangle-img::after,
	.triangle-img::before{
		-webkit-transition-delay: 0.175s;
		transition-delay: 0.175s; 
	}
	.host .triangle-img{
		margin-bottom: 30px;
	}
	.host h3{
		color: #303030;
		font-size: 2em;
		font-weight: 400;
		line-height: 1;
		margin: 0 0 20px 0;
	}
	.host .text-host{
		color: #8a8a8a;
		font-size: 1.5em;
	}
	.host{
		margin-bottom: 20px;
	}
	.videos{
		border-top: 1px solid #e7e7e7;
		margin-top: 20px;
		padding-top: 40px;
	}
	.video iframe{
		height: auto;
		width: 100%;
	}
	.video h3 a{
		color: #303030;
		font-size: 1.7em;
		font-weight: 400;
		margin: 15px 0;
	}
	.winners-list{
		background-color: #1e0000;
		margin-top: 70px;
		padding: 10px 0 30px 0;
		position: relative;
	}
	.winners-list ul li{
		color: #917e7e;
		font-size: 1.5em;
		margin-bottom: 15px;
        text-align: center;
	}
	.winners-list ul li span{
		color: #fcbb47;
	}
	.winners-list ul li.dashed{
		padding-bottom: 20px;
		border-bottom: 1px dashed #381d1d;
	}
	.winners-photos{
		background-color: #f5f8fa;
		padding: 50px 0;
	}
	.winners-photos .wrapper{
		text-align: center;
	}
	.winners-photos .winner{
		display: block;
		max-width: 200px;
		margin: 0 auto 40px;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
	}
	.winners-photos .triangle-img::before{
		border-top: 55px solid #F5F8FA;
	}
	.winners-photos .triangle-img::after{
		border-bottom: 55px solid #F5F8FA;
	}
	.winners-photos .winner h3{
		color: #3b3b3b;
		font-size: 1.7em;
		line-height: 1;
		margin: 10px 0 0 0;
	}
	.winners-photos .winner h4{
		color: #ac2129;
		font-size: 1.5em;
		line-height: 1;
		margin: 0;
	}
	.triangle.gold{
		border-bottom: 40px solid #fcbb47;
	}
	.banner-awsummit{
	    background: url('../img/awsummit-banner.png') no-repeat;
	    background-size: cover;
	    border-top: 6px solid #1e0000;
	    height: 200px;
	    position: relative;
	}
	.awsummit-logo{
	    height: auto;
	    left: 50%;
	    margin: -52px 0 0 -150px;
	    position: absolute;
	    top: 50%;
	    width: 300px;
	}
	.package{
	    background-color: #fefeff;
	    border: 1px solid #eff3f6;
	    border-top: 3px solid #ac2129;
	    border-radius: 5px;
	    box-shadow: 0 0 21px rgba(239, 243, 246, 0.5) inset;
	    max-width: 347px;
	    margin: 0 auto 20px; 
	    padding: 10px 31px;
	}
	.package .headerbox{
	    border-bottom: 1px solid #eff3f6;
	}
	.package .headerbox h4{
	    color: #3b3b3b;
	    display: inline-block;
	    font-size: 2.5em;
	    font-weight: 700;
	    margin: 12px 0 12px;
	}
	.package .headerbox .price{
	   color: #ac2129;
	   font-size: 2em;
	   float: right;
	    margin: 15px 0;
	}
    .package ul{
        margin: 12px 0 25px;
    }
    .package li{
        border-bottom: 1px dashed #c3d2dd;
        color: #394752;
        font-size: 1.5em;
        padding: 11px 0 11px 28px;
    }
    .package.partner {
	border-top-color: #fcbb47;
    }
    .package.suporter {
	border-top-color: #0365a0;
    }
    .package.partner li{
        border-bottom: 1px dashed #fcbb47;
    }
    .package.suport li{
        border-bottom: 1px dashed #0365a0;
    }
    .package li:last-child{
        border-bottom: none;
    }
    .package.executive li{
         background: url('../img/red-v.png') 3px 50% no-repeat;
    }
    .package.partner li{
         background: url('../img/yellow-v.png') 3px 50% no-repeat;
    }
    .package.suporter li{
         background: url('../img/blue-v.png') 3px 50% no-repeat;
    }
    .package .order-now{
        max-width: 183px;
        margin: 0 auto;
        text-align: center;
    }
    .vote-explanation{
        border-top: 1px solid #e7e7e7;
    }
    .black-text{
        color: #3b3b3b;
        font-size: 1.9em;
        line-height: 1.5;
        text-align: center;
    }
    .see-more{
        font-size: 1.5em;
	font-weight: 700;
        margin: 20px auto;
        max-width: 161px;
    }
    .mini-banner{
        background-color: #1e0000;
        color: #fff;
        font-size: 2.4em;
        line-height: 1;
        margin: 40px 0;
        padding-bottom: 15px;
    }
    .mini-banner .register-now{
        clear: both;
        border-radius: 5px;
        box-shadow: 0 0 0 transparent;
        font-size: 0.7em;
        margin: 0 auto;
        max-width: 195px;
    }
    .mini-banner b{
        display: block;
        text-align: right;
    }
    .banner-text{
        overflow: hidden;
        padding: 15px 0;
        text-align: center;
    }
    .footer-site{
        background-color: #1e0000;
	margin-top: 30px;
        padding: 20px 0;
    }
    .footer-site img{
        height: auto;
        max-width: 100%;
    }
    .footer-site .line{
        padding: 5px 10px;
        text-align: center;
    }
    .footer-site .line a{
        display: inline-block;
        margin: 10px 5px;
        text-align: center;
        width: 46%;
    }
    .footer-site .menu{
        background-color: transparent;
        position: relative;
        top: auto;
        width: auto;
    }
    .footer-site .social-navigation{
        float: none;
        margin: 12px 0;
    }
    .footer-site .social-navigation ul,
    .link-navigation ul{
        text-align: center;
    }
    .footer-site .link-navigation li a{
        background: url('../img/yellow-arrow.png') no-repeat 0 50%;
        color: #fff;
        font-size: 1.5em;
        padding: 0 0 0 21px;
        -webkit-transition: background 0.3s;
        transition: background 0.3s;
    }
    .footer-site .link-navigation li a:hover{
        background-position: 5px 50%;
        color: #fcbb47;
    }
   .footer-site #link-nav li{
        display: inline-block;
        margin-left: 10px;
   }
   .copyright{
        color: #6f0813;
        font-size: 1.4em;
        padding-top: 10px;
        text-align: center;
   }
   /* @media min280 register */
	.register-step{
        display: block;
        margin-top: 20px;
        width: auto;
    }
    .register-title {
        float: left;
        background-image: url('../img/right-catvote.png');
        background-repeat: no-repeat;
        background-position: left 20px center;
        padding: 13px 0 13px 40px;
        font-size: 1.3em;
        font-family: "ProximaNova";
        color: #303030;
        line-height: 1.2;
        font-weight: bold;
        text-transform: uppercase;
        width: 70%;
    }
    .register-price {
        overflow: hidden;
        font-size: 1.7em;
        font-family: "ProximaNova", sans-serif;
        color: rgb(190, 47, 38);
        padding: 10px 3px 10px 0;
        line-height: 1.2;
        text-align: right;
    }
    .register-subtitle {
        font-size: 0.875em;
        color: rgb(190, 47, 38);
    }
    .price_per {
        font-size: 1.4em;
        font-family: "ProximaNova";
        color: rgb(190, 47, 38);
    }
    .text-step {
      float: left;
      font-weight: 400;
      line-height: 1;
      margin-left: 20px;
      margin-top: 5px;
      min-width: 170px;
    }
    .left-info{
        width: 100%;
    }
    .right-info{
        display: block;
        margin: 0;
        width: 100%;
    }
    .review-info, .review-info-part{
        display: block;
    }
    .review-info-part{
        border-right: none;
        min-width: 100%;
    }
    .register-info input {
        width: 100%;
        line-height: 39px;
        border: 1px solid #e1eaf0;
        border-radius: 4px;
        padding: 0 10px;
        font-size: 15px;
        margin-bottom: 11px;
        -webkit-transition: border 0.3s;
        transition: border 0.3s;
    }
    .register-input:focus{
        border-color: #be2f26;
    }
    /* min width 208px badges page*/
    .badge-container {
    display: inline-block;
    padding: 24px 21px 26px;
    border: 1px solid #eff3f5;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    }
    .badge-hover {
	position: absolute;
	background-color: #dddddd;
	width: 100%;
	height: 100%;
	left: 0;
	top: -100%;
	transition: all 0.5s ease 0s;
    }
    .badges-container {
	text-align: center;
	display: inline-block;
	margin-top: 5px;
    }
    .badge {
	position: relative;
	z-index: 2;
    }
    .badge-container:last-child {
	border-bottom-style: none;
	border-right-style: none;
    }
    .badge-container:hover .badge-hover {
	background-color: #f5f8fa;
	top: 0;
    }
     /* @media min280 contact */
	.mail-us-button {
	    background-image: url('../img/contact-us-button.png');
	    display: inline-block;
	    background-size: 100% 35px;
	    line-height: 35px;
	    font-size: 15px;
	    font-family: "Proxima Nova", sans-serif;
	    color: rgb(255, 255, 255);
	    text-align: right;
	    text-shadow: 0.5px 0.866px 1px rgba(0, 0, 0, 0.004);
	    background-repeat: no-repeat;
	    padding-right: 14px;
	    padding-left: 85px;
	    vertical-align: middle;
	    background-position: right;
	    position: relative;
	    margin-top: 23px;
    }
    .mail-us-envelope {
	background-image: url('../img/mail-us.png');
	width: 78px;
	height: 78px;
	float: left;
	position: absolute;
	margin-left: -9px;
	top: 0;
    }
    .mail-us-container {
	position: relative;
	display: inline-block;
	height: 80px;
    }
    .skype-container {
	position: relative;
	display: block;
	margin-bottom: 30px;
    }
    .contact-header {
	text-align: center;
    }
    .contact-form {
	margin-top: 38px;
    }
    .contact-input {
	width: 100%;
	line-height: 46px;
	border: 1px solid #e1eaf0;
	border-radius: 4px;
	font-size: 15px;
	font-family: "ProximaNova";
	color: rgb(48, 48, 48);
	margin-bottom: 19px;
	padding-left: 50px;
	background-position: center left 18px;
	background-repeat: no-repeat;
	transition: border 0.5s;
    }
    .contact-input:hover, .contact-input:focus {
	border-color: #be2f26;
    }
    .contact-input::-moz-placeholder {
	color: rgba(48, 48, 48, 1);
	opacity: 1;
    }
    .input-fullname {
	background-image: url('../img/user.png');
    }
    .input-email {
	background-image: url('../img/envelope.png');
    }
    .input-phone {
	background-image: url('../img/phone.png');
    }
    .input-company {
	background-image: url('../img/company.png');
    }
    .contact-textarea {
	width: 100%;
	resize: none;
	height: 155px;
	padding: 18px;
	line-height: 1.3;
    }
    .contact-submit {
	width: 100%;
	border-radius: 5px;
	background-color: #be2f26;
	height: 55px;
	border: none;
	font-size: 16px;
	font-family: "ProximaNova";
	color: rgb(255, 255, 255);
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.25;
	margin-bottom: 19px;
	display: inline-block;
    }
    .input-error {
	border-color: #F22613;
    }
    .contact-success {
	color: #be2f26;
	text-align: center;
	font-size: 20px;
    }
    /* min width 280px Nominee page */
    .nominee-subtitle {
	font-size: 27px;
	font-family: "ProximaNova";
	color: #303030;
	text-align: center;
	margin-bottom: 57px;
    }
    .nominee-subtitle span {
	color: #be2f26;
	font-weight: bold;
    }
    .nominee-category {
	font-size: 15px;
	font-family: "ProximaNova";
	color: rgb(48, 48, 48);
	line-height: 1.333;
	text-transform: uppercase;
	margin-bottom: 9px;
	height: 40px;
	display: table;
    }
    .nominee-category span {
	vertical-align: middle;
	display: table-cell;
    }
    .nominee-block {
	display: inline-block;
	width: 283px;
	padding: 0 25px 25px 25px;
    }
    .nominee-options input {
	width: 100%;
	line-height: 41px;
	font-size: 18px;
	border: 1px solid #dde4e9;
	margin-bottom: 8px;
	border-radius: 4px;
	padding: 0px 10px;
    }
    .submit-nominee {
	margin: 105px auto 0 auto;
	text-transform: uppercase;
	float: right;
    }
    .nominee-error {
	color: #be2f26;
	font-size: 18px;
	text-align: center;
    }
    /* min width 280px rules page */
    .rules-container {
	margin-top: 57px;
    }
    .rules-container h3 {
	font-size: 25px;
	font-family: "ProximaNova";
	color: rgb(190, 47, 38);
	font-weight: bold;
	line-height: 0.92;
	text-align: left;
    }
    .rules-container p {
	font-size: 15px;
	font-family: "ProximaNova";
	color: #303030;
	font-weight: normal;
	text-align: left;
    }
    /* min width 280px vote page */
    .vote-container {
	display: inline-block;
	width: auto;
	border-bottom: 1px solid #e1eaf0;
	padding-top: 17px;
	padding-bottom: 2px;
	padding-left: 43px;
	margin: 0 auto;
    }
    .votes-container {
	margin-top: 70px;
	text-align: center;
    }
    .vote-radio-container {
	display: inline-block;
	width: 283px;
	font-size: 18px;
	font-family: "ProximaNova";
	color: rgb(190, 47, 38);
	line-height: 2;
	vertical-align: middle;
	text-align: left;
    }
    .vote-radio {
	margin-right: 15px;
	vertical-align: middle;
    }
    .vote-options {
	margin-top: 13px;
    }
    input[type='radio'] {
	opacity: 0;
	float: left;
	width: 18px;
    }
    input[type='radio'] + label {
	padding: 5px 0 4px 31px;
	cursor: pointer;
	background: url('../img/radio-off.png') left center no-repeat;
    }
    input[type='radio']:checked + label {
	background-image: url('../img/radio-on.png');
    }
    .submit-votes {
	margin: 55px auto 0 auto;
	text-transform: uppercase;
    }
    .votes-error {
	color: #be2f26;
	font-size: 18px;
    }
    .votes-selectcat-title {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
    }
    .cat-vote {
	display: inline-block;
	width: 49%;
	float: left;
	margin-bottom: 21px;
    }
    .cat-vote-line {
	display: inline-block;
	width: 380px;
	text-align: left;
	background: url('../img/cat-vote-line.png');
	background-repeat: no-repeat;
	background-position: right 25px center;
	vertical-align: middle;
    }
    .cat-name {
	background-image: url('../img/right-catvote.png');
	background-repeat: no-repeat;
	background-position: left 8px center;
	text-align: left;
	background-color: #ffffff;
	padding-left: 30px;
	font-size: 15px;
	font-family: "ProximaNova";
	color: rgb(48, 48, 48);
	text-transform: uppercase;
	padding-right: 10px;
	display: inline-block;
    }
    .cat-vote:nth-child(even) {
	float: right;
    }
    .cat-vote > a {
	vertical-align: middle;
	transition: all 0.3s;
    }
    .cat-vote > a:hover {
	opacity: 0.8;
    }
}
@media (min-width: 409px) {
    .badge-container:nth-child(2n+1) {
        border-right-style: solid;
    }
}
@media(min-width: 599px) {
    .badge-container:nth-child(2n+2) {
        border-right-style: solid
    }
    .badge-container:nth-child(3n+3) {
        border-right-style: none;
    }
    .badge-container:nth-last-child(-n+3) {
        border-bottom-style: none;
    }
}

@media only screen and (min-width: 600px) {
    .redbtn.grab-banner{
        font-size: 2em;
        max-width: 410px;
        padding: 0.78em 0;
    }
    .event-text, .counter-div{
        margin: 20px auto;
    }
    .counter{
        max-width: 305px;   
    }
    .counter  .count{
        font-weight: 700;
    }
    .redbtn.register-now{
        font-weight: 700;
    }
    .sponsors {
        text-align: center;
    }
    .blue-banner li {
        display: inline-block;
        text-align: center;
        width: 49%;
    }
    #viewport{
        height: 329px;
    }
    .winners-photos .winner{
        display: inline-block;
        padding: 0 20px;
        max-width: 240px;
    }
    .footer-site .line a{
        width: 31%;
    }
    /* min width 600px contact */
    .mail-us-container {
        margin-left: 105px;
    }
    .skype-container {
        display: inline-block;
        margin-bottom: 0;
    }
    .contact-input {
        width: 48%;
        margin-left: 0.8%;
        margin-right: 0.8%;
    }
    .contact-textarea {
        width: 83%;
    }
    .contact-submit {
        width: 14%;
        vertical-align: top;
        height: 155px;
    }
}

@media (max-width: 767px) {
    .cat-vote {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) {
	/* Main navigation */
	.menubtn{
		display: none;
	}
	.main-navigation{
		display: block;
	    float: left;
	    width: 86%;
	}
	.main-navigation ul{
		vertical-align: middle;
		text-align: center;
	}
	.main-navigation li {
    	display: inline-block;
    	padding: 5px 10px;
    	vertical-align: middle;
	}
	.social-navigation {
    	margin-top: 12px;
    	position: absolute;
	    right: 15px;
	    top: 52px;
	    width: auto;
	    z-index: 5;
	}
	.logo-site a{
	    background: url('../img/logo.png') no-repeat;
	    display: block;
	    height: 133px;
	    width: 133px;
	    text-indent: -999em;
	}
	.main-navigation .logo-site a::after{
		display: none;
	}
	.event-text, .counter-div, .redbtn.register-now{
	    display: inline-block;
	    margin: 30px 11px 10px;
	    vertical-align: top;
    }
    .redbanner .wrapper{
        text-align: center;
    }
    .blue-banner li{
        width: 33%;
    }
    .banners-ads{
        float: right;
    }
    .lists{
        float: left;
        max-width: 450px;
    }
    #viewport{
        margin-top: 70px;
    }
    .host{
        float: left;
	padding-right: 50px;
        width: 50%;
    }
    .host:last-child{
	padding-right: 0;
    }
    .video iframe{
        height: 205px;
    }
    .video{
        float: left;
        padding-right: 15px;
        width: 50%;
    }
    
    .video:last-child{
	padding: 0 0 0 15px;
    }
    .list-winners{
        float: left;
        width: 33.33%;
    }
    .winners-list ul li.dashed{
        border-bottom: none;
        padding-bottom: 0;
    }
    .banner-awsummit{
        height: 450px;
    }
    .awsummit-logo{
        margin: -130px 0 0 -372px;
        height: 260px;
        width: 744px;
    }
    .banner-text{
        float: left;
        text-align: right;
        width: 75%;
    }
    .mini-banner .register-now{
        clear: none;
        float: right;
        margin-top: 20px;
    }
    .mini-banner{
        background: url('../img/cup.jpg') no-repeat #1e0000;
        margin: 40px 0 200px;
    }
   .footer-sponsors{
        float: left;
        width: 73%;
   }
   .footer-site .line a{
        width: auto;
   }
   .footer-site .line{
        text-align: left;
   }
   .footer-site .social-navigation ul,
   .link-navigation ul{
        text-align: left; 
   }
   .footer-site .menu{
        border-left: 1px solid #381d1d;
        float: left;
        padding-left: 10px;
   }
   .footer-site #link-nav li{
        display: block;
   }
   .copyright{
        clear: both;
   }
   .footer-site .social-navigation{
        position: relative;
        right: auto;
        top: auto;
   }
    .vote-explanation{
      margin-top: 60px;
      padding-top: 10px;
    }
    .black-text{
        padding: 10px 0;
    }
    .mini-banner{
        margin: 70px 0 100px;
    }
    /* @media register min768 */
    .register-step1,
    .register-step2{
        float: left;
        width: 50%;    
    }
    .register-step1{
        padding-right: 15px;
    }
    .register-step2{
        padding-left: 15px;
    }
    .review-info {
        display: table;
        width: 100%;
    }
    .review-info-part {
        display: table-cell;
        border-right: 1px dashed #a8a8a8;
        position: relative;
        padding: 0 5px;
        min-width: 176px;
    }
    .register-title{
        font-size: 1.6em;
    }
    .register-price{
        font-size: 2em;
    }
    .price_per{
        font-size: 1.5em;
    }
    .counter .lines{
	font-size: 2.6em;
	line-height: 3;
	padding: 0 4px 0 8px;
	vertical-align: top;
    }
}
@media(min-width: 789px) {
    .badge-container:nth-last-child(-n+3) {
        border-bottom-style: solid;
    }
    .badge-container:nth-child(3n+3) {
        border-right-style: solid;
    }
    .badge-container:nth-child(4n+4) {
        border-right-style: none;
    }
    .badge-container:last-child {
        border-right-style: none;
        border-bottom-style: none;
    }
}
@media(min-width: 978px) {
    .badge-container:last-child {
        padding-left: 22px;
    }
}
@media(min-width: 979px) {
    .badge-container:nth-child(4n+4) {
        border-right-style: solid;
    }
    .badge-container:nth-child(5n+5) {
        border-right-style: none;
    }
}
@media (min-width: 900px) {
   
}

@media only screen and (min-width: 980px) {
    .video iframe{
	height: 260px;
    }
    .package{
	display: inline-block;
	margin: 0 8px 20px;
	padding: 10px 20px;
	max-width: 297px;
	text-align: left;
	vertical-align: top;
    }
    .packages{
	text-align: center;
    }
    .lists{
	float: none;
	overflow: hidden;
	max-width: 100%;
    }
    .lists ul{
	float: left;
	margin-right: 32px;
	width: 46.5%;
    }
    .lists ul:last-child{
	margin-right: 0;
    }
    .white-text{
	font-size: 1.9em;
	
    }
    #viewport{
	margin-bottom: 60px;
    }
    .hostests{
	margin-top: 71px;
    }
    .host .triangle-img{
	float: left;
	margin-right: 28px;
    }
    .right-text{
	overflow: hidden;
	text-align: left;
    }
    .host{
	margin-bottom: 47px;
    }
     /* @media register min980 */
     .review-info-part{
        min-width: 213px;
     }
}
@media only screen and (min-width: 1170px) {
	.menu{
	    background: transparent;
	    position: absolute;
	    top: 0;
	    width: 97%;
	}
	.wrapper{
		padding: 0;
	}
	.footer-site{
	    background:  url('../img/redlady.jpg') no-repeat 0 bottom #1e0000;
	}
	.main-navigation{
	    width: 100%;
	}
	.main-banner{
	    background-color: black;
	    padding-top: 63px;
	}
	.event-text, .counter-div, .redbtn.register-now,
	.redbtn.grab-banner{
	    float: left;
	}
	.redbtn.grab-banner{
	    margin: 0 15px 0 0;
	    padding: 0.78em;
	}
	.event-text, .counter-div, .redbtn.register-now{
	    display: inline-block;
	    margin: 0 14px 10px;
	}
	.redbtn.register-now{
	    margin: 0 0 0 15px;
	}
	.counter .lines{
	    line-height: 1.4;
	}
	.blue-banner li{
	    width: 19%;
	}
	.winners-list ul li.dashed{
	    border-bottom: 1px dashed #381d1d;
	    padding-bottom: 20px;
	}
	.list-winners{
	    min-height: 223px;
	    margin: 20px 0 28px 0;
	    border-left: 1px solid #381d1d;
	}
	.list-winners:first-child{
	    border-left: none;
	}
	.winners-list ul li{
	    padding-left: 37px;
	    text-align: left;
	}
    .winners-photos .winner{
        display: block;
        float: left;
        max-width: 20%;
    }
    .winners-photos .winner:first-child,
    .winners-photos .winner:nth-child(6n+6){
        padding-left: 0;
    }
    .winners-photos .winner:last-child,
    .winners-photos .winner:nth-child(5n+5){
        padding-right: 0;
    }
    .sponsorship{
        margin-top: 53px;    
    }
    .packages{
        margin-top: 60px;
    }
    .package{
        max-width: 100%;
        margin: 0 22px 20px;
        padding: 10px 31px 14px;
        width: 344px;
    }
    .banner-text{
        width: 72%;
    }
    .footer-site .menu{
        padding-left: 30px;
    }
    .footer-sponsors{
        padding-left: 346px;
        width: 80%;
    }
    .footer-site .line a{
        margin: 10px 8px;
    }
    .register-step1{
        max-width: 660px;
        padding-right: 80px;
    }
    .register-step2{
        padding-left: 80px;
        width: 50%;
    }
    .left-info {
        width: 45%;
        display: inline-block;
    }
    .right-info {
        margin-left: 9%;
        width: 45%;
        display: inline-block;
        vertical-align: top;
    }
    .register-title{
        width: 80%;
    }
    .greybtn.pay-with-card{
        margin-left: 30px;
    }
    /* min width 1170px badges */
    .badge-container:nth-child(5n+5) {
        border-right-style: solid;
    }
    .badge-container:nth-child(6n+6) {
        border-right-style: none;
    }
    .badge-container:nth-last-child(-n+3) {
        border-bottom-style: none;
    }
    .badge-container {
        float: left;
    }
}

@media (max-width: 1199px) {
    .cat-vote-line {
        background: none;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
}
@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }


    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}