@charset "utf-8";
/* CSS Document */ 

@media screen and (max-width: 1023px) {
#bx-panel {display:none!important}
}

/* -- / reset / -- */
@media screen and (max-width: 1024px) {
#bx-panel {display:none!important}}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align:baseline;
/*box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box*/
}

:focus {outline:none}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
display: block}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none}
table {
border-collapse: collapse;
border-spacing: 0}

.clear {clear:both}


/* -- font Gotham Pro -- */

/* -- light -- */
@font-face {
font-family: 'Gotham Pro';
src: url('fonts/GothamPro-Light.eot');
src: local('Gotham Pro Light'), local('GothamPro-Light'),
url('fonts/GothamPro-Light.eot?#iefix') format('embedded-opentype'),
url('fonts/GothamPro-Light.woff') format('woff'),
url('fonts/GothamPro-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}

/* -- normal -- */
@font-face {
font-family: 'Gotham Pro';
src: url('fonts/GothamPro.eot');
src: local('Gotham Pro'), local('GothamPro'),
url('fonts/GothamPro.eot?#iefix') format('embedded-opentype'),
url('fonts/GothamPro.woff') format('woff'),
url('fonts/GothamPro.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}


/* -- bold -- */
@font-face {
font-family: 'Gotham Pro';
src: url('fonts/GothamPro-Medium.eot');
src: local('Gotham Pro Medium'), local('GothamPro-Medium'),
url('fonts/GothamPro-Medium.eot?#iefix') format('embedded-opentype'),
url('fonts/GothamPro-Medium.woff') format('woff'),
url('fonts/GothamPro-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}

/* -- italic -- */
@font-face {
font-family: 'Gotham Pro';
src: url('fonts/GothamPro-Italic.eot');
src: local('Gotham Pro Italic'), local('GothamPro-Italic'),
url('fonts/GothamPro-Italic.eot?#iefix') format('embedded-opentype'),
url('fonts/GothamPro-Italic.woff') format('woff'),
url('fonts/GothamPro-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}


body {
font-family: 'Gotham Pro', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 1;
background:#f7f7f7;
color:#121719;
width: 100%;
position:relative;
font-size:15px}

html, body {height:100%}

@media screen and (min-width: 1024px) {
body {font-size:16px}
}

/*@media screen and (orientation:landscape) and (max-device-width: 900px) {
    html{
        -webkit-transform: rotate(-90deg);
           -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
             -o-transform: rotate(-90deg);
                transform: rotate(-90deg);
        -webkit-transform-origin: left top;
           -moz-transform-origin: left top;
            -ms-transform-origin: left top;
             -o-transform-origin: left top;
                transform-origin: left top;
        width: 320px;
        position: absolute;
        top: 100%;
            left: 0
    }
}*/

/* --- Images, Vedeos, Objects --- */
img,
embed,
object,
video,
iframe {
max-width:100%}
img.full,
embed.full,
object.full,
video.full,
iframe.full,
.youtube-video iframe {
width:100%}

.icon {
background-size:22px 22px;
background-position:50% 50%;
background-repeat:no-repeat;
cursor: pointer;
text-indent:-9999px}
/* --- icons 2 resolutions --- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
.user {background-image:url(img/icons/user-icon-22-white@2x.png)}
#inner-dtl .user,
.fading-header .user,
.user:hover {background-image: url(img/icons/user-icon-22-orange@2x.png)}

.enter {background-image:url(img/icons/enter-icon-22-white@2x.png)}
#inner-dtl .enter,
.fading-header .enter,
.enter:hover {background-image: url(img/icons/enter-icon-22-orange@2x.png)}

.logout {background-image: url(img/icons/exit-icon-22-white@2x.png)}
#inner-dtl .logout,
.fading-header .logout,
.logout:hover {background-image: url(img/icons/exit-icon-22-orange@2x.png)}

.sb-icon-search {background-image:url(img/icons/search-icon-22-white@2x.png)}
.fading-header .sb-icon-search,
.mobmenu__search-icon-search,
.sb-search.sb-search-open .sb-icon-search, 
.no-js .sb-search .sb-icon-search,
#inner-dtl .sb-icon-search {background-image:url(img/icons/search-icon-22-orange@2x.png)}

.pin {
background-image: url(img/icons/pin-icon-26-orange@2x.png);
background-size:26px 26px}

.map-link .pin {background-image: url(img/icons/pin-icon-26-white@2x.png)}

.close, 
.fancybox-close {background-image:url(img/icons/close-icon-22-white@2x.png)}}
@media only screen and (-webkit-max-device-pixel-ratio: 1.4),
only screen and (max-resolution: 143dpi) {
.user {background-image:url(img/icons/user-icon-22-white.png)}
#inner-dtl .user,
.fading-header .user,
.user:hover {background-image: url(img/icons/user-icon-22-orange.png)}

.enter {background-image:url(img/icons/enter-icon-22-white.png)}
#inner-dtl .enter,
.fading-header .enter,
.enter:hover {background-image: url(img/icons/enter-icon-22-orange.png)}

.logout {background-image: url(img/icons/exit-icon-22-white.png)}
#inner-dtl .logout,
.fading-header .logout,
.logout:hover {background-image: url(img/icons/exit-icon-22-orange.png)}
}

.arr-down {
position:absolute;
width:40px;
height:40px
}

.arr-down span.one {
    position: absolute;
    left: 14px;
    top: 16px;
    width: 16px;
    height: 2px;
    color: #ff850d;
    z-index: 3;
    display: block;
    border-radius: 2px;
    background-color: #ff850d;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.arr-down span.two{
content: "";
    border-radius: 2px;
    position: absolute;
    left: 4px;
    top: 16px;
    width: 16px;
    height: 2px;
    color: #ff850d;
    z-index: 3;
    background-color: #ff850d;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sb-icon-search {background-image:url(img/icons/search-icon-22-white.png)}
.fading-header .sb-icon-search,
.mobmenu__search-icon-search,
.sb-search.sb-search-open .sb-icon-search, 
.no-js .sb-search .sb-icon-search,
#inner-dtl .sb-icon-search {background-image:url(img/icons/search-icon-22-orange.png)}

.pin {
background-image: url(img/icons/pin-icon-26-orange.png);
background-size:26px 26px}

.map-link .pin {background-image: url(img/icons/pin-icon-26-white.png)}

.close,.fancybox-close {background-image:url(img/icons/close-icon-22-white.png)}}

.close-link {
color:#fff;
text-transform:uppercase;
width:100px;
position:absolute;
right:20px;
top:30px}

.close-link:hover {
opacity:0.6;
cursor:pointer} 
.close-link i {
position: absolute;
top: 30px;
right: 20px;
display: block;
width: 22px;
height: 22px}

.ya-map-bottom .close-link i {top:80px}

/* -- preloader -- */
.youtube-video>div:after,
.bg-load:after,
.loader-default:after {
position: absolute;
top: calc(50% - 24px);
top: -moz-calc(50% - 24px);
top: -webkit-calc(50% - 24px);
left: calc(50% - 24px);
left: -moz-calc(50% - 24px);
left: -webkit-calc(50% - 24px);
width: 48px;
height: 48px;
content: '';
animation: rotation 1s linear infinite;
border: solid 2px #fff;
border-left-color: transparent;
border-radius: 50%}
/* -- FONTS -- */

h1, h2, .title>div {
font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif;
font-weight:300;
line-height:1.2em}

h3, h4 {font-weight:500}

.content h2,
.content h3,
.content h4,
.content h5 {text-align:left} 
.content h2 {font-size:1.4em}

.content h3 {font-size:1.2em}

.content h4,
.name {
font-size:1.1em;
font-weight:500;
text-transform:uppercase}

.name>div,
.descr>div,
.prop>div {line-height:1.45em}

.section-heading .title>div {font-size:1.4em}

strong, b {font-weight:500}

a,
a:visited,
.section-content.content a,
#inner-dtl .breadcrumps a {
color: #ff850d;
text-decoration:none}

.dash {border-bottom:1px dashed rgba(255,133,13,.6)}

.bor,
.section-content.content a,
#inner-dtl .breadcrumps a {border-bottom:1px solid rgba(255,133,13,.6)}

.dash:hover, 
.bor:hover,
.section-content.content a:hover,
#inner-dtl .breadcrumps a:hover {border-color:rgba(8,166,126,.6)}

a:hover, 
a:focus,
.section-content.content a:hover,
#inner-dtl .breadcrumps a:hover {color:#08a67e}

.linkbox a {
display:block;
background:#fff;
background:linear-gradient(to top, #d9d5cd, #ffffff);
-moz-background:linear-gradient(to top, #d9d5cd, #ffffff);
-ms-background:linear-gradient(to top, #d9d5cd, #ffffff);
-webkit-background:linear-gradient(to top, #d9d5cd, #ffffff);
-o-background:linear-gradient(to top, #d9d5cd, #ffffff);
border-radius:3px;
color:#ff850d;
text-transform:uppercase;
text-align:center;
line-height:50px;
height:50px;
text-decoration:none}

.linkbox a.gray {
color:#ff840d;
background:#fff;
border-radius:22px;
border:1px solid #e9e9e9;
height: 44px;
line-height: 44px;
max-width:160px;
margin:16px auto 0;
box-shadow:none;
position:relative}

.linkbox.cabinet a.gray {
max-width:280px;
margin:-8px auto 16px
}

.linkbox a.gray i {
position:absolute;
left:16px;
top: 10px}

.linkbox a.gray:hover {
box-shadow:none;
color:#fff;
background:#ff840d;
border:1px solid #ff840d}

.biglink a {
text-decoration:none;
font-size:0.9em}
@media screen and (min-width: 468px) {
.biglink a {
font-size:1em;
font-weight:500}}

.content p,
.content ul,
.content h2,
.content h3,
.content h4 {
padding-bottom:12px;
}

.content p strong,
.content p b {
color:#121719}

.content ul li {
list-style: none;
padding-bottom: 4px;
padding-left: 24px;
background: url(img/icons/li-image.gif)left top no-repeat;
}

.content ol {
list-style-type: decimal;
padding-left: 18px}

.content p img,
.content img {
display:block;
padding:12px 0}

.content p,
.content li,
#slider-announces .column50 .descr>div {
color:#685144;
line-height:1.6em;
padding-bottom:12px;
}

.content h6 {
font-style: italic;
color: #a65804;
font-size:1.1em;
line-height:1.45em;
padding-top: 18px;
margin-top: 18px;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
padding-bottom: 18px;
margin-bottom: 24px;
font-weight:normal}

.breadcrumps {
border-radius:2px;
background:url(img/backgrounds/black60.png) repeat;
display:inline-block;
position:absolute;
left:20px;
top:80px;
text-align:left;
line-height: 1.0em;
overflow:hidden}

.breadcrumps>div {
padding:8px 12px;
font-size:0.9em} 
.breadcrumps p.showbreadcrumps {display:none}

.breadcrumps i {font-style:normal}

.breadcrumps a {color:#fff}

.breadcrumps a:hover {opacity:0.6}

.breadcrumps span {
opacity:0.6}
#inner-dtl .breadcrumps {
background:none;
color:#939a9d}
#inner-dtl .breadcrumps>div {padding:8px 0}
#inner-dtl .breadcrumps span {opacity:1}

@media screen and (min-width: 1024px) {
.linkbox a {
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.32);
-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.32);
-ms-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.32);;
-o-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.32);
-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.32);
}

.linkbox a:hover {
box-shadow:none;
background:#ff840d;
color:#fdf1e9;
box-shadow:none;
text-shadow:none
}


.breadcrumps p.showbreadcrumps {display:block}

.breadcrumps a.hidebreadcrumps {display:none}

.content h2 {font-size:2.2em}

.content h4,
.name {font-size:1.4em;}

.content p,
.content li {
color:#685144;
line-height:1.6em}

.content h6 {
font-size:1.4em;
line-height:1.3em;
text-align:left}

.content h2,
.content h3 {padding-top:12px}

.content ul li {background: url(img/icons/li-image.gif)left 4px no-repeat}

.breadcrumps {
top:150px;
left: 36px}}
/* -- Transition -- */
.dash, .bor,
.prefooter a, .footer a, .footer-bottom a,
.image a span, .slide a span, 
input, textarea, .sb-search,
.icon, .linkbox a,
.header .logo>div>a,
.user-links-desctop a,
.header .mobmenu__head a,
.header.mobmenu__nav a,
.hamburger .bar,
.fading-header .user-links-desctop a,
#inner-dtl .user-links-desctop a,
.article-list .item a,
.stats .info a,
form button[type=submit],
.section-order-list .shownext a,
.btn a,
.mobmenu_pictms li a {
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
transition: all .3s ease 0s;}

.header {
position: absolute;
z-index: 100;
width: 100%;
min-width:280px}

.header .logo>div>a {
position:relative;
display:block;
width:63px;
height:63px;
text-decoration:none;
text-align:left;
text-indent:-9999px;
opacity:1;
background-image: url(img/logo/wimc-logo-colored-126.png);
background-size:63px 63px;
background-repeat:no-repeat;
background-position:50% 50%;
margin:0 auto}
#index-pg .header .logo>div>a,
#inner-pr .header .logo>div>a {background-image:url(img/logo/wimc-logo-white-126.png)}

.header .logo>div>a:hover {
cursor:pointer}

.user-links-desctop {display:none}

.user-links i {
display:block;
width:60px;
height:60px}

.user-links .material-icons:hover {
color:#ff850d;
cursor:pointer}

.user-links {
width:60px;
height:60px;
position:absolute;
top:0;
right:0}

.user-links a {
display:block;
width:60px;
height:60px;
text-align:center;
text-decoration:none}

.user-links a.user-name {
width:36px;
height:36px;
-webkit-border-radius: 36px;
-moz-border-radius: 36px;
-ms-border-radius: 36px;
border-radius: 36px;
margin:12px 0 0 12px;
background:#fff;
line-height:34px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
.user-links a.user-name {line-height:36px}
}
.user-links a.user-name:hover {
 color:#ff850d
}

.fading-header .user-links a.user-name {
background:#ff850d;
color:#fff
}

@media screen and (min-width: 1024px) {
.header .logo>div>a {
background-size:126px 126px;
width:126px;
height:126px}

.user-links {display:none}

.user-links-desctop {
display:block;
width:400px;
color:#fff;
text-transform:uppercase;
position:absolute;
right:30px;
top:35px;
font-size:0.85em;
text-align:right}

.user-links-desctop a {
color:#fff;
text-decoration:none}

.user-links-desctop a:hover {color:#ff850d}

.user-links-desctop span {opacity:0.6}


.user-links-desctop a.user-name {
display: block;
text-align: center;
width: 50px;
height: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius: 50px;
background: #fff;
line-height: 50px;
color:#ff850d;
position: absolute;
right: -8px;
top: -20px;
font-size:1.6em
}

.header .user-links-desctop a.user-name:hover {
background:#ff850d;
color:#fff
}

.fading-header .user-links-desctop a.user-name {
background:#ff850d;
color:#fff
}

.fading-header .user-links-desctop a.user-name:hover,
#inner-dtl .user-links-desctop a.user-name:hover {
background:#08a67e;
color:#fff
}


}
/* --Parallax -- */
.bg {
width: 100%;
height: 500px;
position:relative;
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
top:0}

.bg-load {
position: absolute;
z-index: -100;
width: 100%;
height: 550px;
background: #121719;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
filter: alpha(opacity=0); /* IE 5-7 */
opacity: 0}
#inner-dtl .bg {display:none} 
#index-pg .bg-load,
#inner-pr .bg-load {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; /* IE 8 */
filter: alpha(opacity=1); /* IE 5-7 */
opacity: 1}

@media screen and (min-width: 768px) {
.bg-load {height:660px}}
@media screen and (min-width: 1024px) {
.bg-load {height: 550px}
#index-pg .bg-load {height: 660px}}

.bg-load:after {opacity: 0.6}

.shadow-top {
position:absolute;
top:0;
left:0;
width:100%;
height:160px;
background:url(img/backgrounds/shadow-Top.png) top repeat-x}

.shadow-bottom {
position:absolute;
bottom:0;
left:0;
width:100%;
height:90px;
background:url(img/backgrounds/shadow-Bot.png) bottom repeat-x;
z-index:50}
#section-top>div {
max-width: 1200px;
margin: 0 auto;
}

#section-top {
position:absolute;
top:0;
left:0;
color: #fff;
width: 100%;
margin: 0 auto;
text-align:center;
z-index:60;
min-width:280px}

#index-pg #setbgimg {display:none}

#index-pg #section-top .title {line-height:1.6em}

#index-pg #section-top .title>div b {
display:block;
    font-size: 70px;
    line-height: 70px;
}

#index-pg #section-top .prop {padding-top:24px}

@media screen and (min-width: 768px) {
#index-pg #section-top .title>div b {
display:inline;
font-size:inherit;
line-height:inherit
}
#index-pg #section-top .prop {display:none}
}

#section-top-content ,
.body-reserve #index-pg #section-top-content {
display:table;
height:auto;
padding:20px 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#index-pg #section-top-content, 
#inner-pr #section-top-content {
height:520px;
padding:50px 0;
}

#index-pg .algnMid-content,
#inner-pr .algnMid-content {
display:table-cell;
vertical-align:middle;
}

.body-reserve #index-pg #section-top,
#inner-dtl #section-top {
margin-bottom:30px;
padding-top:140px;
position:relative;
color:#121719;
top:0!important
}

.body-reserve #index-pg #section-top {margin-bottom:16px}

.body-reserve #section-top .title,
#inner-dtl #section-top .title {font-size:1em}

#section-top .descr>div {
padding:16px 20px 0;
font-weight:500;
line-height:1.45em;
max-width: 480px;
margin: 0 auto}
#section-top .linkbox>div {padding-top:24px}
#section-top .linkbox a {
width:260px;
margin:0 auto;
position:relative;
padding-right:30px;
height: 60px;
line-height: 60px;
border-radius:60px;
-moz-border-radius:60px;
-ms-border-radius:60px;
-o-border-radius:60px;
-webkit-border-radius:60px;
background:#fff;
font-size: 0.9em;
font-weight: 500;
}

#section-top .linkbox a .arr-down{
top: 12px;
right: 12px;
display:block
}

#inner-dtl #section-top .title {
position: relative;
z-index: 10}

#inner-dtl #section-top .title>div {
margin: 0 auto;
}

.body-auth  #section-top .title>div {
display: inline-block;
background: #f7f7f7;
text-align:left;
padding:0 30px}

/*#section-top .descr {display:none}*/

#inner-dtl #section-top .title-article>div {padding:0 10px}
@media screen and (min-width: 480px) {
#section-top .title {font-size:1.2em}}
@media screen and (min-width: 600px) {
.body-reserve #section-top .title,
#section-top .title {font-size:1.4em}
}
@media screen and (min-width: 768px) {
.bg {display:none}
#inner-pr .bg {
display:block;
height:520px}
.body-reserve #section-top .title {font-size:1.6em}
#section-top .title {font-size:2em}
#section-top .linkbox>div {padding-top:36px}

#section-top .descr {
font-size:1.1em;
display:block
}

#inner-dtl #section-top .title>div {
text-align:center;
max-width:1000px}}
@media screen and (min-width: 1024px) {

#inner-pr #section-top .linkbox {display:none}

#section-top .title {font-size:2.4em}

.bx-ie #section-top .title {font-size:2.4em}
#section-top .title h1 {line-height: 1em}

.body-reserve #index-pg #section-top-content,
#section-top-content {padding:80px 20px 0}

#inner-dtl #section-top .title {font-size:1.6em}
#section-top .descr>div {
padding-top:30px;
font-size:1.4em;
font-weight:normal;
max-width:none}
#index-pg #section-top .descr>div {padding-top:30px}

#section-top .linkbox a {
height: 70px;
line-height: 70px;
font-size:1em;
width:300px
}
#section-top .linkbox a .arr-down {
top:19px;
right:16px
}

#section-top .linkbox a:hover {
    box-shadow: none;
    background: #ff840d;
    color: #fdf1e9;
}

#section-top .linkbox a:hover .arr-down span.one,
#section-top .linkbox a:hover .arr-down span.two {
color:#fdf1e9;
background:#fdf1e9
}
}

@media screen and (min-width: 1200px) {
.bx-ie #section-top .title {font-size:2.4em}}
/* -- /parallax -- */
/* -- Main Greed -- */
.column25,
.column33,
.column50,
.column66 {
width:100%;
clear:both}
@media screen and (min-width: 768px) {
.column25,
.column33,
.column50,
.column66 {
width:50%;
float:left;
clear:none}

.column66 {width:60%}

.column33 {width:40%}}
@media screen and (min-width: 1024px) {
.column66 {width:66.6666%}

.column33 {width:33.3333%}}

.section {
position:relative;
z-index:60}

.section>div {
max-width:1200px;
margin:0 auto;
padding:0 20px}

.section column50.flt-left {float: left}

.section column50.flt-right {float: right}

.section-content {
position:relative;
z-index:60;
background:#f7f7f7;
min-width:280px}

.content {min-height:240px}

@media screen and (max-width:767px) {
.section-content .link-down {
position:relative;
top:-80px;
width:100%;
height:0;
z-index: 100}

.section-content .link-down>div {
width:81px;
margin:0 auto}

.section-content .link-down a {
display: block;
margin:0 auto;
width: 81px;
height: 81px;
text-decoration:none;
background-image: url(img/icons/arrow-bottom-white.png);
background-size:29px 100px;
background-position:center -51px;
background-repeat:no-repeat}}
a#secondScr {
position:absolute;
top:-56px}
a.tennis-scroll {top:20px!important}
a#sell-block {
position:absolute;
top:-40px}
/* -- deviders -- */
.devider-thin,
.devider-thin-f9,
.devider-thin-fff {
background:#d1d2d4;
width: 100%;
height: 1px;
position:relative}

.devider-thin-f9:before,
.devider-thin:before {background: url(img/backgrounds/devider-f9-left.png) top left no-repeat}

.devider-thin-fff:before {background: url(img/backgrounds/devider-fff-left.png) top left no-repeat}

.devider-thin-f9:after,
.devider-thin:after {background: url(img/backgrounds/devider-f9-right.png) top right no-repeat}

.devider-thin-fff:after{background: url(img/backgrounds/devider-fff-right.png) top right no-repeat}

.devider-thin:before,
.devider-thin-f9:before,
.devider-thin-fff:before {
content: "";
background-size:100% 20px;
width: 30%;
height: 20px;
display: block;
position: absolute;
top: -10px;
left: 0}

.devider-thin:after,
.devider-thin-f9:after,
.devider-thin-fff:after{
content: "";
background-size:100% 20px;
width: 30%;
height: 20px;
display: block;
position: absolute;
top: -10px;
right: 0}

#index-pg .devider-thin,
#inner-pr .devider-thin {display:none}
#inner-dtl .devider-thin {
position:relative;
top:-17px}
@media screen and (min-width: 768px) {
#inner-dtl .devider-thin {top:-24px}}
@media screen and (min-width: 1024px) {
.section-content .link-down {max-width:1200px}

.devider-thin {top: 56px}
a#secondScr {top:-64px}}

.section-heading {
text-align:center;
position:relative;
z-index: 60;
background: #f7f7f7;
clear:both}

.section-heading>div {
padding-top:24px;
max-width: 1200px;
min-height:40px;
margin: 0 auto}
}

.section-heading .devider-thin-f9:before, 
.section-heading .devider-thin-f9:after {width:10%}

.section-heading .title {
margin-top:-16px;
position:relative;
z-index:10}

.section-heading .title>div {
display:inline-block;
background:#f7f7f7;
padding: 0 20px;
}

.section-heading .descr>div {
padding:12px 20px 0;
color:#a65804
}

@media screen and (min-width: 480px) {
.section-heading .title>div {font-size:2.2em}
}

@media screen and (min-width: 1024px) {
.section-heading>div {padding-top:0}

.section-heading .title {margin-top:-24px}

.section-heading .title>div {
font-size:2.6em;
padding:0 30px
}

.section-heading .descr>div {
font-size:1.2em;
padding-bottom:30px}}

.header .ru-en {display:none}

.ru-en {
position:absolute;
width:140px;
top:36px;
left:90px;
font-size:0.85em;
color:#fff}

.ru-en a {color:#fff}

.ru-en a:hover {color:#ff850d}

.ru-en span {opacity:0.6}

/* MOBILE MENU */
.mobmenu {
display:none;
height: 100%;
width: 100%;
position: fixed;
top: 0;
z-index: 960;
overflow: auto;
background:#ff850d}

.mobmenu__close {
display: block;
position: absolute;
top: 10px;
left:-10px;
width: 38px;
height: 40px;
font-size: 0;
cursor: pointer}

.mobmenu__close:hover {
text-decoration: none}

.mobmenu__head {
position: relative;
margin: 0 20px;
height:100px}

.header .mobmenu__head .link {
font-size:0.85em;
position:absolute;
top:15px}

.header .mobmenu__head .link a {
display:block;
color:#fff;
text-transform:uppercase;
padding: 8px 12px;
text-transform: uppercase;
border: 1px solid #fff;
border-radius: 2px;
text-decoration:none}

.header .mobmenu__head .link a:hover {opacity:0.6}

.header .mobmenu__head .ru-en {
display:block;
left:50px;
opacity:1;
width:52px}

.header .mobmenu__head .recall-icon {right:0}

.mobmenu__phones {
text-align: center}

.mobmenu__phones a,
.mobmenu__phones a:hover {
text-decoration: none;
color: #fff;
font-size: 1.4em;
line-height: 1.3em}

.mobmenu__nav {
padding: 0 20px;
margin: 0 auto}

.mobmenu__navigation {
display: block;
list-style: none;
margin: 0 20px;
padding-top: 20px;
min-width: 280px}

.mobmenu_pictms {
padding-bottom:24px;
overflow: hidden;
max-width:480px;
margin:0 auto}

.mobmenu_pictms li {
width:24.25%;
margin-right:1%;
float:left}

.mobmenu_pictms li:last-child {margin:0}

.mobmenu_pictms li a{
display:block;
max-width:200px;
text-decoration:none}

.mobmenu_pictms li a:hover,
.mobmenu_pictms li.act a,
.mobmenu_pictms li.act a:hover {opacity:0.6}

.mobmenu_pictms li a img {border-radius:2px}

.mobmenu-links {margin-top:24px}

.mobmenu-links>div {padding-bottom:60px}

.mobmenu-links span {
display:block;
text-align:center;
padding:6px 0}

.mobmenu-links span a {
line-height: 1.45em;
border-bottom: 1px solid #fff;
color:#fff;
}

.mobmenu-links span a:hover {opacity:0.6}

.mobmenu__nav .linkbox {clear:both}

.mobmenu__nav .linkbox a {
background: #fff;
margin: 0 auto 30px;
max-width: 360px;
opacity:1
}

.mobmenu__nav .linkbox a:hover {
opacity:.6;
color: #ff840d;
box-shadow: none;
}

@media screen and (min-width: 768px) {
.mobmenu__phones,
.mobmenu__search {display:none}

.mobmenu__nav {
width:600px;
margin:10% auto 0}

.mobmenu_pictms {max-width:none}

.mobmenu__nav .devider-thin-f9 {display:none}

.mobmenu-links p {text-align:center}

.mobmenu-links span {
display:inline;
padding:0 6px;
line-height: 36px;
white-space: nowrap}}
@media screen and (min-width: 1024px) {
.mobmenu__nav {width:780px}

.header .mobmenu__head .link {top:27px}

.header .mobmenu__head .link a:hover {
opacity:1;
background:#fff;
color:#ff850d}

.mobmenu__nav .linkbox a {max-width: 280px;}
}

.hamburger {
width: 70px;
height: 30px;
display: block;
cursor: pointer;
position: absolute;
top: 0;
left: 8px;
padding: 22px 0 12px 12px}

.hamburger .bar {
background-color: #fff;
border-radius: 1px;
display: block;
height: 2px;
width: 28px;
margin: 0 10px 5px 0;
float: left}

.hamburger:hover .bar {background-color: #ff850d}

.hamburger b {
display:block;
width:30px;
float:right;
color:#fff;
font-weight:300;
text-transform:uppercase;
font-size:0.7em;
padding-top:3px;
opacity:0.6}
@media screen and (min-width: 1024px) {
.mobmenu__close {
top: 22px;
left: 10px}

.header .mobmenu__head .ru-en {left:66px}

.header .mobmenu__head .recall-icon {right:24px}

.hamburger {
padding: 30px 0 12px 24px;
height:40px}

.hamburger .bar {
width:36px;
height:3px;
margin: 0 10px 6px 0}}

.body_fixed {
position: fixed;
top: 0;
left: 0;
right: 0}
@media screen and (min-width: 600px) {
.mobmenu__navigation li {
width:24%;
margin:0 0.5% 6px}}
@media screen and (min-width: 1024px) {
.header .ru-en {display:block}
.fading-header .ru-en {
display:block;
color:#939a9d;
z-index:200}
#inner-dtl .ru-en {color:#939a9d}
.fading-header .ru-en span,
#inner-dtl .ru-en span {opacity:1}
.fading-header .ru-en a,
#inner-dtl .ru-en a {color:#ff850d}
.fading-header .ru-en a:hover,
#inner-dtl .ru-en a:hover {color:#08a67e}}
/* Fading header */
.fading-header {
position:fixed;
top:0;
width:100%;
height:60px;
background:#fff;
z-index:100;
box-shadow: 0 0 30px #999}

.safari .fading-header {box-shadow:none}
.header.fading-header .logo>div>a {
width:63px;
background-image: url(img/logo/wimc-logo-CM.png)!important;
background-size:63px 63px}
.fading-header .hamburger,
.fading-header .user-links {z-index:200}
.fading-header .bar,
#inner-dtl .bar {background-color: #8a9295}
.fading-header .hamburger:hover .bar,
#inner-dtl .hamburger:hover .bar {background-color: #ff850d}
.fading-header .user-links .material-icons,
#inner-dtl .user-links .material-icons {color: #8a9295}
.fading-header .user-links .material-icons:hover,
#inner-dtl .user-links .material-icons:hover {color: #ff850d}
@media screen and (min-width: 1024px) {
.fading-header {
height:80px;
box-shadow: 0 0 60px #999}
.header.fading-header .logo>div>a {
width:80px;
height:80px;
background-image: url(img/logo/wimc-logo-CM.png)!important;
background-size:80px 80px}
.fading-header .user-links-desctop {z-index:200}
.fading-header .user-links-desctop a, 
#inner-dtl .user-links-desctop a {
color:#ff850d;
text-decoration:none}

#inner-dtl .fading-header .user-links-desctop a {color:#fff}

#inner-dtl .fading-header .user-links-desctop a:hover,
#inner-dtl .user-links-desctop a:hover {color:#08a67e}
.fading-header .user-links-desctop span,
#inner-dtl .user-links-desctop span {
opacity:1;
color:#939a9d}}
/* --- Sliders in Tabs --- */
#slider-announces .column50 {
width:100%;
float:none} 
#slider-announces .price-rule-block {
position: relative;
top: -30px}
#slider-announces .price-rule-block>div {
overflow: hidden;
max-width: 480px;
margin: 0 auto;
background: #f7f7f7}
#index-tabs .title {display:none;}

#index-tabs .title>div {} 

#index-tabs .descr>div {
max-width:460px;
margin:0 auto;
}
 
.body-tennis #slider-announces .devider-thin-f9 {margin-top:60px}
#index-tabs #tab-2 .title,
#index-tabs #tab-3 .title {margin-bottom:0}

#index-tabs .tabsHead {padding-top:24px}

#index-tabs .content-wrap {
padding: 0 20px;
border-top: 1px solid #e9e9e9;
margin-left: -20px;
margin-right: -20px;
padding-bottom:20px}
#index-tabs ul.nav,
#index-tabs2 ul.nav,
#overlay-show-tabs ul.nav{
overflow: hidden;
list-style: none;
margin: 0 auto;
max-width:470px
}
#overlay-show-tabs ul.nav {max-width:220px}
#index-tabs ul.nav,
#index-tabs2 ul.nav {
position:relative;
z-index:60}
#index-tabs .nav li,
#index-tabs2 .nav li,
#overlay-show-tabs ul.nav li{
width: 40%;
float: left;
text-align: center}
#index-tabs .nav li:first-child {width: 20%}

.body-tennis #index-tabs .nav li,
.body-tennis #index-tabs .nav li:first-child, 
#index-tabs2 .nav li,
#overlay-show-tabs ul.nav li {width:50%}
#overlay-show-tabs ul.nav li:last-child {float:right}
#index-tabs .nav li a,
#index-tabs2 .nav li a,
#overlay-show-tabs ul.nav li a {
display: block;
padding: 12px 0 16px;
color: #121719;
text-align: center;
text-transform:uppercase;
line-height: 1.2em;
border-bottom: 2px solid #f7f7f7;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s}
#overlay-show-tabs ul.nav li a {
text-transform:none;
border-bottom: 1px solid #e9e9e9}
#index-tabs .nav li a:hover,
#index-tabs2 .nav li a:hover,
#overlay-show-tabs ul.nav li a:hover {
border-color: #d1d2d4;
color: #121719}
#index-tabs li a.current,
#index-tabs li a.current:hover,
#index-tabs2 li a.current,
#index-tabs2 li a.current:hover,
#overlay-show-tabs ul.nav li a.current,
#overlay-show-tabs ul.nav li a.current:hover {
color: #ff850d;
border-color: #ff850d}
#slider-announces .slider-announce-item {margin-top:30px}
#slider-announces .slider-announce-item:first-child {margin-top:0}


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

.tab-slider-left {min-height:220px}

#index-tabs .tabsHead {
margin-left:-20px;
margin-right:-20px;
overflow:hidden
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
#index-tabs .tabsHead {
overflow-x:scroll;
height:64px;
}
}

#index-tabs ul.nav {
padding:14px 10px 0;
width:420px;
}

.body-tennis #index-tabs ul.nav {width:360px;}

#index-tabs .nav li a, 
#index-tabs2 .nav li a, 
#overlay-show-tabs ul.nav li a{
font-size:0.9em;
}
}

@media screen and (min-width: 480px) {
#overlay-show-tabs ul.nav li a {text-transform:uppercase}}
@media screen and (min-width: 600px) {
#index-tabs .content-wrap {
padding: 30px 0;
border: none;
margin-left: 0;
margin-right: 0}
#index-tabs .title {display:block}
}

@media screen and (min-width: 768px) {
#index-tabs ul.nav {
max-width: 470px;
border-bottom: 1px solid #e9e9e9}
#overlay-show-tabs ul.nav {max-width: 420px}
#slider-announces .price-rule-block .i-price {
width: 40%;
margin-top: 12px}
#slider-announces .price-rule-block .i-rules {
width: 60%;
margin-top: 12px}}
@media screen and (min-width: 1024px) {
#index-tabs ul.nav {padding-top:30px}
#index-tabs .nav li a,
#index-tabs2 .nav li a {border-width:2px}
#overlay-show-tabs ul.nav li a {font-size:1em}
#index-tabs2 .nav {display:none}
#index-tabs2 #tab-4,
#index-tabs2 #tab-5 {
width:50%;
display: block!important;
float:left}
#slider-announces .slider-announce-item .column50 {
float: none;
width: 100%}
#index-tabs .content>div {max-width: none}
#slider-announces .slider-announce-item .column50 {width: 50%}
#index-tabs .descr>div {
max-width:none;
margin:0}
#slider-announces .price-rule-block {margin-bottom: 20px}
#slider-announces .price-rule-block>div {padding-left:24px}

.body-tennis #slider-announces .devider-thin-f9 {margin-top:20px}
/*#slider-announces .slider-announce-item {margin-top:0}*/}
/* -- Index Page Slider -- */

.desctop-page-slider {
width:100%;
height:550px;
display:block;
position:relative
}

.desctop-page-slider .slide>div {
height:550px;
background-position:0 50%;
background-repeat:no-repeat;
background-size:cover;
position:relative
}

.desctop-page-slider .slide>div:after {
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,.2)
}

.desctop-page-slider .slide .text {display:none}

.desctop-page-slider .bx-wrapper .bx-pager {
position:relative;
bottom:120px;
z-index:70
}

.desctop-page-slider .bx-wrapper .bx-controls-direction a {
display:block;
background-image:url(img/mainSlider-Arrs.png);
background-repeat:no-repeat;
background-size:80px 67px;
height:80px;
transition: opacity .3s ease 0s;
-webkit-transition: opacity .3s ease 0s;
-moz-transition: opacity .3s ease 0s;
-o-transition: opacity .3s ease 0s;
top:auto;
bottom:82px;
opacity:0.6
}

.desctop-page-slider .bx-wrapper .bx-controls-direction a.bx-prev {
background-position:14px 0;
left:0
}
.desctop-page-slider .bx-wrapper .bx-controls-direction a.bx-next {
right:0;
background-position:-36px 0
}
/*
@media screen and (max-width: 767px) {
.desctop-page-slider:after {
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.4);
}
}
*/
@media screen and (min-width: 768px) {
.desctop-page-slider .slide .text {
text-align:center;
color:#fff;
line-height:1.45em;
display:block;
position:absolute;
width:100%;
bottom:110px;
left:0;
z-index:50;
font-weight:500;
font-size:1.1em
}

.desctop-page-slider .slide .text>div {
max-width:920px;
margin:0 auto
}

.desctop-page-slider .slide .shadow-bottom {z-index:0}
.desctop-page-slider .bx-wrapper .bx-pager {bottom:40px}
}


@media screen and (min-width: 1024px) {

.desctop-page-slider,
.desctop-page-slider .slide>div {height:660px}

#index-pg #section-top-content {height:660px}

#inner-pr #section-top-content {
height:520px;
padding-top:190px
}

.desctop-page-slider .slide .text {
font-size:1.4em;
font-weight:normal;
bottom:140px
}

.desctop-page-slider .slide .text>div {
max-width:1040px;}

.desctop-page-slider .bx-wrapper .bx-controls-direction a {
background-size:120px 100px;
height:100px;
opacity:1;
bottom:auto;
top: 40%;
    top: calc(50% - 50px);
    -moz-top: calc(50% - 50px);
    -ms-top: calc(50% - 50px);
    -o-top: calc(50% - 50px);
    -webkit-top: calc(50% - 50px);
}

.desctop-page-slider .bx-wrapper .bx-controls-direction a.bx-prev {
background-position:0 0;
left:20px
}
.desctop-page-slider .bx-wrapper .bx-controls-direction a.bx-next {
right:20px;
background-position:-60px 0
}
.desctop-page-slider .bx-wrapper .bx-controls-direction a:hover {
opacity:.6;
cursor:pointer
}
}

@media screen and (min-width: 1400px) {
.desctop-page-slider .bx-wrapper .bx-controls-direction a.bx-prev {left: 10%}
.desctop-page-slider .bx-wrapper .bx-controls-direction a.bx-next {right:10%}
}

/* -- /slider -- */

/* -- FOOTER -- */
.footer {
background:#fff;
text-align:center;
color:#8a9295;
overflow:hidden}

.footer>div {max-width:740px}

.footer .column25 {
margin-left:-20px;
margin-right:-20px;
width: inherit;
position:relative}
 
.footer .column25>div {
padding:30px 20px 22px;
border-top:1px solid #e9e9e9;
overflow:hidden;
margin:0 20px}

.footer .column25:first-child>div {border-top:none}

.footer p {
line-height:1.45em;
padding-bottom:8px}

.footer p.f-phones {padding:4px 0 9px}

.footer .adress p:first-child {padding-bottom:16px}

.footer .adress .linkbox {
	margin:16px auto 6px;
	width:220px
}

.f-phones a {
color:#685144;
font-size:1.4em;
line-height: 1.3em}

.f-viber .item {
width:270px;
margin:0 auto;
overflow:hidden}

.f-viber .image {
width:84px;
height:40px;
margin:0 auto 12px}

.f-viber .image a {
display:block;
width:85px;
height:40px;
text-indent:-9999px;
background-size:85px 40px;
background-position:50% 50%;
background-repeat:no-repeat;
background-color:#ff850d;
background-image:url(img/icons/social/viber@2x.png)}

.f-viber .image a:hover {background-color:#08a67e} 
.f-viber .author {
clear:both;
float:left;
width:50px;
height:50px}

.f-viber .author img {
border-radius:20px}

.f-viber .descr {
width:210px;
float:right;
background:#a4978f;
border-radius:16px}

.f-viber .descr>div {
padding:8px 8px 8px 12px;
color:#fff;
font-size:0.85em;
text-align:left;
position:relative}

.f-viber .descr>div:before {
content: "";
background: url(img/icons/viber-bg.png) top left no-repeat;
background-size:17px 22px;
width: 17px;
height: 22px;
display: block;
position: absolute;
top: -2px;
left:-7px}


.footer .socialsFooter .item-images {
	margin:16px auto 0;
	width:262px;
	text-align:center;
	overflow:hidden
}

.footer .socialsFooter .item-images a {
	display:block;
	width:50px;
	height:50px;
	margin-right:3px;
	float:left;
	background:#121719;
}

.footer .socialsFooter .item-images a:last-child {
	float:right;
	margin-right:0
}

.footer .socialsFooter .item-images a img {
width:100%;
-webkit-transition: opacity .3s ease 0s;
-moz-transition: opacity .3s ease 0s;
-o-transition: opacity .3s ease 0s;
-ms-transition: opacity .3s ease 0s;
transition: opacity .3s ease 0s;
}
.footer .socialsFooter .item-images a:hover img {opacity:.6} 


.footer .socialsFooter .item-links {
	margin:14px auto 0;
	width:160px;
	height:40px;
	overflow:hidden
}







.footer .adress .linkbox a {
display:block;
padding-left:38px;
    padding-right: 16px;
background:#ff840d;
color:#fff;
border:none
}

.footer .adress .linkbox a i { 
left:9px;
top: 2px
}

.footer .adress .linkbox a:hover {
color: #fff;
background: #08a67e}
/* footer menu */
.footer .sitemap>div {
padding: 22px 8px 0}

.footer .sitemap a {
display:block;
text-decoration:none;
text-indent:-9999px;
width:20px;
height:15px;
background-size:22px 17px;
background-position:50% 50%;
background-repeat:no-repeat;
background-color:#ff850d}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
.footer .sitemap a {background-image:url(img/icons/sitemap-icon@2x.png)}}
@media only screen and (-webkit-max-device-pixel-ratio: 1.4),
only screen and (max-resolution: 143dpi) {
.footer .sitemap a {background-image:url(img/icons/sitemap-icon.png)}}

.footer .sitemap a:hover {background-color:#08a67e}

.footer-left-links {
width:36px;
float:left;
margin:4px 36px 0 0}

.footer a.footer-rus-eng {
display:block;
width:35px;
padding:6px 0;
background-image:url(img/icons/footer-switch.png);
background-repeat:no-repeat;
background-size:35px 35px;
background-position: 50% 1px;
font-size: 0.85em;
padding-bottom:10px;
text-align:center}

.footera.footer-rus-eng:hover {
cursor:pointer;
background-position: 50% 38px}

.footer a.footer-rus-eng span {
display: block;
text-align: center;
height: 30px;
padding-top: 8px;
color: #8a9295;
margin-bottom:8px}

.footer a.footer-rus-eng:hover span {color:#685144}

.footer .f-menu ul {
max-width:190px;
margin:0 auto 8px
}
 
.footer .f-menu ul li {
list-style:none;
padding-bottom:4px;
padding-left:24px;
background: url(img/icons/li-image.gif)left top no-repeat;
text-align:left}

.footer .f-menu ul li a {line-height:1.45em}

.footer-bottom {
background:#fff;
border-bottom: 4px solid #a2948c;
}

.footer-bottom .descr {
font-size:0.9em;
padding: 0 100px 20px 0;
}
 
.icons8 {display:none}

.footer-bottom>div {
padding-top:10px;
color:#8a9295;
overflow:hidden;
position: relative}

.footer-bottom .links {
width:36%;
float:right}

.footer-bottom .links p {display:none}

.footer-bottom p {
width:160px;
float:left;
padding-top:8px}

.footer-bottom .links ul {
overflow:hidden;
width:116px;
float:right}
ul.social li {
display:block;
width:40px;
height:40px;
float:left;
margin-right:8px}


ul.social li a,
ul.messengers li a,
.footerPinIcon,
.sitory a {
display:block;
width:40px;
height:40px;
text-indent:-9999px;
background-position:50% 50%;
background-repeat:no-repeat;
background-size:240px 80px;
background-image:url(img/icons/footer-icons/footerSprite.png);
-webkit-transition: opacity .3s ease 0s;
-moz-transition: opacity .3s ease 0s;
-o-transition: opacity .3s ease 0s;
-ms-transition: opacity .3s ease 0s;
transition: opacity .3s ease 0s;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
ul.social li a,
ul.messengers li a,
.footerPinIcon,
.sitory a {
background-image:url(img/icons/footer-icons/footerSprite@2x.png);
}
}

ul.social li a:hover,
ul.messengers li a:hover {
opacity:.6;
cursor:pointer;
}

ul.social li.trpdv {width:50px}
ul.social li.trpdv a {
width:50px;
background-position:-55px 0;
}



ul.social li.in a {background-position:-120px 0}
ul.social li.fb a {background-position:0 0}

ul.messengers li.vibr a {background-position:0 -40px}
ul.messengers li.wapp  a{background-position:-40px -40px}
ul.messengers li.tlgr a {background-position:-80px -40px}

.footerPinIcon {
background-position:-120px -40px;
position:relative;
z-index:5
}

.map-link span:before {
	content:"";
	position:absolute;
	width:40px;
	height:40px;
	left:0;
	top:0;
	background:#ff850d;
	border-radius:40px;
	-moz-border-radius:40px;
-ms-border-radius:40px;
-o-border-radius:40px;
z-index:1;
-webkit-border-radius:40px;
-webkit-transition: background .3s ease 0s;
-moz-transition: background .3s ease 0s;
-o-transition: background .3s ease 0s;
-ms-transition: background .3s ease 0s;
transition: background .3s ease 0s;
 } 
.map-link:hover span:before { background:#08a67e}


ul.messengers li {
width:40px;
height:40px;
float:left;
margin-right:8px
}

ul.messengers li:last-child {
	margin-right:0;
	float:right
}
	

.footer .devider-thin-fff {display:none}

.footer .f-viber .text {
max-width:320px;
margin:0 auto}

.footer .phones  .item-links {
	margin:8px auto 0;
	width:136px;
	height:40px;
}


.sitory {
z-index:20;
position:absolute;
right:20px;
bottom:10px;
width:80px;
height:40px;
-webkit-transition: opacity .3s ease 0s;
-moz-transition: opacity .3s ease 0s;
-o-transition: opacity .3s ease 0s;
-ms-transition: opacity .3s ease 0s;
transition: opacity .3s ease 0s;
}

.sitory a {
text-indent:-9999px;
display:block;
width:80px;
height:40px;
opacity:0.2;
background-position:-160px -40px
}

.sitory:hover a {opacity:1}
	

@media screen and (min-width: 360px) {
.footer .f-viber>div {padding-bottom:0}

.f-viber .prop {
text-align:left;
width:50%;
float:left;
padding-left: 40px}

.f-viber .image {
margin:0;
float:right}

.f-viber .item {
position: relative;
top: -43px}

.f-viber .author,
.f-viber .descr {margin-top:3px}
}

@media screen and (min-width: 480px) {
.footer-bottom .descr br {display:none}
}

@media screen and (min-width: 768px) {
.footer .linkbox {display:none}

.footer .column25 {
margin:0 0 40px 0;
width:50%}

.footer .column25:nth-child(even) {float:right} 
.footer .column25>div {
border-top:none;
height:130px;
padding:40px 0}

.f-phones a {font-size:1.5em}

.footer .devider-thin-fff {
display:block;
clear:both}

.footer-bottom .links p {
display:block;
width:210px;
padding-top:4px;
text-align:right}

.footer-bottom .links>div {
width:330px;
float:right}
ul.social li {margin:0 0 0 8px}

.footer-bottom .descr {padding-bottom:45px;}

.sitory {
bottom:40px;
right:40px;
}
}

@media screen and (min-width: 1200px) {
.footer>div {
max-width:1200px;
position:relative}


.footer .f-menu ul {
max-width:none;
overflow:hidden
}

.footer .f-menu ul li {
padding-left:0;
background:none
}

.footer .f-menu ul li:nth-child(6) {margin: 8px 0;} 

.footer .column25 {
width:25%;
float:right;
margin-bottom:10px
}

.footer .column25>div {
padding:60px 0;
border:none}

.footer .f-viber {width:30%}

.f-viber .item {margin:0}

.footer .devider-thin-fff {display:none}

.f-viber .prop {
width:50%;
padding-left:0}

.footer .adress,
.f-viber p {text-align:left}

.f-viber p {padding-bottom:0}

.f-viber .item {top: -30px}

.footer-bottom>div {
padding:10px 20px 24px}

.footer-bottom .clear {clear:none}

.footer-bottom .links {
width:320px;
position:absolute;
right:200px;
z-index:20}

.footer-bottom .descr {padding-bottom:20px;}

.footer-bottom .links {right:230px}
.footer-bottom .links>div {width:320px}
.footer-bottom .links p {width:200px}
}
/* ya-map */
.map-link {display:none}

.spoiler_inner_block {
display:none;
background:#a2948c;
width:100%;
bottom:0;
overflow: hidden}

.spoiler_inner_block>div {
padding:80px 20px 30px;
position:relative}

.yandex-map {
height:400px;
margin-top:32px;
background:#685144 url(img/backgrounds/ya-map-bg.jpg) 50% 50% no-repeat;
webkit-box-shadow: 0 60px 60px -50px rgba(18, 23, 25, 0.5), 0 0 4px rgba(18, 23, 25, 0.4), 0 0 40px rgba(18, 23, 25, 0.1) inset;
-moz-box-shadow: 0 60px 60px -50px rgba(18, 23, 25, 0.5), 0 0 4px rgba(18, 23, 25, 0.4), 0 0 40px rgba(18, 23, 25, 0.1) inset;
box-shadow: 0 60px 60px -50px rgba(18, 23, 25, 0.5), 0 0 4px rgba(18, 23, 25, 0.4), 0 0 40px rgba(18, 23, 25, 0.1) inset}

.ymap-container {
position: relative;
overflow: hidden;
cursor: pointer}
#map-yandex {
position: relative;
z-index: 7;
width: 100%;
height: 400px;
cursor: pointer;
background-color: transparent}

.ya-map-bottom .column33 {display:none}

@media screen and (min-width: 768px) {
.spoiler_inner_block>div {
padding:60px 20px 40px;
max-width:1200px;
margin:0 auto}

.ya-map-bottom {margin-top: -80px}

.ya-map-bottom .close-link {
top:60px;
font-size:0
}

.yandex-map {margin-top:0}

.map-link {
display:block;
position:relative;
left:0;
width:100%;
height:40px}

.map-link>div {
width:220px;
left: 50%;
position: relative;
font-size:.9em}

.map-link>div:hover {cursor:pointer}

.map-link>div span {
display:block;
width:40px;
height:40px;
text-align:center;
float:left;
margin-right:12px;
z-index: 60;
position: relative;
top: 2px;
}

.map-link>div i {
width: 40px;
height: 40px;
display: block}

.map-link>div b {
display:block;
position: relative;
z-index: 60;
padding-top:16px;
font-weight:normal;
color:#ff850d;
float:left}

.map-link:hover>div b {
color:#08a67e;
border:none
}

.ya-map-bottom .column33 {display:block}

.ya-map-bottom .column33>div {
padding:90px 0 0 40px}

.map-contacts {
margin-bottom:60px}

.map-contacts p {
color:#fff;
font-weight:500;
line-height:1.4em;
padding-bottom:12px}

.map-contacts a {
color:#fff;
border-bottom:1px solid #fff}

.map-contacts a:hover {opacity:0.6} 
.ya-map-bottom .link {
background-position:0 6px;
background-repeat:no-repeat;
background-size:24px 24px}

.ya-map-bottom .link>div {
padding:0 0 12px 36px;
height:30px} 
.ya-map-bottom .admin-icon {background-image:url(img/icons/amin-icon-Brn@2x.png)}

.ya-map-bottom .recall-icon {background-image:url(img/icons/recall-icon-Brn@2x.png)}

.ya-map-bottom .link a {
color:#fff;
border-bottom:1px dashed #fff;
line-height:30px}

.ya-map-bottom .link a:hover {opacity:0.6}}
@media screen and (min-width: 1100px) {
.map-contacts p {padding-bottom:24px}

.map-link>div {
left: 40%;
}

.map-link>div span {
height:50px}

}
/* -- loader -- */
.loader {
position: absolute;
z-index: 15;
left: 0;
top: -1000px;
box-sizing: border-box;
width: 100%;
height: 100%;
overflow: hidden;
color: #000000;
transition: opacity .7s ease;
opacity: 0;
background-color: rgba(0,0,0,.55)}

.loader:after,
.loader:before {
box-sizing: border-box}

.loader.is-active {
top: 0;
opacity: 1}

.safari .loader-default {display:none}
 
@keyframes rotation {
from {
transform: rotate(0);
}
to {
transform: rotate(359deg);
}}
@keyframes blink {
from {
opacity: .5;
}
to {
opacity: 1}}
/* -- / styles of content -- */
.content>div {
margin:0 auto;
max-width:700px;
text-align:left;
padding-bottom:30px}

.content .full-image {
margin:24px 0 40px;
webkit-box-shadow: 0 30px 30px -20px rgba(18, 23, 25, 0.5);
-moz-box-shadow: 0 30px 30px -20px rgba(18, 23, 25, 0.5);
box-shadow: 0 30px 30px -20px rgba(18, 23, 25, 0.5)}

.content .full-image img {padding:0}
@media screen and (min-width: 1024px) {
.content>div {
padding-bottom:60px;
text-align:justify}

.content .full-image {
margin-left: -150px;
margin-right: -150px;
webkit-box-shadow: 0 60px 60px -50px rgba(18, 23, 25, 0.5);
-moz-box-shadow: 0 60px 60px -50px rgba(18, 23, 25, 0.5);
box-shadow: 0 60px 60px -50px rgba(18, 23, 25, 0.5)}}
/* -- courts_links -- */
.courts_links,
.index-info-tabs .items {
max-width:360px;
margin:0 auto}

.index-info-tabs #tab-1 .items {margin-top:16px}

.courts_links>div {
margin:0 auto;
padding-top:24px}

.courts_links .item {
width:48%;
margin:0 1% 0 0;
float:left;
border-radius:3px;
background:#fff;
position: relative;
border: 1px solid #e9e9e9}

.courts_links .item:last-child {
float:right;
margin:0 0 0 1%}

.courts_links .item:after {
content: "";
width: 24px;
height: 16px;
display: block;
position: absolute;
top:12px;
right:12px;
background-image:url(img/icons/admin-calendar-icons.png)}

.courts_links .item:first-child:after {background-position:50% top}

.courts_links .item:nth-child(2):after {background-position:50% bottom}

.courts_links .item>div {padding:12px 32px 12px 12px}

.courts_links .item a {display:block}

.courts_links .item a span {
line-height: 1.45em;
font-size: 0.9em}
@media screen and (min-width: 1024px) {
.courts_links {
max-width:none;
margin:0 0 16px 30px}

.courts_links>div {
margin:0;
padding: 12px 0 0}

.courts_links .item {
background:none;
border:none;
width:42%}

.courts_links .item:after {display:none}

.courts_links .item>div {padding:12px 12px 12px 0}

.courts_links .item:before {
content: "";
width: 30px;
height: 30px;
display: block;
position: absolute;
top:18px;
left:-40px}

.courts_links .item:first-child:before {background:url(img/icons/icon-admin.png) 50% 50% no-repeat}

.courts_links .item:nth-child(2):before {background:url(img/icons/icon-calendar.png) 50% 50% no-repeat}

.courts_links .item a span {
font-size:1em;
font-weight:500}}
@media screen and (min-width: 1200px) {
.courts_links {margin-bottom:0}

.courts_links .item:before {top:22px}

.courts_links .item {
width: 48%;
margin-left:5%}

.courts_links .item:first-child {
width: 45%;
margin-left:0}}

.index-info-tabs .column50>div {
max-width:480px;
margin:0 auto}

.index-info-tabs .column50 p {padding-bottom:12px}

.section .column50 .title {
font-size:1.6em;
text-align:center}

.body-tennis .section .column50 .title {margin-bottom:0}

.body-relax .section #cort-1 .title>div {padding-top:20px}

.section .column50 .descr {
color:#685144;
line-height:1.5em;
padding-bottom:12px;
margin-top:18px}

.section .column50 .descr p {padding-bottom:12px}

.cabinet-order {
text-align:center;
position:relative;
bottom:-16px}

.cabinet-order>div {
padding: 12px 16px;
font-size: 0.9em;
background: #fff;
display: inline-block;
border-radius: 2px;
margin-bottom: 12px;
line-height:1.45em}

.cabinet-order i {
font-style:normal;
white-space: nowrap;
border:none;
color: #685144;
font-size: 1.5em;
line-height: 1.3em;
display: block;
padding-top: 6px}

.biglink,
.index-info-tabs .linkbox {
width:48%;
float:left}

.index-info-tabs .linkbox a {margin:0 14px 0 0}

.biglink:last-child {float:right}

.biglink>div {
padding:14px 0 8px 40px;
background-position:left 6px;
background-repeat:no-repeat;
background-size:30px 30px}

.biglink a i {display:none}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
.i-rules>div {background-image: url(img/icons/icon-rules@2x.png)}

.i-price>div {background-image: url(img/icons/icon-price@2x.png)}}
@media only screen and (-webkit-max-device-pixel-ratio: 1.4),
only screen and (max-resolution: 143dpi) {
.i-rules>div {background-image: url(img/icons/icon-rules.png)}

.i-price>div {background-image: url(img/icons/icon-price.png)}}

.index-info-tabs .linkbox a.grey {margin-top:0}
@media screen and (min-width: 480px) {
.section .column50 .title {font-size:1.8em}}
@media screen and (min-width: 600px) {
.section .column50 .title {font-size:2em}

.section .column50 .descr {text-align:center}}
@media screen and (min-width: 768px) {
.index-info-tabs .column50 {
float:none;
width:100%}

.index-info-tabs .column50:first-child>div {overflow:hidden}

.index-info-tabs .linkbox>div {width: 180px}}
@media screen and (min-width: 1024px) {
.index-info-tabs .column50 {
float:right;
width:50%}

.index-info-tabs .column50>div {max-width:none}

.index-info-tabs .column50:first-child>div {
padding-left: 40px;
display: table-cell;
vertical-align: middle;
height: 420px}

.index-info-tabs .column50:last-child {float:left} 
.section .column50 .title, 
.section .column50 .descr {text-align:left}

.section .column50 .title {
font-size:2.6em}

/*.section .column50 .title>div {font-weight:300}*/

.index-info-tabs #tab-2 .descr,
.index-info-tabs #tab-3 .descr {margin-top:6px}

.index-info-tabs .items {max-width:none}

.i-rules a i {
display:inline;
font-style:normal}

.cabinet-order {text-align:left}

.cabinet-order>div {
font-size: 1em;
padding: 8px 16px}

.cabinet-order i {
padding:0;
display:inline;
color:#121719;
font-size:1em}

.index-info-tabs .linkbox {
width:180px;
float:left}

.i-price {width:40%}

.i-rules {width:60%}

.i-price>div,
.i-rules {
float:left}}
@media screen and (min-width: 1200px) {
.index-info-tabs .column50:first-child>div {padding-left:70px}
}

/* --- content-page-slider--- */

.content-page-slider {
margin-top:40px}


.content-page-slider .slide a,
.static-page-gallery .image a {
display:block;
position:relative;
max-width:600px;
margin:0 auto;
border:none
}

.static-page-gallery .image a {max-width:490px}

.content-page-slider .slide a span,
.static-page-gallery .image a span {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(img/backgrounds/black60.png) repeat;
opacity:0;
text-indent:-9999px; }

.content-page-slider .slide a span:after,
.static-page-gallery .image a span:after {
top:42%;
left:45%}

.content-page-slider .slide a span:after,
.static-page-gallery .image a span:after {
content: "";
background-image:url(img/icons/zoom@2x.png);
background-size:72px 72px;
background-position:50% 50%;
background-repeat:no-repeat;
width: 72px;
height: 72px;
display: block;
position: absolute;
top: calc(50% - 36px);
top: -moz-calc(50% - 36px);
top: -webkit-calc(50% - 36px);
left: calc(50% - 36px);
left: -moz-calc(50% - 36px);
left: -webkit-calc(50% - 36px);}

.content-page-slider .slide a:hover span,
.static-page-gallery .image a:hover span {opacity:1}

.content-page-slider .slide a img,
.static-page-gallery .image a img {
margin-bottom:30px;
padding:0;
o-webkit-box-shadow: 0 20px 20px -20px rgba(18, 23, 25, 0.5);
webkit-box-shadow: 0 20px 20px -20px rgba(18, 23, 25, 0.5);
-moz-box-shadow: 0 20px 20px -20px rgba(18, 23, 25, 0.5);
box-shadow: 0 20px 20px -20px rgba(18, 23, 25, 0.5)}

.content-page-slider .bx-wrapper .bx-pager.bx-default-pager a {background:#685144}

@media screen and (max-width: 480px) {
.content-page-slider {
margin-left:-20px;
margin-right:-20px;}

.content-page-slider .slide a img,
.static-page-gallery .image a img {
o-webkit-box-shadow: none;
webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none}

}


@media screen and (min-width: 600px) {

.content-page-slider .bx-controls-direction a {
top: 40%;
    top: calc(50% - 70px);
    -moz-top: calc(50% - 70px);
    -ms-top: calc(50% - 70px);
    -o-top: calc(50% - 70px);
    -webkit-top: calc(50% - 70px);
}

.content-page-slider .bx-controls-direction .bx-next {
right: -15%;
background: url(js/images/controls-dark.png) no-repeat -100px 0}

.content-page-slider .bx-controls-direction .bx-prev {
left: -15%;
background: url(js/images/controls-dark.png) no-repeat 0px 0px}

.content-page-slider .bx-wrapper .bx-next:hover {background-position: -100px -144px}

.content-page-slider .bx-wrapper .bx-prev:hover {background-position: 0 -144px}}

@media screen and (min-width: 1024px) {
.content-page-slider {
margin-top:16px;
padding-bottom:30px}

.slider-announce-item .content-page-slider {padding-bottom:0}

.content-page-slider .slide a img,
.static-page-gallery .image a img {
margin-bottom:60px;
webkit-box-shadow: 0 60px 40px -50px rgba(18, 23, 25, 0.5);
-moz-box-shadow: 0 60px 40px -50px rgba(18, 23, 25, 0.5);
box-shadow: 0 60px 40px -50px rgba(18, 23, 25, 0.5)}

.content-page-slider .bx-wrapper .bx-next {background: url(js/images/controls.png) no-repeat -100px 0}

.content-page-slider .bx-wrapper .bx-prev {background: url(js/images/controls.png) no-repeat 0px 0px}}

@media screen and (min-width: 1400px) {
.content-page-slider .bx-wrapper .bx-next {
background: url(js/images/controls-dark.png) no-repeat -100px 0;
right:-66px}

.content-page-slider .bx-wrapper .bx-prev {
background: url(js/images/controls-dark.png) no-repeat 0px 0px;
left: -66px}

.content-page-slider .bx-wrapper .bx-pager {padding-top:0; bottom:12px}}
/* -- Prefooter -- */
.body-boxing .prefooter,
.body-yoga .prefooter,
.body-ems-training .prefooter {
background:none;
margin-top:-60px}

.prefooter .name {text-align:center}

.prefooter .items .item {
background-position: 50% 20px;
background-repeat:no-repeat;
background-size:120px 120px}

.prefooter .items .item a {
padding:160px 20px 30px 20px;
display:block;
text-align:center;
color:#121719;
background-position: 50% 19px;
background-repeat:no-repeat;
background-size:120px 120px;
border-bottom: 1px solid #e9e9e9;
box-shadow: none}

.prefooter .items .item a .title {font-size: 1.4em}

.prefooter .items .item a .descr {
margin-top:12px;
color: #685144}

.prefooter .items .item a .descr>div {
margin:0 auto;
line-height:1.45em;
}
 
.prefooter .items .item a .link>div {
color: #ff840d;
background: #fff;
border-radius: 22px;
border: 1px solid #e9e9e9;
height: 44px;
line-height: 44px;
max-width: 160px;
margin: 18px auto 0;
text-transform: uppercase;
text-align: center}

.prefooter .items .item a:hover .link>div {
color: #fff;
background: #ff840d;
border: 1px solid #ff840d}

.prefooter .items .gym-announce a {background-image:url(img/icons/pictograms/gym-brown-300.png)}

/*.prefooter .items .gym-announce a:hover {background-image:url(img/icons/pictograms/gym-orange-300.png)}*/

.prefooter .items .fitness-announce a {background-image:url(img/icons/pictograms/fit-brown-300.png)}

/*.prefooter .items .fitness-announce a:hover {background-image:url(img/icons/pictograms/fit-orange-300.png)}*/

.prefooter .items .relax-announce a {background-image:url(img/icons/pictograms/relax-brown-300.png)}

/*.prefooter .items .relax-announce a:hover {background-image:url(img/icons/pictograms/relax-orange-300.png)}*/

.prefooter .items .tennis-announce a {background-image:url(img/icons/pictograms/tennis-brown-300.png)}

/*.prefooter .items .tennis-announce a:hover {background-image:url(img/icons/pictograms/tennis-orange-300.png)}*/
@media screen and (min-width: 480px) {
.prefooter .items .item {background-position: 31px 50%}

.prefooter .items .item a .title {font-size: 2.2em}

.prefooter .items .item a {
padding: 30px 30px 30px 170px;
background-position: 31px 50%}

.prefooter .items .item a .link>div {margin: 12px auto 0}}
@media screen and (min-width: 600px) {
.prefooter .items .item a .descr>div {font-size:1em}

.prefooter .items .item a .link>div {margin: 24px auto 0}}
@media screen and (min-width: 1024px) {
.prefooter .items {margin-top:0}

.prefooter .items>div {
max-width:none}

.prefooter .items .item {
background-position:50% 31px;
background-size:240px 240px;
width:33.3333%;
float:left}

.prefooter .items .item a {
padding:300px 20px 30px 20px;
background-size:240px 240px;
background-position:50% 30px;
border-color:#f7f7f7}

.prefooter .items .item a:hover {
background-color:#fff;
border-color:#fff;
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.32);
-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.32);
-ms-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.32);;
-o-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.32);
-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.32);     
}

.prefooter .items .item a .title {font-size: 1.6em}

.prefooter .items .item a .descr>div {
min-height: 94px;
padding-top:6px}}
@media screen and (min-width: 1200px) {
.prefooter .items .item>div {background:url(img/icons/devider-vert.png) 1px 23% no-repeat} 
.prefooter .items .item:first-child>div {background:none}}
/* -- prefooter carousel -- */
.bottom-icons {
margin-left:-20px;
margin-right:-20px
}

.bottom-icons>div {padding:20px 0 30px}

.bottom-icons .item>div {
width:190px;
margin:0 auto}

.bottom-icons .item .image {
width:50px;
height:50px;
margin:10px 0 0 10px;
float:left
}

.bottom-icons .item .image a {
display:block;
width:50px;
height:50px;
}

.bottom-icons .item .image a img {
width:50px;
height:50px
}

.bottom-icons .item .text {
width:116px;
height:70px;
float:right}

.bottom-icons .item .text>div {
color:#685144;
line-height: 1.3em;
display: table-cell;
vertical-align: middle;
height: 70px;
font-size:0.9em}


@media screen and (min-width: 600px) {
.bottom-icons {margin:0}

.bottom-icons>div {
padding:30px}

.bottom-icons .owl-theme .owl-controls .owl-buttons {display:block}}
@media screen and (min-width:1024px) {
.bottom-icons .item>div {width:210px}

.bottom-icons .item .text {width:140px}

.bottom-icons .item .text>div {font-size:1em}}
@media screen and (min-width:768px) {
.bottom-icons>div {max-width:none}}
@media screen and (min-width: 1200px) {
.bottom-icons {margin-top:0}

.bottom-icons>div {padding-bottom:40px}}

/* --- news list carowsel --- */
.article-list {
margin-left:-10px;
margin-right:-10px}

.article-list>div {padding-bottom:30px}

.article-list .item>div {
max-width:320px;
margin:0 auto;
padding:10px}

.article-list .item a {
display: block;
background: #fff;
box-shadow: none}

.article-list .item a:hover {box-shadow: 0px 0px 10px #999}
.article-list .item a:hover span.bor {border-color: rgba(8,166,126,.6);}

.article-list .date>div {
font-size:0.9em;
color: #8a9295;
padding:20px 20px 12px}

.article-list .prop {min-height:70px}

.article-list .prop>div {
padding: 0 20px;
font-weight:500;
line-height: 1.45em}

.article-list .descr {
position:relative;
min-height:115px;
max-height: 116px;
overflow: hidden}

.article-list .descr>div {
padding:0 20px 20px;
color: #685144;
font-size: 0.9em}

.article-list .descr:after {
content: "";
background: url(img/backgrounds/white-bot-x.png) repeat-x;
width: 100%;
height: 40px;
display: block;
position: absolute;
bottom: 0;
left: 0}

.article-list .more>div {padding:12px 20px 30px}

@media screen and (min-width: 768px) {
.article-list {margin-bottom:30px}

.article-list .prop {min-height:80px}

.article-list .prop>div {
font-size: 1.2em;
line-height: 1.2em}

.article-list .descr>div {font-size:1em}}
@media screen and (min-width: 1024px) {
.article-list .item>div {padding:16px 8px}

.article-list .item a:hover {box-shadow: 0px 0px 8px #999}}
/* --- 3 carousels custom styles --- */
.article-list .owl-theme .owl-controls .owl-buttons {display:none}


@media screen and (max-width: 1399px) {
.carousel .owl-theme .owl-controls .owl-buttons div {display:none}
}

.carousel .owl-theme .owl-controls .owl-buttons div {
background-image: url(js/images/controls-dark.png);
width: 60px;
height: 116px;
opacity:1}

.carousel .owl-theme .owl-controls {margin-top:20px}

.static-page-gallery .owl-theme .owl-controls {margin-top:0}

.carousel .owl-theme .owl-controls .owl-buttons div.owl-prev {
background-position: 0 0;
position: absolute;
top: -20%;
left:-10px;
}

.carousel .owl-theme .owl-controls .owl-buttons div.owl-next {
margin-left: 100px;
background-position: -100px 0;
position: absolute;
top: -20%;
right:-10px}

.carousel .owl-theme .owl-controls .owl-buttons div.owl-prev:hover {background-position: 0 -144px}

.carousel .owl-theme .owl-controls .owl-buttons div.owl-next:hover {background-position: -100px -144px}

.article-list .owl-theme .owl-controls .owl-buttons div.owl-prev,
.article-list .owl-theme .owl-controls .owl-buttons div.owl-next {top: 27%}

.static-page-gallery .item>div {padding:0 10px} 
.static-page-gallery .owl-theme .owl-controls .owl-buttons div.owl-prev,
.static-page-gallery .owl-theme .owl-controls .owl-buttons div.owl-next {top:30%} 
.static-page-gallery .owl-theme .owl-controls .owl-buttons div.owl-prev,
.static-page-gallery .owl-theme .owl-controls .owl-buttons div.owl-next {top: calc(50% - 90px)} 
.static-page-gallery .owl-theme .owl-controls .owl-buttons div.owl-prev,
.static-page-gallery .owl-theme .owl-controls .owl-buttons div.owl-next {top: -moz-calc(50% - 90px)} 
.static-page-gallery .owl-theme .owl-controls .owl-buttons div.owl-prev,
.static-page-gallery .owl-theme .owl-controls .owl-buttons div.owl-next {top: -webkit-calc(50% - 90px)} 

.static-page-gallery .owl-theme .owl-controls .owl-buttons div.owl-prev {left:0}

.static-page-gallery .owl-theme .owl-controls .owl-buttons div.owl-next {right:0}
@media screen and (min-width: 768px) {
.article-list .owl-theme .owl-controls .owl-buttons {display:block}

.static-page-gallery .owl-theme .owl-controls .owl-buttons div.owl-prev {left:-50px}

.static-page-gallery .owl-theme .owl-controls .owl-buttons div.owl-next {right:-50px}}
@media screen and (min-width: 1024px) {
.static-page-gallery .owl-theme .owl-controls {margin-top:-30px}}
@media screen and (min-width: 1400px) {
.carousel .owl-theme .owl-controls .owl-buttons div.owl-prev {left:-60px}

.carousel .owl-theme .owl-controls .owl-buttons div.owl-next {right:-60px}}
/* --- news detail --- */
.youtube-video {margin-top:30px}

.youtube-video>div {
max-width:490px;
margin:0 auto 30px;
background: #a4978f;
line-height:0.6em;
position:relative;
webkit-box-shadow: 0 30px 30px -20px rgba(18, 23, 25, 0.5);
-moz-box-shadow: 0 30px 30px -20px rgba(18, 23, 25, 0.5);
box-shadow: 0 30px 30px -20px rgba(18, 23, 25, 0.5)}

.safari .youtube-video>div:after {display:none}

.youtube-video>div:after {opacity:0.6}

.youtube-video iframe {
z-index: 10;
position: relative}

.static-page-gallery {
margin-top:20px}

.detail-bottom .devider-thin-f9 {
margin-top: 40px}

.detail-bottom .social {
position:relative;
top:-13px}

.detail-bottom .social>div {
width:206px;
height:40px;
background:#f7f7f7;
margin:0 auto;
padding-left: 12px}

.detail-bottom .social ul li {
padding:0;
background:none}

.linkback {
text-align: center}

.section-content a.ya-share2__link {border:none}

@media screen and (min-width: 768px) {
.detail-bottom .social {top:-20px}

.detail-bottom .social>div {
width: 300px;
padding-left: 36px}

.detail-bottom .social .ya-share2__container_size_m .ya-share2__item {margin: 5px 7px 5px 0}

.detail-bottom .social .ya-share2__container_size_m .ya-share2__icon {
height: 32px;
width: 32px;
background-size: 32px 32px}

.linkback {margin:20px 0}}
@media screen and (min-width: 1024px) {
.static-page-gallery {
margin-left:-150px;
margin-right:-150px}

.detail-bottom {
margin-left:-100px;
margin-right:-100px}

.youtube-video>div {
max-width:600px;
margin:0 auto 60px;
webkit-box-shadow: 0 60px 60px -50px rgba(18, 23, 25, 0.5);
-moz-box-shadow: 0 60px 60px -50px rgba(18, 23, 25, 0.5);
box-shadow: 0 60px 60px -50px rgba(18, 23, 25, 0.5)}

.linkback {
margin:20px 0 0;
font-size:1em}
}
@media screen and (min-width: 1200px) {
.detail-bottom {
margin-left:-250px;
margin-right:-250px}}
/* -- overlay-show -- */
.overlay-show {
max-width:1000px!important} 
.overlay-show .fancybox-inner {background:#fff}

.overlay-show .section-heading>div {padding:50px 0 10px}

.fancybox-close {
top: 16px;
right: -60px;
background-repeat: no-repeat;
background-size:22px 22px;
background-position:50% 50%}

@media screen and (max-width: 479px) {
.overlay-show .section-heading .title>div {padding:0 40px}
#tennis-price-popup .overlay-show .section-heading .prop>div {display:none}

.fancybox-close {
top: -40px;
right: 0}}

.overlay-show .section-heading .prop>div {
font-size:0.9em;
padding: 6px 10px;
text-align: center}

.overlay-show-content {background:#fff}

.rules-popup>div {padding:30px 10px}

.overlay-show-tabs-nav {
overflow:hidden;
position:fixed;
top:90px;
width:100%;
z-index:65;
background: #f7f7f7}
#overlay-show-tabs .content-wrap {
margin-top:100px;
}
#overlay-show-tabs .best>div {
padding: 24px 10px 0;
font-style: italic;
color: #a65804;
text-align:center;
line-height: 1.45em}

.services-prices-table:first-child>div {
padding-top:124px;
overflow: hidden}

.services-prices-table:last-child>div {padding-bottom:20px}
#tennis-price-popup .services-prices-table>div {padding-top:36px}

.overlay-show h4 {
text-align:center;
text-transform:uppercase;
padding:0 20px 16px}

.rules-popup h4 {padding:6px 0 12px}

.services-prices-table .item {
font-size:0.9em;
color:#685144}

.services-prices-table .item>div {
margin-bottom:18px;
padding:0 20px 18px;
border-bottom:1px dotted #d1d2d4}

.services-prices-table .item:last-child>div {border-bottom:none}

.services-prices-table .item .text {
width:65%;
float:left}

.services-prices-table .item .price {
width:35%;
float:right}

.services-prices-table .item .text>div {line-height:1.45em}

.services-prices-table .item .price>div {
text-align:right;
color:#121719;
line-height:1.45em}

.overlay-show-footer {
background:#f7f7f7;
font-size:0.9em}

.overlay-show-footer>div {
padding:30px 20px;
border-bottom: 6px solid #8a9295;
overflow:hidden}

.overlay-show-footer .text,
.services-prices-table-text .descr {
/*font-style:italic;*/
line-height:1.45em} 
.overlay-show-footer .accept {
width: 130px;
float: right;
font-weight:500;
}

.overlay-show-footer .accept input[type=checkbox] {
top: 14px;
position: relative}

.services-prices-table-text .descr>div {padding:0 10px}

@media screen and (max-width: 479px) {
.services-prices-table .item .price,
.services-prices-table .item .text {
float:none;
width:100%;
}

.services-prices-table .item .price {margin-top:4px}
}
@media screen and (min-width: 480px) {
.services-prices-table .item .text {width:66.6666%}

.services-prices-table .item .price {width:33.3333%}

.overlay-show .section-heading {text-align:center}

.overlay-show.section-heading .title>div {
padding:0 40px;
font-size:1.4em;
}
}
@media screen and (min-width: 768px) {
.overlay-show-tabs-nav {
position:relative;
top:0;
padding-top: 10px;
background:none}

.services-prices-table:first-child>div {padding-top:30px}
#overlay-show-tabs .content-wrap {
margin-top:0;
border:none}

.overlay-show .section-heading .title>div {font-size: 1.8em}

.services-prices-table>div {padding: 24px 30px 0}

.services-prices-table .item .price>div {color: #685144}

.services-prices-table .item>div {padding:0 0 18px}

.overlay-show-footer>div {padding:30px}

.overlay-show-footer .rules {
width:70%;
float:left}

.overlay-show-footer .accept {
top: -16px;
position: relative}

.overlay-show .section-heading .prop,
.services-prices-table .item,
.overlay-show-footer,
.services-prices-table-text .text,
.overlay-show-footer .accept,
.overlay-show-footer .text, 
.services-prices-table-text .descr {font-size:1em}}
@media screen and (min-width: 1024px) {
#overlay-show-tabs .best {font-size: 1.4em}

.overlay-show .section-heading .prop>div,
.overlay-show-footer {font-size:1em}

.overlay-show h4 {
font-size:16px;
padding:10px 20px 24px}

.services-prices-table .item>div {
margin-bottom:14px;
padding:0 0 10px}
#overlay-show-tabs .best>div {padding-top:30px}

.rules-popup>div {padding:30px}

.rules-popup h4 {
text-align:left;
padding:0 0 12px}

.overlay-show-footer .text {
	    text-align: center;
    font-size: .9em;
}

.services-prices-table>div {padding:30px 30px 0}

.overlay-show-footer>div {padding:30px}

.services-prices-table-text .descr>div {padding:0 30px}

.overlay-show .fancybox-inner {max-width:760px}

.services-prices-table .item .text {width:430px}

.services-prices-table .item .price {width:200px}}

/* -- fancybox custom -- */
.fancybox-overlay {
top:-40px}

.overlay-show .fancybox-skin {
border-radius:0;
background: #f7f7f7;
color: #121719;
border-radius:0;
padding:0!important}

@media screen and (min-width: 480px) {
.overlay-show .fancybox-inner {
min-width: 440px}}
@media screen and (min-width: 1024px) {
.overlay-show .fancybox-opened {
width:90%!important;
height:auto!important;
left:5%!important}

.overlay-show .fancybox-inner {
width:100%!important;
min-width: 260px;
height:auto!important}

.fancybox-overlay {top:0}

.overlay-show .fancybox-inner {
height:auto!important;
width:auto!important}

.overlay-show .fancybox-wrap {
width:auto!important}

.overlay-show .fancybox-image {
max-width: none;
max-height: none;
width: auto;
height: auto}}
/* -- sitemap -- */
.sitemap>div>.lvl1>div {padding-bottom:24px}

.sitemap .lvl2>div {padding-top:24px}

.sitemap>div>.lvl1 .items>div { padding:12px 0 0 24px}

.sitemap .item>div {padding-bottom:10px}

.sitemap .item>div a {
color: #685144;
line-height: 1.3em;
font-style:italic}

.sitemap .item>div a:hover {color: #08a67e}
/* -- in work - DELETE -- */
#in-work>div {
padding:30px 10px;
text-align:center}

#in-work h4 {padding-bottom:16px}
@media screen and (min-width: 480px) {
#in-work>div {padding:10px 30px 20px}}
#in-work .prop>div {
padding:0 10px;
text-align:center} 

.msg_start_time {
padding:30px 20px;
text-align:center;
 min-width: 280px;
 line-height: 1.3em;
}
/* -- // -- */

/* -- FORMS ELEMENTS -- */

input, textarea, select, button {
font-family: 'Gotham Pro', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:300}

input[type=text], input[type=tel], input[type=submit], textarea{
-webkit-appearance: none;}

input:hover, 
input:focus, 
textarea:hover, 
textarea:focus {
outline: none}
input:-webkit-autofill, 
textarea:-webkit-autofill, 
select:-webkit-autofill {background-color:transparent!important}
textarea {
resize: none;
border-radius:2px;
padding: 0 12px;
border:1px solid #e9e9e9;
box-shadow: inset 0 4px 4px rgba(122,122,122,0.2)}
textarea:hover {border-color:#d7d1cf}
textarea:focus {border-color: #ff850d}
font.notetext,
body font.errortext {
display:block;
background: #a4978f;
border-radius: 3px;
padding: 16px;
color: #fff!important;
line-height: 1.45em;
text-align:center;
max-width: 280px;
margin: 12px auto}

#auth-reg-popup {max-width:760px}
#auth-reg-popup .title {
background: #f7f7f7}
#auth-reg-popup .title>div{
padding: 30px 10px 30px 10px;
font-family: 'Gotham Pro', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:normal;
text-align:center}
#auth-reg-popup .title .prop {text-align:left}
#auth-reg-popup .columns {
border-bottom: 6px solid #8a9295;
text-align:center}
#auth-reg-popup .columns>div {
padding:30px 10px;
overflow:hidden;
max-width:320px;
margin:0 auto}
#auth-reg-popup .column {clear:both}
#auth-reg-popup .column:last-child>div {
padding:24px 0 0 0;
margin-top:24px;
border-top:solid 1px #d7d1cf}
#auth-reg-popup .name>div {font-size:1.1em}
#auth-reg-popup .descr>div {
color: #8a9295;
font-size: 0.9em;
line-height:1.45em;
padding-top:12px}
#auth-reg-popup .field {
padding-top:12px;
overflow:hidden;
margin:0 auto}

#auth-reg-popup .fields #name>div .field:first-child {padding-top:0}

form {overflow:hidden}
form input[type=text],
form input[type=tel],
form input[type=password] {
height:40px;
line-height:40px;
border-radius:2px;
padding: 0 12px;
font-size: 1.1em;
font-weight:500;
border:1px solid #e9e9e9;
box-shadow: inset 0 4px 4px rgba(122,122,122,0.2)}

form textarea {
font-size:1.1em;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif}

.field>div>label,
#auth-reg-popup .field>div>label{
color: #685144;
line-height: 30px;
display: block;
font-size: 14px;
padding-left:16px;
text-align:left
}

#auth-reg-popup .field>div>label{padding:0}

.auth .field>div>label {
text-align:center;
padding:0
}


@media screen and (max-width: 1023px) {
form input[type=text],
form input[type=tel],
form input[type=password],
textarea {
border:1px solid #d7d1cf;
max-width:270px;
border-radius:3px;
background:none;
box-shadow:none;
font-size: 1.1em;
margin:0 auto;
display:block}}
form input[type=text]:hover,
form input[type=tel]:hover,
form input[type=password]:hover,
textarea:hover {
border-color:#d7d1cf;
background-color:#fff}
form input[type=text]:focus,
form input[type=tel]:focus,
form input[type=password]:focus,
textarea:focus {
border-color: #ff850d;
background-color:#fff}
#auth-reg-popup .field input {
width: calc(100% - 26px);
width: -moz-calc(100% - 26px);
width: -webkit-calc(100% - 26px);
text-align:center}

.sms-info {clear:both}

.sms-info>div {
padding-top:12px;
color:#8a9295;
font-size:0.9em;
line-height:1.45em}

.policy-info > div {
    padding-top:12px;
    color:#8a9295;
    font-size:0.9em;
    line-height:10px;
}

/*.auth .policy-info > div {*/
/*    text-align:center;*/
/*}*/
/*.reg .policy-info > div {*/
/*    text-align:left;*/
/*}*/
/* .policy-info > div input {*/
/*    vertical-align: middle;*/
/*}*/
.auth .policy-info > div {
    width: 250px;
    margin: 0 auto;
}
.auth .policy-info > div input {
    float:left;
    vertical-align: middle;
}
.auth .policy-info > div label {
    display: block;
    text-align: center;
    margin-left: 50px;
    line-height: 20px;
}

.reg .policy-info > div {
    width: 300px;
    margin: 0 auto;
}
.reg .policy-info > div input {
    float:left;
    vertical-align: middle;
}
.reg .policy-info > div label {
    display: block;
    text-align: left;
    margin-left: 50px;
    line-height: 20px;
}





.body-reg .auth .sms-info>div {text-align:center}
#auth-reg-popup .label {
clear:both;
text-align:center}
#auth-reg-popup .label>div {
color: #685144;
line-height:30px} 
#auth-reg-popup .submit {text-align:center}

form button[type=submit],
form input[type=submit],
.btn a {
color: #fff;
background: #ff840d;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
border-radius:50px;
border: 1px solid #ff840d;
height: 48px;
line-height: 44px;
margin: 24px auto 0;
text-transform: uppercase;
text-align: center;
z-index:10;
font-size:1em
}
/*
form button[type=submit]:hover,
form input[type=submit]:hover {
background: #fff;
color: #ff850d;
cursor:pointer}
*/
form button[type=submit]:hover,
form input[type=submit]:hover,
.btn a:hover {
background:#08a67e;
cursor:pointer;
border-color:#08a67e}


#auth-reg-popup .errortext {
border-radius: 2px;
max-width:none;
font-size:0.9em;
margin-bottom:0}
form .login input[type=submit] {width:120px}
form .submit input[type=submit] {width:270px}
form .login input[type=submit], 
form .submit input[type=submit] {
margin:24px auto 12px;
display:block}

.rather_link {
margin-top: 20px;
text-align: center;
padding-bottom:4px}

.rather_link a {text-decoration:underline}
#auth-reg-popup .reg .rather_link {display:none}
form[name=regform] .fields #name>div {padding-top:6px}
form[name=regform] .fields #password,
form[name=regform] .fields #name .label {display:none}

.body-reg .section-content.auth .descr,
.body-auth form .descr {display:none}

.profile>div {
text-align:center;
padding-bottom:24px}

.profile .submit>div {padding-bottom:16px}

.profile .name>div {
font-size:0.85em;
color:#8a9295}

.auth .input img.calendar-icon {
position:absolute;
top:11px;
right:24px}

.auth .submit {text-align:center}

.profile .rules {
margin-top:24px;
position:relative;
z-index:10}

.profile .rules>div {
background:#f7f7f7;
margin:0 auto;
position: relative} 
.profile .rules a {border-bottom: 1px dashed #ff850d}

.profile .rules a:hover {border-color: #08a67e}

.profile .rules input {
top: 16px;
position: relative}

.profileform .submit input[type=submit] {margin: 0 auto 6px}

.auth form[name=bform] {
max-width:430px;
margin:0 auto;
padding-bottom: 40px} 
.auth form[name=bform] .info,
.auth form[name=bform] .or {
line-height:1.45em;
text-align:center;
margin-bottom:24px}

.auth form[name=bform] .or>div {
padding-top:6px;
font-style:italic}

.auth .field {margin: 0 auto 12px}

.bx-ie .auth {
width: 210px;
margin: 0 auto 12px
}

.auth .field>div {
position:relative;
max-width:320px;
margin:0 auto}

.auth .field input {
width: calc(100% - 26px);
width: -moz-calc(100% - 26px);
width: -webkit-calc(100% - 26px);
text-align: center}

.bx-ie .auth>div {width: 186px;}

.bx-ie .auth .field input {width: 186px}

.auth form[name=bform] .info:nth-child(2) {display:none}
@media screen and (min-width: 360px) {
.profile .rules>div {
width:280px;
padding: 13px 36px 0 0} 
.profile .rules input {
margin:0;
position: absolute;
right: 24px;
top: 0}}
@media screen and (min-width: 1024px) {
#auth-reg-popup .title .prop {padding:0 20px}
#auth-reg-popup .columns,
#auth-reg-popup .errortext {text-align:left}
#auth-reg-popup .columns>div {
max-width:none;
padding: 25px;
margin: 4px;
border: 1px solid #e9e9e9}
#auth-reg-popup .column {
width:50%;
float:left;
clear:none}
#auth-reg-popup .column>div {
padding:0 24px 0 0}
#auth-reg-popup .column:last-child {
float:right; }
#auth-reg-popup .column:last-child>div {
padding:0 0 0 30px;
border-top:none;
border-left:solid 1px #e9e9e9;
margin-top:0}
#auth-reg-popup .name>div {
font-size:1.2em;
font-weight:normal;
letter-spacing:normal;
text-transform:none}
#auth-reg-popup #login .field,
#auth-reg-popup #password .field {float:left}
#auth-reg-popup .field input {
width:240px;
text-align:left;
height: 40px;
line-height: 40px;
border-radius: 2px}
#auth-reg-popup .label {
float:left;
width:110px;
clear:none;
text-align:left;
padding-top:12px}
#auth-reg-popup .label>div {
padding-left:12px;
line-height:42px}
#auth-reg-popup form .login input[type=submit], 
#auth-reg-popup form .submit input[type=submit] {
margin:24px 4px 4px 4px;
float:left}
#auth-reg-popup form .submit input[name=Login] {width:130px}
form .login input[type=submit] {width:120px}
form .submit input[type=submit] {width:270px}
#auth-reg-popup .rather_link {
width: 170px;
float: left;
margin-top: 40px;
font-size:0.9em}

.profile .rules input {right:0;}

.auth>div {
max-width:380px;
margin:0 auto} 
.auth form .login input[type=submit],
.auth form .submit input[type=submit] {margin-top:30px}

.auth .field input[type=text],
.auth .field input[type=tel],
.auth .field input[type=password] {
 height: 50px;
line-height: 50px;
border-radius: 3px;
}

.auth .input img.calendar-icon {
top:16px;
right:18px}


.bx-ie .auth {
width: 310px;
}

.bx-ie .auth>div {
width: 320px;
padding:0}

.bx-ie .auth .field input {width: 280px}

.profile .submit>div {padding-bottom:36px}

.body-cabinet .user-links-desctop a.fancybox {display:none}}
/* -- check box -- */
input[type="checkbox"] {
height: 36px;
width: 36px;
-webkit-appearance: none;
cursor: pointer;
background-color: #fff;
border-radius: 2px;
border: 1px solid #e9e9e9;
outline: none;
background-position: 50% 50%;
background-repeat:no-repeat;
background-size:30px 30px;
background-color:#fff;
box-shadow: inset 0 4px 4px rgba(122,122,122,0.2)}
input[type="checkbox"]:hover {border-color:#d7d1cf}
input[type="checkbox"]:checked {outline: none}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
input[type="checkbox"] {background-image: url(img/icons/check-no@2x.png)}
input[type="checkbox"]:checked {background-image: url(img/icons/check@2x.png)}}
@media only screen and (-webkit-max-device-pixel-ratio: 1.4),
only screen and (max-resolution: 143dpi) {
input[type="checkbox"] {background-image: url(img/icons/check-no.png)}
input[type="checkbox"]:checked {background-image: url(img/icons/check.png)}}
/* -- simple forms -- */
.popup-form-content {
background: #f7f7f7;
padding:0 12px}

.popup-form-content>div {
margin:0 auto;
max-width:380px}

.popup-form-content .name {
text-align: center;
position: relative;
z-index: 60}

.popup-form-content .name>div {padding:30px 10px 16px}

.popup-form-content .fields>div {padding:0 10px}

.popup-form-content .fields .field>div {
width:262px; 
margin:0 auto; 
padding-bottom:12px}

.popup-form-content .fields input[type=text],
.popup-form-content .fields input[type=tel],
.popup-form-content textarea {
width: calc(100% - 32px);
width: -moz-calc(100% - 32px);
width: -webkit-calc(100% - 32px);
padding:0 16px}

/*.popup-form-content form[name=SIMPLE_FORM_1] input[type=text],
.popup-form-content form[name=SIMPLE_FORM_1] input[type=tel],*/
.popup-form-content form[name=SIMPLE_FORM_3] input[type=text],
.popup-form-content form[name=SIMPLE_FORM_3] input[type=tel],
.popup-form-content form[name=SIMPLE_FORM_4] input[type=text],
.popup-form-content form[name=SIMPLE_FORM_4] input[type=tel],
.popup-form-content form[name=SIMPLE_FORM_6] input[type=text],
.popup-form-content form[name=SIMPLE_FORM_6] input[type=tel]
{text-align:center}

.popup-form-content textarea {padding: 12px 16px}

.popup-form-content .submit>div {padding-bottom:30px}

.popup-form-content .prop>div {
padding-bottom:30px;
text-align:center}

@media screen and (min-width: 768px) {
.popup-form-content .fields>div {padding:0 30px}

.popup-form-content .fields .field>div {width:322px} 
.popup-form-content .fields input[type=text] {
width: 290px;
border-radius: 3px;
padding: 0 16px}

.popup-form-content textarea {
width: 290px;
border-radius: 3px}}
@media screen and (min-width: 1024px) {
.popup-form-content .name {font-size:1.2em}}
/* -- search field -- */
.search-field {display:none}
@media screen and (min-width: 768px) {
.search-field {
display:block;
width:260px;
height:36px;
position:absolute;
left:70px;
top:12px}

.sb-search {
position: relative;
width: 0%;
min-width: 36px;
height: 36px;
float: left;
overflow: hidden;
-webkit-backface-visibility: hidden}
input[type=text].sb-search-input {
position: absolute;
top: 0;
right: 0;
border: none;
outline: none;
background: none;
width:88%;
height: 36px;
margin: 0;
z-index: 10;
line-height:36px;
color:#121719;
padding:0 18px;
border-radius: 36px 36px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
filter: alpha(opacity=0); /* IE 5-7 */
opacity: 0;
box-shadow: none}

.sb-icon-search,
.sb-search-submit{
width: 36px;
height: 36px;
display: block;
position: absolute;
right:0;
top: 0}

.sb-search-submit {
background-color: #fff; /* aey IE */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
filter: alpha(opacity=0); /* IE 5-7 */
opacity: 0;
color: transparent;
border: none;
outline: none;
z-index: -1}

.sb-icon-search {
border-radius: 36px 36px;
z-index: 90}

.sb-search.sb-search-open,
.no-js .sb-search {
width: 100%;
background:url(img/backgrounds/white60.png) repeat;
border-radius: 36px}

.sb-search.sb-search-open .sb-search-input,
.no-js .sb-search .sb-search-input {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; /* IE 8 */
filter: alpha(opacity=1); /* IE 5-7 */
opacity: 1}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
background-color:#fff;
z-index: 11}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
z-index: 90}}
@media screen and (min-width: 1024px) {
.search-field {
width:290px;
left:170px;
top:24px}}
@media screen and (min-width: 1200px) {
.search-field {
width:320px;
left:190px;
top:24px}}

.fading-header .search-field {z-index:200}
.fading-header .sb-search-input,
#inner-dtl .sb-search-input {
background:#a4978f;
color:#fff}
/* -- search field mobile -- */
.mobmenu__search {margin-top:30px}

.mobmenu__search>div {
position: relative;
max-width:480px;
margin:0 auto}
input[type=text].mobmenu__search-input,
input[type=text].mobmenu__search-input:hover {
width: calc(100% - 62px);
width: -moz-calc(100% - 62px);
width: -webkit-calc(100% - 62px);
background:#fff;
color:#8a9295;
border: none;
padding:0 50px 0 12px;
box-shadow:none;
font-size:0.9em;
max-width:none}

.ie9 .mobmenu__search-input {width:300px}

.mobmenu__search-icon-search {
position: absolute;
display:block;
width:22px;
height:22px;
right: 16px;
top: 8px}

form input[type=submit].mobmenu__search-submit {
position: absolute;
right: 1px;
top: 1px;
width: 36px;
height: 36px;
border: none;
background: none;
box-shadow:none;
margin:0 0 6px 0}
form input[type=submit].mobmenu__search-submit:hover {cursor:pointer}
/* -- // -- */
.no-scroll-bar {overflow:hidden}

.overlay_content {
display: none;
height: 100%;
width: 100%;
position: fixed;
top: 0;
z-index: 960;
overflow: auto;
background: #f7f7f7}

.close_popup {
position: absolute;
    top: 8px;
    right:4px;
	text-indent:-9999px;
    width: 36px;
    height: 36px;
    cursor: pointer;
z-index: 70;
background: none;
    opacity: .6;}
	
	.close_popup:before {
    content: "";
    position: absolute;
    left: 4px;
    top: 16px;
    width: 18px;
    height: 2px;
    color: #121719;
    border-radius: 2px;
    z-index: 3;
    display: block;
    background-color: #121719;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

	.close_popup:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 16px;
    width: 18px;
    height: 2px;
    border-radius: 2px;
    color: #121719;
    z-index: 3;
    background-color:#121719;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.close_popup:hover {
text-decoration: none}

.overlay-show {position:relative}

.overlay-show .section-heading {
z-index:65;
position:fixed;
top:0;
left:0;
width:100%;
background:#f7f7f7}

.overlay-show-content>div {background:#fff; padding:170px 20px 30px}

.rules-popup>div {padding-top:120px}

.prices_tabs .overlay-show-content>div {padding:0}
@media screen and (min-width: 768px) {
.overlay_content { background: url(img/backgrounds/black60.png) repeat}

.overlay-show {
width:700px;
margin:20px auto}

.overlay-show .section-heading {position:relative}

.overlay-show-content {padding:4px 0}

.overlay-show-content>div {
padding: 25px;
margin: 0 4px;
border: 1px solid #e9e9e9}
}

@media screen and (min-width: 1024px) {
.overlay-show {
width: 1000px;
}

.overlay-show-content>div>* {
max-width:700px;
margin:0 auto
}

#overlay-show-tabs .content-wrap,
.overlay-show-content .content-wrap {
    width: 700px;
    margin: 0 auto;
}
}

/* --- VISIT US SECTIONS --- */
.sell-section {
background:#f7f7f7;
position:relative;
z-index:60}

.visit-us {
z-index:60;
position:relative;
margin-bottom:100px;
height:390px}

.visit-us>div {
padding-top:20px;
overflow: hidden}

.visit-us-content {position:relative}

.visit-us-content>div {padding-top:60px}
 
.visit-us .column50 {
width:100%;
float:none;
position:relative;
overflow:hidden}

.visit-us .visit-us-content>div,
.visit-us .column50>div {
text-align:center;
color:#fff;
z-index:10}

.visit-us .descr>div {
padding-top: 16px;
line-height: 1.2em;
padding-left:20px;
padding-right:20px
}

.visit-us .prop>div {
line-height:1.45em;
padding:0 10px 60px;
max-width:380px;
margin:0 auto}

.visit-us .left-items,
.visit-us .right-items {position:absolute}

.visit-us .linkbox a {
width:260px;
height:60px;
line-height:60px;
border-radius: 35px;
-moz-border-radius: 35px;
-ms-border-radius: 35px;
-o-border-radius: 35px;
-webkit-border-radius: 35px;
margin:20px auto;
font-weight:500
}

@media screen and (max-width: 767px) {
.visit-us {height:320px;}
.visit-us-content>div {padding-top:20px}
}


@media screen and (min-width: 1024px) {
.visit-us .linkbox a {
width:290px;
height:70px;
line-height:70px;
}}

@media screen and (min-width: 1200px) {
.visit-us .prop>div {
padding:12px 0 80px;
}
} 

/* --- Tennis --- */
.section-tennis {
margin-bottom:60px;
height:390px}

.section-tennis .column50 {height:320px}

.section-tennis .column50>div {
padding-top:40px;
position:relative;
z-index:20}

.section-tennis .blueBg {background: url(img/backgrounds/tennis/court-blue-mob.jpg) right no-repeat}

.section-tennis .greenBg { background:url(img/backgrounds/tennis/court-green-mob.jpg) left no-repeat}

.section-tennis .links {
margin:0 auto;
width: 260px}

.section-tennis .links>div {overflow:hidden}

.section-tennis .links .linkbox {
position:relative;
z-index:60}

.section-tennis .links a {
box-sizing: border-box; 
-moz-box-sizing: border-box; 
-ms-box-sizing: border-box; 
-o-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
width:49.5%;
float:left}

.section-tennis .links .linkbox:first-child a {
border-radius: 35px 0 0 35px;
padding-left:12px}

.section-tennis .links .linkbox:last-child a {
float:right;
border-radius: 0 35px 35px 0;
padding-right:12px}

.section-tennis .links .linkbox a span {display:none}
 

@media screen and (min-width: 480px) {
.section-tennis .links {width: 360px}

.section-tennis .links .linkbox a span {display:inline}}
@media screen and (min-width: 768px) {

.section-tennis .column50>div { padding-top:80px}

.section-tennis .right-items {
width: 360px;
height: 580px;
background: url(img/backgrounds/tennis/right-items.png) left no-repeat;
right: 0;
bottom: -91px;
z-index: 10}
}

@media screen and (min-width: 1024px) {
.section-tennis {margin:0 0 60px}

.section-tennis>div {padding-top:0}

.section-tennis .blueBg, 
.section-tennis .greenBg {background:none}

.section-tennis {background:url(img/backgrounds/tennis/tennis-wide-bg.jpg) center repeat-x}

.section-tennis .left-items {
width:390px;
height:180px;
bottom: -110px;
left: 20px;
background: url(img/backgrounds/tennis/left-items-mobile.png) no-repeat;
z-index: 10;
background-size:100% 100%}

.section-tennis .right-items {bottom: -92px}

.section-tennis .links {width: 400px}}
@media screen and (min-width: 1200px) {
.section-tennis .column50:first-child>div {
width:600px;
float:right} 
.section-tennis .column50:last-child>div {
width:600px;
float:left} 
.section-tennis .right-items {width:380px}} 
@media screen and (min-width: 1600px) {
.section-tennis .right-items {width:490px}

.section-tennis .left-items {
left:calc(50% - 540px);
left:-webkit-calc(50% - 540px);
left:-moz-calc(50% - 540px)}}
@media screen and (min-width: 1900px) {
.section-tennis .right-items {width:570px}}
/* --- Relax --- */
.for-relax {background:url(img/backgrounds/relax-bg.jpg) center top repeat-x}

.for-relax .left-items {
width:350px;
height:330px;
bottom:-190px;
left:-75px;
background:url(img/backgrounds/relax/left-items-mobile.png) no-repeat;
background-size: 62% 62%;
background-repeat: no-repeat}

.for-relax .right-items {
width:320px;
height:330px;
bottom:-140px;
right:0;
background: url(img/backgrounds/relax/right-items-mobile.png) left no-repeat;
background-size: 62% 62%;
background-repeat: no-repeat;
background-position: 172px 60px}
@media screen and (min-width: 600px) {
.for-relax .left-items {
width:700px;
height:380px;
background-image:url(img/backgrounds/relax/left-items-tablet.png)}

.for-relax .right-items {
width:460px;
height:380px;
background-image:url(img/backgrounds/relax/right-items-tablet.png);
background-size: 80% 80%;
bottom:-100px}}
@media screen and (min-width: 1024px) {
.for-relax .left-items {
background-size: 80% 80%;
bottom:-130px}

.for-relax .right-items {
background-size: 100% 100%;
background-position: 20px 0}}
@media screen and (min-width: 1400px) {
.for-relax .left-items {
left:5%;
background-image:url(img/backgrounds/relax/left-items-desctop.png);
background-size:100% 100%;
bottom:-80px}

.for-relax .right-items {
width:500px;
bottom:-150px;
height:700px;
right:5%;
background:url(img/backgrounds/relax/right-items-desctop.png)}}
/* --- GYM --- */
.for-gym {
background:url(img/backgrounds/gym-bg.jpg) center top repeat-x;
margin-bottom:60px}

.for-gym .right-items {
display:none;
width:370px;
height:460px;
bottom:-70px;
right:0;
background:url(img/backgrounds/gym/right-items-mobile.png) no-repeat}
@media screen and (min-width: 600px) {
.for-gym .left-items {
display:block;
width:360px;
height:440px;
bottom: -130px;
left: -40px;
background:url(img/backgrounds/gym/left-items-mobile.png) no-repeat}}
@media screen and (min-width: 768px) {
.for-gym .left-items {
width:450px;
height:700px;
bottom:-166px;
left:-140px;
background:url(img/backgrounds/gym/left-items-tablet.png) no-repeat}

.for-gym .right-items {
display:block;
width:310px;
height:700px;
bottom:-166px;
right:0;
background:url(img/backgrounds/gym/right-items-tablet.png) no-repeat}}
@media screen and (min-width: 1200px) {
.for-gym .left-items {
width:450px;
left:14%;
left:calc(50% - 590px);
left:-moz-calc(50% - 590px);
left:-webkit-calc(50% - 590px);
bottom:-170px;
background:url(img/backgrounds/gym/left-items-desctop.png) no-repeat}

.for-gym .right-items {
width:510px;
left:60%;
left:calc(50% + 160px);
left:-moz-calc(50% + 160px);
left:-webkit-calc(50% + 160px);
bottom:-170px;
background:url(img/backgrounds/gym/right-items-desctop.png) no-repeat}}
/* --- Fitness --- */
.for-fitness {background:url(img/backgrounds/fit/fit-bg-mobile.jpg) center}

.for-fitness .left-items {
display:none;
height:270px;
bottom:-120px;
left:0;
background:url(img/backgrounds/fit/fit-left-items.png) -120px top no-repeat;
background-size: 460px 270px;
background-repeat: no-repeat}
@media screen and (min-width: 768px) {
.for-fitness {background:url(img/backgrounds/fit/fit-bg-tablet.jpg) center}

.for-fitness .left-items {
display:block;
width:560px;
bottom:-126px;
height:340px;
background:url(img/backgrounds/fit/fit-left-items.png) -20px top no-repeat;
background-size: 580px 340px}}
@media screen and (min-width: 1200px) {
.for-fitness {
background:url(img/backgrounds/fit/fit-bg-desctop.jpg) center repeat-x;
margin-bottom:140px}

.for-fitness .left-items {bottom:-160px}

.for-fitness .right-items {
width:670px;
height:200px;
bottom:-156px;
right:0;
background: url(img/backgrounds/fit/fit-right-items.png) no-repeat}}
@media screen and (min-width: 1600px) {
.body-fitness .section:nth-child(4) {
background:#f7f7f7 url(img/backgrounds/fit/wide-shadows-top.png) center bottom no-repeat;
padding-bottom:20px}

.body-fitness .sell-section {padding-top:0}

.for-fitness .left-items{
left:calc(50% - 710px);
left:-moz-calc(50% - 710px);
left:-webkit-calc(50% - 710px);
background-position:left top}

.for-fitness .right-items{
left:calc(50% + 30px);
left:-moz-calc(50% + 30px);
left:-webkit-calc(50% + 30px)}}
/* --- universal --- */
.univers>div {padding-top:20px}

.univers .visit-us {
background-position:50% 50%;
background-repeat:repeat-x}

.for-boxing,
.for-yoga,
.for-ems-training {
border-top:6px solid #8a9295;
border-bottom:6px solid #8a9295}

.for-boxing .right-items,
.for-yoga .right-items,
.for-ems-training .right-items {
position: absolute;
bottom: -96px;
height: 90px;
width: 100%;
background:url(img/backgrounds/universal/univers-bottom.jpg) bottom center repeat-x}

.for-boxing {background-image:url(img/backgrounds/universal/box-mobile.jpg)}

.for-yoga {background-image:url(img/backgrounds/universal/yoga-mobile.jpg)}

.for-ems-training {background-image:url(img/backgrounds/universal/ems-mobile.jpg)}
@media screen and (min-width: 768px) {
.for-boxing {background-image:url(img/backgrounds/universal/box-tablet.jpg)}

.for-yoga {background-image:url(img/backgrounds/universal/yoga-tablet.jpg)}

.for-ems-training {background-image:url(img/backgrounds/universal/ems-tablet.jpg)}}
@media screen and (min-width: 1200px) {
.univers>div {padding-top:0}

.for-boxing {background-image:url(img/backgrounds/universal/box-desctop.jpg)}

.for-yoga {background-image:url(img/backgrounds/universal/yoga-desctop.jpg)}

.for-ems-training {background-image:url(img/backgrounds/universal/ems-desctop.jpg)}}
/* --- developer code --- */

#slider-announces>div {
max-width: 480px;
margin: 0 auto;
padding-bottom: 20px}
#slider-announces .slider-announce-item:first-child {padding-top: 10px}
#slider-announces .biglink>div {width: auto}
#slider-announces .column50 .descr>div {padding-bottom: 0}

.article-list .date>div {text-transform: lowercase}
@media screen and (max-width: 480px) {
.tab-slider-left {min-height: 220px}}
@media screen and (min-width: 1024px) {
#slider-announces .slider-announce-item:first-child {padding-top: 40px}
#slider-announces .slider-announce-item .flt-left {float: left}
#slider-announces .slider-announce-item .flt-right {float: right}
#slider-announces>div {max-width: none}
#slider-announces .slider-announce-item:nth-child(even) .mrg-even-itm>div {
padding-left: 80px;
display: table-cell;
vertical-align: middle;
height: 420px}
#slider-announces .slider-announce-item:nth-child(odd) .mrg-even-itm>div {
padding-right: 40px;
display: table-cell;
vertical-align: middle;
height: 420px}
#slider-announces .slider-announce-item:nth-child(odd) .mrg-odd-itm>div {
padding-left: 40px;
display: table-cell;
vertical-align: middle;
height: 420px}
#slider-announces .slider-announce-item:nth-child(even) .mrg-odd-itm>div {
padding-right: 80px;
display: table-cell;
vertical-align: middle;
height: 420px}
#slider-announces .linkbox {width: 180px}}
@media screen and (min-width: 1200px) {
#slider-announces .slider-announce-item:nth-child(odd) .mrg-even-itm>div {padding-right: 70px}
#slider-announces .slider-announce-item:nth-child(odd) .mrg-odd-itm>div {padding-left: 70px}}

.margin-bottom-cls {margin-bottom: 80px}

.desctop-page-slider {overflow: hidden}

.error-field>div>input, .error-field>div>textarea {border-color: red}

.inf>div {
padding-top: 40px;
font-style: italic;
color: #a65804;
text-align: center;
line-height: 1.45em;
font-size: 1.4em}

form button[type=submit]:disabled,
form input[type=submit]:disabled {
background: #8a9295;
border-color: #8a9295;
cursor: not-allowed;
color: #f7f7f7;
opacity: 0.6}

form button[type=submit]:disabled:hover,
form input[type=submit]:disabled:hover {
background: linear-gradient(to top, #8a9295, #bdbdbd);
color: #f7f7f7}
#preloader {
width: 100%;
height: 100%;
position: absolute;
z-index: 1000001;
background-color: #ff850d;
opacity: 1;
display: none}
#preloader img {
width: 126px;
height: 126px;
position: fixed;
top: 50%;
margin-top: -63px;
left: 50%;
margin-left: -63px}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
#preloader img {
width: 63px;
height: 63px;
margin-top: -31.5px;
margin-left: -31.5px}}

.hidden-overflow {overflow: hidden}

.index-info-tabs {height: auto !important}
@media screen and (max-width: 1400px) {
.content-page-slider .bx-wrapper .bx-next {right: 0}

.content-page-slider .bx-wrapper .bx-prev {left: 0}}
@media screen and (max-width: 1020px) {
.bx-wrapper .bx-pager {bottom: -6px}

.content-page-slider .bx-wrapper .bx-next {right: -15%}

.content-page-slider .bx-wrapper .bx-prev {left: -15%}}
@media screen and (max-width: 600px) {
.content-page-slider .bx-wrapper .bx-next {right: 0}

.content-page-slider .bx-wrapper .bx-prev {left: 0}}



/* -- alert disconnect -- */

.disconnect>div,
.alert>div {
padding:30px;
text-align:center
}

.disconnect .text>div {
padding-top:24px;
line-height:1.4em;
}

.disconnect .btn a {
display:block;
width:160px
}

.alert .btn a {
display:block;
width:180px
}

.alert .close>div {padding-top:16px}

.alert .close a{border-bottom: 1px dashed #ff850d;}
.alert .close a:hover {border-color:#08a67e;}


@media screen and (min-width: 1024px) {
.disconnect .name,
.alert .name {
font-size:1.2em;
letter-spacing:normal
}
}

/*-- full height page --*/

@media screen and (min-width: 768px) {
/*.body-cabinet .hPage,*/
.body-reserve .hPage{
position:relative;

box-sizing: border-box; 
-moz-box-sizing: border-box; 
-ms-box-sizing: border-box; 
-o-box-sizing: border-box; 
-webkit-box-sizing: border-box; 

padding-bottom:420px;
min-height: calc(100% - 106px);
-o-min-height: calc(100% - 106px);
-moz-min-height: calc(100% - 106px);
-webkit-min-height: calc(100% - 106px);}

/*.body-cabinet .footer,*/
.body-reserve .footer {
bottom: 0;
width: 100%;
position:absolute
}

/*.body-cabinet .footer-bottom,*/
.body-reserve .footer-bottom{
position: relative;
top: 0;
}
}

@media screen and (min-width: 1200px) {
/*.body-cabinet .hPage,*/
.body-reserve .hPage{
padding-bottom:260px;
min-height: calc(100% - 86px);
-o-min-height: calc(100% - 86px);
-moz-min-height: calc(100% - 86px);
-webkit-min-height: calc(100% - 86px);}
}

#remember>div {
max-width:300px;
text-align:center
}

#auth-reg-popup #remember>div {text-align:left}

#remember input{
width: 36px !important;
display: inline-block;
}

#remember label{
display: inline-block !important;
vertical-align: top;
padding: 7px 0 !important;
/*width: calc(100% - 50px);
-moz-width: calc(100% - 50px);
-ms-width: calc(100% - 50px);
-o-width: calc(100% - 50px);
-webkit-width: calc(100% - 50px);*/
}

.bx-ie #remember>div {
max-width:260px;
padding-top:12px
}

.bx-ie #remember input{
width: 16px !important;
height:16px
}

.bx-ie #remember label,
.bx-ie  #auth-reg-popup .field > div > label {
width:210px;
line-height:1.4em;
padding:4px 0 !important}

.bx-ie  #auth-reg-popup #remember>div {margin:0}


@media screen and (max-width: 360px) {
#remember label{line-height:1.4em;}
}

.alert .descr{
    max-width: 420px;
    margin: 0 auto;
}

.bx-touch .messengers .vibrForMobile{
    display: block;
}
.bx-touch .messengers .vibrForDesctop{
    display: none;
}

.bx-no-touch .messengers .vibrForMobile{
    display: none;
}
.bx-no-touch .messengers .vibrForDesctop{
    display: block;
}

.password .field {
    position: relative;
}
a.password-control {
    position: absolute;
    top: 47px;
    right: 15px;
    display: inline-block;
    width: 24px;
    height: 19px;
    background: url(img/icons/view.png) 0 0 no-repeat;
    text-decoration: none;
    border-bottom: none!important;
}
.password-control.view {
    background: url(img/icons/no-view.png) 0 0 no-repeat;
}
#auth-reg-popup .field input {
    width: 293px;
}
@media screen and (max-width: 1023px) {
    a.password-control {
        top: 42px;
        right: 21px;
    }

}
.indent {
    padding-left:50px;
}