/*reset CSS*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
  box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*reset CSS*/

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

@font-face {
    font-family: 'pru_sans_ot2_boldbold'; src: url('../fonts/prusansot2bold.eot'); src: url('../fonts/prusansot2bold.eot?#iefix') format('embedded-opentype'), url('../fonts/prusansot2bold.woff2') format('woff2'), url('../fonts/prusansot2bold.woff') format('woff'), url('../fonts/prusansot2bold.ttf') format('truetype'), url('../fonts/prusansot2bold.svg#pru_sans_ot2_boldbold') format('svg'); font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'pru_sans_ot2book'; src: url('../fonts/prusansot2book.eot'); src: url('../fonts/prusansot2book.eot?#iefix') format('embedded-opentype'), url('../fonts/prusansot2book.woff2') format('woff2'), url('../fonts/prusansot2book.woff') format('woff'), url('../fonts/prusansot2book.ttf') format('truetype'), url('../fonts/prusansot2book.svg#pru_sans_ot2book') format('svg'); font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'pru_sans_ot2medium'; src: url('../fonts/prusansot2medium.eot'); src: url('../fonts/prusansot2medium.eot?#iefix') format('embedded-opentype'), url('../fonts/prusansot2medium.woff2') format('woff2'), url('../fonts/prusansot2medium.woff') format('woff'), url('../fonts/prusansot2medium.ttf') format('truetype'), url('../fonts/prusansot2medium.svg#pru_sans_ot2medium') format('svg'); font-weight: normal; font-style: normal;
}


body, html {
/*  height: 100%;
  min-height: 100%;
  overflow: hidden;*/
  font-family: 'pru_sans_ot2medium', serif;
}

*{
	font-family: 'pru_sans_ot2medium', serif !important;
}

.container{
	max-width: 1175px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	height: 100%;
	}

.outer_container{
	max-width: 1600px;
	width: 100%;
	margin: 0 auto;
}

a{
	color: #ed2528;
	text-decoration: none;
}


.background {
	background-image: url("../img/bg_big.jpg");
  	background-repeat: no-repeat;
	background-size: cover;
  	height: 800px;
  	margin: 0 auto;
  	width: 100%;
  	background-position: center;
  	position: relative;
}


.top_nav{
	padding-top: 15px;	
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 1400px;
	margin: 0 auto;
	width: 100%;
}

.top_nav a{
	color: #ffffff;
	text-decoration: none;
	font-size: 17px;
	padding-top: 15px;
	font-family: "pru_sans_ot2book";
}

.menu{
	padding-left: 30px;
	padding-right: 30px;
}

.menu > img{
	margin-right: 10px;
}


.background_img{
	position: relative;
  	top: 0;
  	left: 0;
  	height: 100%; 
  	width: 100%; 
  	object-fit: contain; 
  	opacity: 0;
}

.hero_info{
	width: 400px;
	background-color: rgba(255, 255, 255, 0.541);
	border: 2px solid transparent;
	margin-top: 100px;
	font-family: 'PruSansOT2-Demi';
	padding-left: 25px;
	padding-right: 20px;
	/* padding-bottom: 100px; */
}

.hero_info h1{
		font-size: 35px;
		font-weight: 700;
		margin-top: 40px;
		margin-bottom: 30px;
	}

.hero_info p{
	font-family: pru_sans_ot2_boldbold;
	line-height: 25px;
	font-size: 20px;
}

.hero_info p .red{
	color: #cd0f0c;
}

.hero_info a{
	text-decoration: none;
	color: #ffffff;
	background-color: #cd0f0c;
	padding: 15px;
	margin-bottom: 60px;
	margin-top: 60px;
	display: block;
	width: 280px;
	font-family: "pru_sans_ot2book";
	text-transform: uppercase;
	font-size: 15px;
	text-align: center;
}

.hero_info a > img{
	margin-left: 3px;
}


.laptop_image{
	display: none;
}

.slider_content{
	width: 530px;
}

.slider_container{
	position: absolute;
	bottom: 0;
	right: -140px;
	display: flex;
}

.slide_single > div{
	float: left;
}



.slider_arrow{
	display: inline-block;
	width: 40px;
	height: 40px;
/*	padding: 10px;*/
	background-color: #ffffff;
	margin: 0;
	background-repeat: no-repeat;
	background-position: center;
}

.slider_arrow_left{
	background-image: url("../img/slider_arrow_left.png");
}

.slider_arrow_right{
	background-image: url("../img/slider_arrow_right.png");
}

.slider_text{
	width: 315px;
	height: 148px;
	color: #ffffff;
	padding-top: 20px;
	padding-left: 30px;
	font-family: "pru_sans_ot2book";
	background: rgba(206,15,12,1);
background: -moz-linear-gradient(top, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 33%, rgba(185,11,8,1) 63%, rgba(168,7,5,1) 86%, rgba(168,7,5,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(206,15,12,1)), color-stop(33%, rgba(206,15,12,1)), color-stop(63%, rgba(185,11,8,1)), color-stop(86%, rgba(168,7,5,1)), color-stop(100%, rgba(168,7,5,1)));
background: -webkit-linear-gradient(top, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 33%, rgba(185,11,8,1) 63%, rgba(168,7,5,1) 86%, rgba(168,7,5,1) 100%);
background: -o-linear-gradient(top, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 33%, rgba(185,11,8,1) 63%, rgba(168,7,5,1) 86%, rgba(168,7,5,1) 100%);
background: -ms-linear-gradient(top, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 33%, rgba(185,11,8,1) 63%, rgba(168,7,5,1) 86%, rgba(168,7,5,1) 100%);
background: linear-gradient(to bottom, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 33%, rgba(185,11,8,1) 63%, rgba(168,7,5,1) 86%, rgba(168,7,5,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0f0c', endColorstr='#a80705', GradientType=0 );

}
.slider_iframe{
	width: 215px;
}

.slider_static{
	background-image: url("../img/video.jpg");
	position: relative;
	width: 100%;
	height: 148px;
}

.slider_static_2{
	background-image: url("../img/slide_2.jpg");
	position: relative;
	width: 100%;
	height: 148px;
}
.slider_static_3{
	background-image: url("../img/slide_3.jpg");
	position: relative;
	width: 100%;
	height: 148px;
}

.slider_iframe div:first-of-type a{
	 position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-decoration: none; /* No underlines on the link */
        z-index: 10; /* Places the link above everything else in the div */
        background-color: #FFF; /* Fix to make div clickable in IE */
        opacity: 0; /* Fix to make div clickable in IE */
        filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}

.slider_text p:first-of-type{
	font-size: 15px;
	letter-spacing: 2px;
	display: inline;
	line-height: 25px;
}
.slider_text p:nth-of-type(2){
	margin-top: 10px;
	font-size: 12px;
	width: 180px;
	line-height: 25px;
}

.slider_text hr{
	color: #ffffff;
	display: inline-block;
	width: 120px;
	vertical-align: middle;
	height:0; 
  border:0; 
  border-top:1px solid #ffffff; 
  margin-left: 20px;
}


.section_game{
	padding-top: 80px;
	padding-bottom: 80px;
}

.form_container{
	background-image: url("../img/footer_bgr.jpg");
}

.form_container h2{
	font-size: 35px;
	text-align: center;
	color: #ffffff;
	font-family: 'PruSansOT2-Demi';
	margin-bottom: 60px;
	padding-top: 60px;
}

.iframe-camino{
	    border: 0;
    min-height: 100px;
    width: 100%;
}

/*form styling*/
.form-inputs {
    display: flex;
}

#form{
	width: 100%;
    margin: 0 auto;
    padding: 0px 10px;
    max-width: 1175px;
}

#form input[type=text] {
    width: 100%;
    line-height: 40px;
    height: 40px;
    margin: 10px;
    padding: 5px;
/*    font-size: 24px;*/
    font-family: "pru_sans_ot2book";
    color: #bdbdbd;
}

.form-submit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 10px 30px 10px;
}
#form .agreements {
    display: block;
    text-align: left;
}

#form input[type=submit] {
    cursor: pointer;
    border: 2px solid #fff;
    display: block;
    width: 265px;
    height: 60px;
    margin: 20px 0 0 0;
    background-color: transparent;
    /*background-image: url("../img/arrow_send.png");*/
    background-image: url("../img/button_submit.png");
    background-position: center center;
    background-size: auto;
    background-repeat: no-repeat;
}

.agreements p {
    color: #ffffff;
    display: block;
    font-size: 12px;
    font-weight: normal;
    padding-bottom: 10px;
    line-height: 15px;
}

.agreements p a {
    color: #ffffff;
    text-decoration: underline;
    font-weight: bold;
}

#errors {
    color: #fff;
    list-style: none;
    text-align: center;
    margin-bottom: 10px;
}

#form .agree {
    font-family: 'pru_sans_ot2book';
    color: #ffffff;
    display: block;
    font-size: 13px;
    margin-top: -19px;
    padding-left: 23px;
}

.footer{
	padding: 70px 30px 50px 30px;
}

.footer_container{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	color: #8d8d8d;
	font-size: 12px;
}
.footer_links{
	display: flex;
	flex-direction: column;
	text-align: right;
	line-height: 18px;
}
.footer_links a:hover{
	text-decoration: underline;
}

.footer_container a{
	color: inherit;
	text-decoration: none;
}
.footer_container a>span{
	color: #ed2528;
}

.footer_logo_container img{
	margin: 0 auto 15px auto;
	display: block;
}

.footer_logo_container{
	font-size: 12px;
}

.section_game .container{
	display: flex;
	padding-right: 20px;
	justify-content: center;
}

.game_info_outer > h2{
	font-size: 36px;
	padding: 60px 40px 70px 60px;
}

.game_info{
	width: 525px;
	height: 250px;
	z-index: 3;
	position: relative;
	color: #ffffff;
	padding: 40px 55px 45px 30px;
	font-family: 'pru_sans_ot2book';
	left: 30px;
	-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.5);
box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.5);
/*	-webkit-box-shadow: -45px 15px 51px 0px rgba(221,221,221,1), -45px 15px 51px 0px rgba(221,221,221,1), -45px 15px 51px 0px rgba(221,221,221,1), -45px 15px 51px 0px rgba(221,221,221,1);
	-moz-box-shadow: -45px 15px 51px 0px rgba(221,221,221,1), -45px 15px 51px 0px rgba(221,221,221,1), -45px 15px 51px 0px rgba(221,221,221,1), -45px 15px 51px 0px rgba(221,221,221,1);
	box-shadow: -45px 15px 51px 0px rgba(221,221,221,1), -45px 15px 51px 0px rgba(221,221,221,1), -45px 15px 51px 0px rgba(221,221,221,1), -45px 15px 51px 0px rgba(221,221,221,1);*/
background: rgba(206,15,12,1);
background: -moz-linear-gradient(top, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 33%, rgba(185,11,8,1) 63%, rgba(168,7,5,1) 86%, rgba(168,7,5,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(206,15,12,1)), color-stop(33%, rgba(206,15,12,1)), color-stop(63%, rgba(185,11,8,1)), color-stop(86%, rgba(168,7,5,1)), color-stop(100%, rgba(168,7,5,1)));
background: -webkit-linear-gradient(top, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 33%, rgba(185,11,8,1) 63%, rgba(168,7,5,1) 86%, rgba(168,7,5,1) 100%);
background: -o-linear-gradient(top, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 33%, rgba(185,11,8,1) 63%, rgba(168,7,5,1) 86%, rgba(168,7,5,1) 100%);
background: -ms-linear-gradient(top, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 33%, rgba(185,11,8,1) 63%, rgba(168,7,5,1) 86%, rgba(168,7,5,1) 100%);
background: linear-gradient(to bottom, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 33%, rgba(185,11,8,1) 63%, rgba(168,7,5,1) 86%, rgba(168,7,5,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0f0c', endColorstr='#a80705', GradientType=0 );
}


.cards_set{
	display: none;
}

.game_info hr{
	color: #ffffff;
	display: inline-block;
	width: 70%;
	vertical-align: middle;
	height:0; 
  border:0; 
  border-top:1px solid #ffffff; 
/*  margin-left: 30px;*/
}

.game_info div{
	margin-top: 50px;
}

.game_info div > span{
	margin-left: 20px;
	font-family: 'pru_sans_ot2book';
	letter-spacing: 4px;
}

.game_info p{
	line-height: 25px;
	font-family: 'pru_sans_ot2book';
	font-size: 15px;
}

.modal{
	
	background-color: #ce0f0c;
	color: #ffffff;
	text-align: center;
	line-height: 25px;
}
.modal p{
	position: absolute;
/*	left: 50%;*/
  top: 30%;
  padding: 10px;
  line-height: 20px;
 /* transform: translate(-50%, -50%);*/
}


.modal_popup{
	position: relative;
	z-index: 20;
	/*top: 30px;*/
	width: 100%;
	height: 100%;
	background-color: rgba(221, 221, 221, 0.9);
	padding: 35px 15px;
	border: 3px solid #cd0e0b;
	text-align: center;
	/*width: 480px;
	right: 30px;*/
	color: rgba(63,78,88,1);
	border-radius: 5px;
}

.game_content {
    overflow: hidden;
    position: relative;
    z-index: 2;
    /*background-color: #3f4e58;*/
    background: rgba(63,78,88,1);
background: url("../img/arrows_game_bgr.png") no-repeat center 80%,  -moz-linear-gradient(top, rgba(63,78,88,1) 0%, rgba(63,78,88,1) 54%, rgba(42,54,62,1) 70%, rgba(42,54,62,1) 82%, rgba(42,54,62,1) 94%, rgba(42,54,62,1) 100%);
background: url("../img/arrows_game_bgr.png") no-repeat center 80%, -webkit-gradient(left top, left bottom, color-stop(0%, rgba(63,78,88,1)), color-stop(54%, rgba(63,78,88,1)), color-stop(70%, rgba(42,54,62,1)), color-stop(82%, rgba(42,54,62,1)), color-stop(94%, rgba(42,54,62,1)), color-stop(100%, rgba(42,54,62,1)));
background: url("../img/arrows_game_bgr.png") no-repeat center 80%, -webkit-linear-gradient(top, rgba(63,78,88,1) 0%, rgba(63,78,88,1) 54%, rgba(42,54,62,1) 70%, rgba(42,54,62,1) 82%, rgba(42,54,62,1) 94%, rgba(42,54,62,1) 100%);
background: url("../img/arrows_game_bgr.png") no-repeat center 80%, -o-linear-gradient(top, rgba(63,78,88,1) 0%, rgba(63,78,88,1) 54%, rgba(42,54,62,1) 70%, rgba(42,54,62,1) 82%, rgba(42,54,62,1) 94%, rgba(42,54,62,1) 100%);
background: url("../img/arrows_game_bgr.png") no-repeat center 80%, -ms-linear-gradient(top, rgba(63,78,88,1) 0%, rgba(63,78,88,1) 54%, rgba(42,54,62,1) 70%, rgba(42,54,62,1) 82%, rgba(42,54,62,1) 94%, rgba(42,54,62,1) 100%);
background: url("../img/arrows_game_bgr.png") no-repeat center 80%, linear-gradient(to bottom, rgba(63,78,88,1) 0%, rgba(63,78,88,1) 54%, rgba(42,54,62,1) 70%, rgba(42,54,62,1) 82%, rgba(42,54,62,1) 94%, rgba(42,54,62,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4e58', endColorstr='#2a363e', GradientType=0 );
    height: 762px;
    width: 700px;
    right: 0;
    	-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.5);
box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.5);
    /*background-size: 80%, cover ;*/
  /*  background-image: url("../img/arrows_game_bgr.png");
    background-repeat: no-repeat;
    background-position: center 80%;*/
}

.card_game_results{
	width: 500px;
	margin: 30px auto;
}

.card_game_question_container{
	margin: 30px auto;
	min-height: 50px;
	width: 500px;
	text-align: center;
	color: #ffffff;
	font-family: 'PruSansOT2-Demi';
	line-height: 25px;
	width: 450px;

}

.card_content_progress{
	width: 455px;
	margin: 20px auto;
	font-size: 24px;
	color: #fff;
}


.progress_bar{
	width: 460px;
	margin: 10px auto;
	background: rgba(255, 255, 255, 1);
	height: 10px;
	border-radius: 5px;
}

.day_1{
	background: rgba(206,15,12,1);
	background: -moz-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 10%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(206,15,12,1)), color-stop(4%, rgba(206,15,12,1)), color-stop(10%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 10%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 10%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 10%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 10%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0f0c', endColorstr='#ffffff', GradientType=1 );
}

.day_2{
	background: rgba(206,15,12,1);
	background: -moz-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 20%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(206,15,12,1)), color-stop(4%, rgba(206,15,12,1)), color-stop(10%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 30%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 20%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 20%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 20%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0f0c', endColorstr='#ffffff', GradientType=1 );
}

.day_3{
	background: rgba(206,15,12,1);
	background: -moz-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 30%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(206,15,12,1)), color-stop(4%, rgba(206,15,12,1)), color-stop(10%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 30%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 30%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 30%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 30%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0f0c', endColorstr='#ffffff', GradientType=1 );
}

.day_4{
	background: rgba(206,15,12,1);
	background: -moz-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 40%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(206,15,12,1)), color-stop(4%, rgba(206,15,12,1)), color-stop(10%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 40%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 40%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 40%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 40%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0f0c', endColorstr='#ffffff', GradientType=1 );
}

.day_5{
	background: rgba(206,15,12,1);
	background: -moz-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 50%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(206,15,12,1)), color-stop(4%, rgba(206,15,12,1)), color-stop(10%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 50%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 50%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 50%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 50%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0f0c', endColorstr='#ffffff', GradientType=1 );
}

.day_6{
	background: rgba(206,15,12,1);
	background: -moz-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 60%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(206,15,12,1)), color-stop(4%, rgba(206,15,12,1)), color-stop(10%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 60%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 60%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 60%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 60%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0f0c', endColorstr='#ffffff', GradientType=1 );
}

.day_7{
	background: rgba(206,15,12,1);
	background: -moz-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 70%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(206,15,12,1)), color-stop(4%, rgba(206,15,12,1)), color-stop(10%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 70%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 70%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 70%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 70%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0f0c', endColorstr='#ffffff', GradientType=1 );
}

.day_8{
	background: rgba(206,15,12,1);
	background: -moz-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 80%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(206,15,12,1)), color-stop(4%, rgba(206,15,12,1)), color-stop(10%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 80%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 80%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 90%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 80%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0f0c', endColorstr='#ffffff', GradientType=1 );
}

.day_9{
	background: rgba(206,15,12,1);
	background: -moz-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 90%, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(206,15,12,1)), color-stop(4%, rgba(206,15,12,1)), color-stop(10%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 90%, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 100%, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 100%, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 100%, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0f0c', endColorstr='#ffffff', GradientType=1 );
}

.budget_list{
    margin: 40px auto auto auto;
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    width: 420px;
/*    padding-right: 40px;*/
}
.budget_list li{
    text-align: center;
    height: 50px;
  width: 50px;
  background-color: #323e46;
  border-radius: 50%;
  display: inline-block;
  position: relative;
}

/*winning_prawie full*/
.winning_full{
	background: rgba(37, 128, 32, 1) !important;
	/*background: -moz-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 4%, rgba(36,123,31,1) 33%, rgba(36,123,31,1) 100%);
background: -webkit-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 4%, rgba(36,123,31,1) 33%, rgba(36,123,31,1) 100%);
background: -o-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 4%, rgba(36,123,31,1) 33%, rgba(36,123,31,1) 100%);
background: -ms-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 4%, rgba(36,123,31,1) 33%, rgba(36,123,31,1) 100%);
background: linear-gradient(to bottom, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 4%, rgba(36,123,31,1) 33%, rgba(36,123,31,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313d45', endColorstr='#247b1f', GradientType=0 );*/
}

/*winning_75%*/
.winning_3{
	background: rgba(49,61,69,1); 
	background: -moz-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 25%, rgba(36,123,31,1) 75%, rgba(36,123,31,1) 100%);
background: -webkit-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 25%, rgba(36,123,31,1) 75%, rgba(36,123,31,1) 100%);
background: -o-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 25%, rgba(36,123,31,1) 75%, rgba(36,123,31,1) 100%);
background: -ms-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 25%, rgba(36,123,31,1) 75%, rgba(36,123,31,1) 100%);
background: linear-gradient(to bottom, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 25%, rgba(36,123,31,1) 75%, rgba(36,123,31,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313d45', endColorstr='#247b1f', GradientType=0 );
}

/*srodek*/
.winning_2{
	background: rgba(49,61,69,1); 
	background: -moz-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 44%, rgba(36,123,31,1) 63%, rgba(36,123,31,1) 100%);
background: -webkit-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 44%, rgba(36,123,31,1) 63%, rgba(36,123,31,1) 100%);
background: -o-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 44%, rgba(36,123,31,1) 63%, rgba(36,123,31,1) 100%);
background: -ms-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 44%, rgba(36,123,31,1) 63%, rgba(36,123,31,1) 100%);
background: linear-gradient(to bottom, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 44%, rgba(36,123,31,1) 63%, rgba(36,123,31,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313d45', endColorstr='#247b1f', GradientType=0 );
}

/*poczatek*/
.winning_1{
	background: rgba(49,61,69,1); 
	background: -moz-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 65%, rgba(36,123,31,1) 85%, rgba(36,123,31,1) 100%);
	background: -webkit-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 65%, rgba(36,123,31,1) 85%, rgba(36,123,31,1) 100%);
	background: -o-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 65%, rgba(36,123,31,1) 85%, rgba(36,123,31,1) 100%);
	background: -ms-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 65%, rgba(36,123,31,1) 85%, rgba(36,123,31,1) 100%);
	background: linear-gradient(to bottom, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 65%, rgba(36,123,31,1) 85%, rgba(36,123,31,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313d45', endColorstr='#247b1f', GradientType=0 );
}

/*37, 128, 32, 1*/

/*losing_full*/
/*.losing_full{
	background: rgba(49,61,69,1);
	background: -moz-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 4%, rgba(195,18,16,1) 100%);
	background: -webkit-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 4%, rgba(195,18,16,1) 100%);
	background: -o-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 4%, rgba(195,18,16,1) 100%);
	background: -ms-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 4%, rgba(195,18,16,1) 100%);
	background: linear-gradient(to bottom, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 4%, rgba(195,18,16,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313d45', endColorstr='#c31210', GradientType=0 );
}*/

.losing_full{
	background: rgba(49,61,69,1);
	background: -moz-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 4%, rgba(37, 128, 32, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 4%, rgba(37, 128, 32, 1) 100%);
	background: -o-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 4%, rgba(37, 128, 32, 1) 100%);
	background: -ms-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 4%, rgba(37, 128, 32, 1) 100%);
	background: linear-gradient(to bottom, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 4%, rgba(37, 128, 32, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313d45', endColorstr='#c31210', GradientType=0 );
}


/*srodek-losing*/
.losing_2{
	background: rgba(49,61,69,1);
	background: -moz-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 44%, rgba(195,18,16,1) 100%);
	background: -webkit-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 44%, rgba(195,18,16,1) 100%);
	background: -o-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 44%, rgba(195,18,16,1) 100%);
	background: -ms-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 44%, rgba(195,18,16,1) 100%);
	background: linear-gradient(to bottom, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 44%, rgba(195,18,16,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313d45', endColorstr='#c31210', GradientType=0 );
}

/*losing-75%*/
.losing_3{
	background: rgba(49,61,69,1);
	background: -moz-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 25%, rgba(37, 128, 32, 1) 75%);
	background: -webkit-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 25%, rgba(37, 128, 32, 1) 75%);
	background: -o-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 25%, rgba(37, 128, 32, 1) 75%);
	background: -ms-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 25%, rgba(37, 128, 32, 1) 75%);
	background: linear-gradient(to bottom, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 25%, rgba(37, 128, 32, 1) 75%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313d45', endColorstr='#c31210', GradientType=0 );
}

/*losing-mini*/
.losing_1{
	background: rgba(49,61,69,1);
	background: -moz-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 65%, rgba(195,18,16,1) 85%);
	background: -webkit-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 65%, rgba(195,18,16,1) 85%);
	background: -o-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 65%, rgba(195,18,16,1) 85%);
	background: -ms-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 65%, rgba(195,18,16,1) 85%);
	background: linear-gradient(to bottom, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 65%, rgba(195,18,16,1) 85%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313d45', endColorstr='#c31210', GradientType=0 );
}

.losing_lost{
	background: rgba(49,61,69,1);
	background: -moz-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 85%, rgba(195,18,16,1) 95%);
	background: -webkit-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 85%, rgba(195,18,16,1) 95%);
	background: -o-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 85%, rgba(195,18,16,1) 95%);
	background: -ms-linear-gradient(top, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 85%, rgba(195,18,16,1) 95%);
	background: linear-gradient(to bottom, rgba(49,61,69,1) 0%, rgba(49,61,69,1) 85%, rgba(195,18,16,1) 95%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313d45', endColorstr='#c31210', GradientType=0 );
}



.budget_list li img{
	position: absolute;
	top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.card_content_container{
	position: relative;
	width: 445px;
	height: 445px;
	border: 10px solid #d7d7d7;
	border-radius: 10px;
	margin: 0 auto;
	background-image: url("../img/karta_spod.jpg");
}

.first_one{
	background-image: url("../img/1_1.jpg")
}
.first_two{
	background-image: url("../img/1_2.jpg")
}
.first_three{
	background-image: url("../img/1_3.jpg")
}
.first_four{
	background-image: url("../img/1_4.jpg")
}
.first_five{
	background-image: url("../img/1_5.jpg")
}
.first_six{
	background-image: url("../img/1_6.jpg")
}
.first_seven{
	background-image: url("../img/1_7.jpg")
}
.first_eight{
	background-image: url("../img/1_8.jpg")
}
.first_nine{
	background-image: url("../img/1_9.jpg")
}
.first_ten{
	background-image: url("../img/1_10.jpg")
}
.second_one{
	background-image: url("../img/2_1.jpg")
}
.second_two{
	background-image: url("../img/2_2.jpg")
}
.second_three{
	background-image: url("../img/2_3.jpg")
}
.second_four{
	background-image: url("../img/2_4.jpg")
}
.second_five{
	background-image: url("../img/2_5.jpg")
}
.second_six{
	background-image: url("../img/2_6.jpg")
}
.second_seven{
	background-image: url("../img/2_7.jpg")
}
.second_eight{
	background-image: url("../img/2_8.jpg")
}
.second_nine{
	background-image: url("../img/2_9.jpg")
}
.second_ten{
	background-image: url("../img/2_10.jpg")
}

.card_single_background{
	background-size: cover;
	background-position: center;
}

.card_single{
	z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform-origin: 50% 100%;
    border: 2px solid #888888;
}

.card_single_image > div{
	color: #fff;
	position: absolute;
  	visibility: hidden;
  	width: 70px;
  	height: 70px;
}
.card_single_image > div > span {
	text-align: center;
	left: 50%;
  	top: 50%;
  	transform: translate(-50%, -50%);
  	position: absolute;
  	font-size: 30px;
}

.card_single_image > .yes{
	background-color: #258020;
  	border-radius: 50%;
  	z-index: 10;
  	text-align: center;
  	left: 75%;
  	top: 5%;
}

.card_single_image > .no{
	background-color: #a90705;
  	border-radius: 50%;
  	z-index: 10;
  	text-align: center;
  	right: 75%;
  	top: 5%;
}

.card_single.reset {
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translateX(0) !important;
          transform: translateX(0) !important;
}
.card_single.reset .card_single_choice {
  transition: opacity 0.3s;
  opacity: 0 !important;
}

.card_single.inactive {
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.card_single.to-left {
  /*-webkit-transform: translateX(-30rem) rotate(-30deg) !important;
          transform: translateX(-30rem) rotate(-30deg) !important;*/
          -webkit-transform: translateX(-30rem) rotate(-50deg) !important;
          transform: translateX(-30rem) rotate(-50deg) !important;
}
.card_single.to-right {
  /*-webkit-transform: translate(30rem) rotate(30deg) !important;
          transform: translate(30rem) rotate(30deg) !important;*/
    -webkit-transform: translate(30rem) rotate(50deg) !important;
     transform: translate(30rem) rotate(50deg) !important;
}
.card_single.below {
  z-index: 1;
}

.card_single_image{
    height: 100%;
    width: 100%;
    margin: 0 auto;
}

.end_info_container{
	color: #ffffff;
	text-align: center;
	height: 100%;
	padding: 30px 15px;
	z-index: 20;
	background: background: -moz-linear-gradient(top, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 33%, rgba(185,11,8,1) 63%, rgba(168,7,5,1) 86%, rgba(168,7,5,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(206,15,12,1)), color-stop(33%, rgba(206,15,12,1)), color-stop(63%, rgba(185,11,8,1)), color-stop(86%, rgba(168,7,5,1)), color-stop(100%, rgba(168,7,5,1)));
	background: -webkit-linear-gradient(top, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 33%, rgba(185,11,8,1) 63%, rgba(168,7,5,1) 86%, rgba(168,7,5,1) 100%);
	background: -o-linear-gradient(top, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 33%, rgba(185,11,8,1) 63%, rgba(168,7,5,1) 86%, rgba(168,7,5,1) 100%);
	background: -ms-linear-gradient(top, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 33%, rgba(185,11,8,1) 63%, rgba(168,7,5,1) 86%, rgba(168,7,5,1) 100%);
	background: linear-gradient(to bottom, rgba(206,15,12,1) 0%, rgba(206,15,12,1) 33%, rgba(185,11,8,1) 63%, rgba(168,7,5,1) 86%, rgba(168,7,5,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0f0c', endColorstr='#a80705', GradientType=0 ); ;
}

.play_again{
	width: 250px;
	height: 40px;
	font-family: "pru_sans_ot2book";
	background-color: rgba(36,123,31,1);
	color: #ffffff;
	border: 2px solid #ffffff;
	margin: 10% auto 5% auto ;
	text-align: center;
	padding: 5px 5px 10px 5px;
	cursor: pointer;
	display: none;
	font-size: 14px;
}



#end_info_text{
	line-height: 20px;
	text-align: left;
}
#end_info_text span{
	font-family: 'pru_sans_ot2_boldbold';
	font-size: 20px;
	margin-bottom: 15px;
}

.card_single_image.yellow{
	background-color: #E3E351;
}
.card_single_image.purple{
	background-color: #D2A8DE;
}

.card_single_image.red{
	background-color: #ce0f0c;
}

.card_single_image.blue{
	background-color: #0473a3;
}

.chart_mobile{
	display: none;
}

.navbar_link_toggle{
	display: none;
}
.menu_container{
	display: flex;
}
.background_mobile{
	display: none;
}
.mobile_button{
	display: none;
}
.disclaimer{
	    font-family: 'pru_sans_ot2medium';
    font-size: 11px;
    line-height: 10px;
    padding-top: 30px;
    color: #959595;
    text-align: center;
}
.disclaimer a{
	color: #ed2528;;
	text-decoration: none;
}

	.end_info_class{

		height: auto;
	}

@media(max-width: 1600px){
	.background{
		height: 700px;
	}
	.slider_container{
		right: -100px;
	}
}

@media(max-width: 1400px){
	.modal_popup{
		right: 50px;
		width: 460px;
	}
	.background{
		height: 650px;
	}
	.slider_content{
		width: 485px;
	}
	.slider_text{
		width: 270px;
	}
	.slider_container{
		right: -50px;
	}
	.game_info{
		width: 425px;
	}
	.game_content{
		width: 600px;
		height: 662px;
	}
	.section_game{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.card_content_container{
		width: 365px;
		height: 365px;
		/*height: 375px;*/
	}
	.game_content{
		background-size: 85%, cover;
	}
	.card_game_question_container{
		margin: 20px auto;
	}
}

@media(max-width: 1286px){
	.slider_container{
		right: 0px;
	}
	.hero_info{
		width: 350px;
		margin-top: 50px;
		margin-left: 20px;
	}
	.hero_info h1{
		font-size: 30px;
	}
	.hero_info p {
		font-size: 18px;
	}
	.hero_info a{
		width: 250px;
		font-size: 13px;
	}
	.game_info{
		width: 425px;
	}
	.game_content{
		width: 600px;
	}
	.top_logo{
		margin-left: 15px;
	}
}

/*@media(max-width: 945px){*/
	@media(max-width: 1055px){
	/*	.end_info_class{
		height: auto;
	}*/
	.play_again{
		width: 200px;
		height: 30px;
		font-size: 12px;
	}
	.background{
		background-image: url("../img/bg_tablet.jpg");
		height: 800px;
	}
	.modal_popup{
		right: 50px;
		width: 360px;
		font-size: 12px;
		padding: 15px 10px;
	}
	.modal p{
		font-size: 12px;
	}
	#end_info_text{
	line-height: normal;
	font-size: 12px;
	}
	#end_info_text span{
		font-family: 'pru_sans_ot2_boldbold';
		font-size: 16px;
		margin-bottom: 15px;
	}
	.hero_info {
	    width: 300px;
	    margin-top: 30px;
	  /*  margin-left: auto;*/
	  margin-left: 5px;
	}
	.hero_info h1{
		margin-top: 30px;
		font-size: 26px;
		line-height: 32px;
	}
	.hero_info p{
		font-size: 16px;
		line-height: 22px;
	}
	.slider_text hr{
		margin-left: 10px;
		width: 110px;
	}
	.slider_text{
		padding-left: 20px;
		padding-top: 10px;
	}
	.top_logo{
		margin-left: 30px;
	}
	.hero_info a{
		margin: 40px auto;
	}
	.game_info{
		width: 325px;
	}

	.progress_bar, .card_content_progress{
		width: 310px;
	}
	.card_content_container{
		width: 325px;
		/*height: 335px;*/
		height: 325px;
	}
	.game_content{
		background-position: center 80%;
	}
	.card_game_question_container {
    	font-size: 12px;
	    font-family: 'PruSansOT2-Demi';
	    line-height: normal;
	    width: 350px;
	    min-height: 45px;
	}
	.card_content_progress{
		font-size: 14px;
	}
	.progress_bar{
		height: 6px;
	}
	.card_game_results{
		width: auto;
	}
	.form_container h2{
		font-size: 24px;
	}
	.game_info{
		width: 315px;
		height: 255px;
		padding: 30px 35px 30px 30px;
	}
	.game_content{
		width: 485px;
		height: 545px;
	}
	.game_info p{
		font-size: 12px;
		line-height: 22px;
		text-align: justify;
	}
	.game_info_outer > h2{
		font-size: 24px;
	}
	.game_info div{
		margin-top: 65px;
	}
	.game_info div > span{
		margin-left: 10px;
		font-size: 12px;
	}
	.card_content_container{
		width: 265px;
		height: 265px;
		/*height: 275px;*/
	}
	/*.budget_list{
		justify-content: space-around;
		margin: 0 auto;
		width: 260px;
	}*/
	.budget_list{
		width: 360px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.card_single_image > div{
		color: #fff;
		position: absolute;
	  	visibility: hidden;
	  	width: 50px;
	  	height: 50px;
	}
	.card_single_image > div > span {
		text-align: center;
		left: 50%;
	  	top: 50%;
	  	transform: translate(-50%, -50%);
	  	position: absolute;
	  	font-size: 22px;
	}
	.footer {
	    padding: 40px 30px 20px 30px;
	}
	.end_info_container{
		padding: 10px 10px;
	}
}

@media(max-width: 750px){
	.hero_info{
		width: 350px;
		padding-bottom: 20px;
	}
	.footer_links{
		text-align: center;
	}
	.hero_info p br {
		display: none;
	}
	.hero_info a{
		display: none;
	}
	.modal_popup{
		right: 55px;
		width: 360px;
		font-size: 12px;
		padding: 15px 10px;
	}
	.mobile_button{
		display: block;
		width: 100%;
		text-decoration: none;
    	color: #ffffff;
    	background-color: #cd0f0c;
    	padding: 15px;
    	text-transform: uppercase;
    	text-align: center;
    	font-family: 'pru_sans_ot2book';
    	font-size: 14px;
    	position: absolute;
    	bottom: 0;
	}
	.background{
		background-image: none;
		height: auto;
	}
	.hero_info h1{
		text-align: center;
		margin: 0 auto;
		font-size: 30px;
		margin-bottom: 15px;
	}
	.background_mobile{
		position: relative;
		display: block;
		background-image: url("../img/bg_mobile.jpg");
		height: 370px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom ;
		position: relative;
		z-index: 100;
	}
	.background_mobile:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: transparent;
		background: -moz-radial-gradient(circle, transparent 0%, transparent 30%, white 100%);
		background: -webkit-radial-gradient(circle, transparent 0%, transparent 30%, white 100%);
		background: radial-gradient(circle, transparent 0%, transparent 30%, white 100%);
		z-index: -10;
	}
	.section_game .container{
		flex-direction: column;
		align-items: center;
		padding-right: 0;
	}
	.section_game{
		padding-bottom: 0;
	}
	.game_info_outer >h2{
		padding: 0px 0px 5px 0px;
	}
	.game_content{
		width: 100%;
		padding:0;
		margin-right: 0;
		box-shadow: none;
	}
	.game_info{
		box-shadow: none;
		width: 100%;
		left: auto;
		color: #424242;
		background: #ffffff;
		height: auto;
	}
	.game_info_outer > h2{
		text-align: center;
	}
	.game_info div{
		display: none;
	}
	.game_info p{
		font-size: 14px;
		text-align: center;
	}
	.top_nav, .menu_container{
		display: flex;
		flex-direction: column;
		align-items: baseline;
	}
	.menu_container{
		display: none;
		width: 100%;
	}
	.menu{
		padding-left: 30px;
		width: 100%;
		color: #000000;
	}
	.menu:hover{
		background-color: #f2f2f2;
	}
	.navbar_link_toggle{
		 align-self: flex-end;
    display: initial;
    position: absolute;
    cursor: pointer;
    margin-top: 25px;
	}
	.menu_toggleShow{
		display: flex;
	}
	.menu_burger{
		background-image: url("../img/hamburger.png");
		min-width: 22px;
		min-height: 17px;
		height: 100%;
		background-repeat: no-repeat;
		display: block;
		margin-right: 20px;
		padding-bottom: 0 !important;
	}
	.top_nav a{
		color: #000000;
		padding-bottom: 0;
	}

	.slider_container{
		display: none;
	}
	.form-inputs {
    	display: flex;
    	flex-direction: column;
	}
	#form input[type="text"] {
	    width: 80%;
	    line-height: 40px;
	    height: 20px;
	    margin: 10px auto;
	    padding: 5px;
	}
	.form-submit {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		padding: 20px 10px 30px 10px;
	}
	.form_container h2{
		font-size: 18px;
		line-height: 25px;
		padding-top: 30px;
		margin-bottom: 30px;
		padding-left: 30px;
		padding-right: 30px;
	}
	.footer_container{
		flex-direction: column;
	}
	.footer{
		padding-top: 20px;
		padding-bottom: 35px;
	}
	.footer_container > div{
		order: -1;
	}
	.footer_container > span:first-of-type{
		order: 1;
		padding-bottom: 10px;
		padding-top: 10px;
		font-size: 10px;
	}
	.footer_container > span:nth-of-type(2){
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 12px;
	}
	.hero_info{
		border: none;
		margin: 40px auto 0 auto;
	}
	.hero_info p{
		text-align: center;
		font-size: 14px;
	}
	.top_nav{
		border-bottom: 3px solid #ed2528;
		padding-top: 0;
		background-color: #fff;
	}
	.top_nav a{
		padding-bottom: 15px;
	}
	.menu{
		padding: 20px 10px !important;
	}
	.menu:hover{
		color: #cd0f0c;
	}
	.progress_bar, .card_content_progress {
    	width: 280px;
	}
	.game_content{
		background: rgba(63,78,88,1);
background:  -moz-linear-gradient(top, rgba(63,78,88,1) 0%, rgba(63,78,88,1) 54%, rgba(42,54,62,1) 70%, rgba(42,54,62,1) 82%, rgba(42,54,62,1) 94%, rgba(42,54,62,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(63,78,88,1)), color-stop(54%, rgba(63,78,88,1)), color-stop(70%, rgba(42,54,62,1)), color-stop(82%, rgba(42,54,62,1)), color-stop(94%, rgba(42,54,62,1)), color-stop(100%, rgba(42,54,62,1)));
background: -webkit-linear-gradient(top, rgba(63,78,88,1) 0%, rgba(63,78,88,1) 54%, rgba(42,54,62,1) 70%, rgba(42,54,62,1) 82%, rgba(42,54,62,1) 94%, rgba(42,54,62,1) 100%);
background:  -o-linear-gradient(top, rgba(63,78,88,1) 0%, rgba(63,78,88,1) 54%, rgba(42,54,62,1) 70%, rgba(42,54,62,1) 82%, rgba(42,54,62,1) 94%, rgba(42,54,62,1) 100%);
background: -ms-linear-gradient(top, rgba(63,78,88,1) 0%, rgba(63,78,88,1) 54%, rgba(42,54,62,1) 70%, rgba(42,54,62,1) 82%, rgba(42,54,62,1) 94%, rgba(42,54,62,1) 100%);
background: linear-gradient(to bottom, rgba(63,78,88,1) 0%, rgba(63,78,88,1) 54%, rgba(42,54,62,1) 70%, rgba(42,54,62,1) 82%, rgba(42,54,62,1) 94%, rgba(42,54,62,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4e58', endColorstr='#2a363e', GradientType=0 );
	}
	.end_info_container p {
		font-size: 14px;
		padding-left: 5px;
		padding-right: 5px;
	}

}

@media(max-width: 450px){
	
	.game_content{
		height: 450px;
	}
	.budget_list{
		margin: 15px auto auto auto;
	}
	.card_game_results{
		margin: 15px auto;
	}
	.card_game_question_container{
		margin: 10px auto;
		min-height: 35px;
	}
	.modal_popup{
		right: 30px;
		width: 300px;
		font-size: 12px;
		padding: 10px 5px;
	}
	.hero_info h1 {
    text-align: center;
    margin: 0 auto;
    font-size: 24px;
}
	.hero_info{
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	
		.budget_list{	
		padding-left: 20px;
		padding-right: 20px;
		width: 300px;
	}
		.budget_list li{
		height: 30px;
		width: 30px;
	}
	.chart_desktop{
		display: none;
	}
	.chart_mobile{
		display: block;
	}
	.mobile_button{
		padding: 10px;
font-size: 12px;
	}
	.hero_info p{
		text-align: center;
		font-size: 12px;
	}
	.card_game_question_container{
		width: 300px;
	}
}