/* >>> ===== >>> ===== >>> ===== >>> ===== >>> ===== >>> ===== >>> Responsive (13.07.2017) */ .mobile-fx .man .man-wrapper .img { height: 85%; } .mobile-fx .nav .label { display: none; } .mobile-fx .logo-wrapper { max-width: 400px;width: 25%;height: 100px; } .mobile-fx .social .item { width: 70px;height: 70px;line-height: 70px;font-size: 35px; } .mobile-fx .screen-1 .button { width: 20%; } .mobile-fx .screen-1 .button .btn { display: none; } .mobile-fx .screen-2 .text { display: none; } .mobile-fx .screen-2 .features { width: 100%;transform: scale(1);-webkit-transform: scale(1);} .mobile-fx .screen-2 .features .txt { display: block; } .mobile-fx .screen-2 .features .txt span { display: none; } .mobile-fx .screen-2 .features .txt big { font-size: 1.27em; } .mobile-fx .screen-2 .btn { font-size: 30px; } .mobile-fx .screen-2 .buttons { bottom: 8%; } @media only screen and (max-height: 800px){ .mobile-fx .screen-2 .img.img1 { top: 10%; } .mobile-fx .screen-2 .features { top: 20%; } .mobile-fx .screen-2 .buttons { bottom: auto;top: 70%; } } .mobile-fx .screen-3 .img2 { transform: scale(0.8) translateY(0%);-webkit-transform: scale(0.8) translateY(0%); } .mobile-fx .screen-3 .level { margin-top: 50px;width: 100%;left: 0%;right: 0%;max-width: 1400px;text-align: center;height: 70px;display: block;overflow: hidden; } .mobile-fx .screen-3 .level img { transform: translateX(0%);-webkit-transform: translateX(0%);width: 450px;margin-top: 10px; } .mobile-fx .screen-3 .level-3 a:after, .mobile-fx .screen-3 .level-4 a:after, .mobile-fx .screen-3 .level-5 a:after { content: ""; width: 290px; height: 70px; display: inline-block; vertical-align: top; margin-left: 20px; background: url('../img/level-more.png') no-repeat center top; -webkit-background-size: 100%; -moz-background-size: 100%; -ms-background-size: 100%; -o-background-size: 100%; background-size: 100%; } .mobile-fx .screen-4 .info-block, .mobile-fx .bubble-popup .bubble-additional, .mobile-fx .bubble-popup .bubble, .mobile-fx .screen-4 .gain-notice { display: none; } .mobile-fx .screen-4 .calc { max-width: 900px;padding-bottom: 10px; transform: scale(0.7) translateY(-70%);-webkit-transform: scale(0.7) translateY(-70%); } .mobile-fx .screen-4 .img4 { width: 350px; } .mobile-fx .screen-4 .scroll-arrow { transform: translateX(-130px);-webkit-transform: translateX(-130px);bottom: 139px; } .mobile-fx .calc-center-item { position: relative;padding-bottom: 35px;margin-top: 30px; } .mobile-fx .calc-center-item-count { margin-top: 14px; } .mobile-fx .calc-center-item-title { position: absolute;left:0px;right:0px;bottom:0px;font-size: 22px;line-height: 1;} .mobile-fx .calc-center .col { width: 30%; } .mobile-fx .calc .button { margin-top: 20px; } .mobile-fx .calc .button button { padding-top: 15px;padding-bottom: 15px;} .mobile-fx .popup-3 .gain-notice2, .mobile-fx .popup-4 .gain-notice2, .mobile-fx .popup-5 .gain-notice2, .mobile-fx .popup-5b .gain-notice2, .mobile-fx .popup-5c .gain-notice2, .mobile-fx .popup-6 .gain-notice2, .mobile-fx .popup-7 .gain-notice2, .mobile-fx .popup-8 .gain-notice2, .mobile-fx .popup-9 .gain-notice2, .mobile-fx .popup-10 .gain-notice2, .mobile-fx .popup-11 .gain-notice2 { /*display: none; */ } .mobile-fx .popup-6 .main-slider-wrapper::before, .mobile-fx .popup-9 .main-slider-wrapper::before, .mobile-fx .popup-10 .main-slider-wrapper::before, .mobile-fx .popup-11 .main-slider-wrapper::before { top: -5px;left: auto;right: 100%;margin-right: 15px;font-size: 20px;white-space: nowrap; } .mobile-fx .popup-6 .main-slider-wrapper::after, .mobile-fx .popup-9 .main-slider-wrapper::after, .mobile-fx .popup-10 .main-slider-wrapper::after, .mobile-fx .popup-11 .main-slider-wrapper::after { top: -5px;right: auto;left: 100%; margin-left: 15px; font-size: 20px;white-space: nowrap; } .popup-block .title { font-size: 28px;padding-left: 20px;padding-right: 20px; } .mobile-fx .popup-block-blue .title { font-size: 33px;line-height: 1.3;padding: 25px 80px 0; } .mobile-fx .popup-block-blue .txt { font-size: 24px; } .ksv-desctop{ font-style: normal; } .ksv-mobile { font-style: normal;display: none; } .mobile-fx .ksv-desctop { display: none; } .mobile-fx .ksv-mobile { display: inline-block; } .mobile-fx .screen-5 .spend-notice, .mobile-fx .screen-5 .info-block, .mobile-fx .screen-5 .figures, .mobile-fx .screen-5 .tabs.start-screen .item .circle { display: none; } .mobile-fx .screen-5 .tabs.start-screen .item { transform: translate(0);-webkit-transform: translate(0);width: 270px;height: 270px;line-height: 270px;text-align: center; } .mobile-fx .screen-5 .tabs.start-screen .big-icon { transform: scale(1.3);-webkit-transform: scale(1.3);opacity: 1;position: static;vertical-align: middle; } .mobile-fx .screen-5 .tabs.start-screen { top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);margin-top: 40px; } .mobile-fx .screen-5 .popups { margin-top: 120px; } .mobile-fx .spend-notice-mobile { display:inline-block !important; } .mobile-fx .gain-notice-mobile { display:inline-block !important; } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) { .mobile-fx .screen-5 .popups { margin-top: 160px; } } .mobile-fx .screen-5 .popups .popup { transform: scale(1.3);-webkit-transform: scale(1.3);transform-origin: 50% 0%;-webkit-transform-origin: 50% 0%;} .mobile-fx .screen-5 .popups .text { font-size: 20px; } .mobile-fx .screen-5 .popup2 .text { font-size: 18px; } .mobile-fx .screen-5 .popup1 .selector .values-wrap, .mobile-fx .screen-5 .popup2 .selector .values-wrap { max-height: 100px;} .mobile-fx .screen-5 .popup1 .selector .values, .mobile-fx .screen-5 .popup2 .selector .values { transform: scale(1.8);-webkit-transform: scale(1.8);transform-origin: 50% 0%;-webkit-transform-origin: 50% 0%;border-radius: 10px;} .mobile-fx .screen-6 .slider-offer-container { top: 30%;transform: scale(1.3);-webkit-transform: scale(1.3); } .mobile-fx .screen-6 .offers { top: 60%;bottom: auto;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .mobile-fx .screen-6 .offer-button { top: 60%; } .mobile-fx .screen-6 .offer.prev, .mobile-fx .screen-6 .offer.prevprev { transform: scale(0.75) translateX(-138%);-webkit-transform: scale(0.75) translateX(-138%); } .mobile-fx .screen-6 .offer.current { transform: scale(1.2);-webkit-transform: scale(1.2); } .mobile-fx .screen-6 .offer.next, .mobile-fx .screen-6 .offer.nextnext { transform: scale(0.75) translateX(138%);-webkit-transform: scale(0.75) translateX(138%); } .mobile-fx .screen-7 .txt { display: none; } .mobile-fx .screen-7 .block-buttons { transform: scale(1.2);-webkit-transform: scale(1.2); } .mobile-fx .screen-7 .join-button a { transform: scale(1.5);-webkit-transform: scale(1.5); } .mobile-fx .screen-8 .info-block, .mobile-fx .screen-8 .screen-8-text { display: none; } .mobile-fx .screen-8 .screen-8-content { height: 480px;top:50%;transform: scale(1.2) translateY(-40%);-webkit-transform: scale(1.2) translateY(-40%); } .mobile-fx .screen-8 .screen-footer { top: auto !important;bottom: 20px; } @media (max-height: 800px) { .mobile-fx .screen-8 .screen-8-content { transform: scale(1) translateY(-50%);-webkit-transform: scale(1) translateY(-50%); } .mobile-fx .screen-5 .popups .popup { transform: scale(1);-webkit-transform: scale(1);transform-origin: 50% 0%;-webkit-transform-origin: 50% 0%;} .mobile-fx .screen-3 .img2 { transform: scale(0.65) translateY(-30%);-webkit-transform: scale(0.65) translateY(-30%); } .mobile-fx .screen-5 .tabs.start-screen { transform: scale(0.7) translateY(-60%);-webkit-transform: scale(0.7) translateY(-60%);margin-top: 0; } } .mobile-fx .button-join { top: 70% !important;margin-left: 15px;} /* Переопределения */ .screen-video { background: rgb(84, 181, 246) url('../img/screen-video-bg.png') repeat center top; } /* style.css 2500 */ @media only screen and (max-height: 930px){ .screen-8 .screen-footer { top:auto; bottom: 30px; } } .screens .screen:last-child.animate-after{ transform: none; -webkit-transform: none; transition: none; -webkit-transition: none; } /* <<< ===== <<< ===== <<< ===== <<< ===== <<< ===== <<< ===== >>> Responsive | END <<< */