html
{
	line-height:1.15;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}
article,aside,footer,header,nav,section
{
	display:block
}

figcaption,figure,main
{
	display:block
}

figure
{
	margin:1em 40px
}

hr
{
	box-sizing:content-box;
	height:0;
	overflow:visible
}

pre
{
	font-family:monospace,monospace;
	font-size:1em
}

a
{
	background-color:transparent;
	-webkit-text-decoration-skip:objects
}

abbr[title]
{
	border-bottom:none;
	text-decoration:underline;
	text-decoration:underline dotted
}

b,strong
{
	font-weight:700
}

code,kbd,samp
{
	font-family:monospace,monospace;
	font-size:1em
}

dfn
{
	font-style:italic
}

mark
{
	background-color:#ff0;
	color:#000
}

small
{
	font-size:80%
}

sub,sup
{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}

sub
{
	bottom:-.25em
}

sup
{
	top:-.5em
}

audio,video
{
	display:inline-block
}

audio:not([controls])
{
	display:none;
	height:0
}

img
{
	border-style:none
}

svg:not(:root)
{
	overflow:hidden
}

button,input,optgroup,select,textarea
{
	margin:0
}

button,input
{
	overflow:visible
}

button,select
{
	text-transform:none
}

button,html [type="button"],[type="reset"],[type="submit"]
{
	-webkit-appearance:button
}

button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner
{
	border-style:none;
	padding:0
}

button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring
{
	outline:1px dotted ButtonText
}

legend
{
	box-sizing:border-box;
	color:inherit;
	display:table;
	max-width:100%;
	padding:0;
	white-space:normal
}

progress
{
	display:inline-block;
	vertical-align:baseline
}

textarea
{
	overflow:auto
}

[type="checkbox"],[type="radio"]
{
	box-sizing:border-box;
	padding:0
}

[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button
{
	height:auto
}

[type="search"]
{
	-webkit-appearance:textfield;
	outline-offset:-2px
}

[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration
{
	-webkit-appearance:none
}

::-webkit-file-upload-button
{
	-webkit-appearance:button;
	font:inherit
}

details,menu
{
	display:block
}

summary
{
	display:list-item
}

canvas
{
	display:inline-block
}

template
{
	display:none
}

[hidden]
{
	display:none
}

html
{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-ms-overflow-style:scrollbar;
	-webkit-tap-highlight-color:transparent
}

*
{
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}

*,::before,::after
{
	-webkit-box-sizing:inherit;
	-moz-box-sizing:inherit;
	box-sizing:inherit
}

body
{
	font-family: dana, tahoma;
	font-size:14px;
	font-weight:400;
	line-height:1.5;
	color:#343434;
	background-color:#e2e8ef
}
@supports (font-variation-settings: normal) {
    body {
     font-family: 'dana VF', tahoma;
    }
}
[tabindex="-1"]:focus
{
	outline:none!important
}

caption
{
	padding-top:.75rem;
	padding-bottom:.75rem;
	color:#636c72;
	text-align:right;
	caption-side:bottom
}

abbr[title],abbr[data-original-title]
{
	cursor:help
}

address
{
	margin-bottom:1rem;
	font-style:normal;
	line-height:inherit
}

ol,ul
{
	list-style:none
}

body,p,ol,ul,dl,h1,h2,h3,h4
{
	margin:0;
	padding:0
}

svg,img
{
	max-width:100%;
	height:auto
}

dt
{
	font-weight:700
}

dd
{
	margin-bottom:.5rem;
	margin-left:0
}

blockquote
{
	margin:0 0 1rem
}

pre
{
	margin-top:0;
	margin-bottom:1rem;
	overflow:auto
}

figure
{
	margin:0 0 1rem
}

img
{
	vertical-align:middle
}

[role="button"],button,input[type="button"],input[type="submit"]
{
	cursor:pointer
}

table
{
	border-collapse:collapse;
	margin:0 0 1.5em;
	width:100%
}

thead th
{
	border-bottom:2px solid #bbb;
	padding-bottom:.5em
}

th
{
	padding:.4em;
	text-align:left
}

tr
{
	border-bottom:1px solid #eee
}

td
{
	padding:.4em
}

th:first-child,td:first-child
{
	padding-left:0
}

th:last-child,td:last-child
{
	padding-right:0
}

a,area,button,[role="button"],input,label,select,summary,textarea
{
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	-webkit-appearance: none;
}

th
{
	text-align:right
}

label
{
	display:inline-block;
	margin-bottom:.5rem
}

textarea
{
	resize:vertical
}

input[type="search"],button,[type="button"],[type="reset"],[type="submit"]
{
	-webkit-appearance:none
}

fieldset
{
	min-width:0;
	padding:0;
	margin:0;
	border:0
}

legend
{
	display:block;
	width:100%;
	padding:0;
	margin-bottom:.5rem;
	font-size:1.5rem;
	line-height:inherit
}

button:focus
{
	outline:1px dotted;
	outline:5px auto -webkit-focus-ring-color
}

input,button,select,textarea
{
	font-family:inherit;
	line-height:inherit
}

output
{
	display:inline-block
}

input[type="radio"]:disabled,input[type="checkbox"]:disabled
{
	cursor:not-allowed
}

input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]
{
	-webkit-appearance:listbox
}

input:not([disabled]):not([type="submit"]),select,textarea
{
	border:1px solid #e0e0e0;
	color:#777;
	padding:9px 5px;
	border-radius:15px;
	float:right;
	text-align:right
}

input:not([disabled]):not([type="submit"]):focus
{
	border-color:#5dc4be
}

button,input[type="button"],input[type="submit"]
{
	border:0;
	font-size:14px;
	color:#fff;
	padding:9px 20px;
	border-radius:15px;
	display:inline-block;
	margin:0 5px;
	background:#18aed3
}

h1,h2,h3,h4
{
	font-family:inherit;
	font-weight:700;
	line-height:1.1;
	color:inherit
}

a
{
	color:#18aed3;
	text-decoration:none
}

a:focus,a:hover,a:active
{
	color:#3b3b3b;
	outline:0;
	transition:all .2s ease
}

::-webkit-input-placeholder
{
	color:#777
}

:-moz-placeholder
{
	color:#777
}

::-moz-placeholder
{
	color:#777;
	opacity:1
}

:-ms-input-placeholder
{
	color:#777
}

a,a:before,a:after,input[type="submit"],.product .info,.product figure::before
{
	-webkit-transition:all .2s ease;
	transition:all .2s ease
}



@font-face {
    font-family: 'dana VF';
    src: url(assets/fonts/danawebSP.woff) format('woff-variations'),
    /* will be the standard and works in Safari now */
    url(assets/fonts/danawebSP.woff) format('woff');
    /* for the other supporting browsers */
    font-display: fallback;
}
@font-face {
    font-family: dana;
    src: url(assets/fonts/staticfonts/dana-regular.woff) format('woff');
}
@font-face {
    font-family: dana;
    src: url(assets/fonts/staticfonts/dana-bold.woff) format('woff');
    font-weight: 700;
}

.container
{
	width:98%;
	min-width:320px;
	max-width:1200px;
	margin:0 auto;
	padding:0
}
.clearfix
{
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}

.group:before,.group:after
{
	content:"";
	display:table
}

.group:after
{
	clear:both
}

.group
{
	zoom:1
}

.cover
{
	-webkit-background-size:cover!important;
	-moz-background-size:cover!important;
	background-size:cover!important;
	-o-background-size:cover!important
}

.contain
{
	-webkit-background-size:contain!important;
	-moz-background-size:contain!important;
	background-size:contain!important;
	-o-background-size:contain!important
}

.left
{
	display:inline;
	float:left
}

.right
{
	display:inline;
	float:right
}
.txtcenter
{
	text-align:center
}
.aligncenter
{
	clear:both;
	display:block;
	margin-left:auto;
	margin-right:auto;
	position: relative;
float: right;
transform: translateX(50%);
right: 50%;
}
.parent{display: flex;justify-content: center;align-items: center;width: inherit;}
.child{display: inline-block;}

.margin{margin: 10px;}
.margin-top{margin-top: 10px;}
.margin-bottom{margin-bottom: 10px;}
.margin-left{margin-left: 10px;}
.margin-right{margin-right: 10px;}
.margin-vertical{margin-top: 10px;margin-bottom: 10px;}
.margin-horizontal{margin-left: 10px;margin-right: 10px;}
.padding{padding: 10px;}
.padding-top{padding-top: 10px;}
.padding-bottom{padding-bottom: 10px}
.padding-left{padding-left: 10px;}
.padding-right{padding-right: 10px;}
.padding-vertical{padding-top: 10px;padding-bottom: 10px;}
.padding-horizontal{padding-left: 10px;padding-right: 10px;}
.hide,.hidden
{
	display:none
}

.animate-box
{
	opacity:0
}

.col-1{width: 8.3%;max-width: 100px;}
.col-2{width: 16.7%;max-width: 200px;}
.col-3{width: 25%;max-width: 300px;}
.col-4{width: 33.3%;max-width: 400px;}
.col-5{width: 41.7%;max-width: 500px;}
.col-6{width: 50%;max-width: 600px;}
.col-7{width: 58.3%;max-width: 700px;}
.col-8{width: 66.7%;max-width: 800px;}
.col-9{width: 75%;max-width: 900px;}
.col-10{width: 83.3%;max-width: 1000px;}
.col-11{width: 91.7%;max-width: 1100px;}
.col-12{width: 100%;max-width: 1200px;}

.more-btn{border-radius: 15px;background: #1aaed2;width: 164px;height: 42px;display: block;}
.more-btn b{font-size: 16px;font-weight: normal;font-variation-settings: "wght" 300;line-height: 44px;color: #fff;width: 122px;display: block;float: right;text-align: center;}
.more-btn .round{background: #1495b4;border-radius: 15px;width: 42px;height: 42px;text-align: center;float: left;position: relative;}
.more-btn i{background:url(assets/imgs/sprite.svg) no-repeat -56px -105px;width: 10px;height: 16px;display: block;position: absolute;bottom: 50%;right:50%;-ms-transform: translate(50%,50%);transform: translate(50%,50%);}

.signup-btn{border-radius: 15px;background: #f79700;width: 164px;height: 42px;display: block;}
.signup-btn b{font-size: 16px;font-weight: normal;font-variation-settings: "wght" 300;line-height: 44px;color: #fff;width: calc(100% - 42px);display: block;margin: 0 !important;float: left;text-align: center;}
.signup-btn .round {background: #cf7f02;border-radius: 15px;width: 42px;height: 42px;text-align: center;float: right;position: relative;}
.signup-btn i{background:url(assets/imgs/sprite.svg) no-repeat -55px -121px;width: 15px;height: 15px;display: block;position: absolute;bottom: 50%;right:50%;-ms-transform: translate(50%,50%);transform: translate(50%,50%);}

.search-btn{border-radius: 15px;background: #f79700;width: 164px;height: 42px;display: block;}
.search-btn b{font-size: 16px;font-weight: normal;font-variation-settings: "wght" 300;line-height: 44px;color: #fff;width: calc(100% - 42px);display: block;margin: 0 !important;float: left;text-align: center;}
.search-btn .round {background: #cf7f02;border-radius: 15px;width: 42px;height: 42px;text-align: center;float: right;position: relative;}
.search-btn i{background:url(assets/imgs/appsprite.svg) no-repeat -113px -66px;width: 16px;height: 16px;display: block;position: absolute;bottom: 50%;right:50%;-ms-transform: translate(50%,50%);transform: translate(50%,50%);}

.bluebg{background: #eef2f7}
.whitebg{background: #fff}
.notification-top-bar {position: relative;padding:10px 0;line-height: 40px;width: 100%;background: #A4C639;text-align: center;color: #FFFFFF;font-size: 14px;z-index:+11111;}
.notification-top-bar p {padding: 0;margin: 0 auto;width:85%;}
.notification-top-bar p a {padding: 5px 10px;border-radius: 5px;background: #FFF;color: #A4C639;font-weight: bold;text-decoration: none;}
.closentb {cursor: pointer;position: absolute;top: 50%;right: 0%;padding: 0px 20px 0 0;transform: translate(0%, -50%);font-size:28px;}
.closentb:hover {color: #6e8525;}
#att-claim {padding:10px 0;line-height: 40px;width: 100%;background: #ff4c4c;text-align: center;color: #FFFFFF;font-size: 14px;z-index:+11111;border-radius:25px;float:right;}
#att-claim p {padding: 0;margin: 0 auto;width:85%;}
#att-claim p a {padding: 5px 10px;border-radius: 5px;background: #FFF;color: #ff4c4c;font-weight: bold;text-decoration: none;}
#header{width:100%;min-height:90px;background:#1f2f4d;z-index: +111;}
#header .container{position: relative;}
#header .logo a{background:url(assets/imgs/sprite.svg) no-repeat 0 0;width:54px;height:45px;text-indent:-99999px;float: right;position: absolute;top: 50%;right:70px;-ms-transform: translateY(50%);transform: translateY(50%);}
#header .nav{float: left;  position: absolute;top: 50%;left:0;-ms-transform: translateY(50%);transform: translateY(50%);}
#header .nav ul{width: auto;float:right;}
#header .nav li{display: inline-block;height: 45px;line-height: 45px;margin: 0 10px}
#header .nav li a{color:#fff;font-size: 14px;position: relative;}
#header .nav li a::after{width: 0;height: 0;position: absolute;bottom: -4px;right:50%;-ms-transform: translateX(50%);transform: translateX(50%);content: '';background: #fff;}
#header .nav li a:hover{color:#1aaed2}
#header .nav li a:hover::after{width:50%;height: 1px;}
#header .nav .signinup{color: #fff;background: #f79700;border-radius: 15px; padding: 0px 20px;height: 45px;line-height: 45px;float: right;margin: 0 10px;}
#header .nav .signinup a{color: #fff}
#header .nav .signinup i{display: none;opacity: 0;visibility: hidden;}
#header .nav .signinup:hover{background: #c17600;color:#fff;}
.nav-btm{visibility:hidden;opacity:0;display:none;}

.site-header {background-color: #fff;padding: 18px 0;position: absolute;z-index: +11112;right: 0;width: 100%}
.site-search ,.user-notification,.user-profile{position: relative;border: 0;float: left;margin: 0 10px;border-radius: 15px;padding: 0;width: 45px;height: 45px;outline: none;background:#2c436e;}
.site-search:hover,.user-notification:hover,.user-profile:hover{background-color: #162135;}
.site-search i{width: 20px;height: 21px;background:url(assets/imgs/sprite.svg) no-repeat -56px -45px;display: block;margin: 0 auto;}
.user-notification i{width: 20px;height: 20px;background:url(assets/imgs/appsprite.svg) no-repeat 0px -83px;display: block;margin: 0 auto;}
.user-notification span{border-radius: 50%;background: red;padding: 2px 4px 0;font-size: 12px;position: absolute;right: -2px;top: -2px}
.site-header-search {background-color: #162135;width: 100%}

.site-search-input {display: block;width: 100%;border: none !important;background-color: transparent;outline: none;color: #fff !important;font-size:24px;}
.site-search-input::-webkit-input-placeholder {color: #fff}
.site-search-input::-moz-placeholder {color: #fff}
.site-search-input:-moz-placeholder {color: #fff}
.site-search-input:-ms-input-placeholder {color: #fff}
.site-search-reset {position: absolute;left: 10px;top: 5px;bottom: 0;margin: 0}
.site-search-reset i{width: 16px;height: 16px;background:url(assets/imgs/sprite.svg) no-repeat -56px -67px;}
.hide{display: none;}

.fp-dropdown-wrapper {
    display: inline-block;
    position: relative;
    height: 45px;
		width: 45px;
top: 22px;right:10px;
  float: right;
	z-index: +11111;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 0
}

.fp-dropdown-trigger {
    display: block;
    position: relative;
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
font-size: 12px;
font-variation-settings: "wght" 300;
font-weight: 300;
    background-color: #2c436e;
    color: #fff !important;
    border-radius: 15px;
    cursor: pointer
}
.no-touch .fp-dropdown-trigger:hover {
    background-color: #162135;
		color:#fff;
}
.fp-dropdown-trigger::before{top: 30%}
.fp-dropdown-trigger::after{bottom: 30%}
.fp-dropdown-trigger::after,
.fp-dropdown-trigger::before {
    content: '';
    position: absolute;
    height: 2px;
    width: 15px;
    background: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: width .3s, -webkit-transform .3s;
    -moz-transition: width .3s, -moz-transform .3s;
    transition: width .3s, transform .3s
}

.fp-dropdown-trigger::before ,.fp-dropdown-trigger::after{
    left: 15px;
}

.fp-dropdown h2,
.fp-dropdown-content .fp-divider,
.fp-dropdown-content a,
.fp-dropdown-content ul a {
    padding: 0 20px
}

.fp-dropdown {
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #21304d;
    color: #fff;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .5s 0s, visibility 0s .5s;
    -moz-transition: -moz-transform .5s 0s, visibility 0s .5s;
    transition: transform .5s 0s, visibility 0s .5s
}

.fp-dropdown h2 {
    position: relative;
    font-size: 16px;
    z-index: 1;
    color: #fff;
    background-color: #162135;
    border-bottom: 1px solid #364f7d
}

.fp-dropdown .fp-close {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 50px;
    width: 50px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    color: transparent
}

.fp-dropdown .fp-close::after,
.fp-dropdown .fp-close::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    height: 20px;
    width: 2px;
    background-color: #fff
}

.fp-dropdown .fp-close::after {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.fp-dropdown .fp-close::before {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.fp-dropdown.dropdown-is-active {
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .5s 0s, visibility 0s 0s;
    -moz-transition: -moz-transform .5s 0s, visibility 0s 0s;
    transition: transform .5s 0s, visibility 0s 0s
}

.fp-dropdown h2,
.fp-dropdown-content a,
.fp-dropdown-content ul a {
    height: 50px;
    line-height: 50px
}
.fp-dropdown-content .hideshow{opacity: 0;visibility: visible;display: none;}
.fp-dropdown-content,
.fp-dropdown-content ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s;
    padding-top: 50px
}

.fp-dropdown-content a,
.fp-dropdown-content ul a {
    display: block;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-top-width: 1px;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-color: #ebebeb;
    border-style: solid
}

.fp-dropdown-content a:focus,
.fp-dropdown-content a:hover,
.fp-dropdown-content ul a:focus,
.fp-dropdown-content ul a:hover {
    color: #18aed3
}

.fp-dropdown-content li:first-of-type>a,
.fp-dropdown-content ul li:first-of-type>a {
    border-top-width: 0
}

.fp-dropdown-content li:last-of-type>a,
.fp-dropdown-content ul li:last-of-type>a {
    border-bottom-width: 1px
}

.fp-dropdown-content .fp-divider,
.fp-dropdown-content ul .fp-divider {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #0b0e23;
    font-size: 14px;
    font-weight: 700;
    color: #585a70;
    text-transform: uppercase
}

.fp-dropdown-content .fp-divider+li>a,
.fp-dropdown-content ul .fp-divider+li>a {
    border-top-width: 0
}

.fp-dropdown-content .fp-divider,
.fp-dropdown-content .fp-search,
.fp-dropdown-content a,
.fp-dropdown-content ul .fp-divider,
.fp-dropdown-content ul .fp-search,
.fp-dropdown-content ul a {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    -moz-transition: opacity .3s, -moz-transform .3s;
    transition: opacity .3s, transform .3s
}

.fp-dropdown-content ul.is-hidden,
.fp-dropdown-content.is-hidden {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.fp-dropdown-content ul.is-hidden>.fp-divider,
.fp-dropdown-content ul.is-hidden>li>.fp-search,
.fp-dropdown-content ul.is-hidden>li>a,
.fp-dropdown-content ul.move-out>.fp-divider,
.fp-dropdown-content ul.move-out>li>.fp-search,
.fp-dropdown-content ul.move-out>li>a,
.fp-dropdown-content.is-hidden>.fp-divider,
.fp-dropdown-content.is-hidden>li>.fp-search,
.fp-dropdown-content.is-hidden>li>a,
.fp-dropdown-content.move-out>.fp-divider,
.fp-dropdown-content.move-out>li>.fp-search,
.fp-dropdown-content.move-out>li>a {
    opacity: 0
}

.fp-dropdown-content ul.move-out>.fp-divider,
.fp-dropdown-content ul.move-out>li>.fp-search,
.fp-dropdown-content ul.move-out>li>a,
.fp-dropdown-content.move-out>.fp-divider,
.fp-dropdown-content.move-out>li>.fp-search,
.fp-dropdown-content.move-out>li>a {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.dropdown-is-active .fp-dropdown-content,
.dropdown-is-active .fp-dropdown-content ul {
    -webkit-overflow-scrolling: touch
}

.fp-dropdown-content .see-all a {
    color: #18aed3
}

.fp-dropdown-content .fp-dropdown-single .fp-dropdown-item {
    height: 80px;
    line-height: 80px
}

.fp-dropdown-content .fp-dropdown-single .fp-dropdown-item h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fp-dropdown-content .fp-dropdown-single .fp-dropdown-item {
    padding-left: 75px;
    position: relative
}

.fp-dropdown-content .fp-dropdown-single .fp-dropdown-item p {
    color: #111433;
    font-size: 16px;
    display: none
}

.fp-dropdown-content .fp-dropdown-single .fp-dropdown-item::before {
    content: '';
    display: block;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px 40px
}

@-webkit-keyframes fp-fade-in {
    0% {
        opacity: 0;
        visibility: visible
    }
    100% {
        opacity: 1;
        visibility: visible
    }
}

@-moz-keyframes fp-fade-in {
    0% {
        opacity: 0;
        visibility: visible
    }
    100% {
        opacity: 1;
        visibility: visible
    }
}

@keyframes fp-fade-in {
    0% {
        opacity: 0;
        visibility: visible
    }
    100% {
        opacity: 1;
        visibility: visible
    }
}

@-webkit-keyframes fp-fade-out {
    0% {
        opacity: 1;
        visibility: visible
    }
    100% {
        opacity: 0;
        visibility: visible
    }
}

@-moz-keyframes fp-fade-out {
    0% {
        opacity: 1;
        visibility: visible
    }
    100% {
        opacity: 0;
        visibility: visible
    }
}

@keyframes fp-fade-out {
    0% {
        opacity: 1;
        visibility: visible
    }
    100% {
        opacity: 0;
        visibility: visible
    }
}

.go-back a,
.has-children>a {
    position: relative
}

.go-back a::after,
.go-back a::before,
.has-children>a::after,
.has-children>a::before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    display: inline-block;
    height: 2px;
    width: 10px;
    background: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: none;
    transition: none
}

.go-back a::before,
.has-children>a::before {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.go-back a::after,
.has-children>a::after {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.has-children>a {
    padding-left: 40px
}

.has-children>a::after,
.has-children>a::before {
    left: 10px;
    -webkit-transform-origin: 9px 50%;
    -moz-transform-origin: 9px 50%;
    -ms-transform-origin: 9px 50%;
    -o-transform-origin: 9px 50%;
    transform-origin: 9px 50%
}

.fp-dropdown-content .go-back a {
    padding-left: 40px
}

.fp-dropdown-content .go-back a::after,
.fp-dropdown-content .go-back a::before {
    left: 20px;
    -webkit-transform-origin: 1px 50%;
    -moz-transform-origin: 1px 50%;
    -ms-transform-origin: 1px 50%;
    -o-transform-origin: 1px 50%;
    transform-origin: 1px 50%
}

.fp-main-content {
    background-color: #e6e6e6;
    min-height: calc(100vh - 100px);
    padding: 2em 5%;
    line-height: 2
}

.no-js .fp-dropdown-wrapper:hover .fp-dropdown {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.no-js .fp-dropdown-wrapper .fp-close {
    display: none
}

#breadcrumbs{background: rgb(22, 33, 53); border-radius: 25px;height: auto;padding: 20px;text-align: right;color: #f7f7f7;margin: 20px 0px;float: right;}
#breadcrumbs b{font-weight: normal;}
#breadcrumbs i{font-style: normal;}
#breadcrumbs a:hover{color: #fff}
#main-data{position: relative;width: 100%;background: #1f2f4d;padding: 120px 0;}
#main-data hgroup{color: #fff;text-align: center;margin: 10px 0}
#main-data hgroup h2{font-size: 70px;font-variation-settings: "wght" 700;line-height: 1.5;}
#main-data hgroup h3{font-size: 47px;margin-top: 20px;font-variation-settings: "wght" 600;}
#main-data hgroup h4{font-size: 20px;margin-top: 20px;font-variation-settings: "wght" 600;line-height: 1.5;}
#main-data p{color: #fff;margin: 10px 0;text-align: center;display: block;font-size: 18px;width: 100%;float: right;}
#main-data b{margin: 0 8px;font-weight: normal;}
#main-data .athlete-icon{background: url(assets/imgs/appsprite.svg) no-repeat 0 0;width: 113px;height: 128px;margin: 10px auto 20px;display: block;background-size:437px 770px;}
#main-data .coach-icon{background: url(assets/imgs/appsprite.svg) no-repeat -113px 0;width: 116px;height: 128px;margin: 10px auto 20px;display: block;background-size:437px 770px;}
#main-data .gym-icon{background: url(assets/imgs/appsprite.svg) no-repeat -231px 0;width: 128px;height: 128px;margin: 10px auto 20px;display: block;background-size:437px 770px;}

#main-data .quickaccess{width: 100%;float: right;margin: 10px 0}
#main-data .quickaccess ul{width: 100%;max-width: 780px;float: none;margin: 0 auto;}
#main-data .quickaccess ul li{width:33.33%;float: right;padding: 10px;}
#main-data .quickaccess ul li a{float: right;padding: 10px;border-radius: 20px;width: 100%;display: block;text-align: center;}
#main-data .quickaccess ul li a:hover,#main-data .quickaccess ul li a:focus{background:#162135; color: #fff}
#main-data .quickaccess ul li a .athlete{background: url(assets/imgs/appsprite.svg) no-repeat 0 0;width: 58px;height: 64px;margin: 10px auto;display: block;background-size: auto;}
#main-data .quickaccess ul li a .coach{background: url(assets/imgs/appsprite.svg) no-repeat -57px 0;width: 58px;height: 64px;margin: 10px auto;display: block;background-size: auto;}
#main-data .quickaccess ul li a .gym{background: url(assets/imgs/appsprite.svg) no-repeat -115px 0;width: 64px;height: 64px;margin: 10px auto;display: block;background-size: auto;}
#main-data .quickaccess ul li a b{font-size: 18px;margin: 0;padding: 10px 0;width: 100%;display: block;float: right;text-align: center;}
#main-data .quickaccess ul li a .data{width: 100%;float: right;background: #162135;border-radius: 15px;padding: 10px;}
#main-data .quickaccess ul li a .data span{font-size: 24px;font-variation-settings: "wght" 600;font-weight: bold;text-align: center;float: right;display: block;width: 100%}
#main-data .quickaccess ul li a .data b{font-size: 16px;display: block;float: right;width: 100%;margin: 0;padding: 0}
#main-data .search{width: 100%;max-width: 580px;padding: 10px;float: right;position: relative;transform: translateX(50%);right: 50%}
#main-data .search ul{width: 100%;float: right;}
#main-data .search li{width: 50%;float: right; padding: 10px;}
#main-data .search .fsearch-btn{float: right;width: 100%;border-radius: 15px;height: 48px;background: #162135;color: #fff;}
#main-data .search .fsearch-btn input[type="radio"]{position: absolute;visibility: hidden;}
#main-data .search .fsearch-btn input[type=radio]:checked ~ label{background: #060a10;border-radius: 15px;}
#main-data .search .fsearch-btn label{display: block;position: relative;cursor: pointer;font-size: 20px;text-align: center;line-height: 2.5;margin: 0}
#main-data .search .expand{width: 100%;float: right;}
#main-data .search-input{width: 100%;float: right;padding: 10px}
#main-data .search-input input{width: 100%;border-radius: 15px;float: right;padding: 10px;}
#main-data .select{width: 33.33%;padding: 10px;float:right}
#main-data .select select{width: 100%;border-radius: 15px;}
#main-data .select select option{border-radius: 15px;padding: 5px}
#main-data .search button{padding: 0;margin: 10px 0;float: right;position: relative;right: 50%;transform: translateX(50%);}




#main-expand{width: 100%;float: right;background: #1f2f4d;}
#main-expand .expand{background: #fff;width: 100%;padding: 120px 0;float: right;border-radius: 80px 80px 0 80px;}
#main-expand .expand2{background: #fff;width: 100%;padding: 120px 0;float: right;border-radius: 80px 80px 0 0;}
#main-expand .expand3{width: 100%;padding: 120px 0;float: right;border-radius: 80px 80px 0 0;}
#main-expand .information {width: 100%;display: block;}
#main-expand .information h2{font-size:28px;font-variation-settings: "wght" 600;position: relative;text-align: right;padding: 10px;}
#main-expand .information h2::after{content: '';position: absolute;width: 80px;height: 1px;background: #1aaed2;bottom: 0;right:10px;}
#main-expand .information p{text-align: justify;text-align-last: right;padding: 10px;}
#main-expand .athlete-panel,#main-expand .gym-panel{width: 100%;background: #eef2f7;border-radius: 24px;padding: 10px;margin-bottom: 10px;overflow: hidden;}
#main-expand .athlete-panel h3{font-size:16px;font-variation-settings: "wght" 600;position: relative;text-align: right;padding: 10px;}
#main-expand .athlete-panel ul{width: 100%;}
#main-expand .athlete-panel li{width: 33.33%;float: right;padding: 10px}
#main-expand .athlete-panel .body-composition{width: 100%; float: right;max-height:220px;}
#main-expand .athlete-panel .body-composition .top{width: 100%;}
#main-expand .athlete-panel .body-composition .top li{width: 50%;padding: 10px;}
#main-expand .athlete-panel .body-composition .top li i{font-style: normal;width: 100%;display: block;font-size: 14px;text-align: right;float: right;}
#main-expand .athlete-panel .body-composition .top li b{font-size: 22px;font-variation-settings: "wght" 600;font-weight: bold;text-align: right;color: #1f2f4d;float: right;display: block;width: 100%}
#main-expand .athlete-panel .body-composition .bottom{width: 50%;}
#main-expand .athlete-panel .body-composition .bottom li{width: 100%;padding: 10px;position: relative;}
#main-expand .athlete-panel .body-composition .bottom li i{font-style: normal;width: 100%;display: block;font-size: 14px;text-align: right;float: right;padding-right: 10px}
#main-expand .athlete-panel .body-composition .bottom li b{font-size: 22px;font-variation-settings: "wght" 600;font-weight: bold;text-align: right;color: #1f2f4d;float: right;display: block;width: 100%;padding-right: 10px}
#main-expand .athlete-panel .body-composition .bottom li:first-child::before{position: absolute;content: '';width: 4px;height: 48px;background: #1f2f4d;border-radius: 5px}
#main-expand .athlete-panel .body-composition .bottom li:last-child::before{position: absolute;content: '';width: 4px;height: 48px;background: #1aaed2;border-radius: 5px}
.circle-wrap {margin:10px;float: left;position: relative;width: 124px;height: 124px;background: #1aaed2;border-radius: 50%;}
.circle{position: relative;}
.circle-wrap .circle .mask,.circle-wrap .circle .fill {width: 124px;height: 124px;position: absolute;border-radius: 50%;}
.circle-wrap .circle .mask {clip: rect(0px, 150px, 150px, 75px);}
.circle-wrap .circle .mask .fill {clip: rect(0px, 75px, 150px, 0px);background-color: #1f2f4d;}
.circle-wrap .circle .mask.full,.circle-wrap .circle .fill {animation: fill ease-in-out 3s;transform: rotate(150deg);}
@keyframes fill {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(150deg);
  }
}
.circle-wrap .inside-circle {width: 104px;height: 104px;border-radius: 50%;background: #eef2f7;text-align: center;right: 10px;top: 10px;position: absolute;z-index: 100;}
.circle-wrap .inside-circle i{background: url(assets/imgs/appsprite.svg) no-repeat -180px 0;width: 28px;height: 64px;margin: 20px auto;display: block;background-size: auto;}

#main-expand .athlete-panel .cal{width: 100%}
#main-expand .athlete-panel .cal .stats{width: 100%;overflow: hidden;}
#main-expand .athlete-panel .cal .stats span{width: 70%;float: right;padding-bottom: 12px;}
#main-expand .athlete-panel .cal .stats b{width: 30%;float: left;line-height: 4.1;padding: 0}
#main-expand .athlete-panel li .stats{width: 100%;background: #fff;border-radius: 15px;float: right;}
#main-expand .athlete-panel li .stats span{display: block;width: 100%;font-size: 18px;font-weight: bold;font-variation-settings: "wght" 600;text-align: center;padding: 20px 0 14px;background: #e2e8ef;border-radius: 15px;}
#main-expand .athlete-panel li .stats b{font-weight: normal;display: block;width: 100%;float: right;text-align: center;padding: 10px 0}
#main-expand .athlete-panel canvas{height: 204px !important;background:#fff;border-radius: 12px;width: 100%;padding: 10px}
#main-expand .athlete-panel .coachs{overflow: hidden;height: 268px;border-radius: 25px}
#main-expand .athlete-panel .coach{width: 100%;display: block;position: relative;}
#main-expand .latest-coach{border-radius: 25px;width:100%;}
#main-expand .latest-coach header{padding: 10px;float: right;}
#main-expand .latest-coach header figure{margin: 0 ;width: 84px;height: 84px;float: right;}
#main-expand .latest-coach header figure img{border-radius: 25px;}
#main-expand .latest-coach header h3{width: calc(100% - 84px);padding: 10px;text-align: right;font-size: 16px;font-variation-settings: "wght" 600;float: left;}
#main-expand .latest-coach .info{width: 100%;float: right;padding-top: 5px}
#main-expand .latest-coach .about{width: 100%;padding:5px 10px;}
#main-expand .latest-coach .about b{font-weight: normal;padding-right: 6px;}
#main-expand .latest-coach .about .coach-icon{width: 17px;height: 16px;margin-top: 2px;display: block;background: url(assets/imgs/appsprite.svg) no-repeat -15px -66px;float: right;}
#main-expand .latest-coach .about .expert{width: 17px;height: 16px;display: block;background: url(assets/imgs/appsprite.svg) no-repeat -95px -66px;float: right;}
#main-expand .latest-coach header ul{padding: 10px;float: left;width: calc(100% - 86px);}
#main-expand .latest-coach header li{padding:0 2px;float:right;width: auto;}
#main-expand .latest-coach header .star{width: 16px;height: 15px;display: block;background: url(assets/imgs/sprite.svg) no-repeat -81px -118px;float: left;}
#main-expand .latest-coach header .star-half{width: 11px;height: 15px;display: block;background: url(assets/imgs/sprite.svg) no-repeat -81px -135px;float: left;}


#main-expand .athlete-panel .plans{width: 100%;padding: 10px;float: right;}
#main-expand .athlete-panel .daily-plan{width: 100%;background: #fff;border-radius: 15px;float: right;overflow: hidden;}
#main-expand .athlete-panel .daily-plan .date{border-bottom: 1px solid #f7f7f7;}
#main-expand .athlete-panel .daily-plan .date li{padding: 0;}
#main-expand .athlete-panel .daily-plan .date h4{font-size: 18px;text-align: center;width: 100%;max-width: 180px;line-height: 48px}
#main-expand .athlete-panel .daily-plan .date .after,#main-expand .athlete-panel .daily-plan .date .before{width: 48px;height: 48px;background: #c9d0de;text-align: center;line-height: 48px;font-weight: bold;cursor: pointer;}
#main-expand .athlete-panel .daily-plan .info{width: 100%;float: right;padding: 10px;}
#main-expand .athlete-panel .daily-plan .info li{width: 100%;padding: 10px;border-radius: 15px;background: #f7f7f7;}
#main-expand .athlete-panel .daily-plan .info li:first-child{margin-bottom: 10px;}
#main-expand .athlete-panel .daily-plan .info li figure{width: 64px;height: 64px;background: #1f2f4d;border-radius: 15px;float: right;margin: 0}
#main-expand .athlete-panel .daily-plan .info li figure .workout{width: 32px;height: 33px;display: block;background: url(assets/imgs/appsprite.svg) no-repeat 0px -105px;margin: 16px auto;}
#main-expand .athlete-panel .daily-plan .info li figure .diet{width: 33px;height: 33px;display: block;background: url(assets/imgs/appsprite.svg) no-repeat -33px -105px;margin: 16px auto;}
#main-expand .athlete-panel .daily-plan .info li h5{width: calc(100% - 64px);font-size: 16px;text-align: right;padding: 10px;float: left;margin: 0}
#main-expand .athlete-panel .daily-plan .info li h5 span{font-size: 14px;width: 100%;float: right;display: block;font-weight: normal;}


#main-expand .athlete-panel .excercises{overflow: hidden;height: 268px;border-radius: 25px}
#main-expand .athlete-panel .excercise{width: 100%;display: block;position: relative;}
#main-expand .athlete-panel .post-data-workouts{padding: 10px;background: #fff;border-radius: 15px}
#main-expand .athlete-panel .post-data-workouts li{width: 33.333%;}
#main-expand .athlete-panel .workout-pic img{border-radius: 15px;width: 98px}
#main-expand .athlete-panel .rate{background: #1495b4;color: #fff;border-radius: 15px;width: 100%;float:right;}
#main-expand .athlete-panel .rate b,#main-expand .athlete-panel .rate span{font-size: 12px;font-weight: normal;padding: 4px 0 3px 0;display: block;width:100%;float:right;}
#main-expand .athlete-panel .rate-box{background: #1aaed2;color: #fff;width: 86%;border-radius: 12px;padding: 5px 0 0 0;font-size: 22px;font-variation-settings: "wght" 800;}
#main-expand .athlete-panel .details h3{font-size: 18px;padding: 5px 10px}
#main-expand .athlete-panel .details p{color: #363636;padding: 5px 10px 10px}
#main-expand .blur{filter: blur(1px); -webkit-filter: blur(1px);}
#main-expand .blur2{filter: blur(2px); -webkit-filter: blur(2px);}

#main-expand .athlete-panel .latest-gyms,#main-expand .athlete-panel .athlete-features,#main-expand .gym-panel .gym-features{overflow: hidden;width: 100%;position: relative;float: right;}
#main-expand .gym-panel .gym-features{max-height:252px;}
#main-expand .athlete-panel .gym,#main-expand .athlete-panel .feature,#main-expand .gym-panel .feature{width: 100%;position: relative;display: block;top: 0;bottom: 0;left: 0;}
#main-expand .latest-gym{width: 100%;float: right;border-radius: 25px;margin: 60px 0 0 0;}
#main-expand .latest-gym header{width: 100%;float: right;margin: -80px 0 0 0;}
#main-expand .latest-gym figure{overflow: hidden;padding: 10px;margin: 0;float: right;width: 100%}
#main-expand .latest-gym figure img{border-radius: 25px;}
#main-expand .latest-gym .title{width: 100%;float: right;}
#main-expand .latest-gym .title h3{width: 100%;float: right;font-size: 15px;padding: 0 10px 6px 10px}
#main-expand .latest-gym .title2{padding: 10px;float: right;width: 100%}
#main-expand .latest-gym .title2 figure{float: right;width: 64px;height: 64px;border-radius: 12px;margin: 0;padding: 0;}
#main-expand .latest-gym .title2 figure img{border-radius: 12px;}
#main-expand .latest-gym .title2 h3{font-size: 16px;float: left;text-align: right;width: calc(100% - 74px);padding: 5px 0}
#main-expand .latest-gym .title2 ul{padding:2px 10px;float: right;width: calc(100% - 56px);}
#main-expand .latest-gym .title2 li{padding:0 2px;float:right;width: auto;}
#main-expand .latest-gym .title2 .stars{float: right;width: 60%;position: relative;top: -3px;right:10px;}
#main-expand .latest-gym .title2 .stars-co{float: right;padding: 6px 10px 4px;background: rgb(22, 33, 53);border-radius: 10px;}
#main-expand .latest-gym .title2 .full{width: 16px;height: 15px;display: block;background: url(assets/imgs/sprite.svg) no-repeat -81px -118px;float: right;}
#main-expand .latest-gym .title2 .stars p{float: right;color: #fff;font-size: 16px;font-variation-settings: "wght" 300;font-weight: lighter;line-height: 16px;padding: 3px 5px 0;}

#main-expand .latest-gym ul{width: 100%;float: right;}
#main-expand .latest-gym li{width: 50%;float: right;padding: 2px 10px}
#main-expand .latest-gym li b{font-weight: normal;padding-right: 4px}
#main-expand .latest-gym .gym-icon{width: 17px;height: 16px;display: block;background: url(assets/imgs/appsprite.svg) no-repeat -15px -66px;float: right;}
#main-expand .latest-gym .location{width: 15px;height: 16px;display: block;background: url(assets/imgs/appsprite.svg) no-repeat 0px -66px;float: right;}
#main-expand .latest-gym .user{width: 17px;height: 16px;display: block;background: url(assets/imgs/appsprite.svg) no-repeat -65px -66px;float: right;}
#main-expand .latest-gym .price{width: 11px;height: 16px;display: block;background: url(assets/imgs/appsprite.svg) no-repeat -83px -66px;float: right;margin:0 3px}


#main-expand .athlete-panel .notification{width: 100%;float: right;height: 278px;}
#main-expand .athlete-panel .notification li{width: 100%;padding: 10px;float: right;}
#main-expand .athlete-panel .notification li article{width: 100%;float: right;border-radius: 15px;background: #fff;padding: 10px;}
#main-expand .athlete-panel .notification li article figure{background: #1f2f4d;margin: 0;border-radius: 15px;width: 64px;height: 64px;float: right;overflow: hidden;}
#main-expand .athlete-panel .notification li article figure img{position:relative;transform:translate(50% , -50%);top:50%;left:-50%;}
#main-expand .athlete-panel .notification li article .info{width: calc(100% - 64px);float: left;position: relative;}
#main-expand .athlete-panel .notification li article .info h4{font-size: 16px;text-align: right;width: 100%;float: right;padding: 0px 10px 4px 10px;}
#main-expand .athlete-panel .notification li article .info p{text-align: right;text-align-last: right;padding:4px 10px 0px 10px;float: right;width: 100%;}
#main-expand .athlete-panel .notification li article .info i{font-weight: bold;font-style: normal;position: absolute;left: 8px;top: 0;font-size: 30px;}
#main-expand .athlete-panel .speech-sup{position: relative;background: #1f2f4d;margin: 10px 10px 20px 10px;border-radius: 25px 25px 25px 0;color: #fff;padding: 17px 20px;width:60%;float: left;}
#main-expand .athlete-panel .speech-sup:after {content: '';position: absolute;bottom: 0;left: 10px;width: 0;height: 0;border: 12px solid transparent;border-top-color: #1f2f4d;border-bottom: 0;border-left: 0;margin-left: -10px;margin-bottom: -10px;}
#main-expand .athlete-panel .speech-user{position: relative;background: #1aaed2;margin: 10px 10px 20px 10px;border-radius: 25px 25px 0 25px;color: #fff;padding: 17px 20px;width:60%;float: right;}
#main-expand .athlete-panel .speech-user:after {content: '';position: absolute;bottom: 0;right: 10px;width: 0;height: 0;border: 12px solid transparent;border-top-color: #1aaed2;border-bottom: 0;border-right: 0;margin-right: -10px;margin-bottom: -10px;}
.spinner {width: 70px;text-align: right;}
.spinner > div {width: 14px;height: 14px;background-color: #fff;border-radius: 100%;display: inline-block;-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;animation: sk-bouncedelay 1.4s infinite ease-in-out both;}
.spinner .bounce1 {-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.spinner .bounce2 {-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}
@-webkit-keyframes sk-bouncedelay {0%, 80%, 100% { -webkit-transform: scale(0) }40% { -webkit-transform: scale(1.0) }}
@keyframes sk-bouncedelay {0%, 80%, 100% {-webkit-transform: scale(0);  transform: scale(0);} 40% {-webkit-transform: scale(1.0);transform: scale(1.0);}}


#main-expand .full-information h2,#even-expand .full-information h2,#odd-expand .full-information h2{font-size:28px;font-variation-settings: "wght" 600;position: relative;text-align: center;padding: 10px;}
#main-expand .full-information h2::after,#even-expand .full-information h2::after,#odd-expand .full-information h2::after{content: '';position: absolute;width: 80px;height: 1px;background: #1aaed2;bottom: 0;right:50%;transform: translateX(50%)}
#even-expand .full-information h2{color: #fff}
#main-expand h3{float: right;width: 100%;font-size: 18px;padding: 10px 0;text-align: center;font-variation-settings: "wght" 600;font-weight: 600;}
#main-expand p{float: right;text-align: justify;text-align-last: center;padding: 4px 10px 10px 10px}

#main-expand .coach-card{position: relative;transform: translateX(50%);right: 50%;margin-top: -340px}
#main-expand .coach-profile{background: #fff;border-radius: 25px;margin: 60px 0 0 0}
#main-expand .shadow{box-shadow: 0px 5px 10px rgba(0,0,0,0.1)}
#main-expand .coach-profile header{padding: 10px; margin: -80px 0 0 0;float: right;}
#main-expand .coach-profile header figure{margin: 0 ; position: relative;}
#main-expand .coach-profile header figure img{border-radius: 25px;}
#main-expand .coach-profile header figure figcaption{background: rgba(0,0,0,0.8);border-radius: 25px;position: absolute;right:0;bottom: 0;width: 100%;float: right;padding: 15px;}
#main-expand .coach-profile header figure figcaption h3{text-align: center;font-size: 18px;font-variation-settings: "wght" 600;color: #fff;padding: 0 0 10px 0}
#main-expand .coach-profile header figure figcaption ul{padding: 0;margin: 0 auto;float: right;position: relative;right: 50%;transform: translateX(50%);}
#main-expand .coach-profile header figure figcaption li{padding:0 2px;float:left;}
#main-expand .coach-profile header figure figcaption .star{width: 16px;height: 15px;display: block;background: url(assets/imgs/sprite.svg) no-repeat -81px -118px;float: left;}
#main-expand .coach-profile header figure figcaption .star-half{width: 11px;height: 15px;display: block;background: url(assets/imgs/sprite.svg) no-repeat -81px -135px;float: left;}
#main-expand .coach-profile .info{width: 100%;float: right;padding-top: 5px}
#main-expand .coach-profile .about{width: 100%;padding:5px 10px;}
#main-expand .coach-profile .about b{font-weight: normal;padding-right: 6px;}
#main-expand .coach-profile .about .coach{width: 17px;height: 16px;margin-top: 2px;display: block;background: url(assets/imgs/appsprite.svg) no-repeat -15px -66px;float: right;}
#main-expand .coach-profile .about .expert{width: 17px;height: 16px;display: block;background: url(assets/imgs/appsprite.svg) no-repeat -95px -66px;float: right;}
#main-expand .coach-profile .stats{width: 50%;float: right;padding: 5px 10px 10px 10px;position: relative;}
#main-expand .coach-profile .stats span{font-size: 20px;font-variation-settings: "wght" 700;width: 100%;display: block;text-align: center;}
#main-expand .coach-profile .stats b{font-weight: normal;text-align: center;width: 100%;float: right;}
#main-expand .coach-profile li.stats::after{position: absolute;content: '';left: 0;top:14px;background: #c7c7c7;width: 1px;height: 40px;}
#main-expand .coach-profile li:last-child::after{content: none;}
#main-expand .coach-profile .more{width: 60%;float: right;padding: 10px;}
#main-expand .coach-profile .more2{width: 40%;float: right;padding: 10px;}
#main-expand .coach-profile .more .follow{width: 100%;border-radius: 15px;background: #1aaed2;display: block;text-align: center;}
#main-expand .coach-profile .more .follow:hover,#main-expand .coach-profile .more2 .message:hover{opacity: 0.8}
#main-expand .coach-profile .more a{color: #fff;padding: 10px;}
#main-expand .coach-profile .more2 .message{width: 100%;border-radius: 15px;background: #d3d3d3;display: block;text-align: center;}
#main-expand .coach-profile .more2 a{color: #313131;padding: 10px;cursor: pointer;}
#main-expand .coach-title{font-size:24px;font-variation-settings: "wght" 600;position: relative;text-align: center;padding-bottom: 10px;margin: 20px 0}
#main-expand .coach-title:after{content: '';position: absolute;width: 80px;height: 1px;background: #1aaed2;bottom: 0;left:50%;transform: translateX(-50%);}
#main-expand .coach-biography{width: 100%;float: right;padding: 10px;border-radius: 35px;background: #fff;margin-top:10px;}
#main-expand .coach-biography p{padding: 10px;text-align: justify;text-align-last: right;line-height: 1.7}
#main-expand .coach-info{float: right;width: 100%;}
#main-expand .coach-info li{width:50%;padding: 10px;float:right}
#main-expand .coach-info .box{border-radius: 25px;background:#fff;width: 100%;height: 64px}
#main-expand .coach-info .box .title{float: right;width: 40%;height: 64px;background: #e0e7ef;border-radius: 25px;display: flex;justify-content: center;align-items: center;text-align: center;}
#main-expand .coach-info .box .desc{float: right;width: 60%;text-align: center;padding: 4px;height: 64px;display: flex;justify-content: center;align-items: center;}
#main-expand .coach-info .big{width:100%;padding: 10px;float:right}
#main-expand .coach-info .bigbox{border-radius: 25px;background:#fff;width: 100%;float: right;overflow: hidden;}
#main-expand .coach-info .bigbox .title{font-size: 16px;float: right;width: 100%;background: #e0e7ef;padding: 14px 0;border-radius: 25px;display: flex;justify-content: center;align-items: center;}
#main-expand .coach-info .bigbox ul{width: 100%;float: right;padding: 20px}
#main-expand .coach-info .bigbox li{width: 100%;border-radius: 15px;margin: 10px 0;background: #f7f7f7;padding: 0}
#main-expand .coach-info .bigbox li:first-child{margin-top: 0;}
#main-expand .coach-info .bigbox li:last-child{margin-bottom: 0}
#main-expand .coach-info .bigbox li i{width: 38px;height: 38px;border-radius: 15px;float: right;background: #83c914}
#main-expand .coach-info .bigbox li .cup{width: 18px;height: 18px;float: right;background: url(assets/imgs/sprite.svg) no-repeat -55px -137px;margin: calc(50% - 9px);}
#main-expand .coach-info .bigbox li .medal{width: 18px;height: 18px;float: right;background: url(assets/imgs/sprite.svg) no-repeat -55px -155px;margin: calc(50% - 9px);}
#main-expand .coach-info .bigbox li b{font-weight: normal;font-size: 14px;height: 40px;margin-right: 50px;display: flex;justify-content: right;align-items: center;}
#main-expand .coach-gallery{border-radius: 35px;overflow: hidden;}
#main-expand .coach-gallery .slideshow{position: relative;display: block;overflow: hidden;}
#main-expand .coach-gallery figure{position: absolute; margin: 0;opacity: 0;transition: 1s opacity;}
#main-expand .coach-gallery figcaption{position: absolute;font-size: 16px;bottom: 20px;right: 20px;padding: 10px;color: #fff;background: rgba(0,0,0, 0.8);border-radius: 15px;}
#main-expand .coach-gallery figcaption a{color: #fff;}
#main-expand .coach-gallery figure.show{opacity: 1;position: static;transition: 1s opacity;}
#main-expand .coach-gallery .next,#main-expand .coach-gallery .prev{color: #fff;position: absolute;background: rgba(0,0,0, .8);top: 50%;transform: translateY(-50%);z-index: 1;font-size: 30px;opacity: 0.8;user-select: none;}
#main-expand .coach-gallery .next:hover, #main-expand .coach-gallery .prev:hover{cursor: pointer;opacity: 1;}
#main-expand .coach-gallery .next{right: 0;padding: 10px 5px 5px 10px;border-top-left-radius: 15px;border-bottom-left-radius: 15px;}
#main-expand .coach-gallery .prev{left: 0;padding: 10px 10px 5px 5px;border-top-right-radius: 15px;border-bottom-right-radius: 15px;}
#main-expand .coach-posts{border-radius: 35px;overflow: hidden;}
#main-expand .coach-posts figure{margin: 0;position: relative;background: #1f2f4d;}
#main-expand .coach-posts figure img{margin: 0;position: relative;opacity: 0.3}
#main-expand .coach-posts figure:hover img{opacity: 0.1}
#main-expand .coach-posts figcaption{position: absolute;font-size: 22px;font-variation-settings: "wght" 600;top:50%;right: 50%;transform: translate(50% , -50%);padding: 10px;color: #fff;width:90%;text-align:center;}
#main-expand .personal-gym-page{width: 100%;max-height: 260px;float: right;display: block;position: relative;}
#main-expand .personal-gym-page .title{width: 100%;padding: 10px;}
#main-expand .personal-gym-page .title figure{width: 80px;height: 80px;border-radius: 15px;float: right;background: #202f4e;overflow: hidden;margin: 0}
#main-expand .personal-gym-page .title figure img{position:relative;transform:translate(50% , -50%);top:50%;left:-50%;}
#main-expand .personal-gym-page .title hgroup{width: calc(100% - 90px);float: left;padding: 10px 0 0 0}
#main-expand .personal-gym-page .title h1{font-size: 18px;text-align: right;margin-bottom: 6px}
#main-expand .personal-gym-page .title h3{font-size: 14px;text-align: right;font-weight: normal;}
#main-expand .personal-gym-page ul{width: 100%;float: right;padding: 10px}
#main-expand .personal-gym-page .follow{float: right;width: 48%;height: 42px;background: #1aaed2;border-radius: 15px;margin: 0 0 20px 0;text-align: center;overflow: hidden;padding: 0}
#main-expand .personal-gym-page .follow a,#main-expand .personal-gym-page .message a{color:#fff;}
#main-expand .personal-gym-page .message{float: left;width: 48%;height: 42px;background: #FF9800;border-radius: 15px;margin: 0 0 20px 0;text-align: center;overflow: hidden;}
#main-expand .personal-gym-page .follow a,#main-data aside .message a{line-height: 42px;width: 100%;display: block;}
#main-expand .personal-gym-page .googlemap{float: right;width: 48%;height: 54px;background: #e6e6e6;border-radius: 20px;margin: 10px 0;padding: 0}
#main-expand .personal-gym-page .googlemap .icon{width: 54px;height: 54px;float: right;background: #d0d0d0;border-radius: 20px;margin-left: 10px}
#main-expand .personal-gym-page .googlemap .icon i{width: 28px;height: 28px;background: url(assets/imgs/googlemap.svg) no-repeat;display: block;margin: calc(50% - 13px)}
#main-expand .personal-gym-page .wazemap{float: left;width: 48%;height: 54px;background: #43d3ff;border-radius: 20px;margin: 10px 0;padding: 0}
#main-expand .personal-gym-page .wazemap .icon{width: 54px;height: 54px;float: right;background: #3ab8df;border-radius: 20px;margin-left: 10px}
#main-expand .personal-gym-page .wazemap .icon i{width: 28px;height: 28px;background: url(assets/imgs/waze.svg) no-repeat;display: block;margin: calc(50% - 14px)}
#main-expand .personal-gym-page .wazemap p,#main-expand .personal-gym-page .googlemap p{width: auto;font-size: 14px;padding: 4px 0}
#main-expand .personal-gym-page .wazemap b,#main-expand .personal-gym-page .googlemap b{font-size: 16px;}
#main-expand .personal-gym-page .wazemap a{color: #fff}
#main-expand .personal-gym-page .googlemap a{color: #4c4c4c}


#main-expand .all-status{width: 100%;max-height: 260px;float: right;display: block;}
#main-expand .all-status li{width: 100%;float: right;}
#main-expand .status{width: 100%;float: right;padding: 10px;border-radius: 20px;background: #fff;}
#main-expand .status h2{font-size: 16px;float: right;text-align: right;padding: 10px;margin: 0}
#main-expand .status h2::after{content: none;}
#main-expand .status p{width: 100%;padding: 0 10px;text-align: justify;text-align-last: right;float: right;}
#main-expand .status span{background: #eee;border-radius: 10px;padding: 4px 12px;display: block;float: right;width: auto;margin: 10px;}
#main-expand .status i{float: left;display: block;font-style: normal;width: auto;padding: 4px 12px;margin: 10px;background: #eee;border-radius: 10px;}
#main-expand .tuitions{float: right;width: 100%;margin: 0;max-height: 260px;}
#main-expand .tuitions li{float: right;width: 100%}
#main-expand .tuitions .info{width: 100%;float: right;background: #16538b;border-radius: 20px;padding: 10px}
#main-expand .tuitions .info .duration{background: #fff;border-radius: 16px;float: right;width: 64px;height: 64px;padding: 12px 0}
#main-expand .tuitions .info .duration b{font-size: 24px;width: 100%;text-align: center;display: block;line-height: 1}
#main-expand .tuitions .info .duration i{font-size: 15px;font-style: normal;text-align: center;width: 100%;line-height: 1;display: block;}
#main-expand .tuitions .info .price{float: left;width: calc(100% - 64px);color: #fff;text-align: center;line-height:1.91}
#main-expand .tuitions .info .price b{font-size: 34px;}
#main-expand .tuitions .info .price i{font-size: 16px;font-style: normal;}
#main-expand .review{width: 100%;padding: 10px;float: right;}
#main-expand .review p{background: #fff;padding: 20px;border-radius: 25px;float: right;}
#main-expand .gym-info{float: right;width: 100%;max-height: 260px;}
#main-expand .gym-info li{width: 100%;padding: 10px;float:right}
#main-expand .gym-info .box{border-radius: 25px;background:#fff;width: 100%;height: 64px}
#main-expand .gym-info .box .title{float: right;width: 30%;height: 64px;background: #e4ebf5;border-radius: 25px;display: flex;justify-content: center;align-items: center;}
#main-expand .gym-info .box .desc{float: right;width: 70%;text-align: center;padding: 4px;height: 64px;display: flex;justify-content: center;align-items: center;}
#main-expand .gym-minfo .big{width:100%;float:right;}
#main-expand .gym-minfo .bigbox{border-radius: 25px;background:#fff;width: 100%;float: right;overflow: hidden;}
#main-expand .gym-minfo .bigbox .title{font-size: 16px;float: right;width: 100%;background: #e0e7ef;padding: 14px 0;border-radius: 25px;display: flex;justify-content: center;align-items: center;}
#main-expand .gym-minfo .bigbox ul{width: 100%;float: right;padding: 20px}
#main-expand .gym-minfo .bigbox li{width: 100%;border-radius: 15px;margin: 10px 0;background: #f7f7f7;padding: 0}
#main-expand .gym-minfo .bigbox li:first-child{margin-top: 0;}
#main-expand .gym-minfo .bigbox li:last-child{margin-bottom: 0}
#main-expand .gym-minfo .bigbox li i{width: 38px;height: 38px;border-radius: 15px;float: right;background: #83c914}
#main-expand .gym-minfo .bigbox li .cup{width: 18px;height: 18px;float: right;background: url(assets/imgs/sprite.svg) no-repeat -55px -137px;margin: calc(50% - 9px);}
#main-expand .gym-minfo .bigbox li .medal{width: 18px;height: 18px;float: right;background: url(assets/imgs/sprite.svg) no-repeat -55px -155px;margin: calc(50% - 9px);}
#main-expand .gym-minfo .bigbox li b{font-weight: normal;font-size: 14px;height: 40px;margin-right: 50px;display: flex;justify-content: right;align-items: center;}
#main-expand .gym-minfo .bigbox .worktime,#main-expand .gym-minfo .bigbox .sans{width: 50%;float: right;padding: 10px;font-size: 15px}
#main-expand .gym-minfo .bigbox .worktime i{width:19px;height: 19px;float: right;background: url(assets/imgs/sprite.svg) no-repeat -55px -174px;display: block;margin-left: 10px}
#main-expand .gym-minfo .bigbox .sans .both{width: 42px;height: 18px;float: right;background: url(assets/imgs/sprite.svg) no-repeat -100px -46px;display: block;margin-left: 10px}
#main-expand .phonesocial .phone{float: right;width: 100%;}
#main-expand .phonesocial .phone li{width: 100%;padding: 10px;float:right;}
#main-expand .phonesocial .phone .box{border-radius: 25px;background:#fff;width: 100%;height: 64px}
#main-expand .phonesocial .phone .box .title{float: right;width: 36%;height: 64px;background: #e0e7ef;border-radius: 25px;display: flex;justify-content: center;align-items: center;}
#main-expand .phonesocial .phone .box .desc{float: right;width: 64%;text-align: center;padding: 4px;height: 64px;font-size: 16px;display: flex;justify-content: center;align-items: center;}
#main-expand .phonesocial .social ul{width: 100%;float: right;}
#main-expand .phonesocial .social li{width: 30%;padding: 10px;float: left;display: inline-block;}
#main-expand .phonesocial .social li a{float: right;width: 48px;height: 48px;display: block;border-radius: 15px;background: #1aaed2;}
#main-expand .phonesocial .social .instagram i,#main-expand .phonesocial .social .telegram i,#main-expand .phonesocial .social .whatsapp i{background-image: url(assets/imgs/sprite.svg); background-repeat: no-repeat;display: block;}
#main-expand .phonesocial .social .instagram i{margin: calc(50% - 12px) auto;width: 24px;height: 24px;background-position: 0px -46px}
#main-expand .phonesocial .social .telegram i{margin: calc(50% - 10px) auto;width: 24px;height: 21px;background-position: 0px -70px}
#main-expand .phonesocial .social .whatsapp i{margin: calc(50% - 11px) auto;width: 22px;height: 22px;background-position: 0px -196px}
#main-expand .gym-panel .map{width: 100%;float: right;padding: 10px;}
#main-expand .gym-panel .map .expnd{width: 100%;float: right;height: 220px;background: red;border-radius: 20px;overflow: hidden;}



#main-expand li ul,#even-expand .information ul,#odd-expand .information ul{width: 100%;float: right;}
#main-expand li li,#even-expand .information li,#odd-expand .information li{width: 50%;padding: 10px;float: right;}
#main-expand li li .more-btn,#main-expand li li .signup-btn,
#odd-expand .information li .more-btn,#odd-expand .information li .signup-btn,
#even-expand .information li .more-btn,#even-expand .information li .signup-btn{width: 100%}
#main-expand li li .more-btn b,#main-expand li li .signup-btn b,#odd-expand .information li .more-btn b,#odd-expand .information li .signup-btn b,
#even-expand .information li .more-btn b,#even-expand .information li .signup-btn b{width: calc(100% - 42px)}
#even-expand{width: 100%;float: right;width: 100%;background: #fff;}
#even-expand .expand{background: #1f2f4d;width: 100%;padding: 120px 0;float: right;border-radius: 0 80px 80px 0;}
#even-expand .information {width: 100%;display: block;}
#even-expand .information h2{font-size:28px;font-variation-settings: "wght" 600;color: #fff;position: relative;text-align: left;padding-bottom: 10px;}
#even-expand .information h2::after{content: '';position: absolute;width: 80px;height: 1px;background: #1aaed2;bottom: 0;left:0;}
#even-expand .information p{text-align: justify;color: #fff}
#even-expand .coach{width: 100%;background: #fff;border-radius: 24px;}
#even-expand .coach figure{padding: 10px;float: right;margin: 0;}
#even-expand .coach figure img{width: 64px;height: 64px;background: #e2e8ef;border-radius: 12px;display: block;}
#even-expand .coach .head{padding: 10px;width: calc(100% - 84px);float: right;}
#even-expand .coach .head h3{font-size: 16px;}
#even-expand .coach .field{padding: 10px 0;width: 100%;float: right;}
#even-expand .coach .field b{font-weight: normal;width: auto;float: right;text-align: right;padding-right:8px }
#even-expand .coach .field .gym{width: 17px;height: 16px;margin-top: 2px;display: block;background: url(assets/imgs/appsprite.svg) no-repeat -15px -66px;float: right;}
#even-expand .coach .field .diet{width: 16px;height: 16px;margin-top: 2px;display: block;background: url(assets/imgs/appsprite.svg) no-repeat -49px -66px;float: right;}
#even-expand .comment{background: #fff;border-radius: 25px;min-height: 200px}
#even-expand .comment header{width: 100%;float: right;position: relative;}
#even-expand .comment header .head{width: calc(100% - 62px);float: right;position: absolute;top: 50%;left:0;-ms-transform: translateY(-50%);transform: translateY(-50%);}
#even-expand .comment figure{float: right;width: 62px;height: 62px;padding: 10px;margin:0;}
#even-expand .comment figure img{width: 100%;float: right;display: block;border-radius: 12px;}
#even-expand .comment h3{font-size: 1.286em;font-variation-settings: "wght" 700;text-align: right;}
#even-expand .comment b{font-size: 1.000em;font-weight: normal;}
#even-expand .comment p{font-size: 1.000em;margin: 10px;}
#even-expand .top-coach{background: #fff;border-radius: 25px;margin: 60px 0 0 0}
#even-expand .top-coach header{padding: 10px; margin: -80px 0 0 0;float: right;}
#even-expand .top-coach header figure{margin: 0 ; position: relative;}
#even-expand .top-coach header figure img{border-radius: 25px;}
#even-expand .top-coach header figure figcaption{background: rgba(0,0,0,0.8);border-radius: 25px;position: absolute;right:0;bottom: 0;width: 100%;float: right;padding: 10px;}
#even-expand .top-coach header figure figcaption h3{text-align: center;font-size: 18px;font-variation-settings: "wght" 600;color: #fff}
#even-expand .top-coach header figure figcaption ul{padding: 10px 0 0 0;margin: 0 auto;float: right;position: relative;right: 50%;transform: translateX(50%);}
#even-expand .top-coach header figure figcaption li{padding:0 2px;float:left;}
#even-expand .top-coach header figure figcaption .star{width: 16px;height: 15px;display: block;background: url(assets/imgs/sprite.svg) no-repeat -81px -118px;float: left;}
#even-expand .top-coach header figure figcaption .star-half{width: 11px;height: 15px;display: block;background: url(assets/imgs/sprite.svg) no-repeat -81px -135px;float: left;}
#even-expand .top-coach .info{width: 100%;float: right;padding-top: 5px}
#even-expand .top-coach .about{width: 100%;padding:5px 10px;}
#even-expand .top-coach .about b{font-weight: normal;padding-right: 6px;}
#even-expand .top-coach .about .coach{width: 17px;height: 16px;margin-top: 2px;display: block;background: url(assets/imgs/appsprite.svg) no-repeat -15px -66px;float: right;}
#even-expand .top-coach .about .expert{width: 17px;height: 16px;display: block;background: url(assets/imgs/appsprite.svg) no-repeat -95px -66px;float: right;}
#even-expand .top-coach .stats{width: 50%;float: right;padding: 5px 10px 10px 10px;position: relative;}
#even-expand .top-coach .stats span{font-size: 20px;font-variation-settings: "wght" 700;width: 100%;display: block;text-align: center;}
#even-expand .top-coach .stats b{font-weight: normal;text-align: center;width: 100%;float: right;}
#even-expand .top-coach li.stats::after{position: absolute;content: '';left: 0;top:14px;background: #c7c7c7;width: 1px;height: 40px;}
#even-expand .top-coach li:last-child::after{content: none;}

#odd-expand{width: 100%;float: right;width: 100%;background: #1f2f4d;}
#odd-expand .expand{background: #fff;width: 100%;padding: 120px 0;float: right;border-radius: 80px 0 0 80px;}
#odd-expand .information {width: 100%;display: block;}
#odd-expand .information h2{font-size:28px;font-variation-settings: "wght" 600;position: relative;text-align: right;padding-bottom: 10px;}
#odd-expand .information h2::after{content: '';position: absolute;width: 80px;height: 1px;background: #1aaed2;bottom: 0;right:0;}
#odd-expand .information p{text-align: justify;}
#odd-expand .latest-gym,#even-expand .latest-gym{width: 100%;border-radius: 25px;margin: 60px 0 0 0 ;}
#odd-expand .latest-gym header figure,#even-expand .latest-gym header figure{padding: 10px;margin: -80px 0 0 0;float: right;}
#odd-expand .latest-gym header figure img,#even-expand .latest-gym header figure img{border-radius: 20px;}
#odd-expand .latest-gym .title,#even-expand .latest-gym .title{padding: 10px;float: right;width: 100%}
#odd-expand .latest-gym .title figure,#even-expand .latest-gym .title figure{float: right;width: 64px;height: 64px;border-radius: 12px;margin: 0;padding: 0}
#odd-expand .latest-gym .title figure img,#even-expand .latest-gym .title figure img{border-radius: 12px;}
#odd-expand .latest-gym .title h3,#even-expand .latest-gym .title h3{font-size: 16px;float: left;text-align: right;width: calc(100% - 74px);padding: 5px 0}
#odd-expand .latest-gym ul,#even-expand .latest-gym ul{width: 100%;float: right;padding: 5px;}
#odd-expand .latest-gym li,#even-expand .latest-gym li{width: 50%;float: right;padding: 5px;}
#odd-expand .latest-gym b,#even-expand .latest-gym b{font-weight: normal;width: auto;float: right;text-align: right;padding-right:8px }
#odd-expand .latest-gym .gym,#even-expand .latest-gym .gym{width: 17px;height: 16px;display: block;background: url(assets/imgs/appsprite.svg) no-repeat -15px -66px;float: right;}
#odd-expand .latest-gym .location,#even-expand .latest-gym .location{width: 15px;height: 16px;display: block;background: url(assets/imgs/appsprite.svg) no-repeat 0px -66px;float: right;}
#odd-expand .latest-gym .time,#even-expand .latest-gym .time{width: 17px;height: 16px;display: block;background: url(assets/imgs/appsprite.svg) no-repeat -31px -66px;float: right;}
#odd-expand .latest-gym .user,#even-expand .latest-gym .user{width: 17px;height: 16px;display: block;background: url(assets/imgs/appsprite.svg) no-repeat -65px -66px;float: right;}
#odd-expand .latest-gym .price,#even-expand .latest-gym .price{width: 11px;height: 16px;display: block;background: url(assets/imgs/appsprite.svg) no-repeat -83px -66px;float: right;margin:0 3px}
#odd-expand .latest-gym .title .stars,#even-expand .latest-gym .title .stars{float: right;width: 60%;position: relative;top: -3px;right:10px;}
#odd-expand .latest-gym .title .stars-co,#even-expand .latest-gym .title .stars-co{float: right;padding: 6px 10px 4px;background: rgb(22, 33, 53);border-radius: 10px;}
#odd-expand .latest-gym .title .full,#even-expand .latest-gym .title .full{width: 16px;height: 15px;display: block;background: url(assets/imgs/sprite.svg) no-repeat -81px -118px;float: right;}
#odd-expand .latest-gym .title .stars p,#even-expand .latest-gym .title .stars p{float:right; color:#fff;font-size: 16px;font-variation-settings: "wght" 300;font-weight: lighter;line-height:16px;padding:3px 5px 0;}

#odd-expand .motivation{width: 100%;background: #1f2f4d;border-radius: 35px;overflow: hidden;}
#odd-expand .motivation a{width: 100%;display: block;border-radius: 35px;overflow: hidden;color: #fff}
#odd-expand .motivation a:hover{color: #1aaed2}
#odd-expand .motivation figure{margin: 0;padding: 0;position: relative;}
#odd-expand .motivation img{opacity: .7}
#odd-expand .motivation figcaption{position: absolute;width: 100%;bottom: 20px}
#odd-expand .motivation figcaption h3{width: 100%;text-align: center;font-size: 24px;font-variation-settings: "wght" 600;font-weight: bold;padding: 4px 0}
#odd-expand .motivation figcaption b{width: 100%;display: block;text-align: center;font-size: 18px;padding: 4px 0}
#odd-expand .helpcenter{width: 100%;background: #eef2f7;border-radius: 35px;overflow: hidden;}
#odd-expand .helpcenter a {color: #1f2f4d;}
#odd-expand .helpcenter a:hover{color: #1aaed2}
#odd-expand .helpcenter figure{margin: 0;padding: 10px;}
#odd-expand .helpcenter figure img{background: #1aaed2;border-radius: 25px;display: block;margin: 0;padding: 10px 0 0 0;width:100%;}
#odd-expand .helpcenter h3{width: 100%;text-align: center;font-size: 44px;font-variation-settings: "wght" 700;font-weight: bold;padding: 8px 0}
#odd-expand .helpcenter b{width: 100%;display: block;text-align: center;font-size: 16px;padding: 6px 0 10px}


#last-expand{width: 100%;float: right;background:#1f2f4d;}
#last-expand .expand{background: #fff;width: 100%;padding: 120px 0;float: right;border-radius: 80px 0 0 0;}
#last-expand .expand-2{background: #fff;width: 100%;padding: 120px 0;float: right;border-radius: 80px 80px 0 0;}
#last-expand p{font-size: 16px;margin-top: 10px;}
#last-expand .right ul{width: 100%;float: right;}
#last-expand .right li{float: right;padding: 10px}
#last-expand .right .directdlapp{background: url(assets/imgs/directdlapp.png);display: block;width: 134px;height: 40px;}
#last-expand .right .cafebazar{background: url(assets/imgs/cafebazar.png);display: block;width: 134px;height: 40px;}
#last-expand .right .googleplay{opacity:0.5;background: url(assets/imgs/googleplay.png);display: block;width: 134px;height: 40px;cursor: not-allowed;}
#last-expand .right .appstore{opacity:0.5;background: url(assets/imgs/app-store.png);display: block;width: 120px;height: 40px;cursor: not-allowed;}
#last-expand .left i{width: 300px;height: 450px;background: #1f2f4d;border-radius: 25px;display: block;}
#last-expand h2{width: 100%;font-size:28px;font-variation-settings: "wght" 600;position: relative;text-align: center;float: right;padding-bottom: 10px;}
#last-expand h2::after{content: '';position: absolute;width: 80px;height: 1px;background: #1aaed2;bottom: 0;right:50%;transform: translateX(50%);}
#last-expand h3{width: 100%;font-size:28px;font-weight: bold;font-variation-settings: "wght" 600;text-align: right;float: right;padding-bottom: 10px;}
#last-expand h4{font-size: 38px;font-variation-settings: "wght" 900;font-weight: bold;text-align:right;width:100%;line-height:1.5;}
#last-expand .roles{width: 100%;background: #eee;border-radius: 25px;margin-top: 20px;}
#last-expand .roles p{padding: 10px;margin: 0;font-size: 14px;direction: rtl;line-height:2;}
#last-expand .roles .expnd{height: 300px;overflow-y: auto;direction: ltr;}
#last-expand .roles .expnd::-webkit-scrollbar {width: 6px;direction: ltr;border-radius: 10px}
#last-expand .roles .expnd::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 10px;direction: ltr;}
#last-expand .roles .expnd::-webkit-scrollbar-thumb {background: #888;border-radius: 10px;direction: ltr;}
#last-expand .roles .expnd::-webkit-scrollbar-thumb:hover {background: #555;border-radius: 10px;direction: ltr;}
#last-expand .btns{width: auto;float: right;position: relative;transform: translateX(50%);right:50%}
#last-expand .btns li{padding: 10px;float: right;}

.wrapo{width: 100%;background:#1f2f4d;height: 40vh}
#main-inner{position: relative;width: 100%;margin: 20px 0px;border-radius: 25px;background: #fff;box-shadow: 0px 2px 5px rgba(0,0,0,0.2);min-height:438px;}
#main-inner aside .title{width: 100%; padding: 10px;}
#main-inner aside .title figure{width: 80px;height: 80px;margin: 0;border-radius: 15px;float: right;background: #eee}
#main-inner aside .title hgroup{width: calc(100% - 90px);float: left;padding: 10px 0 0 0}
#main-inner aside .title h1{font-size: 18px;text-align: right;margin-bottom: 6px}
#main-inner aside .title h3{font-size: 14px;text-align: right;font-weight: normal;}
#main-inner aside ul{width: 100%;float: right;padding: 10px}
#main-inner aside .follow{float: right;width: 48%;height: 42px;background: #1aaed2;border-radius: 15px;margin: 0 0 20px 0;text-align: center;overflow: hidden;}
#main-inner aside .follow a{color:#fff;}
#main-inner aside .message{float: left;width: 48%;height: 42px;color: #18aed3;background: #eee;border-radius: 15px;margin: 0 0 20px 0;text-align: center;overflow: hidden;}
#main-inner aside .follow a,#main-inner aside .message a{line-height: 42px;width: 100%;display: block;}
#main-inner aside .worktime,#main-inner aside .address,#main-inner aside .rate{position: relative;font-size: 16px;font-variation-settings: "wght" 600;font-weight: bold;text-align: right;padding-right: 20px;float: right;width: 100%}
#main-inner aside .worktime::before{width: 17px;height: 16px;content: '';right:0;top:0;position: absolute;background: url(assets/imgs/sprite.svg) no-repeat -82px -169px;}
#main-inner aside .address::before{width: 16px;height: 18px;content: '';right:0;top:0;position: absolute;background: url(assets/imgs/sprite.svg) no-repeat -82px -151px;}
#main-inner aside .rate::before{width: 16px;height: 16px;content: '';right:0;top:0;position: absolute;background: url(assets/imgs/sprite.svg) no-repeat -82px -101px;}
#main-inner aside .rate .stars{float: left;width: 60%;position:relative;top:-3px;}
#main-inner aside .rate .stars .stars-co{float:left;padding:6px 10px 4px; background:rgb(22, 33, 53);border-radius:10px;}
#main-inner aside .rate .stars .full{float: left;width: 16px;height: 16px;background: url(assets/imgs/sprite.svg) no-repeat -82px -118px;display: block;margin: 0 2px}
#main-inner aside .rate .stars p{float:right; color:#fff;font-size: 16px;font-variation-settings: "wght" 300;font-weight: lighter;line-height:16px;padding:3px 5px 0;}
#main-inner aside .sub{width: 96%;font-size: 14px;font-variation-settings: "wght" 400;font-weight: normal;}
#main-inner aside .googlemap{float: right;width: 48%;height: 54px;background: #eee;border-radius: 20px;margin: 10px 0}
#main-inner aside .googlemap .icon{width: 54px;height: 54px;float: right;background: #d0d0d0;border-radius: 20px;margin-left: 10px}
#main-inner aside .googlemap .icon i{width: 28px;height: 28px;background: url(assets/imgs/googlemap.svg) no-repeat;display: block;margin: calc(50% - 13px)}
#main-inner aside .wazemap{float: left;width: 48%;height: 54px;background: #43d3ff;border-radius: 20px;margin: 10px 0}
#main-inner aside .wazemap .icon{width: 54px;height: 54px;float: right;background: #3ab8df;border-radius: 20px;margin-left: 10px}
#main-inner aside .wazemap .icon i{width: 28px;height: 28px;background: url(assets/imgs/waze.svg) no-repeat;display: block;margin: calc(50% - 14px)}
#main-inner aside .wazemap p,#main-inner aside .googlemap p{width: auto;font-size: 14px;padding: 4px 0}
#main-inner aside .wazemap b,#main-inner aside .googlemap b{font-size: 16px;}
#main-inner aside .wazemap a{color: #fff}
#main-inner aside .googlemap a{color: #4c4c4c}
#main-inner .slider{overflow: hidden;background: #ddd;border-radius: 25px;position: absolute;top:0;bottom: 0;height: 100%;left: 0;max-width:780px;}
.blue-verify{width: 17px;height: 17px;background-position: -82px -189px; background-image: url(assets/imgs/sprite.svg);background-repeat: no-repeat;display: inline-block;margin:0 5px;position: absolute;}
.grey-verify{width: 17px;height: 17px;background-position: -82px -211px; background-image: url(assets/imgs/sprite.svg);background-repeat: no-repeat;display: inline-block;margin:0 5px;position: absolute;}
.grey-badge{width: 17px;height: 17px;background-position: -106px -211px; background-image: url(assets/imgs/sprite.svg);background-repeat: no-repeat;display: inline-block;margin:0 5px;position: absolute;}
.share-fd ul{width:100%;float:left;}
.share-fd li{display:inline-block;float:left;padding:10px;}
.share-fd li:first-child{padding-left:10px;}
.share-fd li a{float: right;width: 48px;height: 48px;display: block;border-radius: 15px;background: #90c030;}
.share-fd .telegram i,.share-fd .instagram i,.share-fd .twitter i,.share-fd .facebook i,.share-fd .whatsapp i{background-image: url(assets/imgs/sprite2.svg); background-repeat: no-repeat;display: block;}
.share-addthis .addthis-toolbox .instagram i{margin: calc(50% - 12px) auto;width: 24px;height: 24px;background-position: 0px -46px}
.share-fd .telegram i{margin: calc(50% - 10px) auto;width: 24px;height: 21px;background-position: 0px -70px}
.share-fd .twitter i{margin: calc(50% - 9px) auto;width: 24px;height: 19px;background-position: 1px -91px}
.share-fd .facebook i{margin: calc(50% - 12px) auto;width: 22px;height: 23px;background-position: 0px -222px}
.share-fd .whatsapp i{margin: calc(50% - 12px) auto;width: 22px;height: 24px;background-position: 0px -196px}
#owl .item img {
    display: block;
    width: 100%;
    height: auto
}

.owl-prev {
    width: 34px;
    height: 64px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: -50%;
    transform: translate(0, -50%);
    display: block!important;
    border: 0 solid #000;
    background: url() no-repeat -35px -130px!important
}

.owl-prev:focus,
.owl-prev:hover {
    background-color:rgba(0,0,0,0.5)
}

.owl-next {
    width: 34px;
    height: 64px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-right: -50%;
    transform: translate(0, -50%);
    display: block!important;
    border: 0 solid #000;
    background: url() no-repeat 0 -130px!important
}

.owl-next:focus,
.owl-next:hover {
    background: url() no-repeat -69px -130px!important
}

.owl-next span,
.owl-prev span {
    display: none
}
.slideshow{
position: relative;
display: block;
overflow: hidden;
}
.slideshow figure{ 
position: absolute;
opacity: 0;
transition: 1s opacity;
}
.slideshow figure.show{
opacity: 1;
position: static;
transition: 1s opacity;
}
.slideshow .next, .prev{
color: #fff;
position: absolute;
background: rgba(0,0,0, .6);
top: 50%;
z-index: 1;
font-size: 20px;
transform: translateY(-50%);
opacity: .3;
user-select: none;
}
.slideshow .next:hover, .prev:hover{
cursor: pointer;
opacity: 1;
}
.slideshow .next{
right: 0;
padding: 15px 5px 10px 10px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.slideshow .prev{
left: 0;
padding: 15px 10px 10px 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}

.slideshow figure{
position: absolute;
opacity: 0;
transition: 1s opacity;
margin:0;
}
.slideshow figure.show{
opacity: 1;
position: static;
transition: 1s opacity;
}
.slideshow figure img{
height:auto !important;
}
#quickaccess{width: 100%;float: right;margin: 10px 0}
#quickaccess ul li{width: 16.6666%;float: right;padding: 10px;}
#quickaccess ul li a{background: #fff;border-radius: 20px;width: 100%;height: 48px;line-height: 48px;display: block;text-align: center;}
#quickaccess ul li a:hover{background: #eee;}

#status{width: 100%;float: right;margin: 10px 0}
#status h2{position: relative;width: 100%;float: right;text-align: center;margin: 10px 0;font-size: 20px;}
#status h2::after{background: #1aaed2;position: absolute;content: '';width: 40px;height: 1px;bottom: -4px;right:50%;-ms-transform: translateX(50%);transform: translateX(50%);}
#status .right{width:100%;}
#status li{width: 25%;padding: 10px;float: right;}
#status li article{width: 100%;float: right;padding: 10px;border-radius: 25px;background: #fff;}
#status li article h2{font-size: 16px;float: right;text-align: right;padding: 10px;margin: 0}
#status li article h2::after{content: none;}
#status li article p{width: 100%;padding: 0 10px;text-align: justify;float: right;}
#status li article span{background: #eee;border-radius: 10px;padding: 4px 12px;display: block;float: right;width: auto;margin: 10px 10px 10px 0;}
#status li article i{float: left;display: block;font-style: normal;width: auto;padding: 4px 12px;margin: 10px 0 10px 10px;background: #eee;border-radius: 10px;}

#tuitionspackages{width: 100%;float: right;margin: 10px 0;}
#tuitionspackages h2{position: relative;width: 100%;float: right;text-align: center;margin: 10px 0;font-size: 20px;}
#tuitionspackages h2::after{background: #1aaed2;position: absolute;content: '';width: 40px;height: 1px;bottom: -4px;right:50%;-ms-transform: translateX(50%);transform: translateX(50%);}

#tuitionspackages .tuitions,#tuitionspackages .packages{float: right;width: 100%;margin: 0;}
#tuitionspackages .tuitions li,#tuitionspackages .packages li{float: right;width: 25%}
#tuitionspackages .tuitions .info{width: 100%;float: right;background: #16538b;border-radius: 25px;padding: 10px;position: relative;}
#tuitionspackages .packages .info{width: 100%;float: right;background: #1f2f4d;border-radius: 25px;padding: 10px}
#tuitionspackages .packages .info .title{width:100%;float:right;position: relative;}
#tuitionspackages .tuitions .info .duration,#tuitionspackages .packages .info .duration{background: #fff;border-radius: 18px;float: right;margin: 0px;width: 64px;height: 64px;padding: 12px 0}
#tuitionspackages .tuitions .info .duration b,#tuitionspackages .packages .info .duration b{font-size: 24px;width: 100%;text-align: center;display: block;line-height: 1}
#tuitionspackages .tuitions .info .duration i,#tuitionspackages .packages .info .duration i{font-size: 15px;font-style: normal;text-align: center;width: 100%;line-height: 1;display: block;}
#tuitionspackages .tuitions .info .price,#tuitionspackages .packages .info .price{float: left;width: calc(100% - 84px);color: #fff;text-align: center;position: absolute;transform: translateY(50%);bottom: 50%;left: 0;}
#tuitionspackages .tuitions .info .price b,#tuitionspackages .packages .info .price b{font-size: 24px;}
#tuitionspackages .tuitions .info .price i,#tuitionspackages .packages .info .price i{font-size: 16px;font-style: normal;}
#tuitionspackages .packages .info h3{color: #fff;width: 100%;float: right;text-align: center;margin-top: 10px}
#tuitionspackages .packages .info ul{width: 100%;float: right;margin: 8px 0}
#tuitionspackages .packages .info li{width: 100%;float: right;padding: 2px 30px 2px 10px;color: #fff;position: relative;}
#tuitionspackages .packages .info li::before{background: url(assets/imgs/sprite.svg) no-repeat -82px -87px;content: '';position: absolute;width: 15px;height: 12px;right: 10px;top:2px}

#expertcheck{width: 100%;float: right;padding: 10px;}
#expertcheck h2{position: relative;width: 100%;float: right;text-align: center;margin: 10px 0 20px 0;font-size: 20px;}
#expertcheck h2::after{background: #1aaed2;position: absolute;content: '';width: 40px;height: 1px;bottom: -4px;right:50%;-ms-transform: translateX(50%);transform: translateX(50%);}
#expertcheck article{width: 100%;padding: 10px;float: right;background: #fff;border-radius: 25px;margin-bottom: 10px;}
#expertcheck article p{padding: 10px;font-size: 14px;text-align: justify;}
#expertcheck article h2{font-size: 18px;text-align: right;margin: 0;padding: 10px}
#expertcheck article h2::after{content: none;}
#expertcheck article h3{font-size: 17px;margin: 0;padding: 10px}
#expertcheck article h4{font-size: 16px;margin: 0;padding: 10px}
#expertcheck article h5{font-size: 15px;margin: 0;padding: 10px}
#expertcheck article h6{font-size: 14px;margin: 0;padding: 10px}
#expertcheck article img{display: block;border-radius: 15px;}

#informations{width: 100%;float: right;margin: 10px 0 }
#informations h2{position: relative;width: 100%;float: right;text-align: center;margin: 10px 0;font-size: 20px;}
#informations h2::after{background: #1aaed2;position: absolute;content: '';width: 40px;height: 1px;bottom: -4px;right:50%;-ms-transform: translateX(50%);transform: translateX(50%);}
#informations ul{float: right;width: 100%;}
#informations li{width: 33.33%;padding: 10px;float:right}
#informations .box{border-radius: 25px;background:#fff;width: 100%;height: 64px;padding:0;}
#informations .box .title{float: right;width: 30%;height: 64px;background: #f4f4f4;border-radius: 25px;display: flex;justify-content: center;align-items: center;}
#informations .box .desc{float: right;width: 70%;text-align: center;padding: 4px;height: 64px;display: flex;justify-content: center;align-items: center;overflow:auto;}
#informations .big{width:50%;padding: 10px;float:right}
#informations .bigbox{border-radius: 25px;background:#fff;width: 100%;float: right;overflow: hidden;}
#informations .bigbox .title{font-size: 16px;float: right;width: 100%;background: #f4f4f4;padding: 14px 0;border-radius: 25px;display: flex;justify-content: center;align-items: center;}
#informations .bigbox ul{width: 100%;float: right;padding: 20px}
#informations .bigbox li{width: 100%;border-radius: 15px;margin: 10px 0;background: #f7f7f7;padding: 0}
#informations .bigbox li:first-child{margin-top: 0;}
#informations .bigbox li:last-child{margin-bottom: 0}
#informations .bigbox li i{width: 38px;height: 38px;border-radius: 15px;float: right;background: #83c914}
#informations .bigbox li .cup{width: 18px;height: 18px;float: right;background: url(assets/imgs/sprite.svg) no-repeat -55px -137px;margin: calc(50% - 9px);}
#informations .bigbox li .medal{width: 18px;height: 18px;float: right;background: url(assets/imgs/sprite.svg) no-repeat -55px -155px;margin: calc(50% - 9px);}
#informations .bigbox li b{font-weight: normal;font-size: 14px;height: 40px;margin-right: 50px;display: flex;justify-content: right;align-items: center;}
#informations .bigbox .worktime,#informations .bigbox .sans{width: 50%;float: right;padding: 10px;font-size: 15px}
#informations .bigbox .worktime i{width:19px;height: 19px;float: right;background: url(assets/imgs/sprite.svg) no-repeat -55px -174px;display: block;margin-left: 10px}
#informations .bigbox .sans .men{width: 18px;height: 18px;float: right;background: url(assets/imgs/sprite.svg) no-repeat -55px -193px;display: block;margin-left: 10px}
#informations .bigbox .sans .both{width: 42px;height: 18px;float: right;background: url(assets/imgs/sprite.svg) no-repeat -100px -46px;display: block;margin-left: 10px}
#informations .bigbox .sans .women{width: 18px;height: 18px;float: right;background: url(assets/imgs/sprite.svg) no-repeat -55px -212px;display: block;margin-left: 10px}


#informations .bigbox table{margin: 0;}
#informations .bigbox th{background: #f1f1f1;padding: 10px;}
#informations .bigbox tr{border: none}
#informations .bigbox td{padding: 10px;}
#informations .bigbox tr:nth-child(even){background: #fff;}
#informations .bigbox tr:nth-child(odd){background: #f7f7f7}
#coaches{width: 100%;float: right;margin: 10px 0}
#coaches h2{position: relative;width: 100%;float: right;text-align: center;margin: 10px 0;font-size: 20px;}
#coaches h2::after{background: #1aaed2;position: absolute;content: '';width: 40px;height: 1px;bottom: -4px;right:50%;-ms-transform: translateX(50%);transform: translateX(50%);}
#coaches ul{width: 100%;float: right;}
#coaches li{width: 25%;float: right;padding: 10px;}
#coaches li article{background: #fff;width: 100%;float: right;border-radius: 25px;padding: 10px;}
#coaches li article figure{width: 84px;height: 84px;float: right;overflow: hidden;margin: 0px;padding:10px;border-radius: 15px}
#coaches li article h3{font-size: 18px;padding: 10px;width: auto;float: right;}
#coaches li article li{width: 100%;position: relative;padding: 5px 28px 5px 10px}
#coaches li article li::before{background: url(assets/imgs/sprite.svg) no-repeat -82px -74px;content: '';position: absolute;width: 15px;height: 12px;right: 10px;top:8px}
#coaches li article .instagram{width: 48px;height: 48px;border-radius: 10px;background: #1aaed2;margin: 10px calc(50% - 24px);display: block;float: right;}
#coaches li article .instagram i{background-image: url(assets/imgs/sprite.svg); background-repeat: no-repeat;display: block;margin: calc(50% - 12px) auto;width: 24px;height: 24px;background-position: 0px -46px}
#contactinformation{width: 100%;float: right;margin: 10px 0 100px 0}
#contactinformation .right,#contactinformation .left{width: 50%}
#contactinformation h2{position: relative;width: 100%;float: right;text-align: center;margin: 10px 0;font-size: 20px;}
#contactinformation h2::after{background: #1aaed2;position: absolute;content: '';width: 40px;height: 1px;bottom: -4px;right:50%;-ms-transform: translateX(50%);transform: translateX(50%);}
#contactinformation .address{width: 100%;float: right;padding: 10px;}
#contactinformation .address p{width: 100%;float: right;text-align: right;padding: 20px;background: #fff;border-radius: 25px;margin: 10px 0}
#contactinformation .phonesocial .phone{float: right;width: 100%;}
#contactinformation .phonesocial .phone li{width: 50%;padding: 10px;float:right;margin: 10px 0}
#contactinformation .phonesocial .phone .box{border-radius: 25px;background:#fff;width: 100%;height: 64px;padding:0;}
#contactinformation .phonesocial .phone .box .title{float: right;width: 36%;height: 64px;background: #f4f4f4;border-radius: 25px;display: flex;justify-content: center;align-items: center;}
#contactinformation .phonesocial .phone .box .desc{float: right;width: 64%;text-align: center;padding: 4px;height: 64px;font-size: 16px;display: flex;justify-content: center;align-items: center;}
#contactinformation .phonesocial .social ul{width: 100%;float: right;}
#contactinformation .phonesocial .social li{padding: 10px;float: left;display: inline-block;}
#contactinformation .phonesocial .social li a{float: right;width: 48px;height: 48px;display: block;border-radius: 15px;background: #1aaed2;}
#contactinformation .phonesocial .social .instagram i,#contactinformation .phonesocial .social .telegram i,#contactinformation .phonesocial .social .whatsapp i{background-image: url(assets/imgs/sprite.svg); background-repeat: no-repeat;display: block;}
#contactinformation .phonesocial .social .instagram i{margin: calc(50% - 12px) auto;width: 24px;height: 24px;background-position: 0px -46px}
#contactinformation .phonesocial .social .telegram i{margin: calc(50% - 10px) auto;width: 24px;height: 21px;background-position: 0px -70px}
#contactinformation .phonesocial .social .whatsapp i{margin: calc(50% - 11px) auto;width: 22px;height: 22px;background-position: 0px -196px}

#contactinformation .map{width: 100%;float: right;padding: 10px;}
#contactinformation .map .mapembed{background: #333;width: 100%;height: 400px;float: right;border-radius: 25px;overflow: hidden;margin: 10px 0;}
#footer{width:100%;display:block;overflow:hidden;}
#footer .pre-footer{width:100%;background:#3e3e3e;padding:30px 0;overflow:hidden}
#footer .pre-footer .call{color:#fff}
#footer .pre-footer .call h3{font-size: 1.143em;font-variation-settings: "wght" 300;font-weight: normal;}
#footer .pre-footer .call b{font-size: 1.714em;font-variation-settings: "wght" 600;}
#footer .pre-footer .social ul{float: right;width: 100%;}
#footer .pre-footer .social li{padding: 10px;float: right;display: inline-block;}
#footer .pre-footer .social li a{float: right;width: 48px;height: 48px;display: block;border-radius: 15px;background: #1aaed2;}
#footer .pre-footer .social .instagram i,#footer .pre-footer .social .telegram i,#footer .pre-footer .social .twitter i,#footer .pre-footer .social .linkedin i,#footer .pre-footer .social .youtube i,#footer .pre-footer .social .spotify i,#footer .pre-footer .social .aparat i{background-image: url(assets/imgs/sprite.svg); background-repeat: no-repeat;display: block;}
#footer .pre-footer .social .instagram i{margin: calc(50% - 12px) auto;width: 24px;height: 24px;background-position: 0px -46px}
#footer .pre-footer .social .telegram i{margin: calc(50% - 10px) auto;width: 24px;height: 21px;background-position: 0px -70px}
#footer .pre-footer .social .twitter i{margin: calc(50% - 9px) auto;width: 24px;height: 19px;background-position: 1px -91px}
#footer .pre-footer .social .linkedin i{margin: calc(50% - 12px) auto;width: 24px;height: 24px;background-position: 1px -110px}
#footer .pre-footer .social .youtube i{margin: calc(50% - 8px) auto;width: 24px;height: 17px;background-position: 2px -133px}
#footer .pre-footer .social .spotify i{margin: calc(50% - 12px) auto;width: 24px;height: 23px;background-position: 1px -150px}
#footer .pre-footer .social .aparat i{margin: calc(50% - 12px) auto;width: 24px;height: 23px;background-position: 1px -173px}
#footer .pre-footer .certf li{width:25%;padding:10px;}
#footer .pre-footer .certf .cebox{border-radius: 15px;height: 80px;width:80px;background: #fff;margin: 0;padding: 15px;}

#footer .pre-footer .mailto .input{border-radius: 15px;height: 48px;width: 100%;background: #fff;margin-left: 20px;}
#footer .pre-footer .mailto .btn{border-radius: 15px;height: 48px;width: 100%;background: #f79700;margin: 0}

#footer nav{width:100%;background:#292929;padding:10px 0;overflow:hidden}
#footer nav ul{width: max-content;margin: 0 auto;}
#footer nav li{display: inline-block;margin: 10px 20px;position: relative;font-size: 14px}
#footer nav li::after{content: '';position: absolute;left:-20px;top:6px;display: block;width: 1px;height: 12px;background: #232323;}
#footer nav li:last-child::after{content: none;}
#footer nav li a:hover{color: #fff;}
#footer .ffooter{background:#232323;width:100%;padding:20px 0;color:#fff;text-align:center}

#signup{background: #1f2f4d;width: 100%;display: flex;height: 100vh;position: relative;}
#signup .box{background: #fff;padding: 10px;border-radius: 35px;float: right;box-shadow: 0 10px 20px rgb(22, 34, 56);position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);overflow:hidden;}
#signup .box .logo{width: 98px;height: 98px;background: #1f2f4d;border-radius: 30px;margin: 10px 0;float: right;display: block;transform: translateX(50%);right:50%;position: relative;}
#signup .box .logo i{background:url(assets/imgs/sprite.svg) no-repeat 0 0;width:54px;height:45px;display: block;float: right;position: relative;top: 50%;right: 50%;transform: translate(50% , -50%);}
#signup .box .logo .succs{background:url(assets/imgs/sprite.svg) no-repeat -255px -270px;background-size: 450px;width:48px;height:37px;display: block;float: right;position: relative;top: 50%;right: 50%;transform: translate(50% , -50%);}
#signup .box h2{font-size: 28px;font-weight: 700;font-variation-settings: "wght" 600;width: 100%;float: right;text-align: center;padding: 10px}
#signup .box h3{font-size: 18px;font-weight: 700;font-variation-settings: "wght" 600;width: 100%;float: right;text-align: center;padding: 10px}
#signup .box p{font-size: 15px;width: 100%;float: right;text-align: justify;text-align-last: center;padding: 10px}
#signup .box ul{width: 100%;float: right;}
#signup .box ul li{padding: 10px;width: 50%;float: right;}
#signup .box ul li a{float: right;display: block;transform: translateX(50%);right:50%;position: relative;}
#signup .box .social{padding: 10px;float: right;width: 100%}
#signup .box .social a{float: right;width: 48px;height: 48px;display: block;border-radius: 15px;background: #1aaed2;transform: translateX(50%);right:50%;position: relative;}
#signup .box .social .instagram i{margin: calc(50% - 12px) auto;width: 24px;height: 24px;background-position: 0px -46px;background-image: url(assets/imgs/sprite.svg); background-repeat: no-repeat;display: block;}
#signup .box form{width: 100%;float: right;}
#signup .box form label{width: 50%;padding: 10px;float: right;margin: 0;position: relative;text-align:right;}
#signup .box form label .nationalcode{position: absolute;font-size: 10px;padding: 5px;width: 100px;color: grey;left: 10px;top: 22px;}
#signup .box form .full{width: 100%;padding: 10px;float: right;margin: 0;position: relative;}
#signup .box form input,#signup .box form select,#signup .box form textarea{border-radius: 15px;width: 100%;height: 48px;padding: 8px}
#signup .box form button{padding: 0;float: right;display: block;transform: translateX(50%);right:50%;position: relative;}
#signup .box .inner{width: 100%;float: right;padding: 10px;}
#signup .box .alert{float: right;width: 100%;border:1px solid red;border-radius: 15px;color:red;background: rgba(255,0,0,0.2);text-align: right;padding: 10px;}
#signup .box .succ{float: right;width: 100%;border:1px solid green;border-radius: 15px;color:green;background: rgba(0,255,43,0.2);text-align: right;padding: 10px;}
#signup .field-icon {float: right;position: absolute;z-index: 2;width: 24px;height: 24px;top: 22px;left: 22px;cursor: pointer;display:block;}
#notfound{width: 100%;float: right;height: 100vh}
#notfound .expand{position: relative;top: 50%;left: 50%;transform: translate(-50% , -50%);float:left;z-index: +111111;}
#notfound .expand h1{font-size: 200px;font-weight: 700;font-variation-settings: "wght" 600;color: #fff;text-align: center;width: 100%}
#notfound .expand h2{font-size: 30px;font-weight: 700;font-variation-settings: "wght" 600;color: #fff;text-align: center;width: 100%;padding-bottom: 40px}
#notfound .expand a{left: 50%;transform: translateX(-50%);float: left;position: relative;}
#notfound .area{background: #1f2f4d;width: 100%;height:100vh}
#notfound .circles{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
#notfound .circles li{position: absolute;display: block;list-style: none;width: 20px;height: 20px;background: rgba(255, 255, 255, 0.2);animation: animate 25s linear infinite;bottom: -150px;}
#notfound .circles li:nth-child(1){left: 25%;width: 80px;height: 80px;animation-delay: 0s;}
#notfound .circles li:nth-child(2){left: 10%;width: 20px;height: 20px;animation-delay: 2s;animation-duration: 12s;}
#notfound .circles li:nth-child(3){left: 70%;width: 20px;height: 20px;animation-delay: 4s;}
#notfound .circles li:nth-child(4){left: 40%;width: 60px;height: 60px;animation-delay: 0s;animation-duration: 18s;}
#notfound .circles li:nth-child(5){left: 65%;width: 20px;height: 20px;animation-delay: 0s;}
#notfound .circles li:nth-child(6){left: 75%;width: 110px;height: 110px;animation-delay: 3s;}
#notfound .circles li:nth-child(7){left: 35%;width: 150px;height: 150px;animation-delay: 7s;}
#notfound .circles li:nth-child(8){left: 50%;width: 25px;height: 25px;animation-delay: 15s;animation-duration: 45s;}
#notfound .circles li:nth-child(9){left: 20%;width: 15px;height: 15px;animation-delay: 2s;animation-duration: 35s;}
#notfound .circles li:nth-child(10){left: 85%;width: 150px;height: 150px;animation-delay: 0s;animation-duration: 11s;}

.sghero{width:100%;height:100%;background:black;overflow:hidden;display:block;margin-top:-10px;margin-right: 10px;}
.sghero .hero{background: url(gym/images/signuphero.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-width:100%;
  min-height:100%;
  position:fixed;
  padding:0;
  margin:0;
}

.float-right{float:right;display:inline-block;}
.float-left{float:left;display:inline-block;}

.fit-image {
    width: 100%;
    object-fit: cover
}

@keyframes animate {
    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }
    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }
}
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fff;
    margin: auto;
    padding: 20px;
    width: 100%;
    max-width:600px;
border-radius: 25px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
    }
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}
@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}
.close {
    font-size: 26px;
    font-weight: bold;
    position: absolute;
    top: -10px;
    right: -10px;
    color: #fff;
    background: #F44336;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 50%;
}
.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.modal-body {padding: 2px 16px;}
.btnlogin {
  background-color: #1aaed2; 
  border: none;
  color: white;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 0px;
  cursor: pointer;
  border-radius: 12px;
  width:70%;
}
@media only screen and (max-width: 1204px) {

#footer .pre-footer .mailto .input{margin-left: 6px }
}
@media only screen and (max-width: 1154px) {
#services .services article .data{width: 70%}
#footer .pre-footer .social li{padding: 10px 8px;}
}
@media only screen and (max-width: 1024px) {
    #main-inner .slider{max-width:660px;}
    #odd-expand .latest-gym li, #even-expand .latest-gym li,#main-expand .latest-gym li{padding:5px 0;}
    #odd-expand .latest-gym b, #even-expand .latest-gym b{padding-right:2px;}
    #odd-expand .latest-gym .price, #even-expand .latest-gym .price{margin:0;}
    #main-expand .coach-card{width:100%;}
    #footer .pre-footer .mailto .col-9{width:70%;}
    #footer .pre-footer .mailto .col-3{width:30%;}
#footer nav ul{width: auto;margin: 0;overflow: auto;white-space: nowrap;height:40px;}
#footer nav ul::-webkit-scrollbar {width: 0;height: 2px;}
#footer nav ul::-webkit-scrollbar-track {background: #232323;}
#footer nav ul::-webkit-scrollbar-thumb {background: #0a6b84;border-radius: 5px;}
#main-expand .athlete-panel .speech-sup,#main-expand .athlete-panel .speech-user{width:70%;}
.circle-wrap{margin:10px 0;}
#main-expand .personal-gym-page .googlemap .icon{margin:0;}
#main-expand .personal-gym-page .wazemap .icon{margin-left:3px;}
#main-expand .review{max-height: 250px;}
	#main-expand .athlete-panel .rate b, #main-expand .athlete-panel .rate span{font-size:11px;padding:2px 0 1px 0;}
	#main-expand .athlete-panel .rate-box{height:24px;font-size:16px;padding:4px 0 0 0;}
	#main-expand .athlete-panel .body-composition .bottom li i{font-size:13px;}
	#main-expand .afeatures{min-height:440px;}
}
@media only screen and (min-width:1024px) {
    .fp-dropdown {
        position: absolute;
        top: calc(100% - 2px);
        height: auto;
        width: auto;
				border-radius: 15px;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        background-color: #fff;
        color: #111433;
        box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
        opacity: 0;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
        -webkit-transition: opacity .3s 0s, visibility 0s .3s, -webkit-transform .3s 0s;
        -moz-transition: opacity .3s 0s, visibility 0s .3s, -moz-transform .3s 0s;
        transition: opacity .3s 0s, visibility 0s .3s, transform .3s 0s
    }
    .open-to-left .fp-dropdown {
        right: 0;
        left: auto
    }
    .fp-dropdown .fp-close,
    .fp-dropdown h2 {
        display: none
    }
    .fp-dropdown.dropdown-is-active {
        opacity: 1;
				border-radius: 15px;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: opacity .3s 0s, visibility .3s 0s, -webkit-transform .3s 0s;
        -moz-transition: opacity .3s 0s, visibility .3s 0s, -moz-transform .3s 0s;
        transition: opacity .3s 0s, visibility .3s 0s, transform .3s 0s
    }
    .fp-dropdown h2,
    .fp-dropdown-content a,
    .fp-dropdown-content ul a {
        height: 50px;
        line-height: 50px
    }
    .fp-dropdown-single li a {
        padding: 0;
        line-height: 35px!important;
        height: 35px!important
    }
    .fp-dropdown-trigger.dropdown-is-active {
        background-color: #162135;
				font-size: 0px;
    }
    .fp-dropdown-trigger.dropdown-is-active::after,
    .fp-dropdown-trigger.dropdown-is-active::before {
        width: 18px
    }
    .fp-dropdown-trigger.dropdown-is-active::before {
			left:19px;
			top: 22px;
        -webkit-transform: translateX(-5px) rotate(-45deg);
        -moz-transform: translateX(-5px) rotate(-45deg);
        -ms-transform: translateX(-5px) rotate(-45deg);
        -o-transform: translateX(-5px) rotate(-45deg);
        transform: translateX(-5px) rotate(-45deg)
    }
    .fp-dropdown-trigger.dropdown-is-active::after {
			left:14px;
			bottom: 21px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .fp-dropdown-content,
    .fp-dropdown-content ul {
        padding-top: 0!important;
        overflow: visible
    }
    .fp-dropdown-content a,
    .fp-dropdown-content ul a {
        color: #111433;
        height: 50px;
        line-height: 50px;
        font-size: 13px
    }
    .fp-dropdown-content .fp-divider,
    .fp-dropdown-content ul .fp-divider {
        background-color: transparent;
        color: #b3b3b3;
        border-top: 1px solid #ebebeb
    }
    .fp-dropdown-content .fp-divider+li>a,
    .fp-dropdown-content ul .fp-divider+li>a {
        border-top-width: 1px
    }
    .fp-dropdown-content ul.is-hidden>.fp-divider,
    .fp-dropdown-content ul.is-hidden>li>.fp-search,
    .fp-dropdown-content ul.is-hidden>li>a,
    .fp-dropdown-content ul.move-out>.fp-divider,
    .fp-dropdown-content ul.move-out>li>.fp-search,
    .fp-dropdown-content ul.move-out>li>a,
    .fp-dropdown-content.is-hidden>.fp-divider,
    .fp-dropdown-content.is-hidden>li>.fp-search,
    .fp-dropdown-content.is-hidden>li>a,
    .fp-dropdown-content.move-out>.fp-divider,
    .fp-dropdown-content.move-out>li>.fp-search,
    .fp-dropdown-content.move-out>li>a {
        opacity: 1
    }
    .fp-dropdown-content {
        position: static;
        height: auto;
        width: 250px
    }
    .fp-dropdown-content>li:last-of-type a {
        border-bottom: none
    }
    .fp-dropdown-content.move-out>.fp-divider,
    .fp-dropdown-content.move-out>li>.fp-search,
    .fp-dropdown-content.move-out>li>a {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    .fp-dropdown-content .fp-dropdown-single,
    .fp-dropdown-content .fp-secondary-dropdown {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        right: 100%;
        height: auto;
        background-color: #fff;
				border-radius: 15px;
        box-shadow: 0 2px 14px rgba(0, 0, 0, .1)
    }
    .fp-dropdown-content .fp-dropdown-single::after,
    .fp-dropdown-content .fp-secondary-dropdown::after {
        clear: both;
        content: "";
        display: table
    }
    .open-to-left .fp-dropdown-content .fp-dropdown-single,
    .open-to-left .fp-dropdown-content .fp-secondary-dropdown {
        left: auto;
        right: 100%
    }
    .fp-dropdown-content .fp-dropdown-single.is-hidden,
    .fp-dropdown-content .fp-secondary-dropdown.is-hidden {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
    .fp-dropdown-content .fp-dropdown-single.fade-in,
    .fp-dropdown-content .fp-secondary-dropdown.fade-in {
        -webkit-animation: fp-fade-in .2s;
        -moz-animation: fp-fade-in .2s;
        animation: fp-fade-in .2s
    }
    .fp-dropdown-content .fp-dropdown-single.fade-out,
    .fp-dropdown-content .fp-secondary-dropdown.fade-out {
        -webkit-animation: fp-fade-out .2s;
        -moz-animation: fp-fade-out .2s;
        animation: fp-fade-out .2s
    }
    .fp-dropdown-content .fp-dropdown-single>.go-back,
    .fp-dropdown-content .fp-secondary-dropdown>.go-back {
        display: none
    }
    .fp-dropdown-content .fp-dropdown-single>.see-all,
    .fp-dropdown-content .fp-secondary-dropdown>.see-all {
        position: absolute;
        bottom: 20px;
        height: 45px;
        text-align: center
    }
    .fp-dropdown-content .fp-dropdown-single>.see-all a,
    .fp-dropdown-content .fp-secondary-dropdown>.see-all a {
        margin: 0;
				font-weight: normal;
        height: 100% !important;
        line-height: 45px !important;
        background: #ebebeb;
        pointer-events: auto;
				border-radius: 15px;
        -webkit-transition: color .2s, background-color .2s;
        -moz-transition: color .2s, background-color .2s;
        transition: color .2s, background-color .2s
    }

    .no-touch .fp-dropdown-content .fp-dropdown-single>.see-all a:hover,
    .no-touch .fp-dropdown-content .fp-secondary-dropdown>.see-all a:hover {
        color: #fff;
        background-color: #111433
    }
    .fp-dropdown-content .fp-dropdown-single .fp-dropdown-item,
    .fp-dropdown-content .fp-dropdown-single a,
    .fp-dropdown-content .fp-secondary-dropdown .fp-dropdown-item,
    .fp-dropdown-content .fp-secondary-dropdown a {
        border: none
    }
    .fp-dropdown-content .fp-dropdown-single {
        padding: 20px 30px 100px!important
    }
    .fp-dropdown-content .fp-dropdown-single>.see-all {
        width: calc(100% - 60px)
    }
    .fp-dropdown-content .fp-dropdown-single>li,
    .fp-dropdown-content .fp-secondary-dropdown>li {
        width: 50%;
        float: right
    }
    .fp-dropdown-content .fp-secondary-dropdown {
        overflow: hidden;
        width: 550px;
        padding-bottom: 65px
    }
    .fp-dropdown-content .fp-secondary-dropdown>li>a {
        color: #18aed3;
        font-size: 14px;
        font-weight: 700;
        line-height: 30px;
        height: 30px;
        pointer-events: none
    }
    .fp-dropdown-content .fp-secondary-dropdown>li>a::after,
    .fp-dropdown-content .fp-secondary-dropdown>li>a::before {
        display: none
    }
    .fp-dropdown-content .fp-secondary-dropdown.move-out>li>a {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
    .fp-dropdown-content .fp-secondary-dropdown>li {
        margin: 20px 0;
        border-left-width: 1px;
        border-right-width: 0;
        border-top-width: 0;
        border-bottom-width: 0;
        border-color: #ebebeb;
        border-style: solid;
        padding: 0 30px
    }
    .fp-dropdown-content .fp-secondary-dropdown>li:nth-child(even) {
        border-left-width: 0
    }
    .fp-dropdown-content .fp-secondary-dropdown>li>ul {
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
        position: relative;
        height: auto
    }
    .fp-dropdown-content .fp-secondary-dropdown>li>ul>.go-back {
        display: none
    }
    .fp-dropdown-content .fp-secondary-dropdown a {
        line-height: 30px;
        height: 30px;
        font-size: 13px;
        padding-right: 0;
        cursor: pointer
    }
    .fp-dropdown-content .fp-secondary-dropdown ul {
        padding-bottom: 25px;
        overflow: hidden;
        height: auto
    }
    .fp-dropdown-content .fp-secondary-dropdown .go-back a {
        padding-left: 20px;
        color: transparent;
        cursor: pointer
    }
    .no-touch .fp-dropdown-content .fp-secondary-dropdown .go-back a:hover {
        color: transparent
    }
    .fp-dropdown-content .fp-secondary-dropdown .go-back a::after,
    .fp-dropdown-content .fp-secondary-dropdown .go-back a::before {
        left: 20px
    }
    .fp-dropdown-content .fp-secondary-dropdown .see-all {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%
    }
    .fp-dropdown-content .fp-dropdown-single {
        width: 550px
    }
    .fp-dropdown-content .fp-dropdown-single .fp-dropdown-item {
        height: 80px;
        line-height: 1.2;
        padding: 24px 0 0 85px
    }
    .fp-dropdown-content .fp-dropdown-single .fp-dropdown-item:hover {
        background: #ebebeb
    }
    .fp-dropdown-content .fp-dropdown-single .fp-dropdown-item h3 {
        font-weight: 700
    }
    .fp-dropdown-content .fp-dropdown-single .fp-dropdown-item p {
        display: block;
        font-size: 1.2rem
    }
    .fp-dropdown-content .fp-dropdown-single .fp-dropdown-item::before {
        left: 25px
    }
    .fp-dropdown-content>.has-children>ul {
        visibility: hidden
    }
    .fp-dropdown-content>.has-children>ul.is-active {
        visibility: visible
    }
    .fp-dropdown-content>.has-children>.fp-secondary-dropdown.is-active>li>ul {
        visibility: visible
    }
    .fp-dropdown-content>.has-children>a.is-active {
        color: #18aed3
    }
    .fp-dropdown-content>.has-children>a.is-active::after,
    .fp-dropdown-content>.has-children>a.is-active::before {
        background: #18aed3
    }
    .fp-search input[type=search] {
        background-color: #ebebeb
    }
    .fp-search input[type=search]::-webkit-input-placeholder {
        color: #b3b3b3
    }
    .fp-search input[type=search]::-moz-placeholder {
        color: #b3b3b3
    }
    .fp-search input[type=search]:-moz-placeholder {
        color: #b3b3b3
    }
    .fp-search input[type=search]:-ms-input-placeholder {
        color: #b3b3b3
    }
    .go-back a::after,
    .go-back a::before,
    .has-children>a::after,
    .has-children>a::before {
        background: #b3b3b3
    }
    .open-to-left .fp-dropdown-content>.has-children>a {
        padding-left: 40px;
        padding-right: 20px
    }
    .open-to-left .fp-dropdown-content>.has-children>a::after,
    .open-to-left .fp-dropdown-content>.has-children>a::before {
        right: auto;
        left: 20px;
        -webkit-transform-origin: 1px 50%;
        -moz-transform-origin: 1px 50%;
        -ms-transform-origin: 1px 50%;
        -o-transform-origin: 1px 50%;
        transform-origin: 1px 50%
    }
		#footer .pre-footer .social li{padding: 10px 5px;}
}
@media only screen and (max-width: 823px) {
#main-expand .col-4,#odd-expand .col-4, #even-expand .col-4,#odd-expand .col-3, #even-expand .col-3{width: 50%;max-width: none;}
#main-expand .tcoachs,#even-expand .tcoachs,#main-expand .afeatures{width: 50% !important;max-width: none;}
#main-expand .afeatures{min-height:430px;}
#main-expand .athlete-panel .daily-plan .date li{width: 33.3333%;}
#main-expand li:first-child,#odd-expand li:first-child, #even-expand li:first-child,#odd-expand li:first-child, #even-expand li:first-child{width: 100%;max-width: none;}
#main-expand .information h2,#odd-expand .information h2 ,#even-expand .information h2{text-align:center;}
#main-expand .information h2::after,#odd-expand .information h2::after,#even-expand .information h2::after{right: 50%;transform: translateX(50%);}
#main-expand .information li, #even-expand .information li, #odd-expand .information li{width:50%;}
#even-expand .top-coach header figure figcaption li,#main-expand .coach-profile header figure figcaption li{width:auto;}
#main-expand .coach-info li{width:50%;}
#even-expand .coachs,#even-expand .tests{width:33.3333%;}
#main-expand .expand,#even-expand .expand,#odd-expand .expand,#last-expand .expand{padding:80px 0;}
#even-expand .information .testsbtn{float:none;margin: 10px auto 0;}
#odd-expand .latest-gym li, #even-expand .latest-gym li,#main-expand .latest-gym li{width:50%;}
#main-expand .information p,#even-expand .information p,#odd-expand .information p{text-align-last:center;}
#main-expand .allgyms, #odd-expand .allgyms, #even-expand .allgyms{width:50% !important;}
#main-inner .slider {max-width: 400px;}
#main-inner .col-4{width:50%;}
#status li,#tuitionspackages .tuitions li, #tuitionspackages .packages li,#informations li,#coaches li,#coaches li article li{width:50%;}
#informations .big{width:100%;}
#contactinformation .phonesocial .phone li{width:100%;margin:0;}
#footer .pre-footer .col-5{width:75%;max-width:none;}
#footer .pre-footer .col-4{width:100%;max-width:none;}
#signup {min-height: 100vh;}
#signup .box{width: 50%;top: auto;transform: translate(-50% , 0%);margin: 40px 0;}
#signup .box h2{font-size: 24px}
#main-expand .review{max-height: none;}
#main-expand .athlete-panel .rate-box{height:32px;font-size:18px;padding:6px 0 0 0;}
#main-expand .athlete-panel .rate b, #main-expand .athlete-panel .rate span{font-size:13px;padding:4px 0 3px 0;}
}
@media only screen and (max-width: 812px) {

}
@media only screen and (max-width: 768px) {
#header .nav ul{display: none;opacity: 0;visibility: hidden;}
#header .logo a{top:50%;right: 50%;-ms-transform: translate(50%,50%);transform: translate(50%,50%);}
#header .nav .signinup{font-size: 0;padding: 0;width: 45px;height: 45px;}
#header .nav .signinup i{display: block;opacity: 1;visibility: visible;background:url(assets/imgs/sprite.svg) no-repeat -55px -83px;width:20px;height:20px;margin: 12px auto;}
.fp-dropdown-content a,.fp-dropdown-content ul a {border-color: #364f7d}
.fp-dropdown-content .hideshow{opacity: 1;visibility: visible;display: block;}
.fp-dropdown .fp-close {top: 5px}
.fp-dropdown h2,.fp-dropdown-content a,.fp-dropdown-content ul a {height: 60px;line-height: 60px}
.fp-dropdown-content,.fp-dropdown-content ul {padding-top: 60px}
#main .left h2{font-size: 35px}
#main .left p{font-size: 14px;}
#main .left .more-btn,#main .left .signup-btn{margin: 4px !important;}
#main .right figure{width: 92%}
#services .services article figure{width: 64px;height: 64px;margin: 0 calc(50% - 32px) 10px}
#index-latestposts .index-latestposts .posts,#index-testimonial .index-testimonial li{width: 50%;float: right;}
#index-motivation .index-motivation li:first-child{width: 100%;}
#index-motivation .index-motivation li:last-child{opacity: 0;visibility: hidden;width: auto;height: auto;}
#index-motivation .index-motivation .index-support,#index-motivation .index-motivation .index-support figure{height: auto;}
#index-testimonial .index-testimonial .information h2{text-align: right;}
#index-testimonial .index-testimonial .information h2::after{right:0}
#index-testimonial .index-testimonial .information a{float: right;}
#footer .pre-footer .social li{padding: 10px;}
#footer .pre-footer .col-5{width: 66%}
#footer .pre-footer .mailto{width: 100%}
#main-inner .col-4 {width: 100%;max-width: none;}
#main-inner .slider{max-width:100%;position:relative;width:100%;}
#main-expand .athlete-panel .rate-box{height:26px;font-size:16px;padding:4px 0 0 0;}
.res-left{width:0px;display:none;}
.res-right{width:100%;}
.sghero{display:none;}

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

}
@media only screen and (max-width: 731px) {
#footer .pre-footer .col-3{width:30%;}
#footer .pre-footer .col-5{width:70%;}
}
@media only screen and (max-width: 667px) {
#even-expand .coachs, #even-expand .tests{width:50%;}
#footer .pre-footer .social li {padding: 10px 8px;}
#signup .box{width: 90%}
#odd-expand .latest-gym b, #even-expand .latest-gym b{padding-right: 8px;width: 85%;}
#quickaccess ul li{width:33.3333%;}
#main-expand .afs{width:100% !important;}
}
@media only screen and (max-width: 640px) {
    #main-expand .athlete-panel .body-composition .bottom{width:48%;}
    #main-expand .athlete-panel .body-composition .bottom li b{font-size:18px;}
#main-expand .coach-info li{width:100%;}
#footer .pre-footer .col-3{width:32%;}
#footer .pre-footer .col-5{width: 68%;}
#footer .pre-footer .social li{padding: 10px 6px;}
}
@media only screen and (max-width: 568px) {
#main-data hgroup h2{font-size:72px;}
#main-data hgroup h3{font-size:42px;}
#main-data p{font-size:16px;}
#main-expand .tcoachs,#even-expand .tcoachs, #main-expand .afeatures{width:100% !important;}
#footer .pre-footer .col-3{width:100%;}
#footer .pre-footer .col-5{width:100%;}
}
@media only screen and (max-width: 430px) {
.m-col-6{width:100%;}
.notification-top-bar small,#att-claim small{display:block;width:auto;}
.notification-top-bar{line-height: 28px}
#main-data hgroup h2{font-size:48px;}
#main-data hgroup h3{font-size:31px;}
#main,#services,#index-latestposts,#index-motivation,#index-testimonial,#index-stats{float: right;overflow: hidden;width: 100%;}
#main .left{margin: 40px 0 10px}
#main .right{margin:10px 0 40px 0}
#main-data{padding:120px 0;}
#main-data .quickaccess ul li{width:100%;}
#main-data .quickaccess ul li a{background:rgba(22,33,53,0.4);padding: 20px;position: relative}
#main-data .quickaccess ul li a b{color:#fff;text-align:right;font-size:20px;font-weight:600;padding:0 0 10px 0;}
#main-data .quickaccess ul li a .data{padding: 10px 15px;}
#main-data .quickaccess ul li a .data span{text-align:right;}
#main-data .quickaccess ul li a i{float:right;top: 50%;position: absolute;transform: translateY(-50%);}
#main-data .quickaccess ul li a .athlete,#main-data .quickaccess ul li a .coach,#main-data .quickaccess ul li a .gym{margin:0;}
#main-data .quickaccess ul li .resp{width: calc(100% - 80px);float:left;padding-right:10px;}
#main-expand .afeatures{max-height:none;}
#even-expand .coachs, #even-expand .tests,#main-expand .col-4, #odd-expand .col-4, #even-expand .col-4, #odd-expand .col-3, #even-expand .col-3{width:100%;}
#odd-expand .latest-gym .price, #even-expand .latest-gym .price{margin:0 3px;}
#even-expand .comment{min-height: 140px;}
#main .left,#main .right{width: 100%;position: relative;transform: none;top:0;float: right;}
#main-expand .allgyms, #odd-expand .allgyms, #even-expand .allgyms{width:100% !important;}
#main .left h3{line-height: 1.5}
#main .left h2,#main .left h3,#main .left p{text-align: center;}
#main .left .more-btn{width: 0;height: 0;opacity: 0;visibility: hidden;display: none}
#main .left .signup-btn{width: 164px !important;margin:4px calc(50% - 82px) !important;}
#services .services .col-4,#index-stats .index-stats .col-3{width: 50%;}
#index-latestposts .index-latestposts .posts, #index-testimonial .index-testimonial li{width: 100%}
#index-motivation .index-motivation .index-motivation-post h2,#index-motivation .index-motivation .index-motivation-post p{width: 80%;text-align: center;}
#index-motivation .index-motivation .index-motivation-post h2{font-size: 20px}
#index-motivation .index-motivation .index-motivation-post p{font-size: 13px;}
#index-testimonial .index-testimonial .information h2{text-align: center;}
#index-testimonial .index-testimonial .information p{text-align-last: center;}
#index-testimonial .index-testimonial .information a{margin: 10px calc(50% - 82px) !important;}
#index-testimonial .index-testimonial .information h2::after{right: calc(50% - 40px)}
#index-testimonial .index-testimonial article header .head{width: 76%}
#index-testimonial .index-testimonial article{min-height: 170px}
#main-expand .expand3 .col-6{width:100%;}
#footer .pre-footer .col-3,#footer .pre-footer .col-5{width: 100%}
#footer .pre-footer .social li{padding: 10px 5px;}
#footer .pre-footer .mailto .btn{margin: 0 10px;}
.owl-carousel .owl-item,.owl-carousel .owl-item img{height: auto !important;}
#status li, #tuitionspackages .tuitions li, #tuitionspackages .packages li, #informations li, #coaches li, #coaches li article li,#contactinformation .right, #contactinformation .left{width:100%;}
#main-expand .athlete-panel .rate-box{height:30px;font-size:20px}
#main-expand .athlete-panel .rate b, #main-expand .athlete-panel .rate span{padding:5px 0 3px 0;}
#odd-expand .motivation figcaption h3{font-size:16px;}
#odd-expand .motivation figcaption b{font-size:14px;}
#main-expand .personal-gym-page .googlemap .icon,#main-expand .personal-gym-page .wazemap .icon{margin-left:5px;}
#footer{position:relative;bottom:72px;}
.nav-btm{display:block;visibility:visible;opacity:1;background:#fff;width:100%;position:fixed;z-index:+1000;bottom:0;right:0;padding:0 25px;box-shadow:0px -2px 13px 0px rgba(0,0,0,0.4);}
.nav-btm ul{list-style:none; width:100%;height:100%;display:flex;position:relative;}
.nav-btm ul li{width:20%;font-size:22px;line-height:22px;display:inline-flex;align-items:center;justify-content: center;cursor:pointer;}
.nav-btm ul li[value="2"] a{background: #18aed3;border-radius:15px;color:#fff;font-size:28px;display:block;padding:12px 14px}
.nav-btm ul li a{color:#1f2f4d;margin:10px;}
.nav-btm ul li a:hover{color:#2e4774;}
}
@media only screen and (max-width: 414px) {
#main-data hgroup h2{font-size:50px;}
#main-data hgroup h3{font-size:30px;}
#informations .bigbox .worktime, #informations .bigbox .sans{font-size:14px;}
#footer .pre-footer .social li{padding: 10px 4px}
}
@media only screen and (max-width: 375px) {
    #main-data hgroup h2{font-size:48px;}
#main-data hgroup h3{font-size:28px;}
	#main .left h2{font-size: 30px;}
	#main .left h3{font-size: 62px;}
	#main-data .select{width:100%;}
	#last-expand .btns li{padding:10px 2px;}
	#services .services article figure{margin: 0 calc(50% - 32px) 14px;}
	#index-latestposts .index-latestposts article .rate-box{height: 32px;padding: 4px 0 0 0;}
	#main-expand .athlete-panel .rate b, #main-expand .athlete-panel .rate span{font-size:11px; padding:4px 0 3px;}
	#main-expand .athlete-panel .rate-box{height:24px;font-size:16px;padding:4px 0 0 0;}
	#index-motivation .index-motivation .index-motivation-post span{top:22px;right: 22px}
#index-testimonial .index-testimonial article header .head{width: 74%}
#signup .box ul li,#signup .box form label{width: 100%}
#signup .box h2{font-size: 21px}
#signup .box h3{font-size: 17px}
#footer .pre-footer .mailto{margin: 10px 0 !important;padding: 10px}
#footer .pre-footer .mailto .btn{margin: 0 8px;}
#footer .pre-footer .social li{padding: 10px 4px;}
#footer .pre-footer .social li a{width: 42px;height: 42px}
#footer .pre-footer .certf .cebox{width:auto;height:70px;}

}
@media only screen and (max-width: 360px) {
#main-data hgroup h2{font-size:46px;}
#main-data hgroup h3{font-size:26px;}
#last-expand .btns li {padding: 10px 1px;}
	#services .services .col-4, #index-stats .index-stats .col-3{width: 100%}
	#footer .pre-footer .mailto .input{width: 100%;margin-left: 0}
	#footer .pre-footer .mailto .btn{margin: 0 8px 0 0;}
	#signup .box h2{font-size: 20px}
	#signup .box h3{font-size: 16px}
}
@media only screen and (max-width: 320px) {
    #main-data hgroup h2{font-size:40px;}
#main-data hgroup h3{font-size:24px;}
	#header .nav .signinup{margin: 0 10px}
	#main-expand .information li, #even-expand .information li, #odd-expand .information li{width:100%;}
	#main .left h2{font-size: 28px}
	#main .left h3{font-size: 56px}
	#index-testimonial .index-testimonial article header .head{width: 70%}
	#last-expand .btns li {padding: 10px 0px;margin: 14px auto;width: 100%;height: 42px;float: none;}
	#quickaccess ul li {width: 50%;}
#signup .box h2{font-size: 18px}
	#main-expand .athlete-panel .rate b, #main-expand .athlete-panel .rate span{font-size:11px;padding:0;}
	#main-expand .athlete-panel .rate-box{height:22px;font-size:16px;padding:2px 0 0 0;}
	#signup .box h3{font-size: 14px}
	#footer .pre-footer .social li{padding: 10px;}
	#footer .pre-footer .mailto .input{margin-left: 0}
	#footer .pre-footer .mailto .btn{margin: 0 5px;}
	#footer .pre-footer .certf .cebox{height:60px;}
	#main-expand .latest-coach header li{padding:1px;}
	#main-expand .personal-gym-page .googlemap,#main-expand .personal-gym-page .wazemap{height:48px;}
	#main-expand .personal-gym-page .googlemap .icon,#main-expand .personal-gym-page .wazemap .icon{width:48px;height:48px;margin-left:2px;}
#main-expand .personal-gym-page .wazemap p, #main-expand .personal-gym-page .googlemap p,#main-expand .personal-gym-page .wazemap b, #main-expand .personal-gym-page .googlemap b{font-size:13px;}
}