/* Theme Name: hmc lobby Author: Quatro-Digital Author URI: http://www.quatro-digital.com Description: hmc lobby 2019 Version: 5.2.1 Text Domain: hmc lobby */ html,body{margin:0 auto;padding:0;font-family:NextExit,'Roboto Condensed';direction:rtl;font-size:23px;color:#3a3b3b;font-weight:300;background:#efecd5;} .noSelect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-o-user-select:none;} .right{float:right;display:inline-block;} .left{float:left;display:inline-block;} .both{clear:both;width:0;height:0;overflow:hidden;display:block} .clearfix:before, .clearfix:after{content: "";display: table;} .clearfix:after{clear:both;} .normalwieght{font-weight:normal;} .bold{font-weight:bold;} .bold a{font-weight:bold;} .ltr{direction:ltr;} .invisible{display:none;} a{text-decoration:none;color:#147de4} a img{border:0;-moz-outline-style:none;outline: none;} a{-moz-outline-style:none;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;} *:focus{-webkit-tap-highlight-color:transparent !important;-moz-outline-style: none !important;outline: none !important;} form,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal;} *{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;-webkit-text-size-adjust: 100%;} .ease, .ease a{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .ease:hover, .ease a:hover{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} input,select,textarea{-webkit-tap-highlight-color:transparent;-moz-outline-style: none;outline: none;width:100%;height:70px;background:#efecd5;border:none;padding:0 22px;font-family:NextExit,'Roboto Condensed'; font-size:28px;font-weight:300;-webkit-border-radius:0px;border-radius:0px;color:#333333;} ::-webkit-input-placeholder { /* WebKit browsers */color:#333333; -moz-opacity:100;opacity:100;filter: alpha(opacity=100);} :-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#333333;-moz-opacity:100;opacity:100;filter: alpha(opacity=100);} ::-moz-placeholder { /* Mozilla Firefox 19+ */color:#333333;-moz-opacity:100;opacity:100;filter: alpha(opacity=100);} :-ms-input-placeholder { /* Internet Explorer 10+ */color:#333333;-moz-opacity:100;opacity:100;filter: alpha(opacity=100);} /* Change Autocomplete styles in Chrome*/ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px #efecd5 inset; transition: background-color 5000s ease-in-out 0s; } input[type="radio"]{-webkit-appearance:normal;} input[type="submit"]{cursor:pointer;-webkit-appearance: none;} .wpcf7-not-valid, .error input{border:1px solid #ea4724 !important;} .wpcf7-response-output{display:none !important;} span.wpcf7-not-valid-tip{font-size:16px;text-align:right;color:#ea4724;} .form_submit{width:130px;position:relative;margin:0 auto;} .main_text .wpcf7 p{position:relative;} .ajax-loader{background: url('assets/img/svg/loader.svg') no-repeat center !important;width:32px !important;height:32px !important;position:absolute;right:0;left:0;margin:auto !important;top:0;bottom:0;visibility:visible !important;display:none !important;} form.sending .ajax-loader{display: block;} form.sending input[type=submit]{font-size: 0;} .ajax-loader.is-active{display:block !important;} .wpcf7-submit.submit-hide{font-size:0px;-webkit-transition: all 0s ease-in-out;-moz-transition: all 0 ease-in-out;-ms-transition: all 0 ease-in-out;-o-transition: all 0 ease-in-out;transition: all 0 ease-in-out;} .slick-slide{-webkit-tap-highlight-color:transparent;-moz-outline-style: none;outline: none;} .doit{opacity:0;} .enter--up{-webkit-transform: translate(0,40px);-ms-transform: translate(0,40px);transform: translate(0,40px);} .enter--up.animated{-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);} .error_tx { font-size: 13px ; color: #ea4724;} .inline{display:inline-block;} .center{text-align:center;} .bg_black{width:100%;height:100%;background:black;position:fixed;top:0;left:0;right:0;bottom:0;-moz-opacity:0.66;opacity:0.66;filter: alpha(opacity=66);} .wrap_items{width:100%;overflow:hidden;} .width_limit{max-width:718px;} hr{width:100%;height:1px;background:#e8e8e8;margin:30px 0;border:none;} .cover{background-repeat:no-repeat;background-position:center center;background-size:cover;} .delay_200{-webkit-animation-delay:.2s;animation-delay:.2s;} .delay_400{-webkit-animation-delay:.4s;animation-delay:.4s;} .delay_600{-webkit-animation-delay:.6s;animation-delay:.6s;} .delay_800{-webkit-animation-delay:.8s;animation-delay:.8s;} .flex{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row wrap;flex-flow: row wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} .flex--column{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column wrap;flex-flow: column wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center} .flex--center{-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;} .flex--start{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;} .flex--content--center{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align:center;} .flex--end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;} .table100{display:table;width:100%;height:100%;} .table_cell{display:table-cell;text-align:center;vertical-align:middle;} .sec--pad{padding:60px 0;} .col--50{width:50%;} .col--33{width:33.3%;} .col--25{width:25%;} .over--hide{overflow:hidden;} .z--1{position:relative;z-index:1;} .tx--upper{text-transform:uppercase;} .radius--100{-webkit-border-radius:100px;border-radius:100px;} .items--wrap{margin-left:-7.5px;margin-right:-7.5px} .item--marge{padding:0 7.5px;margin-bottom:15px;position:relative;} .item--square{position:relative;} .item--square:before{content:"";display:block;width:100%;padding-top:100%;} .hover--scale{-webkit-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;transition: all 0.9s ease-in-out;} .hover--triger:hover .hover--scale{-ms-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05)} @font-face { font-family:NextExit; src:url('assets/font/nextexit/NextExitLight.woff') format('woff'), url('assets/font/nextexit/NextExitLight.ttf') format('ttf'), url('assets/font/nextexit/NextExitLight.woff2') format('woff2'), url('assets/font/nextexit/NextExitLight.eot'); font-weight: 300; font-style: normal; } @font-face { font-family:NextExit; src:url('assets/font/nextexit/NextExitRegular.woff') format('woff'), url('assets/font/nextexit/NextExitRegular.ttf') format('ttf'), url('assets/font/nextexit/NextExitRegular.woff2') format('woff2'), url('assets/font/nextexit/NextExitRegular.eot'); font-weight: 400; font-style: normal; } @font-face { font-family:NextExit; src:url('assets/font/nextexit/NextExitBold.woff') format('woff'), url('assets/font/nextexit/NextExitBold.ttf') format('ttf'), url('assets/font/nextexit/NextExitBold.woff2') format('woff2'), url('assets/font/nextexit/NextExitBold.eot'); font-weight: bold; font-style: normal; } @font-face { font-family:ReformaNarrow; src:url('assets/font/reforma/FbReformaNarrow-Regularwebfont.woff') format('woff'), url('assets/font/reforma/FbReformaNarrow-Regularwebfont.ttf') format('ttf'), url('assets/font/reforma/FbReformaNarrow-Regularwebfont.svg') format('svg'), url('assets/font/reforma/FbReformaNarrow-Regularwebfont.eot'); font-weight: 400; font-style: normal; } @font-face { font-family:ReformaNarrow; src:url('assets/font/reforma/FbReformaNarrow-Lightwebfont.woff') format('woff'), url('assets/font/reforma/FbReformaNarrow-Lightwebfont.ttf') format('ttf'), url('assets/font/reforma/FbReformaNarrow-Lightwebfont.svg') format('svg'), url('assets/font/reforma/FbReformaNarrow-Lightwebfont.eot'); font-weight: 300; font-style: normal; } /* ============== TITLES =========================== */ .title{font-size:70px;color:#334a9a;font-weight:300;margin-bottom:20px;line-height:1.1;} strong, b{font-weight:400;} .subtitle{font-size:32px;line-height:1;margin-bottom:17px;} .title-55{font-size:55px;} .tx--up{margin-top:-8px;} .tx--light{font-weight:300;} .text, .text p{color:#3a3b3b;font-size:28px;line-height:1.2;} .text ul{padding:0;margin:0;list-style:none;} .text li{margin-bottom:12px;padding-right:15px;position:relative;} .text li:before{content:"";display:block;width:8px;height:8px;-webkit-border-radius:8px;border-radius:8px;background:#324997;position:absolute;top:13px;right:0;} .text ol li:before{display:none;} .tx--bege, .tx--bege *{color:#efecd5;} /* ============== TITLES =========================== */ /* ============== btns =========================== */ .bt_blue, .form_submit input, .wpcf7-submit{background:#5481be;display:inline-block;height:50px;line-height:50px;font-size:28px;color:#efecd5;font-weight:300;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;padding:0 8px;min-width:117px;} .bt_blue:hover, .form_submit input:hover, .wpcf7-submit:hover{background:#2e317e;} .form_submit input, .wpcf7-submit{line-height:inherit;padding:0;padding-bottom:3px;} /* ============== btns =========================== */ .inner_width{max-width:1230px;margin:0 auto;padding-left:30px;padding-right:30px;} .absolute{width:100%;height:100%;position:absolute;top:0;right:0;left:0;bottom:0;} .relative{position:relative;} .no_marge{margin:0;} /*======== popup =============*/ .popup_wrap{width:100%;height:100%;position:fixed;top:0;right:0;left:0;z-index:10;overflow-y:scroll;display:none;} .bgblack{width:100%;height:100%;background:rgba(0,0,0,0.60);position:fixed;top:0;left:0;right:0;bottom:0;} .popup_in{position:relative;height:100%;overflow-y:scroll;z-index:10;padding:0 12px;} .popup{max-width:650px;background:white;padding:40px;padding-bottom:60px;position:relative;top:110px;margin:0 auto 50px;z-index:6;text-align:center;-webkit-border-radius:8px;border-radius:8px} .pop--small{max-width:550px;padding-top:50px;} .popup_close a{display:block;width:42px;height:42px;position:absolute;top:-15px;left:-15px;-webkit-border-radius:60px;border-radius:60px;background:white;text-align:center; -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.22);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.22)} .popup_close a svg{width:15px;height:100%;} .close-animate a{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .close-animate a svg{display:block;margin:0 auto;} .close-animate a:hover{-ms-transform: rotate(180deg);-ms-transform-origin: 50% 50%;-webkit-transform: rotate(180deg);-webkit-transform-origin: 50% 50%;transform: rotate(180deg);transform-origin: 50% 50%; -webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;} /*=====================*/ .header{position:absolute;top:0;left:0;z-index:5;width:100%;right:0;padding:20px 30px;} .footer{background:#292929;padding:15px;font-size:20px;} .ft_tx{margin-left:20px} .rights{color:#8c8b7f;} .rights a{color:#8c8b7f;} .rights a:hover{color:#efecd5} .quatro-credit{font-size:16px;} .enter_bg{width:100%;height:100vh;background-image: url('assets/img/layout/enter_bg.jpg');} .h-100{height:100%;} .enter_form{max-width:620px;margin:0 auto 40px;padding:20px 0;} .form_input{margin-bottom:12px;} .form_check{position:relative;color:black;margin-bottom:10px;padding-right:22px;text-align:right;margin-top:5px;} .form_check label{display:block;cursor:pointer;font-weight:300;margin:0;font-size:26px;} .form_check input[type="checkbox"], .form_check input[type="radio"]{display: none;} .form_check br{display:none;} .checkmark{display: block;width: 16px;height: 16px;background: url('assets/img/layout/check.png') no-repeat right top;background-size:16px auto;position:absolute;top:1px;right:0;} .form_check input:checked ~ .checkmark{} .form_check a{text-decoration:underline;} .form_radio{padding-right:38px;} .form_radio .checkmark{width:28px;height:28px;top:3px;-webkit-border-radius:100px;border-radius:100px;background:#efecd5;} .form_radio input:checked ~ .checkmark:before{content:"";display:block;width:14px;height:14px;-webkit-border-radius:100px;border-radius:100px;background:#32489a;position:absolute;margin:auto;right:0;left:0;bottom:0;top:0;} .radio_row{margin-bottom:8px;} .radio_choose{margin-right:3%;} .radio_choose .form_radio{margin-right:18px;} .enter_form .form_check label{color:#efecd5 !important;} /*=====================*/ .page-template-lobby .logo_shape path{fill: #32499a;} .page-template-lobby .logo_tx path{fill: #636156;} .page_no_banner{padding-top:120px;} .lobby-title{font-size:110px;margin-bottom:5px;} .lobby-subtitle{font-size:50px;font-weight:300;} .width--1000{max-width:1000px;margin:0 auto;} .width--full{width:100%;padding-left:30px;padding-right:30px;} .all_gifts{padding:50px 0 30px;} .gift_item{width:calc(100%/2 - 15px);position:relative;height:340px;-webkit-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.25);box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.25);margin-bottom:30px;} .gift_item:hover{} .gift_item_title{display:inline-block;background:#efecd5;color:#333333;font-size:45px;line-height:1;padding:0 18px 6px;} .gift_item .gift_item_title:hover{background:#5481be;color:#efecd5;} .gift_item:first-child{width:100%;} .gift_item:first-child .gift_item_title{font-weight:600;} /*=====================*/ .top_banner{width:100%;height:600px;} .top_banner .gift_item_title{font-size:70px;margin-bottom:90px;font-weight:300;} .gift_slick_wrap{position:absolute;bottom:0;left:0;right:0;width:100%;margin:auto;max-width:1400px;padding:0 40px} .arrow_l, .arrow_r{display:none;position:absolute;top:45%;right:0;padding:0 8px;z-index:2;} .arrow_l{right:auto;left:0;} .gift_slick_item{padding:0 2px;width:160px;} .gift_slick_item_in{height:155px;} .gift_slick_item:nth-of-type(4n + 1) .gift_slick_item_in{background:#7ca6de} .gift_slick_item:nth-of-type(4n + 2) .gift_slick_item_in{background:#32499a} .gift_slick_item:nth-of-type(4n + 3) .gift_slick_item_in{background:#5581bd} .gift_slick_item:nth-of-type(4n + 4) .gift_slick_item_in{background:#2a2e80} .gift_slick_item_tx{font-size:28px;color: #edead3;display: block;padding:0 8%;line-height:1;} .gift_slick_item.active .gift_slick_item_in{background: #efecd5 !important;} .gift_slick_item.active .gift_slick_item_tx{color: #31489a;} .width--800{max-width:800px;margin:0 auto;} .main_text h2{color: #324997;font-weight: 400;font-size: 1.2em;line-height:1;margin-top:35px;margin-bottom:12px;} .main_text h2:first-child{margin-top:0;} .marge--45{margin-bottom:45px;} body .slick-slider{margin-bottom:0;} .is-sticky .gift_slick{background:#efecd5;} .is-sticky .gift_slick_item_in{-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);margin-bottom:5px;} .is-sticky .arrow_l polygon, .is-sticky .arrow_r polygon{fill:#30469c;} .bg_bluelight{background-color:#5580ba!important;} .bg_404{height:100vh;} .top_404 { font-size:200px !important; color:#345c93!important; line-height:1em; margin:0;margin-top:-80px; } .bg_404 .bt_blue{background:#2e317e;padding:0 22px;} .stay--height{min-height:600px;} .before--slick{opacity:0;width:0px;height:0px} .after--slick{} /*dont slick*/ .after--slick.has--1, .after--slick.has--2, .after--slick.has--3, .after--slick.has--4, .after--slick.has--5{opacity:0;width:0px;height:0px;} .before--slick.has--1, .before--slick.has--2, .before--slick.has--3, .before--slick.has--4, .before--slick.has--5{opacity:1;width:100%;height:inherit;} .be--slick.has--7 .gift_slick_item, .be--slick.has--8 .gift_slick_item{-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-negative: 1;flex-shrink: 1;-ms-flex-preferred-size: 0;flex-basis: 0} .elevator{z-index:1 !important;} .main_text .wpcf7 label{margin-bottom:20px;display:block;} .main_text .wpcf7 input{background:#e2dfc9;margin-top:4px;} /* Change Autocomplete styles in Chrome*/ .main_text .wpcf7 input:-webkit-autofill, .main_text .wpcf7 input:-webkit-autofill:hover, .main_text .wpcf7 input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px #e2dfc9 inset; transition: background-color 5000s ease-in-out 0s; } .main_text .wpcf7 .wpcf7-radio{margin-top:15px;margin-bottom:30px;display:block;} .main_text .wpcf7 br{display:none;} .main_text span.wpcf7-list-item{position:relative;font-size:26px;color:#3a3b3b;margin-bottom:10px;padding-right:32px;text-align:right;margin-top:5px;margin-right:0;margin-left:30px;font-weight:300;} .form_check label{display:block;cursor:pointer;font-weight:300;margin:0;font-size:20px;color:#4d4d4d;} .main_text span.wpcf7-list-item input[type="checkbox"], .main_text span.wpcf7-list-item input[type="radio"]{opacity: 0;position: absolute;height: 100%;width: 100%;margin: 0;top: 0;right: 0;z-index:2;} .main_text span.wpcf7-list-item br{display:none;} .checkmark{display: block;width:25px;height:25px;background-color:#efecd5;position:absolute;top:1px;right:0;} .main_text span.wpcf7-list-item input:checked ~ .checkmark{background:#5ba239 url('assets/img/svg/check.svg') no-repeat center center;background-size:55% auto;} .form_radio .checkmark{background-image: url('assets/img/layout/radio.png');width:20px;height:20px;background-size:20px auto;top:-1px;} .form_radio label{} .main_text span.wpcf7-list-item-label::before{display: block;width:25px;height:25px;background-color:#d6d3bd;position:absolute;top:0px;right:0;bottom:0;margin:auto;-webkit-border-radius:25px;border-radius:25px;} .main_text span.wpcf7-list-item.active span.wpcf7-list-item-label::after{width:13px;height:13px;display:block;-webkit-border-radius:25px;border-radius:25px;background-color:#32499a;position:absolute;top:0;right:0;bottom:0;margin:auto;margin-right:6px;} .main_text .wpcf7 .wpcf7-submit{background:#32499a;width:280px;height:68px;margin:0 auto;display:block;font-size:32px} .main_text .wpcf7 .wpcf7-submit:hover{background:#1f3684;} .main_text .wpcf7 div.wpcf7-mail-sent-ok{display: block !important;background: #5cbb33;text-align: center;color:#efecd5;margin: 12px auto;border:none;} /*=====================*/ .mobile_only{display:none;} .no_mobile{display:block;} @media only screen and (min-width : 800px) {/* only desctop */ .enter_form .form_check{margin-top:38px;} .enter_form .form_submit{margin-top:-40px;} .footer br{display:none;} .footer .no_mobile{display:inline-block;} .gift_slick_item:hover .gift_slick_item_in{background: #efecd5 !important;} .gift_slick_item:hover .gift_slick_item_tx{color: #31489a;} .all_gifts{padding-top:70px;} } @media only screen and (max-width : 1250px) { .gift_item{height:240px;} .gift_item_title{font-size:38px;} } @media only screen and (max-width : 980px) { .gift_slick_wrap{width:100%;} .after--slick.has--4, .after--slick.has--5{opacity:1;width:100%;height:inherit;} .before--slick.has--4, .before--slick.has--5{opacity:0;width:0px;height:0px;} } @media only screen and (max-width : 800px) { .sec--pad{padding:40px 0;} .mobile_only{display:block;} .no_mobile{display:none;} .m-100, .col--50, .col--33{width:100%;float:none;display:block;} .inner_width, .header, .width--full{padding-left:25px;padding-right:25px;} .logo svg{width:110px;} .enter_bg{background-position:14% center} .title{font-size:58px;} .subtitle{font-size:26px;} .page_no_banner{padding-top:90px;} .m--tx--right{text-align:right} .lobby-title{background:#32499a;display:inline-block;line-height:1;padding:0 20px 6px;color:#efecd5;font-size:58px} .lobby-subtitle{background:#5581bd;display:inline-block;line-height:1;padding:0 10px 6px;color:#efecd5;font-size:32px} .gift_item{width:100%;height:auto;min-height:220px;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: end;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;padding:15px;} .is-sticky .gift_slick_wrap{background:#efecd5;} } @media only screen and (max-width : 680px) { .title{font-size:35px;line-height:0.9;} .subtitle{font-size:21px;} input, select, textarea{height:48px;font-size:20px;padding:0 15px;} .enter_form{padding:0;} .form_check label{font-size:20px;} .form_radio .checkmark{width:22px;height:22px;top:2px;} .form_radio input:checked ~ .checkmark:before{width:12px;height:12px;} .form_radio{padding-right:28px;} .footer{padding:11px;font-size:18px;} .lobby-title{font-size:45px;margin-bottom:8px;} .lobby-subtitle{font-size:22px;padding-top:2px;} .text, .text p{font-size:20px;line-height:1.2;} .lobby_text{font-size:22px;line-height:1.1;} .all_gifts{padding:25px 0;} .gift_item{min-height:140px;margin-bottom:25px;} .gift_item_title{font-size:25px;padding:3px 10px 5px;} .top_banner{height:380px;} .top_banner .gift_item_title{font-size:48px;} .gift_slick_item_tx{font-size:20px;} .gift_slick_item_in{height:112px;} .gift_slick_wrap{padding:0 30px;} .arrow_l svg, .arrow_r svg{width:13px;height:auto;} .title-55{font-size:45px;} .marge--45{margin-bottom:28px;} .text li:before{width:6px;height:6px;top:11px;} .arrow_l, .arrow_r{top:38%;} .before--slick.has--2 .gift_slick_item, .before--slick.has--3 .gift_slick_item{-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-negative: 1;flex-shrink: 1;-ms-flex-preferred-size: 0;flex-basis: 0} .main_text .wpcf7 .wpcf7-radio{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row wrap;flex-flow: row wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom:15px;} .main_text .wpcf7 .wpcf7-radio .wpcf7-list-item{width:33.33%;margin-left:0;} .main_text span.wpcf7-list-item{font-size:20px;} .main_text span.wpcf7-list-item-label::before{margin:0;top:1px;} .main_text span.wpcf7-list-item.active span.wpcf7-list-item-label::after{margin-top:7px;} } @media only screen and (max-width : 320px) { .lobby-title{font-size:38px;padding:2px 10px 6px;} .lobby-subtitle{font-size:20px;} .gift_item{min-height:125px;padding:11px;} .gift_item_title{font-size:20px;} .gift_slick_wrap{padding:0 18px;} .arrow_l, .arrow_r{padding:0 5px;} .arrow_l svg, .arrow_r svg{width:11px;height:auto;} .top_banner .gift_item_title{font-size:38px;} .top_banner{height:320px;} .gift_slick_item_in{height:96px;} .title-55{font-size:38px;} }