/**
--------------------------------------------------------------------------------------
-------------- *********************** ResetCss *********************** --------------
--------------------------------------------------------------------------------------
**/
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font-weight:400;
    vertical-align:baseline;
    background:transparent
}
article,aside,figure,footer,header,nav,section,details,summary{
    display:block
}
html{
    box-sizing:border-box
}
*,:before,:after{
    box-sizing:inherit
}
img,object,embed{
    max-width:100%
}
html{
    overflow-y:scroll
}
ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
    content:'';
    content:none
}
a{
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent
}
del{
    text-decoration:line-through
}
abbr[title],dfn[title]{
    border-bottom:1px dotted #000;
    cursor:help
}
table{
    border-collapse:collapse;
    border-spacing:0
}
th{
    font-weight:700;
    vertical-align:bottom
}
td{
    font-weight:400;
    vertical-align:top
}
hr{
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0
}
input,select{
    vertical-align:middle
}
pre{
    white-space:pre;
    white-space:pre-wrap;
    white-space:pre-line;
    word-wrap:break-word
}
input[type="radio"]{
    vertical-align:text-bottom
}
input[type="checkbox"]{
    vertical-align:bottom
}
.ie7 input[type="checkbox"]{
    vertical-align:baseline
}
.ie6 input{
    vertical-align:text-bottom
}
select,input,textarea{
    font:99% sans-serif
}
table{
    font-size:inherit;
    font:100%
}
small{
    font-size:85%
}
strong{
    font-weight:700
}
td,td img{
    vertical-align:top
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative
}
sup{
    top:-.5em
}
sub{
    bottom:-.25em
}
pre,code,kbd,samp{
    font-family:monospace,sans-serif
}
.clickable,label,input[type=button],input[type=submit],input[type=file],button{
    cursor:pointer
}
button,input,select,textarea{
    margin:0
}
button,input[type=button]{
    width:auto;
    overflow:visible
}
.ie7 img{
    -ms-interpolation-mode:bicubic
}
.clearfix:before,.clearfix:after{
    content:"\0020";
    display:block;
    height:0;
    overflow:hidden
}
.clearfix:after{
    clear:both
}
.clearfix{
    zoom:1
}
/**
*
*	Name:			IRANYekan Font
*	Version:			3.0
*	Author:			Moslem Ebrahimi (moslemebrahimi.com)
*	Created on:		Dec 20, 2018
*	Updated on:		Dec 20, 2018
*	Website:		http://fontiran.com
*	Copyright:		Commercial/Proprietary Software
--------------------------------------------------------------------------------------
فونت ایران یکان یک نرم افزار مالکیتی محسوب می شود. جهت آگاهی از قوانین استفاده از این فونت ها لطفا به وب سایت (فونت ایران دات کام) مراجعه نمایید
--------------------------------------------------------------------------------------
IRANYekan fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com 
--------------------------------------------------------------------------------------
This set of fonts are used in this project under the license: (.....)
--------------------------------------------------------------------------------------
*	
**/
@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/eot/iranyekanwebbold.eot');
	src: url('../fonts/eot/iranyekanwebbold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff/iranyekanwebbold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/iranyekanwebbold.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/eot/iranyekanwebthin.eot');
	src: url('../fonts/eot/iranyekanwebthin.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff/iranyekanwebthin.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/iranyekanwebthin.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/eot/iranyekanweblight.eot');
	src: url('../fonts/eot/iranyekanweblight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff/iranyekanweblight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/iranyekanweblight.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/eot/iranyekanwebregular.eot');
	src: url('../fonts/eot/iranyekanwebregular.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff/iranyekanwebregular.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/iranyekanwebregular.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/eot/iranyekanwebmedium.eot');
	src: url('../fonts/eot/iranyekanwebmedium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff/iranyekanwebmedium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/iranyekanwebmedium.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/eot/iranyekanwebextrabold.eot');
	src: url('../fonts/eot/iranyekanwebextrabold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff/iranyekanwebextrabold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/iranyekanwebextrabold.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/eot/iranyekanwebblack.eot');
	src: url('../fonts/eot/iranyekanwebblack.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff/iranyekanwebblack.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/iranyekanwebblack.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 950;
	src: url('../fonts/eot/iranyekanwebextrablack.eot');
	src: url('../fonts/eot/iranyekanwebextrablack.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff/iranyekanwebextrablack.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/iranyekanwebextrablack.ttf') format('truetype');
}
/** icons **/
@charset "UTF-8";

@font-face {
  font-family: "campaign-manzoom";
  src:url("../fonts/icons/campaign-manzoom.eot");
  src:url("../fonts/icons//campaign-manzoom.eot?#iefix") format("embedded-opentype"),
    url("../fonts/icons//campaign-manzoom.woff") format("woff"),
    url("../fonts/icons//campaign-manzoom.ttf") format("truetype"),
    url("../fonts/icons//campaign-manzoom.svg#campaign-manzoom") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "campaign-manzoom" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "campaign-manzoom" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-star:before {
  content: "\61";
}
.icon-trophy:before {
  content: "\62";
}
/**
--------------------------------------------------------------------------------------
------------------------ ************ Public Css ************ ------------------------
--------------------------------------------------------------------------------------
**/
.container{
	width: 1100px;
	margin: 0 auto;
}
.container-fluid{
	width: 100%;
}
.pull-right{
	float: right;
}
.pull-left{
	float:left;
}
a {
    text-decoration: none;
    color: #000;
}
body {
	font-family: iranyekan  ;
}
img{
	display: block;
	height: auto;
}
#first_section{
    height: 100vh;
    padding-top: 20px;
    background-size: cover;
    background-position: center -100px;
    position: relative;
}
#first_section:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 410px;
    background-image: url(../images/vector.png);
    background-size: cover;
    background-repeat: no-repeat;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
}
.on-section{
    position: absolute;
    right: 0;
    left: 0;
    z-index: 9999;
}
.logo{
    width: 300px;
    margin: 0 auto;
}
.slogan{
    font-size: 40px;
    font-weight: 900;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    text-shadow: 2px 2px 10px black;
}
.btn-callaction{
    background-image: linear-gradient(to right, #1d976c 0%, #00e09e 51%, #1d976c 100%);
    display: table;
    margin: 0 auto;
    font-size: 22px;
    font-weight: 800;
    padding: 15px 60px;
    border-radius: 5px;
    color: #fff;
    text-shadow: 1px 1px 10px #414141;
    margin-top: 10px;
    transition: 0.5s;
    background-size: 200% auto;
}
.btn-callaction:hover{
    background-position: right center;
    padding: 15px 120px;
}
.btn-top{
    margin-bottom: 20px;
}
#campaign_description p{
    font-size: 17px;
    font-weight: 300;
    text-align: justify;
    line-height: 27px;
    margin-bottom: 10px;
}
#organizers{padding: 50px 0;}
.main-title{
    font-size: 20px;
    font-weight: 900;
    text-align: center;
}
.row-organizers{
    width: 600px;
    margin: 0 auto;
}
.col-organizers{
    float: right;
    width: 25%;
    padding: 20px;
}
.col-organizers img{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.col-organizers img:hover{
    -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
    filter: grayscale(0);
}
#tables_row{
    padding: 300px 0;
    background-size: cover;
    position: relative;
}
#tables_row:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 315px;
    background-image: url(../images/vector2.png);
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
}
#tables_row:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 410px;
    background-image: url(../images/vector.png);
    background-size: cover;
    background-repeat: no-repeat;
    bottom: -70px;
    right: 0;
    left: 0;
    z-index: 1;
}
.table-box{
    width: 50%;
    float: right;
    padding: 0 25px;
}
.table-title{
    font-size: 25px;
    text-align: center;
    font-weight: 800;
    color: #fff;
    text-shadow: 2px 2px 2px #2b2b2b;
    margin-bottom: 15px;
}
.table-box table{width: 100%;}
td,th{
    padding: 10px 6px;
    border: 1px solid #e7e7e7;
    text-align: center;
    direction: ltr;
    background: rgba(255, 255, 255, 0.6);
}
th{
    background: #fff;
    font-weight: 900;
}
#getting-started{
    font-size: 50px;
    margin-top: 100px;
}
#timer{padding: 100px 0;}
#timeCampaign{
    color: #fff;
    display: table;
    margin: 0 auto;
}
.block-time{
    float: right;
    width: 100px;
    border-radius: 13px;
    font-size: 30px;
    padding: 10px 0;
    text-align: center;
    margin: 0 5px;
    text-shadow: 2px 2px 10px #a17200;
    background: rgb(224,159,0);
    background: -moz-linear-gradient(bottom, rgba(224,159,0,1) 0%, rgba(224,159,0,1) 50%, rgba(249,177,1,1) 50%, rgba(249,177,1,1) 100%);
    background: -webkit-linear-gradient(bottom, rgba(224,159,0,1) 0%,rgba(224,159,0,1) 50%,rgba(249,177,1,1) 50%,rgba(249,177,1,1) 100%);
    background: linear-gradient(to top, rgba(224,159,0,1) 0%,rgba(224,159,0,1) 50%,rgba(249,177,1,1) 50%,rgba(249,177,1,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e09f00', endColorstr='#f9b101',GradientType=0 );
}
.block-name{
    font-size: 20px;
    font-weight: 800;
    margin-top: 10px;
}
.time-text{
    font-size: 25px;
    text-align: center;
    font-weight: 800;
    margin-top: 15px;
    color: #e09f00;
}
.extended{
    font-size: 25px;
    padding: 10px 30px;
    border-radius: 5px;
    color: #ffffff;
    background: #971d1d;
    border: 1px solid #840000;
    display: table;
    margin: 0 auto 40px auto;
}
.lottery{
    font-size: 25px;
    padding: 10px 30px;
    border-radius: 5px;
    color: #ffffff;
    background: #1d976c;
    display: table;
    margin: 40px auto 0 auto;
}
#more_description{
    padding: 80px 0;
    background: #f7f7f7;
}
.scores{
    float: right;
    width: 40%;
}
.awards{
    float: left;
    width: 60%;
}
#more_description ul {margin-top: 20px;}
#more_description ul li{
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    padding: 7px 0;
}
.awards ul li:before{
    content: "\62";
    font-family: "campaign-manzoom";
    float: right;
    margin-left: 10px;
    font-size: 20px;
    color: #1d976c;
}
.scores ul li:before{
    content: "\61";
    font-family: "campaign-manzoom";
    float: right;
    margin-left: 10px;
    font-size: 20px;
    color: #f9b101;
}
.hiden{
    display: none;
}
/**
--------------------------------------------------------------------------------------
------------------------ ********** Responsive Css ********** ------------------------
--------------------------------------------------------------------------------------
**/
@media only screen and (max-width:1099px) and (min-width:800px) {

}
@media only screen and (max-width:799px) and (min-width:600px) {
.container{
    width: 100%;
}
.block-time{width: 80px}
}
@media only screen and (max-width: 599px) {
.container,.row-organizers,.table-box,.scores,.awards{
    width: 100%;
}
#first_section{
    min-height: 100vh;
    background-position: center;
}
#first_section:after{height: 90px;}
.btn-callaction:hover{padding: 15px 60px;}
#campaign_description p{padding: 0 15px;}
.table-box{padding: 15px;}
td, th{font-size: 13.5px;}
#tables_row{background-position: center;}
#tables_row:before{height: 80px;}
#tables_row:after{
    height: 90px;
    bottom: 0;
}
#timeCampaign{
    font-size: 30px;
    margin: 0 auto;
}
#more_description{padding: 50px 30px;}
.block-time{width: 80px}

}

.table-container {
    height: 480px;
    overflow-y: auto;
    overflow-x: hidden;
}