/*STYLE.CSS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: Freedom.*/
/* Version: 1.0 Initial Release*/
/* Build Date: 15-10-2014*/
/* Author: Unbranded.*/
/* Website: http://moonart.net.ua/freedom/elements.html 
/* Copyright: (C) 2014 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/* 02 - MAIN BANNER*/
/* 03 - TOP BANER*/
/* 04 - ATHLETES BANER*/
/* 05 - EVENT*/
/* 06 - SCHEDULE TABLE*/
/* 07 - NEWS*/
/* 08 - ATHLETES RATE*/
/* 09 - MAP*/
/* 10 - FOOTER*/
/* 11 - MEDIA QURIES*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------*/
/*----------------------button----------------------*/
.push {position: relative; float: left;}
.main-button { height: 69px; color:#fff;  padding: 20px 15px; position: relative; text-align: center; display: inline-block; background: url(/web/20181024045120im_/http://dejure-fitness.com/img/button_texture.png) repeat-X; float: left; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.main-button b {font-size: 13px; line-height: 28px; font-weight: 700; text-transform: uppercase;}
.push span {font-family: 'WebSymbolsLigaRegular'; font-size: 20px; color: #ff9c00; background: url(/web/20181024045120im_/http://dejure-fitness.com/img/button_white.png) repeat-X; position: absolute; right: -40px; top:0; height: 69px; line-height: 62px;padding: 0 10px; display: block; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.push:hover .main-button{margin-left:40px;}
.push:hover span{right: 100%; transform: rotateY(-360deg);-moz-transform: rotateY(-360deg);-webkit-transform: rotateY(-360deg);-o-transform: rotateY(-360deg);-ms-transform: rotateY(-360deg);}

.button-img {border: 3px solid #ff9c00; color: #fff; font-weight: 700; font-size: 20px; float: left; padding: 2px 5px; cursor: pointer; text-transform: uppercase;}
.more {color:#fff; width:31px; height:31px; text-align:center; line-height:27px; font-size:24px; font-family:'WebSymbolsLigaRegular'; cursor:pointer; z-index:1; border-radius: 50%; background:#ff9c00;}
.color-orange {color: #ff9c00; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.color-white {color: #FFF;}
.color-grey {color:#b4b4b4;}
.slider-top-thumbs .main-title {position: relative; display:block; float: none;}
.main-title b {font-size: 20px; line-height: 56px;}
.main-title h4 {padding-top: 8px;}
.main-points {display:none;}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 08 - ATHLETES RATE*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.rate {text-align: center;}
.rate-title {position: relative; float: left; width: 100%; text-align: center; padding: 115px 0px 110px;}
.rate-title h4 {padding-top: 15px;}
.rate .filter-rate {position: relative; float: none; display: inline-block; padding: 50px 0px;}
.filter-rate button {text-transform: uppercase; font-size: 11px; line-height: 14px; color:#b4b4b4; padding: 5px 10px; background: none; margin: 0px 4px; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.filter-rate button.active {background: #ff9c00; color: #fff;}

.rate-container {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden; text-align: center;}
.rate-container .swiper-slide {height: 558px!important;}
.rate-people {position: relative; float: left; width: 100%; margin-bottom: 108px;}
.kind-rank {position: relative; float: left; width: 120px; text-align: center;}
.kind-rank h6 {font-size: 11px; line-height: 14px; color:#b4b4b4; width: 80px; position: relative; float: none; display: inline-block; white-space: pre-wrap;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.rank {position: relative; float: left; width: 100%; text-align: center; height: 500px; border-bottom: 3px solid #b4b4b4; overflow: hidden;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.rank .rank-name {width:100%; white-space: pre-wrap; font-size: 10px; line-height: 14px; color:#fff; text-transform: uppercase; text-align: center;position: relative; float: none; display: inline-block; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.rank .rank-img {position: relative; float: none; display: inline-block; width: 80px; height: 80px; margin: 10px 0px;}
.rank .rank-star {position: relative; float: left; display: inline-block; width: 100%;}
.rank b {font-size: 12px; line-height: 40px; width: 100%; float: left;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.rank .point-line {position: relative; float: left; display: inline-block; width: 15px; height: 15px; margin-left: 54px;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.rank .roll {position: relative; float: left; display: inline-block; width: 15px; height: 15px; margin-left: 54px; margin-top:-15px; opacity: 0;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.line {position: relative; float: left; width: 120px; border-left: 2px dotted #b4b4b4; height: 300px; margin-left: 60px; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.wrapper-rank {position: absolute; width: 100%; bottom: 0px; left: 0px;}

.rate .drop {float: none; position: relative; display: none; margin-bottom:20px; margin-top: 50px; height: 40px; z-index:3000; width: 100%;}
.drop input[type="text"] {position:relative; width: 100%; height: 45px; background: #262626; padding-left: 15px; border: none; font-size: 13px; cursor: pointer;}
.rate .drop .drop-list{position:absolute; left:0px; top:0px; width:100%; height:100%; background: url(/web/20181024045120im_/http://dejure-fitness.com/img/arrow.png) no-repeat 96% 64%;}
.rate .drop span {position:absolute; left:0px; top:0px; width:100%; display: none; z-index: 5000; background: #262626;}
.rate .drop span a {color: #fff; background: #262626; font-size: 13px; font-weight: 400; float: left; position: relative; width: 100%;  height: 45px; text-decoration: none; text-align: left; padding: 13px 0 0 15px; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in; z-index: 4000;}
.container-mix {z-index: 2000;}
.container-mix .mix {display: none;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 11 - MEDIA QURIES*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1227px) {
   
    
    .athletes-content p {width: 100%;}
}

@media screen and (max-width: 1205px) {nav a {font-size: 14px;}}
@media screen and (max-width: 980px) {

    
    .rate-people {margin-bottom: 75px;}
    .rate-title {padding: 95px 0px 90px;}
    .rate .filter-rate  {display: none;}
    .rate .drop {display: inline-block;}
    
    .footer-nav .link {float: none; text-align: center;}
    .adress {text-align: center;}
    .adress .button-img {float: none;}
    .adress ul {text-align: center; padding-left: 0px;}
    .follow .button-img {float: none;}
    .follow ul{width: 60%; float: none;padding-left: 20px;}
    .wiget .button-img {float: none; margin-top: 15px;}
    .wiget p {padding-left: 0px; text-align: center;}
}
@media screen and (max-width: 768px) {
    .main-caption {padding: 0px;}
    .main-page .slider-top-thumbs {margin-top: 72px;}
    
    .element-title .word {margin-top: 16px;}
    
    .block-form {padding-bottom: 100px;}
    
    .adress {padding: 40px 0px 5px;}
    .adress .wrap-adress {position: relative; float: none; display: inline-block; width: 100%;}
    .adress ul {float: none; display: block;}
    .follow ul {width: 100%; text-align: center; padding-left: 0px;}
    .follow ul li {position: relative; display: block; float: none;}
    .follow ul li img{position: relative; display: inline-block; float: none; padding-left: 0px;}
    .wiget p {padding-bottom: 30px;}
    .hot {display: block; float: none;}
    .time24 {display: block; float: none;}
    .hot-numb {display: block; float: none;padding-left: 70px;}
    .footer-title span img  {padding-left: 0px;}
}
@media screen and (max-width: 610px) {
    .element-title .word {margin-left: 0px;}
    .shop-baner {display: none;}
    .main-page .slider-top-thumbs {margin-top: 67px;}
    .main-caption h4 {display: none;}
    .athletes-content {padding-right: 20px;}
    .athletes-content p {display: none;}
    .athletes-content-left p {display: none;}
    .athletes-content-left h2 {padding-bottom: 35px;}
    .athletes-content h2 {padding-bottom: 35px;}
    
    .road-container .event-conteiner {padding: 0px 15px;}
}
@media screen and (max-width: 554px) {
     h1 {font-size: 50px; line-height: 55px;}
    .main-page .slider-top-thumbs {margin-top: 48px;}
    
    .element-title .word {padding: 4px; margin-top: 4px;}
    
    .elements-points {bottom:0px;}
    .element-title h1 {margin: 15px auto;}
    
    .athletes-points {bottom:0px;}
}
@media screen and (max-width: 480px) {
    
    
    .contact-title h5 {float: none; padding: 0px 0px 10px;}
    .contact-title img {float: none; margin-top: -13px;}
    .contact-title b {float: none;}
    
    .table-container {margin:0px;}
    .kind-sport {width: 120px;}
    .schedule-title .next-more {position: relative; float: none; display: inline-block; width: 100%; padding-top: 15px;}
    .schedule-title a {line-height: 20px;}
    .kind-sport .col h6 {display: none;}
    .kind-sport .col h5 {text-align: center; padding: 18px 0px 10px 0px;}
    .kind-sport .col .kind-of-sport {display: block; padding: 10px 45px;}
}
@media screen and (max-width: 450px) {
     h2 {font-size: 40px; line-height: 42px;}
     h3 {font-size: 20px; line-height: 42px;}
    
    .athletes-content {width: 100%; float: left; text-align: left; margin-left: 10px;}
    .athletes-content-left {margin-right: 0px; margin-left: 10px; text-align: left; float: left;}
    
    .news-title {padding-top: 85px;}
    .block-news h3 {text-align: left;}
    .block-news .info-line {float: left; width:100%;}
    .block-news p {text-align: left;}
    

    .event-title b {font-size: 20px; line-height: 24px;}
    .event-title h3 {line-height: 24px;}
    .event-title img {margin-top: -4px;}
    
    .schedule-title {padding: 85px 0px;}

    .form-contact .email {position: relative; float: none; display: inline-block;}
    .block-adress h3 {font-size: 30px;}
    .block-form h3 {font-size: 30px;}
}
@media screen and (max-width: 430px) {
    .search-field input[type="submit"] {float: left;}
    .search-field input[type="text"] {width: 260px;}
    .search-field {width: auto;}
    .down {line-height: 34px;}
}
@media screen and (max-width: 384px) {
     h1 {font-size: 50px; line-height: 59px;}
}
@media screen and (max-width: 320px) {
     h1 {margin: 10px auto;}
    .main-title h4 {padding-top:0px;}
}
@media screen and (max-width: 322px) {
    .footer-title span img {margin-left:-6px;}
}

@media screen and (max-height: 577px) {
    .athletes-content p {padding: 15px 0px 25px;}
    .athletes-content-left p {padding: 15px 0px 25px;}
}

@media screen and (max-width: 966px) {
    .baner.full-height {height: 800px!important;}
}
@media screen and (max-width: 700px) {
    .baner.full-height {height: 800px!important;}
}
@media screen and (max-width: 500px) {
    .baner.full-height {height: 520px!important;}
}
@media screen and (max-width: 500px) {
    .athletes.full-height {height: 520px!important;}
}
/*---------------no animation-------------*/

@media screen and (max-width: 980px){
    .event-title a h3:hover {color: #fff;}
    .schedule-title a:hover {color:#fff;}
    .col-date:hover:not(.empty-col)  {color:#555; cursor: pointer; background: none;}
    .col-date:hover:not(.empty-col) .info-date {visibility: hidden; left: 0px; opacity: 0;}
    .schedule-row .col-date:nth-child(2n):hover {background: #111;}
    .schedule-row .col-date:nth-child(2n+1):hover {background: #191919;}
    .schedule-row.disable .col-date:hover {color:#fff;}
    .schedule-row.active-date .col-date:hover {color:#ff9c00;}
    .schedule-row.year-row .col-date:nth-child(2n):hover {background: #111 url(/web/20181024045120im_/http://dejure-fitness.com/img/cross_all.png);}
    .schedule-row.year-row .col-date:nth-child(2n+1):hover {background: #191919 url(/web/20181024045120im_/http://dejure-fitness.com/img/cross_all.png);}
    .tags-link a:hover {color:#b4b4b4;}
    .block-news h3 a:hover {color:#fff;}
    .push:hover .main-button {margin-left: 0px;}
    .push:hover .main-button span {right: -40px; transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);}
    .athletes-content-left .push:hover .main-button {margin-right: 40px;}
    .athletes-content .push:hover .main-button {margin-left: 0px}
}













/*
     FILE ARCHIVED ON 04:51:20 Oct 24, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:59:19 Oct 28, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 964.948
  exclusion.robots: 0.238
  exclusion.robots.policy: 0.228
  cdx.remote: 0.065
  esindex: 0.007
  LoadShardBlock: 182.531 (3)
  PetaboxLoader3.datanode: 238.682 (4)
  CDXLines.iter: 15.22 (3)
  load_resource: 149.247
  PetaboxLoader3.resolve: 62.856
*/