/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
body,div,ul,ol,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,th,td,p { margin:0; padding:0 }
table {	border-collapse:collapse; border-spacing:0 }
fieldset,img { border:0 }
ol,ul { list-style:none }
li{ vertical-align: bottom;}
caption,th { font-style:normal;	font-weight:normal;	text-align:left }
h1,h2,h3,h4,h5,h6 { font-size:100%;	font-weight:normal }
a{ text-decoration:none; outline:none }
:focus{ outline:none }
p{ padding:10px 0 5px}
article, aside, details, figcaption, figure, footer, header, optgroup, nav, section, video { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
img{vertical-align:middle}
textarea {resize: vertical}
a{ color:#242424; -webkit-transition: all 0.3s;transition: all 0.3s;}
a:hover{ text-decoration: none; color: #242424}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,h2,h3,h4,h5,h6{ font-weight: 800}
/* FONTFACE*/

/*
400 normal
500 medium
600 semibold
700 bold
*/

/* behavior: url(PIE.htc); */


ul.default-list,ul.default-list li{ list-style: disc outside}
ul.default-list,ol.default-list{ padding: 10px 20px; font-size: 0.9em}
ol.default-list{ list-style-type: decimal}
ul.default-list li{ padding: 5px 0 }
ul.default-list li ul{ padding-left: 15px; list-style-type: circle }
ul.default-list li ul li{ list-style-type: circle; padding: 3px 0 }
ul.default-list li a{ color:#c70000 }
ul.default-list li a:hover{ text-decoration: underline }


.img-full {
  width: 100%;
  height: auto;
}

.link-full{ width: 100%;}

.note{ font-size: 14px; line-height: 18px; color: #828282; font-style: italic; margin-top: -10px;}

.box{border:1px solid #3e3e3e; background: #2f2f2f; color:#efefef;}
.s-title{ padding: 0 0 20px; color:#FFC328}
.ep-how{ font-size: 15px; line-height: 20px;}
.ep-how p{ margin: 0; padding: 0;}
.ep-num{
  transition: all .3s ease-in;
  line-height: 25px;
  width: 26px;
  height: 26px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
  position: absolute;
  top: -10px;
  right: -10px;
  background: #414042;
  color: #fff;
  text-align: center;
  font-weight: 600;
  font-size:12px
}
.ep-shape:hover .ep-num{ background: #EAB01C;}

.eligible-competitions{ padding: 20px; margin: 50px 0 10px; position: relative;}
.eligible-competitions ul{ padding: 25px 15px; font-weight: 600; font-size: 0.9em; color:#efefef}
.eligible-competitions ul li .fa{ padding-right: 10px; color:#EAB01C}
.ec-title{ padding: 40px 0 0;}

.ep-shape{
  width: 60px;
    height: 60px;
    background: #EAB01C;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    position: relative;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    text-align: center;
    margin: 0 auto;
}

.eligible-competitions .ep-shape{

  position: absolute;
  left: 50%;
  top: 0;
  margin: -30px 0 0 -30px;
}

.ep-shape:hover{ background:#444}

.ep-shape i {
  font-size: 1.6em;
  color: #fff;
  line-height: 60px;
}





.link{ background: #56A74A; text-align:center;border:2px solid #56A74A; color: #fff; min-width: 160px; line-height: 25px; height: 45px; border-radius: 3px; font-size: 14px; font-weight: 800; display: inline-block;
  padding: 10px 15px; margin-top: 10px; transition: all 0.3s;-webkit-transition: all 0.3s;}
.link:hover{ color: #fff;background: #3a802a; border-color: #3a802a}


.buton{  text-align: center;
    background: #FFC328;
    border-radius: 8px;
    color: #242424;
    display: inline-block;
    margin: 15px auto;
    line-height: 20px;
    min-height: 40px;
    padding: 10px 25px;
    font-weight: 700;
    font-size: 18px;
    text-decoration: none;
    transform: skew(-21deg);
    font-style: italic;
  }




    .buton span{    transform: skew(21deg);
    display: inline-block;}

    .buton:hover{ background: #EAB01C}


.link-red{ background: #DD0D0D;border-color:#DD0D0D }
.link-red:hover{ }

.link-white{ background: none; border-color:#fff}
.link-white:hover{ background: #fff; color: #D33030; border-color: #fff}


.link-black{ background: none; border-color:#222; color: #222}
.link-black:hover{ background: #222; color: #efefef; border-color: #222}

table.table,.modal-body table{ margin-top: 30px; margin-bottom: 30px; border-bottom: 1px solid #dee2e6; font-size: 0.9em}
.modal-body table{margin: 0}
table.table thead,.modal-body table thead{background:#d7ddd0; border-radius: 4px }
table.table thead th,.modal-body table thead th{border:none; font-weight: 700 }
table.table tbody tr:nth-child(even),.modal-body table tbody tr:nth-child(even) { background: #f5f5f5}

dl.tbl{ padding-bottom: 20px}
dl.tbl dt,dl.tbl dd{ padding: 0.5em}
dl.tbl dt{background:#d7ddd0; margin-top: 20px}
dl.tbl dd{border-bottom: 1px solid #dee2e6}
dl.tbl dd:nth-child(odd){background: #f5f5f5}



.btn-kosullar{ display: inline-block; padding: 10px 0 10px; line-height: 20px; font-size: 14px; font-weight: 700; color: #888; margin: 15px 0 0}
.btn-kosullar:before{content:""; display: block; clear: both; width: 100%; height: 1px}
.btn-kosullar:hover{  text-decoration: underline; color: #bbb}
.btn-kosullar>i{ display: inline-block; font-style: normal; padding:0 10px 0 0;font-size: 20px; font-weight: 800; top:2px; position: relative}
.kosullar{ clear: both; margin-top: 1px; padding-top: 10px;font-size: 0.8em; line-height: 1.3em; color: #888}
.kosullar ul,#kosullar ul li{ list-style: disc outside}
.kosullar ul{ padding: 10px 20px; }
.kosullar ul li{ padding: 5px 0}
.kosullar ul li ul{ padding: 5px 0 5px 15px; list-style-type: circle}
.kosullar ul li ul li{ padding: 3px 0}
.kosullar ul li a{ text-decoration: underline}
.kosullar h5{ font-size: 0.8em; color: #555; padding: 5px 0 0 10px}
.kosullar table tbody tr:nth-child(even){ background: transparent}

.img-full{ width:100%; height: auto; display: block}

body{font:400 18px/1.7em 'Open Sans', Helvetica, Arial, sans-serif;background: #2f2f2f; color:#dedede  }
#wrapper{ background: #2f2f2f; position: relative; width: 100%; }


a,button{ cursor:pointer}

.container{ max-width: 1160px !important; position: relative}
.v-a{}
.v-a:before{    content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;}
.v-a>*{display: inline-block;
  vertical-align: middle}


.shadow{
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.35); border-radius: 2px;
  }


#header{background: #0d0d0d; border-bottom:1px solid #0e0e0e}
#header .navbar{}
#header .nav-link{ color:#dedede;font-weight: 600; font-size: 16px; padding: 7px; display: inline-block }
#header .nav-link:hover{text-decoration: underline}
#header .nav-item{ padding: 0 15px}
#header .nav-item:last-child{ padding-right: 0;}
#header .nav-link.account-link{ border:1px solid #FFC328; border-radius: 100px; background:#FFC328; color: #070707;  padding: 7px 30px }
#header .nav-link.account-link:hover{ opacity: 0.8; text-decoration: none}
#header .navbar-toggler{  outline:none}
#header .navbar-toggler-icon{ }
.navbar-inverse .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.9)' stroke-width='3'  stroke-miterlimit='20' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

#header .navbar-brand{ padding: 1rem 0}


#promo{ position: relative }
#promo .overlay{ display: block; position: absolute; top:0; left: 0; width: 100%; height: 100%; background:#171717 ; opacity: 0.2; }
#promo img{ margin: 0 auto }
.p-bg{ text-align: center}
.p-c{ color:#fff;z-index: 2; position: relative;display: inline-block;
  vertical-align: middle; max-width: 99%; }

.promo-content{ position: absolute; width: 100%; height: 100%; top:0; left: 0; z-index: 9;}
.promo-content>.container{ height: 100%;}
.pc-in{  max-width: 480px; color:#fff; font-size: 1.3em;  }
.pc-in h1{ color:#fff; }

.pc-in p , .pc-in h1{ text-shadow: -1px -1px 1px rgba(0,0,0,0.4);}


section.c{ padding: 35px 0; background: #171717}
section.c:nth-child(even){ background: #0d0d0d}
 .s-first{ } 
h1,h2,h3,h4{color:#FFC328} 
h1{ font-size: 2em; line-height: 1.3em}
h2{ font-size: 1.8em; line-height: 1.4em}
h3{ font-size: 1.4em; line-height: 1.4em}
.s-f-k{ padding-top: 45px}
.s-f-k h2,.s-f-k h3{ padding: 15px 0 5px}



#footer{font-size: 0.88em; line-height: 1.3em; color: #929292; text-align: center;background: #2f2f2f;}
.f-top{ background: #2F2C40; padding: 25px 0}
.f-text{ padding: 25px 15px}
.menu-social{ text-align: center; padding: 25px 0; border-top:1px solid #1f1f1f}
.menu-social>li{ display: inline}
.menu-social>li>a{ padding: 0 5px}
.menu-social>li i{ display: inline-block; width: 27px; height: 24px; background: transparent url(../images/i-facebook.png) no-repeat center 0; background-size: auto 24px; text-indent: -9999em; -webkit-transition: all 0.3s; /* Safari */
  transition: all 0.3s; opacity: 1; filter:invert(0.5)}
.menu-social>li.ms-t a{ padding-right: 3px}
.menu-social>li.ms-t i{ background-image: url(../images/i-twitter.png);}
.menu-social>li.ms-tl i{ background-image: url(../images/i-telegram.png);}
.menu-social>li.ms-i i{ background-image: url(../images/i-instagram.png); background-size: auto 22px; background-position: center 1px }
.menu-social>li.ms-y i{ background-image: url(../images/i-youtube.png); width: 32px; background-size: auto 23px}
.menu-social>li a:hover i{ filter:invert(0)}
.menu-footer-support{padding: 10px 0;font-size: 0.88em; line-height: 1.3em; color: #DC8A83; text-align: center}
.menu-footer-support>li{display: inline}
.menu-footer-support>li>a{color: #DC8A83; padding: 0 8px}
.menu-footer-support>li>a:hover{color: #dcdcdc;}



div.how-with-img{ position: relative; padding-left: 100px; line-height: 1.7em; color:#dedede}
div.how-with-img img{ width: 100%; height: auto; max-width: 80px; position: absolute; top: 0; left: 5px;}

ul.fa-ul li{
  padding: 8px 0; font-size: 0.9em;
}
ul.fa-ul li i {
  color: #FFC328;
}
.pc-in{ max-width: 520px;}


@media (max-width: 992px){

	#header .navbar-inverse .navbar-nav .nav-item{ padding: 5px 0; text-align: center}
	#header .navbar-inverse .navbar-nav .nav-link{ min-width: 150px}
		#header .navbar{ padding: 10px 0}
    .ep-how>div[class^="col-"]>div{border:1px solid #3e3e3e; background: #2f2f2f; padding: 20px; text-align: center;}
    .pc-in{ font-size: 1em; line-height: 1.5em;}
    .how-with-img{ text-align: left;}
}



@media (max-width: 767px){
  .pc-in{ text-align: center; width: 98%;margin: 0 auto; max-width: 700px ; }
  .pc-in p{ padding: 5px 0 0 ;}

  .promo-content{ position: relative; padding:15px 0; background: #0d0d0d }
  .pc-in { color:#fff}
  .pc-in h1{ font-size: 1.5em; line-height: 1.4em; color:#fff}
  #promo .overlay{ display: none;}
  .pc-in p , .pc-in h1{ text-shadow: none;}
  div.how-with-img{ padding-left: 80px; }
div.how-with-img img{  max-width: 60px;}
}

@media (max-width: 576px){
.navbar-brand img,.f-brand img{ width:130px; height: auto;}

.row>div[class^="col-"]:first-child{ margin-top: 0}





}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {


}