@import url(../fonts/OpenSansHebrew/stylesheet.css);
body {padding-top: 70px;} 
.wrapper{ width:100%; margin:0 auto;max-width: 1170px;box-sizing: border-box;}
.content{ margin:0 auto; padding:0; width:100%;}
header .btn{background: #0078ff;border-radius: 8px;color: #fff;transition: 0.4s ease all;-o-transition: 0.4s ease all;-moz-transition: 0.4s ease all;-webkit-transition: 0.4s ease all;text-align: center;border: 2px solid #0078ff; font-family: 'Open Sans Hebrew Extra';font-weight: 800;font-size: 14.4px;padding: 17px  50px;display: inline-block;}
header .btn:hover{border-color: #fff;background: transparent;}
header .btn_line{background-color: transparent;border-color: #fff;color: #fff;}
header .btn_line:hover{background: #0078ff;border-color: #0078ff;}
/* Header*/
header{position: absolute;left: 0;top: 0;width: 100%;z-index: 99;border-bottom: 1px solid rgba(255, 255, 255, 0.15);transition: 0.4s ease all;-o-transition: 0.4s ease all;-moz-transition: 0.4s ease all;-webkit-transition: 0.4s ease all;position: fixed;}
header.fixed{background-color: rgba(0, 0, 0, 0.7);}
header .wrapper{ position:relative;}
header nav{float: right;margin-top: 20px;}
header nav ul{list-style: none;}
header nav ul li{display: inline-block;margin-left: 15px;position: relative;text-align: center;}
header nav ul li.icon img{position: absolute;left: 0;right: 0;top: -21px;max-width: 100%;margin: 0 auto}
header nav ul li a{display: block;color: #ffffff;font-size: 16px;font-weight: 900;padding: 0px 8px;position: relative;transition: 0.4s ease all;-o-transition: 0.4s ease all;-moz-transition: 0.4s ease all;-webkit-transition: 0.4s ease all;    padding-bottom: 16px;font-family: 'Open Sans Hebrew Condensed Extra';}
header nav ul li a:after{content: '';position: absolute;right: 0;width: 100%;height: 1px;background-color:#0078ff ;transition: 0.4s ease all;-o-transition: 0.4s ease all;-moz-transition: 0.4s ease all;-webkit-transition: 0.4s ease all;transform: scale(0);transform-origin: right center;bottom: 0;}
header nav ul li a:hover:after{transform: scale(1)}
header nav ul li a.active:after{transform: scale(1)}
body.dir-rtl header nav ul li.social a {
    font-size: 20px;
    display: inline-block;
}
header .get_up{float: right;display: inline-block;margin-left: 65px;}
header .get_up img{display: block;}
header .left_col{float: left;margin-top: 16px;margin-left: 54px;position: relative;}
header .left_col:after{content: '';position: absolute;right:-27px;top: 0;height:40px;width: 1px;background-color: #646168}
header .left_col a{font-size: 17px;font-weight: bold;display: inline-block;vertical-align: top;line-height: 34px;color: #fff;position: relative; height: 39px;font-family: 'Open Sans Hebrew Condensed';font-weight: bold;}
header .left_col .btn{width: 132px;padding: 0px;}
header .left_col .entrance{margin-left: 40.5px;}
header .left_col .entrance:after{content: '';position: absolute;left: 0;bottom: 12px;width: 100%;background-color: #969698;height: 2px;transition: 0.4s ease all;-o-transition: 0.4s ease all;-moz-transition: 0.4s ease all;-webkit-transition: 0.4s ease all; }
header .left_col .entrance:hover{color: #0078ff;}
header .left_col .entrance:hover:after{background-color: #0078ff}

header .left_col .log_in {display: inline-block;text-align: center;vertical-align: bottom;margin-top: -15px;}
header .left_col .log_in>a{vertical-align: bottom;}
header .left_col .log_in .hello {color: #fff;font-size: 13px;}

#register header {position: relative;}

/* Footer */
footer {}
footer .top_col{background-color: #090909;text-align: center;padding: 50px 0px;}
footer .top_col .logo{float: left;}
footer .top_col .logo img{display: block}
footer .top_col .icon{float: right;}
footer .top_col .icon a{line-height: 47px;display: inline-block;}
footer .top_col .icon a img{display: inline-block;vertical-align: middle;}
footer .top_col ul{list-style: none;display: inline-block;}
footer .top_col ul li{display: inline-block;}
footer .top_col ul li a{color: #989898;font-size: 17px;font-family: 'Open Sans Hebrew Condensed';transition: 0.4s ease all;-o-transition: 0.4s ease all;-webkit-transition: 0.4s ease all;-moz-transition: 0.4s ease all;line-height: 47px;margin-right: 40px;}
footer .top_col ul li a:hover,footer .top_col ul li a.active{color: #fff;}
footer .bottom_col{background-color: #0e0e0e;padding-bottom: 8px;}
footer .bottom_col .card,footer .bottom_col .secure,footer .bottom_col .link{display: inline-block;vertical-align: top;}
footer .bottom_col .secure{font-family: 'Karla', sans-serif;padding-left: 20px;background-repeat: no-repeat;background-position: left center;background-image: url(../images/site/yellow.png);line-height: 35px;color: #fff;font-size: 11px;font-weight:bold;margin-right: 25px;margin-left: 60px;}
footer .bottom_col .card a{display: inline-block;vertical-align: top;}
footer .bottom_col .card a img{display: block;}
footer .bottom_col .link{}
footer .bottom_col .link a{display: inline-block;line-height: 35px;color: #989898;font-size: 13px;transition: 0.4s ease all;-o-transition: 0.4s ease all;-webkit-transition: 0.4s ease all;-moz-transition: 0.4s ease all;position: relative}
footer .bottom_col .link a+a{margin-right: 9px;}
footer .bottom_col .link a+a:after{content: '';position: absolute;height: 15px;width: 1px;background-color: #989898; right: -7px;top: 10px;}
footer .bottom_col .link a:hover{color: #fff;}
footer .bottom_col .right_col{float: right;}
footer .bottom_col p{float:left;margin-top: 17px;}
footer .bottom_col p,footer .bottom_col .code_core{display: inline-block;color: #989898;font-size: 10px;font-weight: 400; line-height: 10px;}
footer .bottom_col .code_core{border-bottom: 1px solid #989898;}
footer .bottom_col .right_col{padding-top: 6px;}

.flag{position: fixed;display: inline-block;left: 0;top: 10%;z-index: 9}
.flag img{max-width: 40px;display: block;}

html[lang="he"] .profile-nav ul{direction: rtl;}
#register .select-custom-type-2 .item{vertical-align: top;}


/* user register */
#register .form {max-width: 960px;}
#register .form .genders{text-align: center;}
.profile_pic_ {width: 35%;float: none;display: inline-block;vertical-align: top;}
#register .form .profile_pic_ .gender {transform: scale(0.8);transform-origin: right;transition: 0.5s all ease;opacity: 0.3;position: relative;left: 0;border: 3px solid transparent;cursor: pointer;}
#register .form .profile_pic_ .gender.active {transform: scale(1);opacity: 1; background-color: #070708;z-index: 9;}
.body-eng #register .form .profile_pic_ .gender.female{transform-origin: left;transform: scale(0.7)}
.body-eng #register .form .profile_pic_ .gender.female.active{transform: scale(1)}
body.body-eng .programs .program.active{ display: none; transform: scale(1);}
.body-eng .programs .program .price:before{ content: "$";text-align: left;    font-size: 30px;position: relative;}
.body-eng .programs .program .price:after{display: none}

/* injury page */
.section-injury .label label {display: inline-block;color: #fff;width: 50%;vertical-align: top;padding-right: 25px;box-sizing: border-box;position: relative;padding-bottom: 10px;float: right;padding-left: 10px;}
/*.section-injury .label label:nth-child(3){margin-right: -4px;}
.section-injury .label label:last-child{margin-right: -4px;}*/
.section-injury .label label input[type="checkbox"] {-webkit-appearance: none;appearance: none;margin: 0;}
.section-injury .label label:after {content: '';position: absolute;width: 15px;height: 15px;border: 2px solid #dd3e3a;border-radius: 50%;top: 6px;right: 0;background-color: #fff;}
.section-injury .label label input[type="checkbox"]:checked:before { content: '';position: absolute;width: 11px;height: 11px;border-radius: 50%;top: 10px;right: 4px;background-color: #dd3e3a;z-index: 3;}
.section-injury .label .title {color: #dd3e3a;}

.body-eng .section-injury .label label{padding-right: 10px;padding-left: 25px;float: left;}
.body-eng .label label:after {right: auto;left: 0;}
.body-eng .label label input[type="checkbox"]:checked:before {right: auto;left: 4px;}

#next_exesice_form h2.headline {color: rgb(53, 53, 53);font-size: 24px;font-weight: 700;margin-bottom: 10px;}
#next_exesice_form h2.headline+h2.headline {font-size: 18px;}

#player .info .program-title{font-size:1.9rem;margin: 25px 0px 19px;}
#player .info{width: 200px;}
#player .info .right-side{width: 160px;}
#player .info .detial{padding: 10px;font-size: 18px;}


#main #levels .container{transform: scale(0.78); transform-origin: top left;}
.body-eng #levels .container{transform: scale(0.73); transform-origin: top left;}


body .programs .program{background: rgba(14,14,14,0.9);border: 2px solid #252a31; border-radius: 10px;}
body .programs .program .price{margin-top: 20px; border: 2px solid #dd3e3a; background: rgba(14,14,14,0.9);}
body .programs .program .headline{background: none; font-weight: 600;}
body .programs .program .headline:after{display: none;}
body .programs .program.active {border-color: #dd3e3a}
body .programs .program.active .headline,body .programs .program.active .price{background: none;}
body .chooseProgram.btn {background: #0078ff; border-color: #0078ff}
body .chooseProgram.btn:hover {background-color: transparent}
.programs .program.active .btn{background-color: #dd3e3a; border-color: #dd3e3a}
.programs .program.active .btn:hover{background-color: transparent;}

.programs .program .text-style span {font-size: 14.4px;font-weight: 400;display: block;line-height: 20px;}
.programs .program .text-style {line-height: 20px;}

#register .register-page {background-color: #030303;}
.user_profile_detail {background-color: #0e0e0e;padding: 20px;}
.user_profile_detail .profile_img {max-width: 100px;display: inline-block;vertical-align: middle; position: relative;}
.user_profile_detail .profile_img .add-icon {position: absolute;bottom: 0;right: 0;max-width: 32px;}
.user_profile_detail .user_title_detail {display: inline-block;vertical-align: middle;width: calc(100% - 125px);padding-right: 20px;}
.user_profile_detail .user_title_detail h3 {color: #fff;text-transform: capitalize;font-family: 'Open Sans Hebrew Condensed Extra';}
.user_profile_detail .profile_img img {border-radius: 50%;}

ul.user_nav_list {padding: 0px 30px 0;margin-bottom: 40px;border-bottom: 1px solid #0f1016;display: flex}
ul.user_nav_list li {display: inline-block;padding: 10px 10px 15px;position: relative;}
ul.user_nav_list li a {padding: 0px 10px;color: #fff;font-size: 18px;font-family: 'Open Sans Hebrew Condensed';transition: 0.5s all ease;-o-transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
ul.user_nav_list li a::after{content: '';position: absolute;width: 100%;height: 3px;right: 0;bottom: 0;background-color: #FFFFFF;opacity: 0;transition: 0.5s all ease;-o-transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;}
ul.user_nav_list li.active a::after{opacity: 1;}
ul.user_nav_list li.active a, ul.user_nav_list li a:hover{color: #FFFFFF;}

ul.user_nav_list.str1 li  {flex-grow: 1; background-color: #0078ff; box-sizing: border-box; border: 2px solid #0078ff; text-align: center; border-radius: 8px; display: inline-block; font-weight: bold;}
ul.user_nav_list.str1 li:hover {background-color: #0a0a0a;  border: 2px solid #FFFFFF; }
ul.user_nav_list.str2 li:hover {background-color: #0a0a0a;  border: 2px solid #FFFFFF; border-radius: 8px;}
ul.user_nav_list.str2 li  { flex-grow: 1; text-align: center; border: 2px solid transparent; }
ul.user_nav_list li a:hover{opacity: 1;}

.new_user_container header {border: 0;}
.new_user_container>.row.row_one>.box {background-color: #060606;min-height: 431px;margin-bottom: 60px;position: relative;}
/*
.new_user_container .box-8 .history h2 {font-size: 30px;font-family: 'Open Sans Hebrew Condensed';letter-spacing: -0.2px;color: #6d7681;padding-bottom: 15px;border-bottom: 1px solid #0f1016;margin-bottom: 20px;padding-right: 20px;}
*/

.new_user_container h2 {text-align:center; font-size: 30px;font-family: 'Open Sans Hebrew Condensed';letter-spacing: -0.2px;color: #6d7681;padding-bottom: 15px;border-bottom: 1px solid #0f1016;margin-bottom: 20px;padding-right: 20px;}

.new_user_container .box-8 .box-7 .h-info {font-size: 32px;line-height: 38px;max-width: 60%;font-family: 'Open Sans Hebrew Condensed';}
.new_user_container .h-info span {display: inline-block;vertical-align: top;width: calc(100% - 60px );color: #6d7681;}
.new_user_container .box-5 .h-info {font-size: 20px;line-height: 38px;font-weight: 400;font-family: 'Open Sans Hebrew Condensed';color: #fff;}
.new_user_container .row .box h3 {color: #fff;}
.new_user_container .row .box.box_left h2 {text-align: center;font-size: 3.2rem;color: #6d7681;font-family: 'Open Sans Hebrew Condensed';font-weight: 500;}
.new_user_container .row .box.box_left h2 b {display: block;color: #fff;font-size: 45px;}
.new_user_container .row .box.box_left .bmi-scale .item { border: 0;border-bottom: 1px solid #0f0f12;padding-right: 20px;margin: 0 15px;font-size: 20px;line-height: 38px;font-weight: 400;font-family: 'Open Sans Hebrew Condensed';color: #fff;}
.new_user_container .row .box.box_left .bmi-scale .item span {display: inline-block;vertical-align: middle;width: 60%;padding-right: 25px;position: relative;}
.new_user_container .row .box.box_left .bmi-scale .item.title span, .new_user_container .row .box.box_left .bmi-scale .item.title {padding-right: 0;color: #838e9a;font-family: 'Open Sans Hebrew Condensed Extra';letter-spacing: 0.5px;}
.new_user_container .row .box.box_left .bmi-scale .item.title span{padding-left: 25px;}
.new_user_container .row .box.box_left .bmi-scale .item.active {background-color: #0f0f12;color: #fff;}
.new_user_container .row .box.box_left .bmi-scale .item.title span::after{display: none;}
.new_user_container .row .box.box_left .bmi-scale .item span::after{content: '';position: absolute;width: 10px;height: 10px;border-radius: 50%;top: 9px;right: 0;background-color: #c9caca;}
.new_user_container .row .box.box_left .bmi-scale .item:nth-child(3) span::after{background-color: #73d600;}
.new_user_container .row .box.box_left .bmi-scale .item:nth-child(4) span::after{background-color: #9d8404;}
.new_user_container .row .box.box_left .bmi-scale .item:nth-child(5) span::after{background-color: #e0313b;}
.new_user_container .row .box.box_left .bmi-scale .item:nth-child(6) span::after{background-color: #0078ff;}
.section-workouts .item .succes-rate span {display: none;}
.section-workouts .item .succes-rate {right: auto;top: auto;bottom: 5px;left: 0;width: 100%;height: 50px;background-color: transparent;text-align: left;}
.section-workouts .item .succes-rate::after {content: '';position: absolute;width: 100%;height: 100%;bottom: 0;left: 0;background-image: linear-gradient(rgba(255, 255, 255, 0), #0000008a);}
.section-workouts .item .succes-rate>div{margin-right: auto;margin-left: 10px;z-index: 99;}
.progress_ {position: absolute;width: 100%;left: 0;bottom: 0;height: 5px;background-color: #fff;border-radius: 10px;}
.progress_ span {position: absolute;left: 0;top: 0;height: 100%;background-color: #de3c37;border-radius: 4px;}
.new_user_container .row .right.box.box-3.mobile-box-6 {text-align: center;}
.new_user_container .row .right.box.box-3.mobile-box-6 .media.square{border-radius: 6px;}
.new_user_container>.row.row_one .relative {position: absolute;bottom: 30px;right: 20px;}
.new_user_container>.row.row_one .relative a,.new_user_container>.row.row_one .relative label {display: inline-block;vertical-align: top; /*margin-left: 10px; */text-decoration: underline;color: #fff;line-height: 20px;font-family: 'Open Sans Hebrew Condensed';padding-left: 10px;transition: 0.5s all ease;}
.new_user_container>.row.row_one .relative label{border: 0;text-decoration: none;padding-right: 30px;padding-left: 0;position: relative;}
.body-eng .new_user_container>.row.row_one .relative label{padding-left: 30px;padding-right: 0;}


input#checkbox-responsive-mode, input#checkbox_stopsms {width:15px; height: 15px}

.music-select-title, .music-preview-title {
    vertical-align: top;
    color: #fff;
    line-height: 20px;
    font-family: 'Open Sans Hebrew Condensed';
    padding-left: 10px;
    margin-bottom: 15px;
}

/*
input#checkbox_stopsms {opacity: 0;position: absolute;width: 0;height: 0;border: 0;margin: 0;}
input#checkbox-responsive-mode {opacity: 0;position: absolute;width: 0;height: 0;border: 0;margin: 0;}

.new_user_container>.row.row_one .relative label::before{content: '';position: absolute;width: 14px;height: 14px;left: 10px;top: 3px;background-color: #fff;}
.dir-rtl .new_user_container>.row.row_one .relative label::before{right: 5px;left: auto;}

input#checkbox_stopsms:checked+label::after{content: '';position: absolute; width: 8px;height: 5px;left: 12px;top: 5px;border-right: 2px solid #dd3e3a;border-top: 2px solid #dd3e3a;transform: rotate(130deg);}
.dir-rtl input#checkbox_stopsms:checked+label::after{right: 7px;left: auto;}

input#checkbox-responsive-mode:checked+label::after{content: '';position: absolute; width: 8px;height: 5px;left: 12px;top: 5px;border-right: 2px solid #dd3e3a;border-top: 2px solid #dd3e3a;transform: rotate(130deg);}
.dir-rtl input#checkbox-responsive-mode:checked+label::after{right: 7px;left: auto;}
*/
.new_user_container>.row.row_one .relative a:last-child{border-left: 0;}
.new_user_container>.row.row_one .relative a:hover{color: #0078ff;}
.new_user_container>.row.row_one>.box.box-8 {padding-bottom: 60px;}

.body-eng .user_profile_detail .user_title_detail{padding-right: 0;padding-left: 20px;}
.body-eng .new_user_container .box-8 .box-7 .h-info {font-size: 26px;}
.body-eng .new_user_container>.row.row_one .relative {left: 20px;right: auto;}
.body-eng .new_user_container>.row.row_one .relative a{border-left: 0;}
.body-eng .new_user_container>.row.row_one .relative label{border-left: 1px solid #fff;}
.body-eng .new_user_container .row .box.box_left .bmi-scale .item span {padding-left: 25px;padding-right: 0;}
.body-eng .new_user_container .row .box.box_left .bmi-scale .item span::after{right: auto;left: 0;}

#new_popup {position: fixed;opacity: 0;visibility: hidden;top: 0;right: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.40);z-index: 99;transition: 0.4s all ease;-webkit-transition: 0.4s all ease;-o-transition: 0.4s all ease;-moz-transition: 0.4s all ease;}
#new_popup .popup_wrapper {position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;margin: 0 auto;max-width: 500px;padding: 50px 20px;text-align: center;background-color: #ffff;border-radius: 24px;}
#new_popup .popup_wrapper h2 {font-size: 24px;margin-bottom: 30px;text-transform: capitalize;}
#new_popup.active{opacity: 1;visibility: visible;}
a.btn.close_popup {background: #0078ff;background: #0078ff;border: 2px solid #0078ff;}
.main_slider .rslides_nav {display: none;}
#player .media span.coundDown{position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; justify-content: center; align-items: center; font-size: 100px; color: #fff; background-color: rgba(0,0,0,0.7); opacity: 0; visibility: hidden;}
#player .media span.coundDown.active{opacity: 1; visibility: visible;}
#player .btns .detial {background: #bd403e;}
.body-eng .programs .program .text-style {background-image: none;color: #989898;}
.body-eng .programs .program .text-style span{color: #989898 !important;}
.training-page .section.popup-window .popup .close.close-popup{/*opacity: 0;*/ }

.sign_up {position: absolute;z-index: 9;top: 400px;right: 20px;cursor: pointer; margin-top: 10px;}
.sign_up .btn.btn-register {background: #0078ff;border: 2px solid #0078ff;padding: 0px 29px;line-height: 37px;}
.body-eng .sign_up .btn.btn-register {font-size: 14px;padding: 0px 10px;}

#audio-info {
    border:2px solid white;
    background-color:#0177c1; /* url(/assets/images/icon/audio-info-icon.png);*/
    width: 3rem;
    height: 3rem;
    border-radius:50%;
    display:none;
    cursor:pointer;
    color:#fff;
    font-size:18px;
    transition: all .3s;
    position:relative;
}

#audio-info:hover {
    background-color: #c22622;
}

h1 #audio-info {
    margin: 0 20px;
    top:-7px;
}


/* 1600 */
@media only screen and (max-width:1800px){
    header .left_col {margin-left: 20px;}
    header .left_col .entrance {margin-left: 10.5px;}
    header .get_up {margin-left: 40px;}
    header nav ul li {margin-left: 10px;}
}
/* 1400 */
@media only screen and (max-width:1599px){
    .main{overflow-x: hidden;}
    header .left_col .btn {width: 90px;}
    header nav ul li {margin-left: 5px;}
}
/* 1366 */
@media only screen and (max-width:1480px){
    header nav ul li a {font-size: 15px;padding: 0px 4px;padding-bottom: 16px;}
    #player .info .program-title{font-size: 2.1rem;margin: 20px 0px 2px;}
    #player .info .detial{padding: 10px; font-size: 18px;}
}
@media only screen and (max-width:1399px)
{
    header nav ul li a {font-size: 14px;padding: 0px 4px;padding-bottom: 16px;}
    header nav ul li {margin-left: 0px;}
    header .left_col:after {right: -18px;}

    #main #levels .container {transform: scale(0.6);transform-origin: top left;}
    .body-eng #levels .container{transform: scale(0.6); transform-origin: top left;}
}
/* 1024 */
@media only screen and (max-width:1279px) /* container size */
{
    header .left_col .entrance {margin-left: 4px;}
    header .left_col a {font-size: 15px;line-height: 30px;height: 37px;}
    header .left_col:after {right: -9px;height: 30px;top: 3px;}
    header .get_up img{max-width: 100%;}
    header .get_up {margin-left: 10px;max-width: 180px;}
    header nav ul li a {font-size: 14px;padding: 0px 1px;padding-bottom: 5px;}
    header nav ul li {margin-left: 5px;}
    header nav ul li.icon img {top: -11px;max-width: 70%;}
    header nav {margin-top: 19px;}
    header .left_col{/*    margin-top: 5px;*/    margin-bottom: 10px;}
    footer .top_col ul li a {margin-right: 15px;}
    footer .wrapper{padding: 0px 20px;}
    footer .top_col {padding: 20px 0px;}

}
@media only screen and (max-width:1100px) /* container size */
{
    header nav ul li a {font-size: 12px;}
}
@media only screen and (max-width:1023px)
{
    .hamburger{display: block;}
    .hamburger {margin-right: 20px;position: fixed;/*right: 0px;*/z-index: 99999;margin-top: 9px;width: 30px;height: 30px;z-index: 99999999;top: 0px;left: 15px;}
    .hamburger span{position: absolute;height: 2px;top: 50%;width: 100%;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;background:#fff;}
    .hamburger span:before{position: absolute;content: '';width: 100%;height: 2px;background: #fff;top: 8px;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
    .hamburger span:after{position: absolute;content: '';width: 100%;height: 2px;background: #fff;top: -8px;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
    .hamburger.is-active span:before{transform: rotate(-45deg);top: 0;}
    .hamburger.is-active span:after{transform: rotate(45deg);top: 0;}
    .hamburger.is-active span{background-color: transparent;}
    header nav{ transform: translateX(-100%);position: fixed;width: 400px;height: 100%;top: 0px;left: 0;right: auto;margin-top: 0;background-color: #0e0e0e;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-o-transition: 0.5s all ease;float: none;margin-top: 0px;z-index: 999;overflow: auto;padding-bottom: 20px;opacity: 0;visibility: hidden;}
    header nav.active{transform: translate(0); opacity: 1;visibility: visible;}
    header{/*z-index: 991;*/border-bottom: 0;}
    header .left_col{margin-left: 60px;}
    header nav ul {margin-top: 60px;}
    header nav ul li {margin-left: 0;display: block;padding: 10px 0px;}
    header nav ul li a:after{display: none}
    header nav ul li a {font-size: 15px;}
    header nav ul li.icon img {position: relative;top: 5px;display: block;left: 0;max-width: 90px;}
    header nav ul li.icon img {top: 4px;max-width: 90px;left: -210px;}
    header .left_col .log_in .hello {display: inline;vertical-align: middle;}
    header .left_col .log_in .hello+a {vertical-align: middle;}

    header.fixed {background-color: rgba(0, 0, 0, 0.0);}
    header .left_col {display: none;}
    header nav .left_col {display: block !important;float: none;text-align: center;margin: 0 auto;margin-bottom: 10px;}

    footer .top_col ul li a {margin-right: 10px;}
    footer .top_col .logo img{max-width: 100%;}
    footer .top_col .logo {max-width: 140px;}
    footer .bottom_col .secure {margin-left: 20px;}

}
@media only screen and (max-width:980px){ 
    .body-eng #levels .levels-cta .btn {line-height: 22px;height: auto;}
    .body-eng #levels .container {transform-origin: top center;}

    #player .info {width: 100%;position: relative;top: auto;right: auto;}
    .sign_up {position: relative;top: auto;margin: 10px auto;text-align: center;right: 0;}
}
@media only screen and (max-width:960px){
    #register .form .profile_pic_ .gender.active {left: -135px;}
    #register .form .profile_pic_ .gender.active.female.active {left: auto;right: -138px;}
}
@media only screen and (max-width:812px)
{
    #player{width: 100% !important;}   
    #player .media img{width: auto;/*height: 200px !important;*/ max-width: 100%;}
    .media{/*height: 100% !important;*/}
}
@media only screen and (min-width:640px) and (max-width:900px) and (min-height:300px) and (max-height:400px) {

    #player .media img{width: auto;height:78vh !important; max-width: 100%;}
}

@media only screen and (max-width:767px)
{

    .flag{z-index: 99}
    header .get_up {margin-left: 10px;max-width: 120px;margin-top: 10px;}
    header .left_col:after{display: none;}
    header .left_col a {font-size: 14px;line-height: 29px;height: 35px;}
    header .left_col .btn {width: 70px;height: 30px;font-size: 13px;line-height: 26px;}
    header .left_col {margin-left: 55px;margin-top: 6.5px;}
    .hamburger{margin-top: 6px;}
    footer .bottom_col .right_col {padding-top: 6px;float: none;}
    footer .bottom_col .card{display: block;text-align: center;}
    footer .bottom_col .secure {margin-left: 8px;}
    footer .bottom_col p {float: none;margin-top: 8px;width: 100%;display: block;text-align: center;}
    footer .top_col .logo {max-width: 100px;float: none;margin: 0 auto;display: block;}
    footer .top_col .logo img{max-width: 100%;}
    footer .top_col ul li a {margin-right: 10px;line-height: 18px;}
    footer .top_col ul{margin-top: 10px;}
    footer .top_col .icon {float: none;}

    header .left_col .log_in .hello{display: none;}
    header nav {width: 75%;}

    .profile_pic_ {width: calc(50% - 4px);padding: 0 !important;}
    #register .form .profile_pic_ .gender.female {right: 0;}
    #register .form .genders .gender .upload-box .profile-pic {max-width: 70%;}
    #register .form .genders .gender .upload-box .media {height: auto;}
    #register .form .genders .gender{transform-origin: center;}
    #register .form .profile_pic_ .gender.male {left: -20px;}
    #register .form .profile_pic_ .gender.active {transform: scale(1.1);}
    #register .form .profile_pic_ .gender.active.female.active {left: auto;right: -20px;}
    #register .form .genders .gender:before {left: 0;width: 100%;visibility: hidden;}
    #main #levels .container { transform: scale(0.78); transform-origin: top center; }

    ul.user_nav_list li a {padding: 0px 5px;}
    ul.user_nav_list li {padding: 5px;width: calc(50% - 10px);box-sizing: border-box;text-align: center;}
    ul.user_nav_list {padding: 0 15px; margin-bottom: 10px;}
    .user_profile_detail {padding: 10px;}
    .user_profile_detail .profile_img {max-width: 70px;}
    .user_profile_detail .user_title_detail{padding-right: 10px;}
    .user_profile_detail .user_title_detail h3 {font-size: 18px;}
    .new_user_container .box-8 .box-7 .h-info {font-size: 24px;line-height: 28px;padding-bottom: 15px;}
    .new_user_container>.row.row_one>.box {min-height: auto;margin-bottom: 30px;}
    .new_user_container .row .box.box_left h2 {font-size: 24px;}
    .new_user_container .row .box.box_left h2 b {font-size: 32px;}
    .new_user_container .bmi-scale {padding: 10px 0px;}
    .new_user_container .row .box.box_left .bmi-scale .item {padding: 4px 0px;}
    .section-workouts .new_user_container  .item .succes-rate>div {font-size: 14px;}
    .section-workouts .new_user_container  .item .succes-rate {height: 30px;}
    .section-workouts .new_user_container  .item .headline {padding: 3px;line-height: 24px;height: auto;}

    #player .info,#player .info .right-side{width: 100%;}
    #player .media .big-play {width: 40px;height: 40px;z-index: 999;}
    #player .btns .detial {width: 50px;height: 50px;font-size: 1.2rem;}
    canvas#divProgresscanvas {width: 50px;}
    div#divProgress {height: 50px !important;} 
    #player .media span.coundDown {font-size: 50px;}
}