.navbarTopChildren .tmenu li a, .controls.sliderStyle .owl-dots .owl-dot::before, .controls.sliderStyle .controls .arrow,
.foot-menu ul li a, .navbarTopChildren .menu-register li a .icon , .navbarTopChildren .menu-register li a, .registers .bgs .bg,  #closePopup, #scrollDown, #tel-info .switch-on .inn, #tel-info .switch-off, .files-download-box ul li a .lab, .login-form .link-to-join a, .step .form-group label a,  #chooseSection.voteStyle .form-group.customCheckbox a, .voteClubB .customCheckbox .checkboxLabel a, .contact-form-thanks .link, .faq-list .arrow-box span, ul.number-style li a, .faq-list li, .rank-list .item .name .tit a, .contact-cols-front .c-info-box a, .download-white-1 .cbox .cnt .buts a{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

#underTopNavbar{
	position: relative;
	width: 100%;
	z-index: 0;
    height: 70px;
}

.show-popup-box  #underTopNavbar{
    height: 240px;
   /* -webkit-transform: translateY(-0px);
    transform: translateY(0px);*/
}



.navbarTopChildren{
	height: auto;
	border-bottom: 0px solid transparent;
	z-index: 20;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25); 
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
	background-color: #fff;
    
}

.navbarTopChildren .main-box{
    position: relative;
    width: 100%;
    height: 70px
}

.navbarTopChildren .container{
	height: 100%;
}

.navbarTopChildren .logo{
	position: relative;
	height: 100%;
	float: left;
}

.navbarTopChildren .tmenu{
	float: left;
	width: auto;
	display: block;
	margin-left: 8px;
	padding-top: 25px;
}

.navbarTopChildren .tmenu li{
	display: block;
	float: left;
	position: relative;
}

.navbarTopChildren .tmenu li a{
	font-size: 16px;
	color: #808080;
	line-height: 1.25;
	display: block;
	padding: 0 20px 25px;
}

.navbarTopChildren .tmenu li a:hover, .navbarTopChildren .tmenu li.active a{
	color: #ba3982;
}

.navbarTopChildren .tmenu li a::before{
    background-color: #ba3982;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    bottom: 0px;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%;
	opacity: 0;
}

.navbarTopChildren .tmenu li.active a::before{
	opacity: 1;
}

.navbarTopChildren .right{
	height: 100%;
	width: auto;
	position: relative;
}

.navbarTopChildren .right .button{
	float: right;
}

.navbarTopChildren .right .log-in{
	margin-right: 10px;
}

.popup-box{
    width: 100%;
    height: 240px;
    position: relative;
    padding: 40px 0 30px;
    background: url(../img/bg10.jpg) no-repeat center center transparent;
    background-size: cover;
    display: none;
}

.show-popup-box .popup-box{
    display: block;
}

.popup-box .container{
    position: relative;
}

.popup-box .cols{
    position: relative;
    z-index: 1;
}

.popup-box .left{
    width: 50%;
}

.popup-box .right{
    width: 50%;
    text-align: right;
}

.popup-box .right img{
    max-width: 100%;
    height: auto;
    margin-right: 13%;
}

.popup-box  .tit{
    font-size: 36px;
    color: #fff;
    line-height: 1.5;
    padding-top: 8px;
}

.popup-box  .desc{
    color: #ffffff;
    font-size: 16px;
    line-height: 1.5;
    margin-top: -3px;
    padding-bottom: 24px;
}

.popup-box  #closePopup{
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 18px;
    right: 20px;
    top: 9px;
    z-index: 3;
}

.popup-box  #closePopup:hover{
    opacity: 0.7;
}

.banner{
	width: 100%;
	height: 760px;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.banner .site-container{
    height: 100%;
}

.banner .container{
	height: 100%;
}

.banner .txt.half{
	position: relative;
	width: 56%;
	float: left;
	top: 119px;
}

.banner .txt .tit{
	color: #ffffff;
	font-size: 54px;
	line-height: 1.11;
	font-weight: 500;
	padding-bottom: 23px;
}

.banner .txt .desc{
	color: #ffffff;
	font-size: 24px;
	line-height: 1.33;
	padding-bottom: 41px;
}

.banner .txt .button + .button{
    margin-left: 40px;
}

.banner .txt.cols{
    position: relative;
	width: 100%;
	top: 52%;
    -webkit-transform: translateY(-50%) translateZ(0);
    transform: translateY(-50%) translateZ(0);
    overflow: hidden;
}

.banner .txt.cols .left{
    width: 50%;
}

.banner .txt.cols .right{
    width: 50%;
    text-align: center;
    position: relative;
}

.banner .txt.cols .right img{
    max-width: 100%;
    height: auto;
    position: relative;
}

.banner .txt.cols .tit{
    font-size: 48px;
    line-height: 1.25;
    padding-bottom: 13px;
}

.banner .txt.cols .desc{
    font-size: 18px;
	line-height: 1.55;
    padding-bottom: 51px;
}

.patron{
	padding: 27px 0;
	background-color: #fff;
}

.patron .left{
	width: 30%;
	height: 76px
}

.patron .center{
	float: left;
	width: 40%;
	height: 76px;
	margin-left: 7.5%;
}

.patron .right{
	width: 22%;
	height: 76px;
}

.patron .right .r3{
	display: none;
}

.patron .r1{
	display: none;
}

.patron .lab{
	color: #b2b2b2;
	font-size: 16px;
	line-height: 1.25;
	float: left;
	width: auto;
	margin-right: 43px;
	position: relative;
	height: 100%;
}

.patron .lab span{
	display: block;
}

.patron .left .lab{
	padding-left: 25px;
	width: 100px;
}

.patron .logos{
	float: left;
	display: block;
}

.patron .logos li{
	float: left;
	display: inline-block;
}

.patron .logos li + li{
	margin-left: 37px;
}

.patron .right .logos, .patron .right .lab{
	float: right;
}

.patron .right .lab{
	width: 72px
}

.ambassadors{
	display: block;
	width: 100%;
	height: 760px;
	background: url(../img/bg2.jpg) no-repeat center center transparent;
	background-size: cover;
	padding: 114px 0;
}

.stit{
	color: #333333;
	font-weight: 500;
	line-height: 1.25;
	font-size: 36px;
	padding-bottom: 10px;
}

.stit.white{
	color: #fff;
}

.stit.center{
	text-align: center;
}

.sdesc{
	color: #808080;
	font-size: 18px;
	line-height: 1.55;
}

.sdesc p{
	color: inherit;
}

.sdesc.white{
	color: #fff;
}

.sdesc.center{
	text-align: center;
}

.ambassadors .sdesc{
	width: 60%;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

#ambCarousel .photo{
	width: 190px;
	height: 190px;
	border: 1px solid rgba(255,255,255,0.5);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	padding: 4px;
	text-align: center;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	position: relative;
}

#ambCarousel .photo .inn{
	width: 100%;
	height: 100%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
}

#ambCarousel .photo .inn img{
	width: 100%;
	height: auto;
}

#ambCarousel .name{
	color: #ffffff;
	font-weight: bold;
	line-height: 1.25;
	font-size: 24px;
	text-align:center;
	padding-top: 16px;
}

#ambCarousel .lab{
	font-size: 14px;
	text-align:center;
	line-height: 1.28;
	color: #ffffff;
	padding-top: 10px;
}

#ambCarousel .item{
	position: relative;
	width: 100%;
	
}

#acarousel{
	padding-top: 50px;
}

.controls.sliderStyle .owl-carousel .owl-dots{
	display: block;
	padding-top: 80px;
}

.controls.sliderStyle  .owl-carousel .owl-nav{
	display: none;
}

.controls.sliderStyle .owl-dots .owl-dot{
	width: 8px;
	height: 8px;
	background-color: #fff;
	opacity: 0.33;
	margin-left: 20px;
	margin-right: 20px;	
	cursor: pointer;
}

.controls.sliderStyle.dark .owl-dots .owl-dot{
	background-color: #c5c5c5;
}

.controls.sliderStyle .owl-dots .owl-dot.active, .controls.sliderStyle .owl-dots .owl-dot:hover{
	opacity: 1;
}

.controls.sliderStyle.dark .owl-dots .owl-dot.active, .controls.sliderStyle.dark .owl-dots .owl-dot:hover{
	opacity: 1;
	background-color: #ba3982;
}

.controls.sliderStyle .owl-dots .owl-dot::before{
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	border: 1px solid rgba(255,255,255,0.5);
	opacity: 0;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-left: -6px;
	margin-top: -6px;
}

.controls.sliderStyle.dark .owl-dots .owl-dot::before{
	border-color: #e6e6e6;
}

.controls.sliderStyle .owl-dots .owl-dot.active::before{
	opacity: 1;
}

.controls.sliderStyle{
	display: block;
	width: 100%;
	position: relative;
	text-align: center;
	padding-top: 65px;
}

.controls.sliderStyle .owl-dots{
	left: initial;
	width: auto;
	display: inline-block;
	height: 50px;
	
}

.controls.sliderStyle .arrow{
	color: #fff;
	font-size: 27px;
	cursor: pointer;
	position: relative;
}

.controls.sliderStyle .arrow span::before{
	position: relative;
	top: 8px;
}

.controls.sliderStyle .arrow:hover{
	opacity: 0.7;
}

.controls.sliderStyle .arrow.prev{
	margin-right: 15px;
}

.controls.sliderStyle .arrow.next{
	margin-left: 15px;
}

.why{
	padding: 140px 0 175px;
	background-color: #fff;
}

.why .stit{
	padding-bottom: 20px;
}

.why .controls.sliderStyle{
	display: none;
}

#whyCarousel{
	display: none;
}

.ico-boxes{
	position: relative;
	width: 100%;
	height: auto;
	min-height: 300px;
	margin-top: 52px;
}

.ico-boxes::before{
	content: "";
	display: block;
	width: 85%;
	height: 1px;
	background-color: rgba(0,0,0,0.1);
	position: absolute;
	top: 72px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1;
}

.ico-boxes .ibox{
	position: relative;
	z-index: 2;
	width: calc( (100% - 120px)/4 );
	min-height: 200px;
	float: left;
	margin-left: 40px
}

.ico-boxes .ibox::before{
	content: "";
	position: absolute;
	display: block;
	width: 164px;
	height: 20px;
	background-color: #fff;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1;
	top: 62px;
}

.ico-boxes .ibox:nth-child(4n+1){
	margin-left: 0;
}

.ibox .photo{
	position: relative;
	height: 144px;
	width: 144px;
	border: 1px solid #e9e9e9;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	padding: 8px;
	text-align: center;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #fff;
	z-index: 2;
}

.ibox .photo .inn{
	width: 100%;
	height: 100%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	z-index: 3;
}

.ibox .photo .inn.orange{
	background-color: #fb961a;
}

.ibox .photo .inn.pink{
	background-color: #ba3982;
}

.ibox .photo .inn.blue{
	background-color: #00c0cf;
}

.ibox .photo .inn.pink2{
	background-color: #ce4d60;
}

.ibox .photo .inn.pink3{
	background-color: #c24a5a;
}

.ibox .photo .inn.blue2{
	background-color: #00b5c2;
}

.ibox .photo .inn img{
	width: 96%;
	height: auto;
	position: absolute;
	left: 50%;
	top:50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.ibox .desc{
	text-align: center;
	color: #808080;
	font-size: 14px;
	line-height: 1.5;
	opacity: 0.7;
	padding-top: 63px;
}

.choose-club{
	padding: 96px 0 62px;
	background-color: #ba3982;
    min-height: 470px;
}

.choose-club .search-area .search {
    width: calc( 76% - 20px );
}

.choose-club .search-area .filter{
	width: calc( 24% - 20px );
}

.choose-club  .sboxes{
	padding: 39px 15px;
}

.choose-club .box.club-style{
	width: calc( (100% - 120px)/4 );
	margin-left: 40px;
	margin-bottom: 40px;
    word-wrap: break-word;
    min-height: 405px;
}

.choose-club .box.club-style:nth-child(3n+1) {
    margin-left: 40px;
}

.choose-club .box.club-style:nth-child(4n+1) {
    margin-left: 0px;
}

.choose-club .club-style .photo {
    padding-top: 24px;
    
}

.choose-club  .club-style .desc {
    padding-top: 22px;
	min-height: 113px;
}

.choose-club  .club-style .but{
	padding-bottom: 16px;
}

.choose-club  .empty{
    font-size: 18px;
    line-height: 1.55;
    color: #fff;
}

.load-more-club-but{
	margin-top: 19px;
	text-align: center;
}

.fcopy ul{
	float: left;
	width: auto;
	display: block;
}

.fcopy ul li{
	float: left;
	width: auto;
	height: 29px;
}

.fcopy ul li + li{
	margin-left: 21px; 
}

#chooseSection.voteStyle{
    -webkit-transform: none;
    transform: none;
}

#chooseSection.voteStyle .inner {
    max-width: 540px;
    padding-left: 50px;
    padding-right: 50px;
}

#chooseSection.voteStyle .photo img{
    max-width: 236px;
}

#chooseSection.voteStyle .tit {
    padding-top: 24px;
}

#chooseSection.voteStyle #voteOnClub{
    padding-top: 46px;
    
}

#chooseSection.voteStyle input.text-style{
    padding-bottom: 16px;
    font-size: 16px;
}

#chooseSection.voteStyle input.text-style::-webkit-input-placeholder {
   font-size: 16px;
}

#chooseSection.voteStyle input.text-style:-moz-placeholder { /* Firefox 18- */
   font-size: 16px;
}

#chooseSection.voteStyle input.text-style::-moz-placeholder {  /* Firefox 19+ */
   font-size: 16px;
}

#chooseSection.voteStyle input.text-style:-ms-input-placeholder {  
   font-size: 16px;
}

.form-group {
    margin-bottom: 56px;
}

#chooseSection.voteStyle .form-group.customCheckbox{
    margin-top: -24px;
}

#chooseSection.voteStyle .form-group.customCheckbox a{
    color: inherit;
    text-decoration: underline;
}

#chooseSection.voteStyle .form-group.customCheckbox a:hover{
    opacity: 0.7;
}

#chooseSection.voteStyle  .form-group.submit{
    margin-bottom: 0;
    text-align: center;
    margin-top: -9px;
    padding-bottom: 10px;
}

#chooseSection.voteStyle .button{
    padding-top: 13px;
    padding-bottom: 13px;
}

.add-club{
    background: url(../img/bg4.jpg) no-repeat center center transparent;
    background-size: cover;
    padding: 47px 0;
}

.add-club .add-img {
    text-align: center;
}

.add-club .add-img img{
    max-width: 100%;
    height: auto;
}

.add-club .add-info{
    position: relative;
    min-height: 180px;
}

.add-club .add-info .inn{
    position: relative;
   /* top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);*/
    padding-top: 40px;
}

.add-club .sdesc{
    padding-bottom: 30px;
}

.navbarTopChildren .menu-register{
    float: left;
    width:  auto;
    display: block;
    position: relative;
    height: 36px;
    width: auto;
    margin-top: 18px;
    margin-left: 46px;
}

.navbarTopChildren .menu-register li{
    display: inline-block;
    float: left;
    width: auto;
    height: 100%;
    position: relative;
}

.navbarTopChildren .menu-register li a{
    display: block;
    color: #b2b2b2;
}

.navbarTopChildren .menu-register li a .icon{
    display: block;
    float: left;
    height: 36px;
    width: 36px;
    position: relative;
    border: 1px solid #b2b2b2;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.navbarTopChildren .menu-register li a:hover, .navbarTopChildren .menu-register li a.active{
    color: #ba3982;
}

.navbarTopChildren .menu-register li a:hover .icon, .navbarTopChildren .menu-register li a.active .icon{
    border-color: #ba3982;
}

.navbarTopChildren .menu-register li a .icon span{
    font-size: 18px;
    position: absolute;
	left: 10px;
	top: 8px;
}

.navbarTopChildren .menu-register li a .icon span.icon-step_admin{
	left: 9px;
	top: 7px;
}

.navbarTopChildren .menu-register li a .icon span.icon-step_contact{
	left: 9px;
	top: 7px;
}

.navbarTopChildren .menu-register li a .icon span.icon-card{
	left: 9px;
    top: 9px;
    font-size: 12px;
}

.navbarTopChildren .menu-register li a .icon span.icon-tick{
	left: 10px;
    top: 11px;
    color: #b2b2b2;
    font-size: 12px;
    opacity: 0;
}

.navbarTopChildren .menu-register li a .lab{
    display: block;
    padding-top: 10px;
    padding-left: 9px;
    display: block;
    float: left;
}

.navbarTopChildren .menu-register li.spacer{
    width: 128px;
    margin-left: 56px;
    margin-right: 25px;
    background: url(../img/spacer.png) repeat-x left top 16px transparent;
}

.navbarTopChildren .menu-register.mr2 li.spacer{
    margin-left: 33px;
}

.registers{
    display: block;
    width: 100%;
    position: relative;
    height: auto;
    padding: 80px 0;
}

.registers .site-container{
    position: relative;
    z-index: 3;
}

.registers .bgs{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0;
}

.registers .bgs .bg{
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 0;
}

.registers .bgs .bg.active{
    opacity: 1;
}

.register-steps{
    position: relative;
}

.register-steps .box{
    position: relative;
    display: block;
    width: 580px;
    max-width: 580px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 54px 60px 40px;
	min-height: 640px;
    overflow: hidden;
}

.register-steps .box.no-min-height{
    min-height: 0;
    overflow: hidden;
}

.box .step .tit{
    line-height: 1.25;
    color: #333333;
    font-size: 24px;
    padding-bottom: 19px;
}

.step .desc{
    color: #808080;
    font-size: 14px;
    line-height: 1.42;
    padding-bottom: 27px;
}

.step label{
    color: #4c4c4c;
    font-size: 14px;
    line-height: 1.42;
    text-transform: initial;
}


.step .logot{
    padding-top: 15px;
    padding-bottom: 46px;
}

.step  .logot.user-data  .photo{
    width: 154px;
    height: 154px;
}

.user-data.logot .photo .pbox{
    border: 1px dashed #e5e5e5;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 5px;
}

.user-data.logot .photo .pbox .button{
    width: 108px;
    padding-left: 10px;
    padding-right: 10px;
    bottom: -15px;
}

.step .form-group label {
    padding-bottom: 11px;
}

.step .form-group {
    margin-bottom: 35px;
}

.step .numbers .nr-1{
    float: left;
    width: calc( 50% - 20px );
    margin-bottom: 0;
}

.step .numbers .nr-2{
    float: right;
    width: calc( 50% - 20px );
    margin-bottom: 0;
}

.step .form-fields{
    /*overflow: hidden;*/
    padding-bottom: 20px;
	padding-top: 5px;
    width: 100%;
}

.step .city-zip .city{
    float: left;
    width: calc( 72% - 20px );
    margin-bottom: 0;
}

.step .city-zip .zip{
    float: right;
    width: calc( 28% - 20px );
    margin-bottom: 0;
}

.step .submits{
    padding-top: 18px;
    margin-bottom: 20px;
}

.step .fname-sname .fname {
    float: left;
    width: calc( 40% - 20px );
    margin-bottom: 0;
}

.step .fname-sname .sname {
    float: right;
    width: calc( 60% - 20px );
    margin-bottom: 0;
} 

.step-2.step .desc{
	padding-bottom: 22px;
}

.hideShowPassword-wrapper{
	width: 100% !important;
}

.step-3.step .form-group.customCheckbox {
    margin-bottom: 18px;
}

.full-pass{
	position: relative;
	width: 100%;
}

.full-pass .hideShowPassword-toggle{
	margin-top: -12px !important;
}



.banner .txt.cols.form-style .left {
    width: 33%;
    padding-top: 10px;
}

.banner .txt.cols.form-style .right {
    width: 55%;
    margin-left: 5%;
    float: left;
}



.form-style .club-logo{
    width: 320px;
    height: 320px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
    position: relative;
    float: right;
}

.form-style .club-logo img{
    position: absolute;
    width: auto;
    max-width: 88%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.banner .txt.cols.form-style .tit{
   text-align: left;
}

.banner .txt.cols.form-style .desc{
    text-align: left;
}

.banner .txt.cols.form-style .desc{
    padding-bottom: 32px;
}

.voteClubB .form-group {
    margin-bottom: 0px;
}

.voteClubB  .form-group {
    float: left;
}

.voteClubB  .form-group.bname {
    width: calc( 28% - 20px );
}

.voteClubB  .form-group.bemail {
    width: calc( 43% - 20px );
    margin-left: 40px;
}

.voteClubB  .form-group.sub {
    float: right;   
}

.voteClubB  .customCheckbox{
    margin-top: 42px;
}

.voteClubB .customCheckbox + .customCheckbox{
    margin-top: 10px;
}

.voteClubB .customCheckbox .checkboxLabel{
    color: #ffffff;
}

.voteClubB .customCheckbox .checkboxLabel a{
    color: inherit;
    text-decoration: underline;
}

.voteClubB .customCheckbox .checkboxLabel a:hover{
    opacity: 0.7;
}

.ranking-clubs{
    background: url(../img/bg9.jpg) no-repeat center bottom transparent;
    background-size: cover;
    position: relative;
    padding: 112px 0;
}

.ranking-clubs .sdesc{
    width: 100%;
    padding-left: 155px;
    padding-right: 104px;
}

.ranking-clubs .rank-list{
    padding-left: 135px;
    padding-right: 104px;
    margin-top: 40px;
}

.rank-list{
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}

.rank-list .item{
    display: block;
    width: 100%;
    position: relative;
    min-height: 70px;
    float: left;
}

.rank-list .item + .item{
	margin-top: 8px;
}

.rank-list .item  .number{
    width: 50px;
    height: 70px;
    float: left;
    position: relative;
	text-align: right;
}

.rank-list .item  .number span{
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	display: block;
	width: 100%;
}

.rank-list .item  .inn{
     min-height: 70px;
     float: right;
     width: calc( 100% - 70px );
     box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
     background-color: #fff;
     -webkit-border-radius: 12px;
     border-radius: 12px;
}

.rank-list .item .logot{
	float: left;
	width: 70px;
	height: 70px;
	margin-left: 15px;
}

.rank-list .item .logot img{
	width: 100%;
	height: auto;
    max-width: 50px;
    height: auto;
    margin-top: 10px;
}


.rank-list .item .name{
	width: calc( 100% - 280px );
	margin-left: 35px;
	float: left;
	height: 70px;
	position: relative;
	
}

.rank-list .item .name .tit{
	font-size: 16px;
	color: #4c4c4c;
	font-weight: 400;
	line-height: 1.25;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	position: relative;
}

.rank-list .item .name .tit a{
    color: inherit;
}

.rank-list .item .name .tit a:hover{
    opacity: 0.8;
}

.rank-list .item .votes{
	float: right;
	width: 110px;
	margin-right: 15px;
	height: 70px;
	font-size: 16px;
	color: #b2b2b2;
	line-height: 1.25;
	position: relative;
}

.rank-list .item .votes span{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
}


.rank-list .spacer{
	height: 1px;
	width: 100%;
	display: block;
	position: relative;
	float: left;
	margin-top: 9px;
}

.rank-list .spacer::before{
	content: "";
	display: block;
	width: calc( 100% + 30px );
	height: 1px;
	background-color: rgba(255,255,255,0.25);
	position: absolute;
	right: 0;
}

.rank-list .spacer + .item{
	margin-top: 10px;
}

.rank-list .item.last .number, .rank-list .item.last .inn, 
.rank-list .item.last .name, .rank-list .item.last .name, .rank-list .item.last .votes{
	height: 112px;
}


.rank-list .item.last .logot{
	height: 112px;
	width: 90px;
	overflow: hidden;
	position: relative;
}

.rank-list .item.last .logot img{
	width: 90px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.rank-list .item.last .logot{
	margin-left: 7px;
}

.rank-list .item.last .name{
	margin-left: 22px;
}

.add-club.with-form .add-img img{
	margin-left: -54px;
}

.add-club.with-form .form{
	height: 110px;
}

.add-club.with-form .form .customCheckbox .checkboxLabel.transparent::after {
    top: 1px;
}

.add-club.with-form .form  .voteClubB .customCheckbox .checkboxLabel{
    color: rgba(255,255,255,0.5);
}

.add-club.with-form .stit{
	padding-bottom: 60px;
}

.add-club.with-form .add-img img{
	max-width: 112%;
}

.why.lpc{
	padding-top: 127px;
	padding-bottom: 161px;
}

.why.lpc .ico-boxes{
	margin-top: 79px;
}

.ibox .photo .inn img.circ1{
	width: 111%;
	left: 44%;
	top: 42%;
}

.ibox .photo .inn img.circ2{
	width: 140%;
	left: 37%;
	top: 35%;
}

.ibox .photo .inn img.circ3{
	width: 91%;
	left: 54%;
	top: 48%;
}

.ibox .photo .inn img.circ4{
	width: 94%;
    left: 39%;
    top: 37%;
}

.ibox .photo .inn img.circ5{
	width: 125%;
    left: 53%;
    top: 39%;
}

.ibox .photo .inn img.circ6{
	width: 124%;
    left: 45%;
    top: 40%;
}

.ibox .photo .inn img.circ7{
	width: 105%;
    left: 49%;
    top: 41%;
}

.ibox .photo .inn img.circ8{
	width: 100%;
    left: 51%;
    top: 45%;
}

.ibox .photo .inn img.circ9{
	width: 92%;
    left: 53%;
    top: 48%;
}

.ibox .photo .inn img.circ10{
	width: 145%;
    left: 43%;
    top: 52%;
}

.ibox .photo .inn img.circ11{
	width: 131%;
    left: 40%;
    top: 41%;
}

.why.lpc .ibox .tit{
	line-height: 1.33;
	font-size: 18px;
	text-align: center;
	padding-top: 21px;
}

.why.lpc .ibox .tit.orange{
	color: #fb961a;
}

.why.lpc .ibox .tit.pink{
	color: #ba3982;
}
.why.lpc .ibox .tit.blue{
	color: #00c0cf;
}
.why.lpc .ibox .tit.pink2{
	color: #ce4d60;
}

.why.lpc .ibox .desc{
	padding-top: 18px;
}
 
.add-club.with-form input.text-style.transp:hover, .add-club.with-form input.text-style.transp:focus{
    border-bottom-color: #fff;
}

.banner .txt.cols .desc .but{
	padding-bottom: 1px;
}

.why.lpc.onlyThree{
    padding-top: 108px;
}
.why.lpc.onlyThree .container{
    padding-left: 190px;
    padding-right: 190px;
}

.why.lpc.onlyThree .ico-boxes {
    margin-top: 55px;
}

.onlyThree  .ico-boxes .ibox {
    width: calc( (100% - 120px)/3 );
    margin-left: 60px;
}

.onlyThree   .ico-boxes .ibox:nth-child(3n+1) {
    margin-left: 0;
}

.bann783 .banner .txt.cols{
    padding-top: 20px;
    padding-bottom: 20px;
}

.bann783   img.photo-abs{
    position: absolute;
    z-index: 2;
    bottom: 15%;
    right: 3%;
    z-index: 1;
    width: 48%;
}

.bann783.banner{
    height: 830px;
}

.bann783 .txt{
    z-index: 2;
}

.banner.bann783 .txt.cols .left {
    width: 61%;
}

.banner.bann783 .txt.cols{
    top: 42%;
}

.banner.bann783 .txt.cols{
    padding-top: 10px;
    padding-bottom: 10px;
}

.banner.bann783   .bann-img{
    display: none;
}

.banner.bann783  .txt.cols .tit{
    font-size: 54px;
    line-height: 1.11;
}

.banner.bann783 .txt.cols .desc{
    font-size: 22px;
    line-height: 1.45;
}

#scrollDown{
    font-size: 14px;
    color: rgba(255,255,255,0.5);
    position: absolute;
    bottom: 38px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
    z-index: 5;
}

#scrollDown:hover{
    opacity: 0.7;
}

#scrollDown .icon-scroll{
    font-size: 26px;
    position: relative;
    bottom: -6px;
    margin-right: 13px;
}

body.hideContactPhone #tel-info{
    opacity: 0;
    pointer-events: none;
}

#tel-info{
    display: block;
    width: 74px;
    height: 74px;
    position: fixed;
    right: 60px;
    bottom: 60px;
    z-index: 4;
}

#tel-info .switch-on{
    display: block;
    width: 74px;
    height: 74px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid rgba(206,222,61,0.05);
    padding: 4px;
    cursor: pointer;
}

#tel-info .switch-on .inn{
    display: block;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #cede3d;
    position: relative;
}

#tel-info .switch-on .inn:hover, #tel-info .switch-off:hover{
    opacity: 0.85;
}

#tel-info .switch-on .icon-phone{
    color: #fff;
    font-size: 32px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#tel-info  .info-box{
    display: none;
    width: 327px;
    height: 153px;
    position: absolute;
    right: -15px;
    bottom: -16px;
    background: url(../img/infobox.png) no-repeat left top transparent;
}

#tel-info  .info-box .inn{
    width: 130px;
    height: 70px;
    position: absolute;
    left: 36px;
    top: 32px;
    padding-top: 6px;
}

#tel-info .ask{
    font-size: 16px;
    color: #4c4c4c;
}

#tel-info .desc{
    color: #808080;
    font-size: 14px;
    padding-top: 6px;
}

#tel-info .number{
    color: #ba3982;
    font-size: 21px;
    font-weight: 500;
    padding-top: 6px;
}

#tel-info .switch-off{
    position: absolute;
    width: 20px;
    height: 20px;
    display: block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #dd3369;
    right: -1px;
    top: 43px;
}

#tel-info .switch-off .icon-x{
    color: #fff;
    font-size: 8px;
    position: absolute;
    left: 5px;
    top: 5px;
}

.why.lpc.onlyThree.why783 .container {
    padding-left: 40px;
    padding-right: 40px;
}

.why.lpc.onlyThree.why783 .ico-boxes {
    margin-top: 80px;
}

.why.lpc.why783 .ibox .tit{
    padding-top: 40px;
}

.why783 .but{
    text-align: center;
    padding-top: 20px;
}

.why783 .but .button + .button{
    margin-left: 20px;
}

.why783.why.lpc{
    padding-bottom: 145px;
}

.why.lpc.advantages{
    background: url(../img/bg11.jpg) no-repeat center center transparent;
    background-size: cover;
    padding-top: 103px;
    padding-bottom: 108px;
}


.why.lpc.advantages .sdesc{
    color: rgba(255,255,255,0.5);
}

.why.lpc.advantages .ico-boxes .ibox::before {
    display: none;
}

.why.lpc.advantages .ico-boxes::before {
    display: none;
}

.why.lpc.advantages  .ibox .photo{
    background-color: transparent;
    padding: 4px;
    border-color: rgba(255,255,255,0.2);
}

.why.lpc.advantages .ico-boxes .ibox::after{
    height: 1px;
    background-color: rgba(255,255,255,0.2);
    position: absolute;
    top: 73px;
    width: 50%;
    display: block;
    content: "";
    left: 83%;
}

.why.lpc.advantages .ico-boxes .ibox:last-child::after{
    display: none;
}

.why.lpc.advantages  .ico-boxes {
    margin-top: 52px;
}

.why.lpc.advantages .ibox .desc{
    color: rgba(255,255,255,0.7);
}

.why.lpc.advantages .but{
    text-align: center;
    margin-top: 64px;
}

.why.lpc.advantages .but .button + .button {
    margin-left: 20px;
}

.partners{
    background-color: #fff;
    padding: 124px 0 114px;
}

.photo-info{
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.photo-info .left{
    width: 40%;
}

.photo-info .right{
     width: 52%;
     padding-top: 32px;
}

.photo-info .right .stit{
    padding-bottom: 20px;
}

.photo-info .left img{
    max-width: 100%;
}

.photo-info .right .but{
    padding-top: 23px;
}

.photo-info .right .but .button + .button{
    margin-left: 20px;
}

.company-logos{
    position: relative;
    padding: 95px 0 0;
    overflow: hidden;
    width: 100%;
}

.company-logos ul{
    float: left;
    width: 100%;
}

.company-logos ul li{
    display: block;
    float: left;
    width:  12%;
    text-align: center;
    margin-left: 0.5%;
    margin-bottom: 37px;
}

.company-logos ul li:nth-child(8n+1){
    margin-left: 0;
}

.company-logos ul li img{
    max-width: 100%;
}

.add-club.ac783   .add-img{
    text-align: right;
    margin-top: -10px;
}

.add-club.ac783 .sdesc{
    color: rgba(255,255,255,0.7);
}

.header.site-menu-level-2{
    position: relative;
    height: 70px;
    background: url(../img/bg12.jpg) no-repeat center center transparent;
    background-size: cover;
    margin-top: 0;
    top: 0;
    padding-top: 0;
}

.site-menu-level-2 .site-container {
    padding-top: 0;
}

.site-menu-level-2 .menu{
    margin-top: 28px;
}

.def-content{
    padding: 33px 0 60px;
}

.def-content .tit{
    color: #4c4c4c;
    font-size: 36px;
    line-height: 1.25;
    min-height: 36px;
}

.def-content .tit.with-search{
    margin-top: 24px;
}

.def-content .tit.with-search  .lab{
    float: left;
    display: block;
}

.def-content .tit.with-search .search-area{
    float: right;
    width: 48%;
    margin-top: 3px;
}

.def-content .tit.with-search .search-area .search{
    width: 100%;
}

.files-download-box{
    max-width: 770px;
}

.def-content .files-download-box{
    padding-top: 22px;
    position: relative;
}

.files-download-box ul{
    display: block;
    width: 100%;
    height: auto;
}

.files-download-box ul li{
    display: block;
    position: relative;
    width: 100%;
}

.files-download-box ul li + li{
    margin-top: 10px;
}

.files-download-box ul li a{
    display: block;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 12px;
    border-radius: 12px;
    padding: 24px 30px;
}

.files-download-box ul li a .lab{
    display: block;
    width: calc( 100% - 60px );
    color: #333333;
    font-size: 18px;
    line-height: 1.25;
}

.files-download-box ul li a .icon{
    display: block;
    position: absolute;
    right: 26px;
    top: 52%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ba3982;
    font-size: 32px;
}

.files-download-box ul li a:hover .lab{
    color:  #bb3882;
}

.registers .bgs .bg.show{
    opacity: 1;
}

.step.contact-form .box .step .tit{
    padding-bottom: 18px;
}

.step.contact-form .desc{
    padding-bottom: 21px;
}

.box .step.login-form  .tit{
    padding-bottom: 31px;
}

.box .step.login-form  .submits {
    padding-top: 11px;
    text-align: center;
}

.box .step.login-form  .button{
    min-width: 300px;
}

.form-group.spacer{
    position: relative;
    width: 100%;
    height: 20px;
    text-align: center;
}

.form-group.spacer::before{
    content:"";
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    left: 0;
    top: 50%;
    background-color: rgba(0,0,0,0.1);
    z-index: 1;
}

.form-group.spacer .lab{
    display: inline-block;
    position: relative;
    z-index: 2;
    height: 100%;
    font-size: 14px;
    color: #b2b2b2;
    line-height: 20px;
    background-color: #fff;
    padding: 0 10px;
}

.login-form .form-group.spacer{
    margin-top: 10px;
    margin-bottom: 20px;
}

.login-form .form-group.fb{
    text-align: center;
    padding-bottom: 10px;
}

.login-form .link-to-join{
    font-size: 14px;
    color: #808080;
    line-height: 1.25;
    text-align: center;
    margin-bottom: 20px;
}

.login-form .link-to-join a{
    color: #bb3882;
}

.login-form .link-to-join a:hover{
    opacity: 0.8;
}

.tit-login{
   line-height: 1.3;
   font-size: 24px;
   color: #4c4c4c;
   padding-bottom: 14px;
}

.nav.register{
    margin-bottom: 40px;
}

.nav.register > li{
    width: 50%;
}

.nav.register > li a{
    text-align: center;
    padding-bottom: 12px;
}

.step .form-group.customCheckbox label a{
    color: inherit;
    text-decoration: underline;
}

.step .form-group.customCheckbox label a:hover{
    opacity: 0.7;
}

.step .form-group.register-checkox-1{
    margin-bottom: 16px;
}

.step .form-group.register-checkox-2{
    margin-bottom: 30px;
}



.why.lpc.onlyThree.whoCan{
    padding-top: 133px;
    padding-bottom: 137px;
}

.why.lpc.onlyThree.whoCan .ico-boxes {
    margin-top: 79px;
    min-height: 269px;
}

.whoCan .ibox .photo{
    width: 94px;
    height: 94px;
    padding: 5px;
}

.whoCan .ibox .photo .inn{
     padding: 5px;
}

.whoCan .ibox .photo .inn .icon{
    width: 100%;
    height: 100%;
     -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid rgba(214,255,251,0.33);
    display: block;
    position: relative;
}

.whoCan .icon-tick{
    color: #fff;
    font-size: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.whoCan .ico-boxes::before {
    top: 47px;
}

.whoCan .ico-boxes .ibox::before {
    top: 36px;
    width: 125px;
}

.why.lpc.whoCan  .ibox .tit{
    padding-top: 25px;
}

.why.lpc.whoCan .ibox .desc {
    padding-top: 8px;
}

.whoCan .but{
    text-align: center;
}
.whoCan .but .button + .button{
    margin-left: 20px;
}

.teamWinn{
    background: url(../img/bg13.jpg) no-repeat center top transparent;
    background-size: cover;
    padding: 86px 0 92px;
}

.teamWinn .sdesc{
    color: rgba(255,255,255,0.5);
    width: 60%;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-bottom: 20px;
}

.win-line{
    position: relative;
    width: 100%;
    overflow: hidden;
}

.win-line + .win-line{
    margin-top: 1px;
}

.win-line  .wbox{
    width: calc( 50% - 20px ) ;
}

.wbox .photo{
    float: left;
    width: 170px;
    height: 170px;
    position: relative;
    border: 1px solid rgba(255,255,255,0.5);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-top: 40px;
    margin-bottom: 40px;
}

.wbox .desc{
    float: right;
    width: calc( 100% - 200px );
    min-height: 170px;
    position: relative;
}

.wbox .photo .lab{
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    color: #ce4d60;
    background-color: #fff;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    right: -6px;
    top: 0px;
    z-index: 5;
}

.wbox .photo img{
    position: relative;
    width: 100%;
    z-index: 4;
    left: 0;
    top: 0;
}

.wbox .photo img.wb1{
    width: auto;
    left: 16%;
    height: 120%;
    top: -13%;
}

.wbox .photo img.wb2{
    width: auto;
    left: 8%;
    height: 118%;
    top: -14%;
}

.wbox .photo img.wb3{
    width: auto;
    left: 8%;
    height: 98%;
    top: -6%;
}

.wbox .photo img.wb4{
    width: auto;
    left: 4%;
    height: 112%;
    top: -8%;
}

.wbox .desc .inn{
    position: relative;
    padding-top: 64px;
}

.wbox .desc .inn .wtit{
    font-weight: 500;
    color: #fff;
    font-size: 24px;
    line-height: 1.33;
}

.wbox .desc .inn .txt{
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    padding-top: 5px;
}

.teamWinn .but, .schedule .but{
    text-align: center;
    margin-top: 20px;
}

.teamWinn .but .button + .button, .howToGet  .but  .button + .button, .schedule .but  .button + .button{
    margin-left: 20px;
}

.howToGet{
    padding: 128px 0 132px;
}

.howToGet .stit{
    padding-bottom: 20px;
}

.points-container{
    position: relative;
    overflow: hidden;
}

.points-container .left{
    width: calc( 50% - 20px );
}

.points-container .right{
    width: calc( 50% - 20px );
}

.points-list{
    display: block;
    width: 100%;
    position: relative;
    margin-top: 25px;
}

.points-list li{
    display: block;
    width: 100%;
    min-height: 80px;
    position: relative;
    margin-bottom: 30px;
}

.points-list li .points{
    display: block;
    width: 80px;
    height: 80px;
    float: left;
    position: relative;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 5px;
}

.points-list  .points .inn{
    display: block;
    width: 100%;
    height: 100%;
     -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
}

.points-list  .points .inn.orange{
    background-color: #fb961a;
}

.points-list  .points .inn.pink{
    background-color: #ce4d60;
}

.points-list  .points .inn span{
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 1;
}

.points-list  .points .inn .num{
    font-size: 34px;
    font-weight: 500;
    position: absolute;
    top: 11px;
}

.points-list  .points .inn .lab{
    font-size: 11px;
    position: absolute;
    top: 44px;
}

.points-list .desc{
    float: right;
    width: calc( 100% - 100px );
    padding-top: 19px;
    font-size: 14px;
    line-height: 1.57;
}

.howToGet  .but{
    margin-top: 10px;
    text-align: center;
}

.schedule{
    background: url(../img/bg14.jpg) no-repeat center bottom  #fb961a;
    background-size: 100% auto;
}

.why.lpc.onlyThree.schedule{
    padding-top: 133px;
    padding-bottom: 141px;
}


.schedule .stit{
    padding-bottom: 11px;
}

.schedule  .sdesc{
    color: rgba(255,255,255,0.5);
    width: 60%;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-bottom: 20px;
}

.why.lpc.schedule .ico-boxes .ibox::before {
    display: none;
}

.why.lpc.schedule .ico-boxes::before {
    display: none;
}

.why.lpc.schedule  .ibox .photo{
    background-color: transparent;
    padding: 4px;
    border-color: rgba(255,255,255,0.5);
}

.why.lpc.schedule .ico-boxes .ibox::after{
    height: 1px;
    background-color: rgba(255,255,255,0.25);
    position: absolute;
    display: block;
    content: "";
    top: 86px;
    width: 43%;
    left: 92%;
}

.why.lpc.schedule  .ico-boxes .ibox:last-child::after{
    display: none;
}

.schedule .tit{
    color: #fff;
}

.schedule .ibox .photo{
    width: 170px;
    height: 170px;
}

.why.lpc.onlyThree.schedule .ico-boxes {
    margin-top: 39px;
}

.schedule .ibox .photo .inn{
    position: relative;
}

.schedule .ibox .photo .inn span{
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    position: absolute;
    line-height: 1;
}

.schedule .ibox .photo .inn span.day{
    font-size: 36px;
    top: 43px;
}

.schedule .ibox .photo .inn span.month{
    font-size: 18px;
    top: 81px;
}

.schedule .ibox .photo .inn span.year{
    font-size: 18px;
    top: 105px;
}

.why.lpc.schedule .ibox .tit{
    padding-top: 28px;
}

.schedule .ico-boxes{
    min-height: 256px;
}

.teamWinn .controls.sliderStyle {
    display: none;
}

.rs2 .step .desc{
    padding-bottom: 22px;
}

.rs2  .form-group.sex{
    margin-top: -10px;
    width: 100%;
    margin-bottom: 45px;
}

ul.choose-option li .lab{
    position: relative;
    padding-left: 30px;
}

ul.choose-option li span.icon-male{
    display: inline-block;
    font-size: 20px;
    position: absolute;
    left: -1px;
    top: -5px;
}

ul.choose-option li span.icon-female{
    display: inline-block;
    font-size: 20px;
    position: absolute;
    left: -1px;
    top: -5px;
}

.rs2 .sex ul.choose-option {
    margin-top: 6px;
}

.rs2 ul.choose-option li{
    padding-bottom: 16px;
}

.register-steps.rs2 .box{
    min-height: 0;
}

.active-step-5  .navbarTopChildren .menu-register li a.step-4 .icon span.icon-step_admin{
    opacity: 0;
}

.active-step-5  .navbarTopChildren .menu-register li a.step-4 .icon span.icon-tick{
    opacity: 1;
}

.active-step-6  .navbarTopChildren .menu-register li a.step-4 .icon span.icon-step_admin, .active-step-6  .navbarTopChildren .menu-register li a.step-5 .icon span.icon-card{
    opacity: 0;
}

.active-step-6  .navbarTopChildren .menu-register li a.step-4 .icon span.icon-tick, .active-step-6  .navbarTopChildren .menu-register li a.step-5 .icon span.icon-tick{
    opacity: 1;
}


.contact-form-thanks .link{
    color: #ba3982;
}

.contact-form-thanks .link:hover{
    opacity: 0.7;
}

.step.contact-form-thanks .submits {
    padding-top: 29px;
}

.faq-list{
    display: block;
    width: 100%;
    margin-top: 31px;
}

.faq-list ul{
    display: block;
    width: 100%;
}

.faq-list ul li{
    display: block;
    width: 100%;
    position: relative;
}

.faq-list ul li + li{
    margin-top: 10px;
}

.faq-list ul li .inn{
    position: relative;
    padding-right: 60px;
}

.faq-list ul li.active .inn{
    padding-top: 10px;
}

.faq-list ul li.active{
    margin-bottom: 20px;
}

.faq-list .arrow-box{
    width: 60px;
    position: absolute;
    right: 30px;
    height: 30px;
    text-align: right;
    padding-right: 5px;
    top: 26px;
}

.faq-list  li.active .arrow-box{
    top: 43px;
}

.faq-list li{
    cursor: pointer;
}

.faq-list li:hover{
    opacity: 0.8;
}

.faq-list li.active .arrow-box span{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.faq-list .arrow-box span{
    color: #b2b2b2;
    cursor: pointer;
    position: absolute;
    right: 5px;
}

.faq-list .arrow-box span:hover{
    opacity: 0.8;
}

.faq-list .list-tit{
    line-height: 1.11;
    font-size: 18px;
    color: #333333;
    font-weight: 500;
}

.faq-list  .more-info{
    display: block;
    width: 100%;
    line-height: 1.46;
    font-size: 15px;
    color: #4c4c4c;
    padding: 20px 0 0;
}

.faq-list .list-tit.with-icons{
    position: relative;
    padding-left: 43px;
}

.faq-list .list-tit.with-icons i{
    color: #ba3982;
    position: absolute;
    left: 6px;
    top: -4px;
    font-size: 25px;
}


/* Change the white to any color ;) */

.chooseClubStep3{
    display: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}

.chooseClubStep3  .header{
    margin-top: 0;
    margin-bottom: 40px;
}

.chooseClubStep3 .header  .site-container{
    padding-left: 174px;
    padding-right: 174px;
}

.chooseClubStep3   .site-container{
    padding-left: 189px;
    padding-right: 189px;
}

.chooseClubStep3 .button-back-step{
    margin-top: 17px;
    margin-bottom: 40px;
}

.chooseClubStep3 .load-more-club{
    margin-bottom: 40px;
}

.patron.two-types .center{
    margin-left: 0%;
    width: 66%;
    float: right;
}

.patron.two-types  .logos li + li {
    margin-left: 25px;
}

.ranking-clubs.no-all-rank{
    padding: 73px 0;
}

.ranking-clubs  .load-more-rank{
    text-align: center;
    margin-top: 59px;
}

.patron .logos-level-1{
    display: block;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    overflow: hidden;
    padding: 58px 33px 31px;
}

.patron.with-third-type .left .lab, .patron.with-third-type .lab{
    width: 100%;
    height: auto;
    text-align: center;
    margin-right: 0;
    margin-bottom: 16px;
}

.patron.with-third-type .left{
    width: 20%;
}

.patron.with-third-type .left .lab{
    padding-left: 0;
}

.patron.with-third-type  .left .logos, .patron.with-third-type  .left .logos li{
    width: 100%;
}

.patron.with-third-type  .left .logos li{
    text-align: center;
}

.patron.two-types.with-third-type .center {
    margin-left: 7%;
    width: 70%;
    float: left;
}

.patron.two-types.with-third-type  .logos li + li {
    margin-left: 36px;
}


.patron.with-third-type .left, .patron.with-third-type .center{
    height: auto;
}

.patron.with-third-type  .logos-level-2{
    padding-top: 38px;
    overflow: hidden;
}

.patron.with-third-type  .logos-level-2 .lab, .patron.with-third-type  .logos-level-2 .logos{
    float: none;
}

.patron.with-third-type .logos-level-2 .logos li{
    text-align: center;
    width: 20%;
    margin-bottom: 20px;
}

.patron.two-types.with-third-type .logos-level-2 .logos li + li{
    margin-left: 0;
}

.patron.with-third-type .logos-level-2 .logos li img{
    max-width: 80%;
}

.patron.two-types.with-third-type{
    padding-bottom: 67px;
}

.ranking-clubs.with-search   .search-area{
    padding-left: 205px;
    padding-right: 104px;
    margin-top: 62px;
}

.ranking-clubs.with-search .search-area .search {
    width: calc( 69% - 20px );
}

.ranking-clubs.with-search .search-area .filter{
    width: 30%;
}

.pagin-box{
    overflow: hidden;
    position: relative;
}

.pagin-box .inn{
    width: 100%;
    position: relative;
}

.pagin-box .numbers{
    width: 380px;
    position: absolute;
    height: 100%;
    left: 51%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 9px;
}

.pagin-box  .left, .pagin-box  .right{
    position: relative;
    z-index: 3;
}

.ranking-clubs  .pagin-box{
    margin-top: 50px;
    padding-left: 205px;
    padding-right: 104px;
}

ul.number-style{
    width: 100%;
    position: relative;
    text-align: center;
}

ul.number-style li{
    display: inline-block;
    float: none;
    text-align: center;
    width: 20px;
}

ul.number-style li + li{
    margin-left: 9px;
}

ul.number-style li a{
    line-height: 1;
    font-size: 14px;
    color: rgba(255,255,255,0.5);
    text-decoration: none;
}

ul.number-style li.active a, ul.number-style li a:hover{
    color: #fff;
}

.box-clickable, .selectSectionPop{
    cursor: pointer;
}

/* PANEL KLUB */
.filter-list.finance.labels {
    margin-top: -26px;
    padding-left: 15px;
    padding-right: 15px;
    
}

.filter-list.labels.finance div a{
    color: #b2b2b2;
}



.filter-list.labels.finance div a.active-filter{
    color: #ba3982;
}

.filter-list .fan{
    padding-left: 0px;
    width: 20%;
}

.filter-list .shop{
    width: 21%;
}

.filter-list  .amount-trans{
    width: 23%;
}

.filter-list .num-trans{
    width: 18%;
}

.filter-list .amount-club{
    width: 18%;
}
.filter-list .column14{
    width: 14%;
}

.fanbox{
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-left: 5px;
}

.fanbox .fphoto{
    display: block;
    float: left;
    position: relative;
    width: 40px;
    height: 40px;
    padding: 0;
}

.fanbox .fphoto img{
    width: 100%;
    height: auto;
}

.fanbox .fname{
    float: right;
    width: calc( 100% - 45px );
}

.filter-list.smaller-padding{ 
    padding: 15px 15px;
}

 .fanbox .p1{
    line-height: 1.25;
    font-size: 14px;
    color: #4c4c4c;
    font-weight: 500;
    padding-top: 1px;
}

.fanbox .p2{
    line-height: 1.25;
    font-size: 11px;
    color: #b2b2b2;
    padding-top: 7px;
}

.filter-list .cin{
    font-size: 14px;
    line-height: 1.25;
    color: #4c4c4c;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.filter-list .cout{
    position: relative;
    width: 100%;
    min-height: 40px;
}


.load-more-transaction{
    margin-top: 20px;
    text-align: center;
}

.filter-list .fshop{
    padding-left: 5px;
    width: 27%;
}

.filter-list .num-fans{
    width: 15%;
}

.filter-list  .num-trans-2{
    width: 18%;
}

.filter-list .amount-trans-2{
    width: 23%;
}

.filter-list .amount-club-2{
    width: 17%;
}

.filter-list.finance.labels{
    margin-bottom: 0;
}

.fshopbox {
    width: 100%;
}

.fshopbox .fphoto{
    position: relative;
}

.fshopbox .fphoto img{
    margin-top: -10px;
    max-width: 100%;
    margin-left: -5px;
    position: absolute;
}

.fshopbox .fphoto{
    width: 60px;
    float: left;
}

.fshopbox .fname{
    width: calc( 100% - 80px );
    float: right;
    
}

.navbarTopChildren .menu-register.mr3{
    margin-left: 149px;
}

.navbarTopChildren .menu-register.mr3 li.spacer{
    margin-right: 45px;
}

.banner.s404{
    height: 920px;
}

.s404 .img404{
    display: block;
    width: 100%;
    position: relative;
    height: 360px;   
}

.s404 .info{
    text-align: center;
    font-size: 20px;
    color: #74c4be;
    line-height: 1.3;
    padding-top: 8px;
}

.s404 .but{
    padding-top: 30px;
    text-align: center;
}

.onlyThree.fourBoxes .ico-boxes .ibox {
    width: calc( (100% - 120px)/4 );
    margin-left: 40px;
}

.onlyThree.fourBoxes .ico-boxes .ibox:nth-child(3n+1) {
    margin-left: 40px;
}

.onlyThree.fourBoxes .ico-boxes .ibox:nth-child(4n+1) {
    margin-left: 0px;
}

.why.lpc.onlyThree.fourBoxes .container {
    padding-left: 140px;
    padding-right: 140px;
}

.why.lpc.schedule.fourBoxes .ico-boxes .ibox::after {
    width: 25%;
    left: 98%;
}

.contact-cols-front{
    margin-top: 44px;
}


.contact-cols-front .box{
    padding: 55px 60px 23px;
}

.contact-cols-front .box .stit{
    font-size: 24px;
    padding-bottom: 20px;
}

.contact-cols-front .box .info {
    color: #8e8e8e;
}

.contact-cols-front .step .form-group label {
    padding-bottom: 9px;
}

.contact-cols-front .step .form-group label.error{
    padding-bottom: 17px;
}

.contact-cols-front .step .form-group {
    margin-bottom: 33px;
}

.contact-cols-front .c-info-box{
    padding-top: 55px;
}

.contact-cols-front .c-info-box .tit{
    font-size: 24px;
    padding-bottom: 21px;
}

.contact-cols-front .c-info-box  .ci-item{
   padding-top: 29px;
   line-height: 24px;
}

.contact-cols-front .c-info-box  .ci-item + .ci-item{
    margin-top: -2px;
}

.contact-cols-front .c-info-box  .ci-item .lab{
    font-size: 12px;
    color: #b2b2b2;
    display: block;
    padding-bottom: 5px;
}

.contact-cols-front .c-info-box a{
    color: inherit;
}

.contact-cols-front .c-info-box a:hover{
    color: #b0357b;
}

/* /PANEL KLUB */


.banner.s-application{
    height: 480px;
}

.banner.s-application .container{
    position: relative;
}


.banner.s-application  .photo-app{
  position: absolute;
    bottom: 0;
    left: -5px;
    width: 36%;
}

.banner.s-application  .txt.cols .left{
    float: left;
    margin-left: 40%;
    width: auto;
    max-width: 60%;
}

.banner.s-application .txt.cols .tit{
    font-size: 54px;
}
.banner.s-application .txt.cols .desc{
    padding-bottom: 62px;
}

.why-white-1{
    padding: 82px 0 92px;
    background-color: #fff;
}

.why-white-1 .sdesc{
    margin-top: 10px;
    color: #808080;
}

.why-white-1  .inn{
      margin: 0 auto;
    max-width: 770px;
}

.why-white-1  .selectable{
    padding-top: 30px;
}

.selectable .nav{
    text-align: center;
}

.selectable .nav-tabs > li{
    float: none;
    display: inline-block;
}

.selectable .nav-tabs > li > a{
    font-size: 16px;
    padding-bottom: 4px;
    min-width: 150px;
}

.nav-tabs.orange > li.active > a::before{
    background-color: #f8961f;
}

.nav-tabs.orange  > li.active > a, .nav-tabs.orange  > li.active > a:hover, .nav-tabs.orange  > li.active > a:focus{
    color: #f8961f;
}

.why-white-1 .tab-content {
    padding-top: 10px;
}

.why-white-1 .tab-pane{
    overflow: hidden;
}

.why-white-1 .tab-pane .txt{
    float: left;
    width: 57%;
    min-height: 100px;
}

.why-white-1 .tab-pane .img{
    float: right;
    width: 36%;
    min-height: 100px;
    text-align: right;
}

.why-white-1 .info-ico-list{
    padding-top: 79px;
}

.info-ico-list{
    display: block;
    width: 100%;
}

.info-ico-list li{
    display: block;
    width: 100%;
    overflow: hidden;
}

.info-ico-list li .icon-box{
    float: left;
    width: 66px;
    height: 66px;
    position: relative;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #f8961f;
}

.info-ico-list li .icon-box .icon{
    color: #f8961f;
    font-size: 35px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.info-ico-list li .txt-box{
    float: right;
    width: calc( 100% - 94px );
}

.info-ico-list li .txt-box .itit{
    font-size: 16px;
    color: #f8961f;
    padding-bottom: 13px;
}

.info-ico-list li .txt-box p{
    font-size: 14px;
    line-height: 1.43;
}

.info-ico-list li  + li{
    margin-top: 41px;
}

.why-white-1 .tab-pane .but{
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 28px;
}

.how-blue-1{
    position: relative;
    width: 100%;
    padding: 89px 0;
    background: url(../img/img12.jpg) no-repeat center center #16becd;
    background-size: cover;
}

.how-blue-1 .sdesc{
    opacity: 0.5;
}

.nav-tabs.white > li.active > a::before{
    background-color: #fff;
}

.nav-tabs.white  > li.active > a, .nav-tabs.white  > li.active > a:hover, .nav-tabs.white  > li.active > a:focus{
    color: #fff;
}

.nav-tabs.white > li > a{
    border-bottom: 1px solid rgba(255,255,255,0.2);
    color: rgba(255,255,255,0.2);
}

.nav-tabs.white > li > a:hover{
    color: rgba(255,255,255,0.5);
}

.how-blue-1  .inn{
    margin: 0 auto;
    max-width: 1030px;
}

.how-blue-1 .selectable{
    padding-top: 37px;
}

.how-blue-1 .selectable .tab-content {
    padding-top: 67px;
}

.how-blue-1 .item{
    text-align: center;
}

.how-blue-1.item .img{
    padding-bottom: 14px;
}
    
.how-blue-1 .item .img img{
    display: inline-block;
    width: auto;
    max-width: 100%;
}

.how-blue-1 .num{
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    padding-top: 16px;
}

.how-blue-1 .desc{
    color: #ffffff;
    font-size: 16px;
    line-height:  1.5;
    padding-top: 13px;
}   

.how-blue-1  .controls.sliderStyle{
    padding-top: 55px;
} 

.how-blue-1 .owl-item::after{
    content: "";
    display: block;
    width: 80px;
    height: 1px;
    background: rgba(255,255,255,0.2);
    position: absolute;
    right: -80px;
    top: 37%;
}
    
.download-white-1{
    padding: 93px 0 81px;
    background-color: #fff;
}

.download-white-1 .inn{
    margin: 0 auto;
    max-width: 770px;
}

.download-white-1  .stit{
    padding-bottom: 14px;
}

.download-white-1 .cbox{
    position: relative;
    overflow: hidden;
    padding-top: 28px;
    border-bottom: 0px solid transparent;
}

.download-white-1 .cbox .img{
    float: left;
    width: calc( 50% - 30px);
    min-height: 100px;
}

.download-white-1 .cbox .img img{
    width: auto;
    max-width: 100%;
}

.download-white-1 .cbox .cnt{
    float: right;
    width: calc( 50% - 30px);
    min-height: 100px;
}

.download-white-1  .tick-list{
    padding-top: 46px;
}

.tick-list{
    display: block;
}

.tick-list li{
    display: block;
    width: 100%;
    overflow: hidden;   
    position: relative;
    padding: 10px 0px 10px 30px;
    font-size: 16px;
}

.tick-list li + li{
    margin-top: 5px;
}

.tick-list li .rounded-tick{
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid  #bb3a83;
    color: #bb3a83;
    left: 0;
    top: 8px;
    font-size: 10px;
}

.tick-list.white li .rounded-tick{
    color: #fff;
    border: 2px solid #fff;
}

.tick-list li .rounded-tick i{
    font-size: 6px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
}

.download-white-1 .cbox .cnt .download-app-link{
    font-size: 18px;
    color: #bb3a83;
    font-weight: 500;
    padding-top: 56px;
}

.download-white-1 .cbox .cnt .buts{
    overflow: hidden;
    width: 100%;
    padding-top: 28px;
}

.download-white-1 .cbox .cnt .buts a{
    display: inline-block;
}

.download-white-1 .cbox .cnt .buts a:hover{
    opacity: 0.7;
}

.download-white-1 .cbox .cnt .buts a + a{
    margin-left: 20px;
}

.header .menu ul.headerMenu li.right-link{
    
}

.banner.smaller{
    height: 480px;
}

.why.about-prog-1{
    padding: 96px 0;
}

.why.about-prog-1 .stit {
    padding-bottom: 15px;
}

.why.about-prog-1 .ico-boxes {
    margin-top: 85px;
    margin-left: auto;
    margin-right: auto;
    width: 670px;
}

.why.lpc.onlyThree.about-prog-1 {
    padding-top: 96px;
    padding-bottom: 104px;
}

.why.lpc.onlyThree.about-prog-1  .ico-boxes {
    margin-top: 84px;
}

.onlyThree.about-prog-1 .ico-boxes .ibox:nth-child(n){
    margin-left: 0;
}

.onlyThree.about-prog-1 .ico-boxes .ibox.ap1{
    margin-left: 5px;
    width: 260px;
}

.onlyThree.about-prog-1 .ico-boxes .ibox.ap_or{
    width: 40px;
    text-align: center;
    background: #fff;
}

.onlyThree.about-prog-1 .ico-boxes .ibox.ap2{
    float: right;
    width: 260px;
}

.ibox .photo .inn img.circ12 {
    width: 117%;
    left: 44%;
    top: 33%;
}

.ibox .photo .inn img.circ13{
    width: 117%;
    left: 51%;
    top: 35%;
}

.why.lpc.about-prog-1 .ibox .tit {
    padding-top: 40px;
}

.about-prog-1   .ibox .but{
    padding-top: 54px;
    text-align: center;
}

.about-prog-1 .lab_inf{
    font-size: 14px;
    color: #b3b3b3;
    background: #fff;
    display: block;
    position: absolute;
    background-color: #fff;
    text-align: center;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 65px;
    z-index: 1;
    padding: 0 10px;
}

.about-prog-2{
    background: #16becd;
}

.why.lpc.onlyThree.about-prog-2 .container {
    padding-left: 170px;
    padding-right: 170px;
}

.white-transp{
    color: rgba(255,255,255,0.5);
}

.about-prog-2  .ico-boxes .ibox::before {
    background-color: #16becd;
}

.about-prog-2 .ibox .photo{
    background-color: #16becd;
    border-color: rgba(255,255,255,0.2);
}

.ibox .desc.white-transp{
    color: rgba(255,255,255,0.5);
}

.ibox .photo .inn img.circ14{
   width: 115%;
    left: 55%;
    top: 45%;
}

.ibox .photo .inn img.circ15{
    width: 115%;
    left: 50%;
    top: 50%;
}

.ibox .photo .inn img.circ16{
    width: 122%;
    left: 58%;
    top: 44%;
}

.about-prog-2 .ico-boxes::before {
    background-color: rgba(255,255,255,0.2);
}

.about-prog-2 .butt{
    padding-top: 55px;
    text-align: center;
}

.about-prog-2 .butt .button{
    width: 210px;
    padding-left: 10px;
    padding-right: 10px;
}

.about-prog-2 .butt .button + .button{
    margin-left: 20px;
}

.why.lpc.about-prog-2{
    padding-bottom: 110px;
}

.ibox .photo .inn img.circ17{
    width: 113%;
    left: 50%;
    top: 53%;
}

.ibox .photo .inn img.circ18{
    width: 134%;
    left: 50%;
    top: 54%;
}

.ibox .photo .inn img.circ19{
    width: 95%;
    left: 52%;
    top: 44%;
}

.ibox .photo .inn img.circ20{
   width: 98%;
    left: 51%;
    top: 42%;
}

.about-prog-3 .ibox .desc{
    color: rgba(27,27,27,0.7);
}
.about-prog-3  .butt{
    text-align: center;
    padding-top: 21px;
}

.why.lpc.about-prog-3 {
    padding-top: 110px;
    padding-bottom: 110px;
}

.add-club.about-prog-4{
    padding: 90px 0;
}

.banner.about-club .txt.cols .tit{
    font-size: 54px;
}

.banner.about-club  .txt.cols .left {
    padding-top: 17px;
}

.why.lpc.onlyThree.about-club-1 {
    padding-top: 87px;
    padding-bottom: 95px;
}

.ibox .photo .inn img.circ21 {
    width: 114%;
    left: 44%;
    top: 34%;
}

.ibox .photo .inn img.circ22 {
    width: 111%;
    left: 49%;
    top: 53%;
}

.ibox .photo .inn img.circ23 {
    width: 71%;
    left: 56%;
    top: 46%;
}

.about-club-1 .butt{
    text-align: center;
    padding-top: 65px;
}

.about-club-1 .butt .button{
    min-width: 210px;
    padding-left: 10px;
    padding-right: 10px;
   
}

.about-club-1 .butt .button + .button{
     margin-left: 10px;
}

.why.lpc.about-club-2{
    background-color: #16becd;
    padding-top: 101px;
    padding-bottom: 111px;
}

.about-club-2  .ico-boxes .ibox::before {
    background-color: #16becd;
}

.about-club-2 .ibox .photo{
    background-color: #16becd;
    border-color: rgba(255,255,255,0.2);
}


.ibox .photo .inn img.circ24{
    width: 116%;
    left: 55%;
    top: 49%;
}

.ibox .photo .inn img.circ25{
    width: 98%;
    left: 53%;
    top: 47%;
}

.ibox .photo .inn img.circ26{
    width: 83%;
    left: 54%;
    top: 48%;
}

.ibox .photo .inn img.circ27{
    width: 138%;
    left: 40%;
    top: 40%;
}

.about-club-2 .ico-boxes::before {
    background-color: rgba(255,255,255,0.2);
}

.about-club-2 .butt{
    padding-top: 63px;
    text-align: center;
}

.about-club-2 .butt .button{
    width: 210px;
    padding-left: 10px;
    padding-right: 10px;
}

.about-club-2 .butt .button + .button{
    margin-left: 20px;
}

.why.lpc.about-club-2 .ico-boxes {
    margin-top: 51px;
}

.why.lpc.about-club-2 .ibox .desc{
    opacity: 1;
}

.ibox .photo .inn img.circ28{
    width: 119%;
    left: 57%;
    top: 41%;
}

.ibox .photo .inn img.circ29{
    width: 113%;
    left: 50%;
    top: 37%;
}

.ibox .photo .inn img.circ30{
    width: 140%;
    left: 62%;
    top: 36%;
}

.ibox .photo .inn img.circ31{
    width: 118%;
    left: 46%;
    top: 45%;
}

.ibox .photo .inn img.circ32{
    width: 135%;
    left: 45%;
    top: 35%;
}

.ibox .photo .inn img.circ33{
    width: 113%;
    left: 52%;
    top: 49%;
}

.ibox .photo .inn img.circ34{
    width: 99%;
    left: 50%;
    top: 43%;
}

.ibox .photo .inn img.circ35{
    width: 113%;
    left: 56%;
    top: 44%;
}

.why.lpc.about-club-3 {
    padding-top: 95px;
    padding-bottom: 85px;
}

.why.lpc.about-club-3 .ibox .tit{
    padding-top: 40px;
}

.about-club-3  .butt{
    padding-top: 43px;
    text-align: center;
}
.about-club-3  .butt .button{
    padding-left: 20px;
    padding-right: 20px;
}

.download-white-1.about-club-4{
    background: url(../img/img18.jpg) no-repeat center center transparent;
    background-size: cover;
}

.download-white-1.about-club-4 {
    padding: 117px 0 109px;
}

.download-white-1.about-club-4 .inn{
    max-width: 100%;
}

.download-white-1.about-club-4 .cbox{
    padding-top: 47px;
}

.download-white-1.about-club-4 .cbox .img{
    text-align: center;
}

.download-white-1.about-club-4 .cbox .img {
    width: calc( 42% - 30px);
}

.download-white-1.about-club-4 .cbox .cnt {
    width: calc( 59% - 30px);
    padding-top: 3px;
}

.ac-tit{
    color: #ffffff;
    font-size: 18px;
    line-height: 1.375;
}

.download-white-1.about-club-4 .tick-list {
    padding-top: 11px;
    padding-bottom: 47px;
}

.tick-list.white-tl li .rounded-tick{
    color: #fff;
    border: 2px solid #ffffff;
}

.tick-list.white-tl li {
    color: #fff;
}

.about-club-5 .tick-list li{
    color: #808080;
}

.register-steps.with-info-txt .box.no-min-height{
    overflow: initial;
}

.register-steps.with-info-txt .form-group.full{
    float: none;
}

.register-steps.with-info-txt .info-icon-switch .infob{
    z-index: 6;
}

.register-steps.with-info-txt .infob {
     text-align: justify;
}

.reset-password-form{
    padding: 23vh 0;
    background: url(../img/bg7.jpg) no-repeat center top transparent;
    background-size: cover;
}

.reset-password-form .box .step .tit{
    padding-bottom: 6px;
}

.reset-password-form  .register-steps .box{
    min-height: 0;
}

.stit.stit-smaller{
    font-size: 24px;
}

.ico-boxes-styleN{
    margin-top: 30px;
    margin-bottom: 50px;
}


.ico-boxes-styleN .ibox{
    width: calc( (100% - 80px)/3 );
}

.ico-boxes.ico-boxes-styleN  .ibox::before {
    background-color: #ce4d61;
}

.ico-boxes.ico-boxes-styleN::before {
    width: 75%;
    background-color: #fff;
    opacity: 0.2;
}

.ico-boxes-styleN .ibox .desc{
    color: #fff;
    opacity: 1;
}

.teamWinn.nssb .stit-smaller{
    margin-top: 40px; 
}

.ico-boxes-styleN .ibox .photo{
    background-color: #ce4d61;
    border: 1px solid rgba(255,255,255,0.2);
}

.download-white-1.how-pop{
    background: url( ../img/bg11.jpg) no-repeat center bottom #16becd;
    background-size: cover;
}

.download-white-1.how-pop .sdesc{
    opacity: 0.6;
}

.download-white-1.how-pop .inn{
    max-width: 960px;
}

.download-white-1.how-pop .cbox .cnt{
    float: left;
}

.download-white-1.how-pop .cbox .img{
    float: right;
}

.download-white-1.how-pop .butt{
    text-align: center;
    width: 100%;
    float: left;
    padding-top: 40px;
}

.download-white-1.plus-pop .inn{
    max-width: 960px;
}

.download-white-1.plus-pop .cbox .img{
    width: calc( 42% - 30px);
}

.download-white-1.plus-pop .cbox .cnt{
    width: calc( 58% - 30px);
}

.how-pop .tick-list li + li , .plus-pop .tick-list li + li {
    margin-top: 12px;
}

.download-white-1.wis-pop{
    padding-top: 70px;
}

.download-white-1.wis-pop .inn{
    max-width: 960px;
}

.download-white-1.wis-pop  .txt-left{
    float: left;
    width: calc( 30% - 30px );
    color: #ba3982;
    font-size: 18px;
    text-align: right;
    line-height: 24px;
    position: relative;
}

.download-white-1.wis-pop  .txt-right{
    float: right;
    width: calc( 31% - 30px );
    color: #00c0cf;
    font-size: 18px;
    text-align: left;
    line-height: 24px;
    position: relative;
} 

.download-white-1.wis-pop  .img{
    float: left;
    width: calc( 39%  );
    margin-left: 30px;
    text-align: center;
}

.download-white-1.wis-pop  .img img{
    max-width: 100%;
    height: auto;
}

.download-white-1.wis-pop .tt{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}

.why.how-go-pop{
    background: url(../img/bg19.jpg) no-repeat center bottom #ce4e60;
    background-size: cover;   
}

.why.how-go-pop .ico-boxes .ibox::before {
    background: #ce4e60;
}

.why.how-go-pop  .ico-boxes::before {
    background: rgba(255,255,255,0.2);
}

.why.how-go-pop .ibox .photo{
    background: transparent;
    border-color: rgba(255,255,255,0.2);
    padding: 5px;
}

.why.lpc.onlyThree.how-go-pop {
    padding-top: 170px;
}

.why.lpc.onlyThree.how-go-pop .ibox .desc{
    opacity: 1;
}

.partners-pop{
    padding: 150px 0 140px;
    background: #ffffff;
}

.pop-logos{
    padding: 20px 0;
    overflow: hidden;
}

.pop-logos li{
    float: left;
    display: inline-block;
    width: 12.5%;
    text-align: center;
    padding: 30px 0 10px;
}

.pop-logos li img{
    max-width: 98%;
}

.partners-pop  .but{
    text-align: center;
    padding: 20px 0;
}

.partners-pop .but .button + .button{
    margin-left: 20px;
}

@media (max-width: 1199px) {
    
    .add-club .add-info .inn{
        padding-top: 0;
    }
    
	.container.child-style{
		width: 100%;
		padding-left: 60px;
		padding-right: 60px;
	}
	
	.navbarTopChildren .container.child-style{
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.navbarTopChildren .logo img{
		width: 137px;
	}
	
	.navbarTopChildren .hamburger-box{
		height: 100%;
	}
	
	.navbarTopChildren .tmenu{
		display: none;
	}
	
	.navbarTopChildren .right {
		padding-right: 45px;
	}
	
	.for-children .left-menu .menu li span.txt {
		line-height: 1.1;
	}
	.banner .txt.half{
		width: 100%;
	}
	
	#ambCarousel .photo{
		width: 140px;
		height: 140px;
	}
	
	.patron .lab span.v-center{
		top: 0;
		-webkit-transform: none;
		transform: none;
	}
	
	.patron .lab{
		margin-right: 0;
		width: 100%;
	}
	
	.patron .left .lab, .patron .right .lab{
		width: 100%;
	}
	
	.patron .lab{
		height: auto;
	}
	
	.patron .left .lab{
		padding-left: 0;


	}
	
	.patron .right .r3{
		display: block;
		text-align: right;
	}
	
	.patron .right .r4{
		display: none;
	}
	
	
	.ambassadors .sdesc{
		width: 100%;
	}
	
	.choose-club .search-area .search {
		width: calc( 70% - 20px );
	}
	
	.choose-club .search-area .filter {
		width: calc( 30% - 20px );
	}
	
	.bottom .lvl .left{
		width: 34%;
	}
	
	.bottom .lvl .right {
		width: calc(66% - 20px);
	}
	
	.bottom .lvl-2 .left{
		width: 100%;
	}
	
	.bottom .lvl-2 .right{
		width: 100%;
	}
	
	.bottom .lvl-2 .fcopy{
		padding-left: 0;
	}
    
    .banner .txt .button + .button{
        margin-left: 0;
        margin-top: 30px;
        clear: both;
    }
    .banner .txt .button{
        display: block;
        width: auto;
        float: left;
    }
    .banner .but{
        overflow: hidden;
        padding-bottom: 5px;
    }
	
	.navbarTopChildren .menu-register li a .lab{
		display: none;
	}
	
	.navbarTopChildren .menu-register li.spacer{
		margin-left: 25px;
	}
	
	.navbarTopChildren .menu-register{
		float: right;
		margin-left: 0;
	}
	
	.navbarTopChildren.register-1 .hamburger-box{
		display: none;
	}
	
	.navbarTopChildren.register-1 .logo{
		margin-left: 0;
	}
	
	.form-style .club-logo{
		width: 200px;
		height: 200px;
	}
	
	.banner .txt.cols.form-style .right{
		padding-top: 0;
	}
	
	.voteClubB .form-group.bname{
		width: calc( 50% - 20px );
	}
	
	.voteClubB .form-group.bemail{
		width: calc( 50% - 20px );
		float: right;
		margin-top: 0;
	}
	
	.voteClubB .form-group.sub{
		width: 100%;
		text-align: center;
	}
	
	.voteClubB .form-group + .form-group{
		margin-top: 0px;
	}
	
	.voteClubB .form-group + .form-group.sub{
		margin-top: 28px;
	}
	
    .voteClubB  .form-group.sub{
        margin-bottom: 28px;
    }
	
	
	.banner .txt.form-group .button{
		float: none;
	}
	
	.ranking-clubs .sdesc{
		padding-left: 0;
		padding-right: 0;
	}
	
	.ranking-clubs .rank-list{
		padding-left: 0;
		padding-right: 0;
	}
	
	.add-club.with-form .stit {
		padding-bottom: 25px;
	}
	
	.add-club.with-form .add-info{
		min-height: 230px;
	}
	
	.add-club.with-form .add-info .inn{
		min-height: 230px;
	}
	
	.add-club.with-form  .add-info .inn{
		top: 0;
		-webkit-transform: none;
		transform: none;
	}
    
    .why.lpc.onlyThree .container, .why.lpc.onlyThree.fourBoxes .container {
        padding-left: 60px;
        padding-right: 60px;
    }
    
    .why.lpc.onlyThree{
        padding-bottom: 108px;
    }
    
    .popup-box .left {
        width: 60%;
    }
    
    .popup-box .right {
        width: 36%;
    }
    
    .banner.bann783 .txt.cols{
        top: 0px;
        -webkit-transform: none;
        transform: none;
        padding: 100px 0 50px;
    }
    
    .banner.bann783 .txt.cols .left{
        width: 100%;
    }
    
    .banner.bann783  .txt .button + .button{
        margin-top: 0;
        margin-left: 30px;
        clear: none;
    }
    
    .banner.bann783   .bann-img{
        display: block;
        position: relative;
        padding-bottom: 100px;
        text-align: center;
    }
    
    .bann783 img.photo-abs{
        display: none;
    }
    
    .banner.bann783   .bann-img img{ 
        width: 500px;
    }
    
    .bann783.banner{
        height: auto;
    }
    
    .why783 .but{
        padding-top: 50px;
    }
    
    .photo-info .left{
        width: 100%;
    }
    
    .why.lpc.advantages .ico-boxes .ibox::after {
        display:  none;
    }
    
    .photo-info .left{
        text-align: center;
    }
    
    .photo-info .right{
        padding-top: 50px;
        width: 100%;
    }
    
    .photo-info .right .stit{
        text-align: center;
    }
    
    .photo-info .right .sdesc{
        text-align: center;
    }
    
    .photo-info .right .but{
        text-align: center;
    }
    
    .company-logos ul li{
        width: 25%;
        margin-left: 0;
    }
    
    .teamWinn .sdesc{
        width: 100%;
    }
    
    .wbox .photo{
        float: none;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    
    .wbox .desc{
        width: 100%;
        min-height: 0;
    }
    
    .wbox .desc .inn{
        padding-top: 0;
        text-align: center;
    }
    
    .win-line{
        margin-bottom: 40px;
    }
    
    .points-list .desc{
        padding-top: 0;
    }
    
    .why.lpc.schedule .ico-boxes .ibox::after {
        display: none;
    }
    
    .schedule .sdesc{
        width: 100%;
    }
    
    .chooseClubStep3 .header .site-container {
        padding-left: 0;
        padding-right: 0;
    }
    .chooseClubStep3 .site-container {
        padding-left: 75px;
        padding-right: 75px;
    }
    
    .def-content .tit.with-search .search-area{
        width: 68%;
    }
    .patron.two-types .center{
        width: 100%;
        
    }
    
    .patron.two-types .left{
        width: 100%;
    }
    
    .patron.two-types .left .lab{
        text-align: left;
    }
    
    
    .patron.two-types .logos li + li {
        margin-left: 0px;
    }
    
     .patron.two-types .logos li {
         margin-right: 20px;
     }
     
     .patron.two-types  .center .lab span.v-center{
         text-align: left;
     }
     
     .patron.two-types .left{
         height: auto;
     }
     
     .patron.with-third-type .left .logos{
         width: auto;
     }
     
     .patron.two-types.with-third-type .center{
         margin-left: 0;
         width: 100%;
     }
     .patron.with-third-type .center .lab{
         text-align: left;
     }
     .patron.two-types.with-third-type .logos li + li{
         margin-left: 0;
     }
     
     .patron.two-types .logos-level-2 .logos li{
         margin-right: 0;
         width: 20%;
         height: 80px;
     }
     
     .patron.two-types .logos-level-2 .logos li img{
         max-width: 90%;
     }
     .patron.with-third-type .lab{
         text-align: left;
     }
     .patron .logos-level-1{
         padding-left: 0;
         padding-right: 0;
     }
     
     .ranking-clubs.with-search .search-area, .ranking-clubs .pagin-box {
        padding-left: 70px;
        padding-right: 0px;
     }
      
     .pagin-box .numbers{
         display: none;
     }
     
     .navbarTopChildren .menu-register.mr3{
        margin-left: 0;
     }
     
     .navbarTopChildren .menu-register.mr3 li.spacer{
         margin-right: 25px;
     }
     
     .choose-club .box.club-style{
         min-height: 350px;
     }
     
     .schedule.fourBoxes .ibox .photo {
        width: 160px;
        height: 160px;
    }
    
    .schedule.fourBoxes .ibox .photo .inn span.day{
        top: 36px;
    }
    
    .schedule.fourBoxes .ibox .photo .inn span.month{
        top: 74px;
    }
    
    .schedule.fourBoxes .ibox .photo .inn span.year{
        top: 98px;
    }
     
    .why.lpc.onlyThree.about-prog-2 .container {
        padding-left: 60px;
        padding-right: 60px;
    } 
   
    .reset-password-form {
        padding: 80px 0;
    }
}




