html{}
body
{
    font-family : 'Open Sans', sans-serif;
    font-size : 24px;
    color : #000;
    min-width : 320px;
}
body > * section
{
    max-width : 1170px;
    padding : 0 15px;
    margin : 0 auto;
    border : 1px solid rgba(0,0,0,0);
}
h1
{
    font-size : 1.6em;
}
h2
{
    font-size : 1.3em;
}
p
{
    line-height : 1.5em;
}
.icon
{
    background-image : url('/i/img/promo_pages/mazda/icons.png');
    background-repeat : no-repeat;
}
a.button
{
    font-size : 1em;
    color : #000;
    border : 1px solid #000;
    display : inline-block;
    padding : .6em 1.2em;
    text-decoration : none;
}
a.button:hover
{
    background-color : #000;
    color : #fff;
    cursor : pointer;
    text-decoration : none;
}
/*Form - Start*/
form{}
fieldset{}
legend{}
label{}
input[type="text"],
input[type="search"],
input[type="password"]
{
    outline : none;
    border : 1px solid #999;
    cursor : pointer;
    outline : none;
}
textarea{}
input[type="button"],
input[type="reset"],
input[type="submit"],
button
{
    border : none;
    padding : 15px 25px;
    text-align : center;
    background-color : #222;
    color : #fff;
    display : inline-block;
    margin : 0 auto;
}
input[type="checkbox"]{}
select{}
select > option{}
input.incorrect {
    border: 1px solid #781d1c;
}
.reg_li table td {
	padding: 10px;
}
.reg_li table td a {
	color: black
}
.reg_li h2 {
	text-align: center;
}
.reg_li .status,
.open_li form .status {
	padding: 10px;
    border: 1px solid #781d1c;
    color: #781d1c;
	display: none;
}
.open_li form .status {
	margin: 0 !important;
    font-size: 12px;
}
.open_li .messager_suc {
	height: 296px;
    text-align: center;
    color: #25a340;
}
.agreement label a {
	color: #781d1c;
}
.agreement label a:hover {
	border-bottom: 1px dashed #781d1c;
}
.err_message_text_alert {    
	color: #781d1c;
    font-size: 12px;
    margin: -20px 0 -16px 200px !important;
}
.reg_li #contest_reg_error {
	font-size: 12px;
	margin: 0;
}
.reg_li .status #contest_reg_error SPAN {
	text-decoration: none !important;
}
.reg_li .status #contest_reg_error ul li{
	display: block !important;
	color: #781d1c;
}
.reg_li .status #contest_reg_error ul {
	text-align: left;
}
/*Form - End*/

/*Table - Start*/
table{}
table thead{}
table tbody{}
table tr{}
table td{}
/*Table - End*/



header .title
{
    display : flex;
    align-items : center;
    justify-content :space-between; 
}
header .title > *
{
}
header .title img
{
    width : 100%;
    max-width : 336px;
    margin-right : 30px;
    display : block;
    cursor : pointer;
}
header .banner
{
    max-width : none;
    background-image : url('/i/img/promo_pages/mazda/background_1.jpg');
    background-position : left center;
    background-repeat : no-repeat;
    background-size : cover;
    color : #fff;
    height : 100vh;
} 
header .banner > div
{
    max-width : 1200px;
    margin : 3em auto;
}
header .banner a.button
{
    border-color : #fff;
    color : #fff;
}
header .banner a.button:hover
{
    color : #000;
    background-color : #fff;
}
article .description
{
    text-align : justify;
    text-align-last : center;
}
article .timer
{
    text-align : center;
    background-image : url('/i/img/promo_pages/mazda/background_2.jpg');
    background-repeat : no-repeat;
    background-position : center;
    background-size : cover;
    max-width : none;
}
article .timer > div
{
    max-width : 1200px;
    margin : 3em auto;
}
article .timer h1
{
    text-transform : uppercase;
}
article .timer .button,
article .auth .button
{
    border-color : #94121c;
    color : #94121c;
}
article .timer img
{
    display : block;
    width : 100%;
    max-width : 400px;
    margin : 30px auto;
    border : 1px solid #ccc;
}
article .timer .button:hover,
article .auth .button:hover
{
    background-color : #94121c;
    color : #fff;
}
article .auth p
{
    color : #94121c;
    font-size : 1em;
    text-align : center;
}
.tabs
{
    width : 100%;
    max-width : 550px;
    margin : 5px auto 40px;
    border : 1px solid #ccc;
}
.tabs ul
{
    list-style : none;
    padding : 0;
    margin : 0;
}
.tabs ul.control
{
    display : flex;
    justify-content : space-around;
    align-items : center;
}
.tabs ul.control li
{
    display : block;
    padding : .7em 1em;
    text-align : center;
    width : 100%;
    background-color : #2e2e2e;
    color : #fff;
}
.tabs ul.control li.active
{
    background-color : #25a340;
}
.tabs ul.control li:hover
{
    background-color : #222;
    cursor : pointer;
}
.tabs ul.control li.active:hover
{
    background-color : #25a340;
}
.tabs ul.tab-content li
{
    display : none;
    padding : 15px
}
.tabs ul.tab-content li.active
{
    display : block;
}
.tabs ul.tab-content form
{
    text-align : center;
}
.tabs ul.tab-content form > div
{
    display : flex;
    margin : 25px auto;
}
.tabs ul.tab-content form label
{
    max-width : 200px;
    width : 100%;
    text-align : left;
}
.tabs ul.tab-content form input[type=text]
{
    width : 100%;
    padding : 5px;
    text-align : left;
}
.tabs ul.tab-content form input[type=text]:focus
{
    background-color : #f1f1f1;
    border : 1px solid #25a340; 
}
.tabs ul.tab-content form input[type=submit]
{
    background-color : #25a340;
}
.tabs ul.tab-content form input[type=submit]:hover
{
    background-color : #218537;
    cursor : pointer;
}
.tabs form div.agreement label
{
    max-width : none;
    width : auto;
    margin-left : 15px;
    font-size : .6em

}
.tabs form div.agreement
{
    padding-left : 200px;
    align-items : center;
}
span.red,
label a
{
    color : red;
    text-decoration : none;
}
label a:hover
{
    border-bottom : 1px dashed red;
}
.regulations
{
    background-color : #781d1c;
    color : #fff;
    text-align : center;
    max-width : none;
}
.regulations > div
{
    max-width : 1200px;
    margin : 0 auto;
}
.regulations .title
{
    display : flex;
    align-items : center;
    justify-content : center;
    margin : 5px auto;
    cursor : pointer;
}
.regulations .title h2
{
    text-transform : uppercase;
    font-weight : normal;
}
.regulations .icon:first-child
{
    width : 72px;
    height : 72px;
    background-position : 0 0;
    margin : 5px 30px 5px 5px;
}
.regulations .icon:last-child
{
    width : 16px;
    height : 8px;
    background-position : 0 -144px;
    margin : 5px 5px 5px 30px;
    transform: rotate(180deg);
}
.regulations .icon.open:last-child
{
    transform: rotate(0deg);
}
.regulations .description
{
    display : none;
}
.regulations .description h3
{
    font-weight : normal;
}
.regulations .description table
{
    border : none;
    width : 100%;
    margin : 5px auto;
    max-width : 650px;
}
.regulations .description table tr td
{
    text-align-last : initial;
    padding : 5px 15px;
}
.regulations .description table tr td:first-child
{
    text-align : right;
    font-weight : bold;
    min-width : 250px;
}
.regulations .description table tr td:last-child
{
    text-align : left;
}
.participants h2
{
    text-align : center;
}
.participants table
{
    width : 100%;
    margin : 30px auto;
    border : 1px solid #ccc;
    border-collapse : collapse;
    
}
.participants table td,
.participants table th
{
	width: 25%;
    border : 1px solid #444;
    padding : 5px;
    font-weight : normal;
}
.participants table td div.account_number
{
	margin: 0 auto;
}
.participants table thead tr
{
    background-color : #787878;
    color : #fff;
}
.participants table td
{   
    text-align : center;
}
.participants table td:first-child > div
{
    display : flex;
    justify-content : space-between;
    align-items : center;
}
.participants .chart
{
    height: 16px;
    width : 16px;
    background: url('https://www.instaforex.com/i/img/contests/chart.png') no-repeat 100% 50%;
}
.participants .sort
{
    cursor: pointer;
    background: url('https://www.instaforex.com/i/img/contests/sort-down-up.gif') no-repeat 50% 90%;
    display : block;
    width : 100%;
    height : 16px;
}
.participants .status_ok
{
    height: 16px;
    width : 16px;
    background: url('https://www.instaforex.com/i/img/contests/status_ok.png') no-repeat 50% 50%;
}
.participants table td > div
{
    display : inline-block;
    margin : 5px;
    vertical-align : middle;
}
.participants table tbody tr:nth-child(2n+2)
{
    background-color : rgba(0,0,0,.1);
}
.participants table tbody tr:hover
{
    background-color : rgba(0,0,0,.5);
    color : #fff;
    cursor : pointer;
}
.participants form
{
    text-align : center;
    margin : 15px auto;
}
.participants form input[type=submit]
{
    border : 1px solid #870c0f;
    background-color : #fff;
    color : #870c0f;
}
.participants form input[type=submit]:hover
{
    cursor : pointer;
    background-color : #870c0f;
    color : #fff;
    cursor : pointer;
}
.odds
{
    background-image : url('/i/img/promo_pages/mazda/background_3.jpg');
    background-repeat : no-repeat;
    background-position : center;
    background-size : cover;
    width : auto;
    max-width : none;
}
.odds > div
{
    max-width : 1200px;
    margin : 0 auto;
    color : #fff;
    text-align : center;
    padding : 1px 0;
}
.odds h2
{
    font-weight : normal;
    margin : 2em auto;
}
.odds form h3
{
    font-weight : normal;
    margin : 1em auto;
}
.odds form div
{
    display : flex;
    align-items : center;
    align-content : stretch;
    justify-content : space-around;
    border : 1px solid #fff;
    max-width : 450px;
    width : 100%;
    margin : 0 auto;
}
.odds form input[type=text]
{
    width : 100%;
    background-color : transparent;
    padding : 5px;
    border : none;
    color : #fff;
}
.odds form input[type=submit]
{
    background-color : #fff;
    color : #333;
    cursor : pointer;
}
.odds h4
{
    font-weight : normal;
    font-size : 1.2em;
    text-transform : uppercase;
}
.odds h5
{
    font-size : 2em;
    font-weight : normal;
    margin : 0 auto;
}
.past-draws h2
{
    font-weight : normal;
    margin : 2em auto;
    text-align : center;
}
.past-draws figure
{
    display : flex;
    align-items : flex-start;
    justify-content : space-between;
    margin : 2em auto 0;
}
.past-draws h3 a:hover {
	color: #781d1c !important;
}
.past-draws figure img
{
    margin : 0 auto;
/*    width : 100%;*/
    max-width : 550px;
}
.past-draws figure figcaption
{
    padding : 0 0 0 25px;
}
.past-draws figure.center_figure figcaption {
	padding : 0 25px 0 0;
}
.past-draws figure figcaption h3
{
    font-weight : normal;
    margin : 0;
    text-align : left;
}
.past-draws figure figcaption p
{
    text-align : justify;
}
.past-draws
{
    text-align : center;
    padding : 0 0 2em;
}
.past-draws a.button
{
    border : 1px solid #870c0f;
    background-color : #fff;
    color : #870c0f;
}
.past-draws a.button:hover
{
    cursor : pointer;
    background-color : #870c0f;
    color : #fff;
    cursor : pointer;
}
footer
{
    background-image : url('/i/img/promo_pages/mazda/background_4.jpg');
    text-align : center;
    max-width : none;
    color : #fff;
}
footer > div
{
    max-width : 1200px;
    margin : 0 auto;
    padding : 2em 0 .5em;
}
footer .copy
{
    font-size : .6em;
}
footer h4
{
    font-weight : normal;
    margin : 0;
    padding : 0;
}
footer p
{
    margin : .5em auto;
    padding : 0;
    text-align : center;
}
footer p.tel
{
    font-size : 1.8em;
    margin : 0;
    padding : 0;
}
footer .contact
{
    display : flex;
    align-items : center;
    justify-content : center;

}
footer .contact > div
{
    margin : 1em;
    cursor : pointer;
}
footer .contact div.icon
{
    width : 102px;
    height : 102px;
    display : block;
}
div.icon.mail
{
    background-position : -72px 0;
}
div.icon.chat
{
    background-position : -174px 0;
}
div.icon.callback
{
    background-position : -276px 0;
}
footer .contact div:hover div.icon
{
    background-position-y : -102px;
}
footer .contact div:hover
{
    color : #ddd;
}
footer a.button > div.icon
{
    width : 16px;
    height : 16px;
    display : inline-block;
    background-position : 0 -144px;
    margin : 0px 10px;
    vertical-align : middle;
}
footer a.button
{
    border : 1px solid #fff;
    background-color : transparent;
    color : #fff;
}
footer a.button:hover
{
    background-color : #fff;
    color : #000;
}
footer .links
{
    display : flex;
    justify-content : center;
    margin : 2em auto;
}
footer .links > a
{
    display : block;
    padding : 10px 15px;
    border-top : 1px solid #fff;
    color : #fff;
    text-decoration : none;
    margin : 10px;
}
footer .links > a:hover
{
    background-color : #fff;
    color : #000;
}
footer .links.custom-links a:hover {
	background : none;
	color : #fff;
	text-decoration: underline;
}
.past-draws figure figcaption h3 a {
	text-decoration: none !important;
	color: #000 !important;
}
#contest_number_rules h4 {
	margin: 0;
}
#contest_number_rules table.rates {
	line-height: 0.8;
}
#contest_number_rules p.footer {
    line-height: 1;
}
.priciple_link {
	color: #000;
}
#contest_number {
	background: #fff;
	width: 366px !important;
    max-width: 366px !important;
    line-height: 1.5;
	border: 1px solid rgba(120, 120, 120, 0.43) !important;
}
#contest_number #number table tr td {
	font-size: 40px;
	padding: 0 13px;
	border: 3px solid #c90c07;
}
.loader { 
	height: 55px;
    min-width: 55px;
    width: 100%;
    background: url(/i/img/contests/ajax_loader.gif);
    background-repeat: no-repeat;
    background-position: 50%;
    margin-top: 15px; 
	border: none;
}
#calculate_chance_form {
	margin-bottom: 50px;
}
.hidden {
	display: none;
}
.alert.alert-error {
	line-height: 4;
    border: 1px solid;
    padding: 10px 57px 15px 57px;
}
/*Rules*/
@media (max-width: 1200px) /*Large devices - Large desktops*/
{
    body
    {
        font-size : 20px;
    }
    header .title img
    {
        max-width : 200px;
        margin-right : 30px;
    }
    header .banner
    {
        height : 50vh;
    }
    header .banner p
    {
        font-size : 1.5em;
    } 
} 
@media (max-width: 992px) /*Medium devices - Desktops*/
{
    body
    {
        font-size : 16px;
    }
    .past-draws figure
    {
        flex-flow: row wrap;
        margin : 1em auto;
        border-top : 1px solid #ccc;
        padding : 1em 0;
    }
    .past-draws figure img
    {
        order : 1;
    }
    .past-draws figure figcaption
    {
        margin : 0 auto;
        padding : 1em; 
        order : 2;
    }
} 
@media (max-width: 768px) /*Small devices - Tablets*/
{
    body
    {
        font-size : 14px;
    }
    header .banner
    {
        background-position : center;
        height : auto;
        text-align : center;
    } 
    header .banner p
    {
        font-size : 1.5em;
        background-color : rgba(0,0,0,.7);
        padding : .8em;
        border-radius : 6px;
    }
    footer .contact
    {
        display : block;
        text-align : center;
    }
    footer .contact > div
    {
        margin : 1em;
        cursor : pointer;
        width : auto;
        text-align : center;
    }
    footer .contact > div .icon
    {
        margin : 10px auto;
    }
    footer .links
    {
        display : block;
    }
    footer .links a
    {
        border : 1px solid #fff;
        padding : 1em;
        margin : 1em;
        text-align : center;
    }	
	#contest_number {
		width: 92% !important;
	}
	#contest_number #number table tr td {
		font-size: 37px;
		padding: 0 6px;
	}
	.regulations .description table tr td:first-child {
		min-width: 0;
	}
	.regulations .icon:first-child {
/*		background-position: 0px 18px;
		background-size: 283px;
		margin: -9px 30px 5px 5px;*/
	}
	.regulations .icon:last-child {
		width: 30px;
		margin: 5px 5px 5px 18px
	}
	.past-draws figure img {
		width: 100%;
	}
	.past-draws figure figcaption {
		padding: 0 25px!important;
	}
} 
@media (max-width: 480px) /*Extra small devices - Phones*/
{
    header .title
    {
        display : block;
        text-align : center;
    }
    header .title img
    {
        margin : 1em auto;
    }
    article .timer
    {
        background-image : none;
        background-color : #f1f1f1;
    }
    article .timer h1
    {
        text-transform : none;
    }
} 
@media print{} /*Print classes*/