@media screen {
    * {margin:0; padding:0;}

    body {font:normal 14px 'Montserrat', sans-serif; background-color:#fff; overflow-x: hidden;}

    #cookiescript_wrapper aside .cookiescript_accept {background-color: #ff7200!important; text-transform: uppercase; text-shadow: none!important; box-shadow: none; border-radius: 0;}
    #cookiescript_wrapper p {font: normal 14px/1.7 'Montserrat',sans-serif!important; color: #000000;}
    #cookiescript_injected {padding:16px 0!important; box-shadow: 0px 2px 22px 0 rgba(103, 94, 86, 0.14)!important;}
    #cookiescript_wrapper aside {top:19%!important;}
    #cookiescript_wrapper aside a {padding: 14px 50px!important; line-height:normal!important; height:auto!important;}

    .layout {position: relative;}
    .loginPanel {background-color: #cbb39f; width: 500px; z-index: 0; position: absolute; height: 100%; transition: 1s all ease;}
    .mainContent {z-index: 1; position: relative; margin: 0 0 0 190px; transition: 0.7s all ease;}
    .active .mainContent {transform: translate3d(345px, 0px, 0px);}
    .visualContent {display:flex; flex-direction:column; background:url(/images/members/hero-img.jpg) no-repeat left 50px; background-size: 50% auto; padding: 0 0 0 43%; align-items: flex-start;}
    .loginContent {padding:120px 48px 0;}
    .active .loginContent {display:flex; flex-direction:column; align-items:center;}

    .regClose {left:10px; top:-3px; position:absolute; color:#cbb39f; text-decoration:none; font-size:64px; font-weight:normal; cursor:pointer; line-height:1; z-index:3;}

    .hamburger {position:absolute; left:24px; top:20px; height:26px; z-index:2; cursor: pointer; display:flex; align-items:center;}
    .hamburgerContent {width:42px; cursor:pointer; height:34px; margin:0 20px 0 0; position:relative;}
    .hamburgerItem {display:flex; justify-content:space-between; position:absolute; width:100%; transform-origin:50% 50%; transition:all 300ms ease-out;}
    .hamburgerItem span {border-top:4px solid #fff; opacity:1; display:block;}
    .bigP {width: 95%;}
    .hamburgerItem:nth-child(1) {top:0;}
    .hamburgerItem:nth-child(2) {top:15px; opacity:1; transition:opacity 100ms ease-out;}
    .hamburgerItem:nth-child(3) {top:30px;}
    .layout.active .hamburgerItem:nth-child(1) {transform:translate3d(0, 15px, 0) rotate(45deg);}
    .layout.active .hamburgerItem:nth-child(2) {opacity:0;}
    .layout.active .hamburgerItem:nth-child(3) {transform:translate3d(0, -15px, 0) rotate(-45deg);}
    .hamburgerText span {font: bold 16px 'Montserrat', sans-serif; text-transform: uppercase; color:#fff;}
    .hamburgerText .menu, .active .hamburgerText .close {display:block;}
    .hamburgerText .close, .active .hamburgerText .menu {display:none;}

    .Header {width: 236px; height: 38px; order:2; margin: 0 0 30px 24%;}
    .Header img {max-width:100%; width:236px; height:25px;}
    .slogan {order:1; margin: 8% 0 25px; color: #4b4b4b; font: bold 4vw/1.2 'Montserrat', sans-serif; text-transform: uppercase;}
    .slogan span {color: #ff7200;}

    .SwitchLocale {box-sizing:border-box; padding:0; position:relative; display: flex; align-items: flex-start; width: 100%; flex-direction: column; cursor: pointer;}
    .SwitchLocale .highlighted {width: 100%!important; display:none; background-color: #f7ede6; left:0; text-align:left; top:89px; position: absolute;}
    .SwitchLocale .highlighted .topline {display:none;}
    .SwitchLocale .highlighted ul {padding:0; width:100%; margin:0; list-style:none;}
    .SwitchLocale .highlighted ul li a {text-align:left; display:block; color:#616161; font-size: 14px; text-decoration: none; box-sizing:border-box; height:auto; line-height:normal; padding: 13px 25px; text-transform:capitalize;}
    .SwitchLocale .highlighted ul li a:hover {background-color: #fbf8f5; color: #616161;}
    .SwitchLocale .highlighted ul li span {background-color: #fbf8f5; color: #616161; display: block; font-size: 14px; box-sizing: border-box; height: auto; line-height: normal; padding: 13px 25px; text-transform: capitalize;}
    .SwitchLocale > div {margin:0; padding:0;}
    .SwitchLocale > div:first-of-type {width:100%; position:relative; background:#f7ede6 url(/images/icon_arrow_down.svg) no-repeat right 15px center; background-size:auto auto;}
    .SwitchLocale .label {color: #565656; padding:16px 30px; text-transform:uppercase; text-decoration:none; font:normal 16px 'Montserrat', sans-serif; height:auto; display:block;}
    .SwitchLocale .label-lc {display: none;}
    .SwitchLocale p {text-transform:uppercase; text-align:left; color: #2b2b2b; font:bold 16px 'Montserrat', sans-serif; margin: 0 0 10px;}
    #switchLocalesTrigger {display:none;}

    .alreadyMember {font:bold 24px 'Montserrat',sans-serif; text-transform:uppercase;}

    .LoginIndex {display:none; position:relative; margin: 40px auto; box-sizing: border-box; z-index:2; padding:0 0 40px; pointer-events: all; justify-content: center; flex-direction: column; width:100%; border-bottom: 1px solid rgba(255,255,255,0.3);}
    .LoginIndex form {display: flex; flex-direction: column-reverse; margin:0 auto; width: 100%;}
    .LoginIndex dl.horizontal {height:auto; margin: 0; display: flex; flex-direction: column; align-items: center;}
    .formFields {margin:0 0 30px; width:100%; height:48px; padding:0 14px; color: #565656; font:normal 16px 'Montserrat',sans-serif; border:none; background-color: #f7ede6; box-sizing:border-box; -webkit-appearance:none; border-radius:0;}
    .LoginIndex input:focus {outline: none;}
    .invalid {border-color:#ce0000; box-shadow:none;}

    .LoginIndex dl dd {width:100%; margin:0; padding:0; float:none;}
    .LoginIndex dl dd input.button {width:100%; border:none; border-radius:0; padding:20px 0; margin: 0; background-color:#ff7200; font:bold 16px 'Montserrat',sans-serif; text-align:center; cursor:pointer; color:#fff; text-transform:uppercase; -webkit-appearance:none; outline:none; transition: 0.5s all ease;}
    .LoginIndex dl dd input.button:hover {background-color:#e26703;}
    .LoginIndex dl dd input.button:focus {outline:none;}
    .LoginIndex dl dd label {display:flex; align-items:center; font-size:16px; font-weight:bold; height:auto; float:none; margin:25px 0; color:#565656; cursor:pointer;}
    .LoginIndex a {font:bold 14px 'Montserrat',sans-serif; color:#000; text-transform:uppercase;}
    .LoginIndex a:hover {text-decoration: none;}
    #rememberMe {width:30px; height:30px; appearance:none; -moz-appearance:none; -webkit-appearance:none; margin: 0 12px 0 0; background-color: #fff;}
    #rememberMe:checked {background: url(/images/checkmark.svg) no-repeat center center #fff; background-size: 75% auto;}

    .loginClose, .regClose, .close, .loginContent, .visualMobile, .regLink {display:none;}

    .loginLink {width:100%; text-align:center; padding:20px 0; font:bold 16px 'Montserrat',sans-serif; text-transform:uppercase; text-decoration:none; background-color: #ff7200; margin: 30px 0 40px; color:#fff; cursor:pointer; transition: 0.5s all ease;}
    .loginLink:hover {text-decoration:none; color:#fff; background-color:#e26703;}

    .loginForm-active .LoginIndex {display:flex;}
    .loginForm-active .loginLink {display:none;}

    .regLink {order:3; cursor:pointer; outline:none; margin:0 auto; text-align:center; color:#fff; background-color: #0fb1c0; text-transform:uppercase; font: bold 20px 'Montserrat', sans-serif; padding:20px 0; width:calc( 100% - 32px ); text-decoration:none;}

    .Registration {box-sizing:border-box; pointer-events: all; margin: 0 0 38px 24%; max-width:500px; display:flex; justify-content: center; flex-direction: column; order:3;}
    .Registration h2 {display:none;}
    .Registration form {width:100%;}
    .Registration dl {position:relative; margin: 0 0 17px;}
    .Registration dl dt {font: normal 16px/1.2 'Montserrat',sans-serif; color: #2b2b2b; display:block; text-transform:uppercase;}
    .Registration dl dt, .Registration dl dd {width:100%; text-align:left; margin: 0 0 7px;}
    .Registration dl dd {display: flex; justify-content: space-between;}
    .Registration dd select {-webkit-appearance:none; -o-appearance:none; -moz-appearance:none; background:#f7ede6 url(/images/icon_arrow_down.svg) no-repeat right 13px center; border:none; color: #565656; font-size:16px; border-radius:0; width:100%; height: 48px; padding:0 14px;}

    .Registration select option {font-size:16px;}
    .Registration input.submit {transition: all 1s ease; cursor:pointer; outline:none; margin:17px 0 0; color:#fff; background-color: #0fb1c0; text-transform:uppercase; font: bold 20px 'Montserrat', sans-serif; padding:20px 0; width:100%; border: none; -webkit-appearance:none; -o-appearance:none; -moz-appearance:none; border-radius:0; white-space: normal;}
    .Registration input.submit:hover {background-color: #0d909c;}
    .Registration input.invalid:focus {outline:none;}
    .hideInShortForm {display:none;}
    .Registration select#birthDayPerson1 {width: 20%;}
    .Registration select#birthMonthPerson1 {width: 45%;}
    .Registration select#birthYearPerson1 {width: 25%;}
    #email{margin:0;}

    select::-ms-expand {display:none;}

    p.submitbutton {display:block; margin:0 auto; text-align:left; position: relative;}
    p.warning {padding:0 0 0 47px;}

    #login::placeholder, #password::placeholder {color: #565656; text-transform:uppercase; font-size:16px;}
    #email::placeholder {color: #565656;}

    .Registration dd select:focus, .Registration dd input:focus {outline: none;}
    .Registration dd select.invalid, .Registration dd input.invalid, .Registration #agree.invalid {color:#ce0000; background-color: #f9d0d0;}

    dl p.error {padding: 5px; box-sizing: border-box; width: 100%; left: 0; text-align: center; position: absolute; bottom: 73px; color: #fff; z-index: 1; background: #ce0100; font-size: 11px; display:none;}
    .upgrade-text {display: none;}
    p.warning, p.warning a {color: #2b2b2b; font: normal 12px 'Montserrat', sans-serif;}
    p.warning a:hover {text-decoration: none;}
    p.icon.warning {display:none;}

    #agree {position:absolute; left:0; width: 30px; height:30px; appearance:none; -moz-appearance:none; -webkit-appearance:none; margin: 0 17px 0 0; background-color: #f7ede6; outline: none; border:none;}
    #agree:checked {background: url(/images/checkmark.svg) no-repeat center center #f7ede6; background-size: 75% auto;}

    .featuresContent {margin:160px 0 0;}
    .features .owl-stage-outer {padding: 38px 0 40px;}
    .feature {border-radius: 10px; min-height: 280px; padding: 0 0 50px; box-shadow: 0px 2px 22px 0 rgba(103, 94, 86, 0.14); background-color: #ffffff; max-width:380px; margin: 0 15px; display: flex; flex-direction: column; align-items: center;}
    .feature h3 {box-sizing: border-box; padding: 48px 5px 25px; width: 100%; text-align: center; color: #000; font-size:24px;}
    .feature p {color: #393939; line-height: 1.5; width: 100%; box-sizing: border-box; font-size: 16px; text-align: center; padding: 0 55px; text-align:justify;}
    .features .owl-item.active .feature {}
    .features .owl-dots {text-align: center; position: absolute; width: 100%; left:0; bottom: 0;}
    .features .owl-dots button.owl-dot {background-color: rgba(203, 179, 159, 0.3); width: 15px; height: 15px; margin: 0 4px; border-radius: 50%; outline: none;}
    .features .owl-dots .owl-dot.active, .owl-dots .owl-dot:hover {background-color: #cbb39f;}
    .features.owl-carousel .owl-item img {border-radius:10px 10px 0 0; height:auto;}

    .membersContent {order:4;}
    .member {width:82%; margin:0 auto; cursor:pointer;}
    .membersContent.owl-carousel .owl-item img {border-radius:10px;}
    .membersContent .owl-nav {position:absolute; top:0; height:100%;}
    .membersContent .owl-next {background: #fff url(/images/arrow-left.svg) no-repeat center center !important; background-size:auto 50%!important; border-radius:50%; width:46px; height:46px; position:absolute; left:-23px; top:50%; margin-top:-23px; outline: none;}
    .membersContent.owl-carousel .owl-stage {padding:30px 0;}
    .membersContent.owl-carousel .owl-item {transition: 0.5s all ease;}
    .membersContent.owl-carousel .owl-item:hover {transform: scale(1.2); transform-origin: 50% 0%;}

    footer {width:100%; margin: 0 auto; padding: 50px 100px; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-end;}
    .Footer {position: relative; display: flex; flex-direction: column; align-items: flex-end;}
    #bottonNavigation {list-style: none; position: relative; display: flex; flex-wrap:wrap; justify-content: flex-end;}
    #bottonNavigation li {padding: 0 0 0 40px; list-style: none;}
    #bottonNavigation li a {font:bold 14px 'Montserrat',sans-serif; color: #d6d6d6; text-decoration: none; text-transform:uppercase;}
    #bottonNavigation li a:hover {text-decoration: underline;}
    #copyright {text-align: left; font:normal 12px 'Montserrat',sans-serif; color: #c7c7c7; margin: 20px 0 10px;}
    #copyright br {display: none;}
    .warningNotification, .custom_footer_content {color: #d6d6d6; font-size: 12px; text-align: right; width: 60%;}

    .title {color: #4b4b4b; font: bold 40px 'Montserrat',sans-serif; text-transform:capitalize;}
    .title span {color: #ff7200;}

    .mobileContent {display:flex; flex-wrap:wrap;}
    .mobileContent .title {margin: 0 0 20px; width:100%;}
    .mobileGirl {background:url(/images/members/bottom-girl.jpg) no-repeat; background-size:cover; width:100%; height:500px;}
    .mobileDescr {flex:1;}
    .mobileDescr p {margin:100px 50px 30px 100px; color: #000000; font: bold 18px/2 'Montserrat',sans-serif; max-width: 700px; text-align:justify;}
    .mobileChat {margin:0 100px 0 -10px; align-self: flex-start; height: auto!important;}

    .mobileButton, .welcomeButton {font: bold 20px 'Montserrat',sans-serif; cursor:pointer; text-transform:uppercase; text-decoration:none; padding:19px 86px; display: inline-block;}
    .mobileButton {background-color: #ff7200; color:#fff; margin:0 0 50px 100px; transition: 0.5s all ease;}
    .mobileButton:hover {background-color: #e26703;}
    .welcomeButton {border: 4px solid #4b4b4b; background-color: transparent; color:#000; margin:35px 0 0; transition: 1s all ease;}
    .welcomeButton:hover {background-color: #4b4b4b; color:#fff;}
    .welcomeContent {margin: 25px 0 130px 23%;}
    .welcome {font: bold 18px/2 'Montserrat',sans-serif; padding:0 50px 0 0; text-align:justify;}
}

@media only screen and (min-width: 1920px){
    .feature {max-width:480px;}
}
@media only screen and (max-width: 1440px){
    #cookiescript_wrapper p {line-height:1.5!important;}
    #cookiescript_injected {padding:14px 0!important;}
    .feature p {padding: 0 35px;}
    .visualContent {background-size: 44% auto; padding: 0 0 0 36%;}
    .custom_footer_content {width:100%;}
    .welcomeContent {margin: 25px 0 115px 30%;}
}

@media only screen and (max-width: 1280px){
    .Registration {max-width:460px;}
    .welcomeContent {margin: 25px 0 95px;}
}

@media only screen and (max-width: 1153px){
    .mobileDescr p {margin: 60px 50px 30px 0;}
    .mobileButton {margin: 0 0 50px 0;}
    .Registration {margin: 0 20px 50px 24%;}
    .features .owl-dots .owl-dot.active, .owl-dots .owl-dot:hover {background-color: #4b4b4b;}
    .features .owl-dots button.owl-dot {background-color: rgba(75, 75, 75, 0.4);}
    footer {padding: 50px 20px;}
}

@media only screen and (max-width: 1024px){
    .mainContent {margin: 0 0 0 88px;}
    .hamburgerText {display:none;}
    .visualContent {background-size: 46% auto; padding: 0 0 0 32%;}
    .active .mainContent {transform: translate3d(420px, 0px, 0px);}
}

@media only screen and (max-width: 800px){
    #cookiescript_wrapper p {font-size:11px!important; line-height:1.3!important;}
    #cookiescript_wrapper aside a {padding: 10px 50px!important;}

    .loginPanel {background-color:transparent; width:100%;}
    .active .loginPanel {background-color:#cbb39f;}
    .hamburger {left:16px; height:22px;}
    .hamburgerContent {width:26px; height:21px;}
    .hamburgerItem span {border-top:3px solid #231f20;}
    .hamburgerItem:nth-child(2) {top:9px;}
    .hamburgerItem:nth-child(3) {top:18px;}
    .layout.active .hamburgerItem:nth-child(1) {transform: translate3d(0, 9px, 0) rotate(45deg);}
    .layout.active .hamburgerItem:nth-child(3) {transform: translate3d(0, -9px, 0) rotate(-45deg);}

    .loginContent {padding: 85px 16px 0;}
    .active .loginContent {margin: 0 auto; max-width:400px;}
    .alreadyMember {font-size:20px;}
    .LoginIndex {margin:20px auto 35px;}
    .formFields {height:40px; margin: 0 0 28px;}
    .LoginIndex dl dd input.button {font-size:14px; padding:15px 0;}
    .LoginIndex dl dd label {font-size:14px; margin:20px 0;}
    .SwitchLocale p {font-size:14px;}
    .SwitchLocale .label {padding:13px 20px;}
    .SwitchLocale .highlighted ul li span {padding:13px 20px;}

    .mainContent {margin:0;}
    .active .mainContent {transform: translate3d(100%, 0px, 0px);}
    .visualContent {padding:0; background:none!important;}
    .slogan {order:2; margin: 0 auto 23px; text-align:center; font-size:40px;}
    .Header {order:1; margin: 16px auto 30px; width:164px; height:24px;}
    .Registration {margin: 0 auto 50px; width: calc( 100% - 32px ); display:none;}
    .regLink {display:block;}

    .visualMobile {display:block; order:3; width: calc( 100% - 32px ); margin: 40px auto 32px;}
    .regForm-active .hamburger {display:none;}
    .regForm-active .regClose {display:block;}
    .regForm-active .regLink {display:none;}
    .regForm-active .Registration {display:block;}
    .regForm-active .slogan {font-size:20px; color:#000;}
    .Registration dl dt {font-size:14px; font-weight:bold;}
    .Registration dd select {height:40px;}
    #agree {width:22px; height:22px;}
    p.warning {padding: 0 0 0 35px;}
    p.warning, p.warning a {font-size:10px;}
    #email::placeholder {font-size:14px; text-transform:capitalize;}
    .Registration input.submit {background-color: #0d909c; padding:16px 0; font-size:14px;}
    dl p.error {bottom:66px;}

    .welcomeContent {text-align:center; margin: 25px 0 95px;}
    .welcome {padding: 0 15px; font-size:14px; line-height:1.8;}
    .featuresContent {margin: 60px 0 0;}

    .mobileContent {justify-content: center; text-align: center;}
    .title {font-size:26px; text-align:center; padding:0 15px;}
    .mobileDescr p {margin: 30px 15px 30px; font-size:14px; line-height:1.8; max-width:100%;}
    .mobileChat {margin: 0 15px;}

    footer {padding: 50px 20px; align-items: center;}
    .Footer {align-items: center;}
    #bottonNavigation {justify-content: center;}
    #bottonNavigation li {padding: 10px 30px;}
    .warningNotification, .custom_footer_content {width:100%; text-align:center;}

    .feature {margin: 0 auto; width:95%;}
    .feature h3 {font-size:20px;}
    .features .owl-dots .owl-dot.active, .owl-dots .owl-dot:hover {background-color: #cbb39f;}
    .features .owl-dots button.owl-dot {background-color: rgba(203, 179, 159, 0.3);}

    .member {margin: 0 auto;}
}

@media only screen and (max-width: 640px) {
    .mobileButton, .welcomeButton {width: calc( 100% - 30px ); box-sizing:border-box; padding: 19px 0; margin-left:15px; margin-right:15px;}
    .mobileChat {max-width: calc( 100% - 30px );}
    .member {width: 90%;}
}

@media only screen and (max-width: 480px) {
    .mobileGirl {background-image: url(/images/members/bottom-girl-mobile.jpg)!important; background-size:contain;}
}

@media only screen and (max-width: 400px) {
    .mobileGirl {height:400px;}
}
/*217596.1.271.4b4cb84*/