/* Theme Name: dianastudio Theme URI: http://gnatkovsky.com.ua/ Author: Gnatkovsky Vitaliy */ /* =Reset default browser CSS. */ *{outline:none;box-sizing:border-box;transition: all 0.5s ease-in-out;} article,aside,footer,header,nav,section{display:block} pre{font-family:monospace,monospace;font-size:1em} b,strong{font-weight:bold} address{font-style:normal;} code{font-family:monospace,monospace;font-size:1em} small{font-size:70%} h1,h2,h3,h4,h5,h6{padding:0;margin:0;} img{border-style:none} textarea{overflow:auto} p{margin:0;font-style:normal;} [hidden]{display:none} blockquote{position:relative;padding:25px;font-size:15px;line-height:17px;font-style:italic;margin:25px 18px;background:#FF0090;color:#fff;} blockquote:before {content: '!';width:30px;height:30px;font-style:normal;line-height:30px;display:block;background:#fc0;color:#fff;font-size:20px;position:absolute;top:-15px;left:-15px;text-align:center;} ul{list-style:none;margin:0;padding:0;} a{color:#FF0090;text-decoration:none;} a:focus,a:active,a:hover{color:#000;text-decoration:underline;} html,body{height:100%;} body{font-family: 'Poppins', sans-serif;position:relative;padding:0;margin:0;height:100%;color:#212121;font-size:14px;line-height:1.8;font-size:15px;font-weight:300;background:#fcfbfa;min-width:300px;} .hidden{opacity:0;} .visible{opacity:1;} .clear{clear:both;} .overflow{overflow:hidden;} .container{max-width:1170px;margin:0 auto;position:relative;padding:0 10px;} .big_container{max-width:1600px;margin:0 auto;position:relative;padding:0 10px;} .nodisplay{display:none;} .fl{float:left;} .fr{float:right;} input[type="text"],input[type="tel"],input[type="email"],input[type="password"]{border:1px solid #F2E8E2;background:#fff;line-height:38px;padding:0 10px;margin:0;font-size:18px;text-align:center;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);font-family: Arial, sans-serif;border-radius:3px;} input[type="button"],input[type="submit"],button,.post-edit-link{appearance: none;border:none;-webkit-appearance: none;font-size:18px;text-align:center;padding:0 15px;line-height:40px;color:#fff;background:#FF0090;font-family: Arial, sans-serif;border-radius:3px;} input[type="button"]:hover,input[type="submit"]:hover,button:hover,.post-edit-link:hover{cursor:pointer;background:#000;color:#fff;text-decoration:none;} select{-moz-appearance: none;appearance: none;border:none;-webkit-appearance: none;} textarea{padding:0 10px;line-height:45px;-moz-appearance: none;appearance: none;border:none;-webkit-appearance: none;font-family: Arial, sans-serif;box-shadow:0px 0px 5px rgba(0, 0, 0, 0.1);border-radius:3px;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999;opacity:1;font-size:14px;text-align:center;} input::-moz-placeholder ,textarea::-moz-placeholder{color:#999;opacity:1;font-size:14px;text-align:center;} input:focus::-webkit-input-placeholder ,textarea:focus::-webkit-input-placeholder{color:transparent;} input:focus::-moz-placeholder,textarea:focus::-moz-placeholder{color:transparent;} fieldset{border:none;} #wpadminbar {z-index: 999999999999999999999;} /*preloader*/ #page-preloader {position:fixed;left:0;top:0;right:0;bottom:0;z-index:999999;background:#FFE5EE;display:flex;justify-content:center;align-items:center;} .preloader_ctr{max-width:600px;} .zoom_in_pre{animation:zoominpre 4s infinite;max-width:100%;height:auto;display:block;} .preloader_ctr p{color:#FF0C8D;font-size:40px;text-align:center;text-transform:uppercase;padding:5% 0;} @keyframes zoominpre{0%{transform:scale(0);}50%{transform:scale(1);}100%{transform:scale(0);}} .more_details{border-radius:3px;line-height:35px;display:inline-block;background:#FF0090;color:#fff;text-align:center;padding:0 10px;font-size:14px;font-weight:700;} .more_details:hover{cursor:pointer;background:#000;color:#fff;text-decoration:none;} /*form*/ .wpcf7-form input[type="text"], .wpcf7-form input[type="email"],.wpcf7-form input[type="tel"], .wpcf7-form textarea{border:1px solid #000;line-height:60px;padding:0 20px;margin:10px 0;width:100%;font-size:18px;text-align:left;font-family: 'Roboto', sans-serif;box-shadow:none;} .wpcf7-form textarea{min-height:150px;text-align:left;} .wpcf7-form input[type="submit"]{appearance: none;border:none;-webkit-appearance: none;font-size:18px;text-align:center;padding:0 15px;line-height:40px;height:40px;color:#fff;background:#FF0090;font-family: Arial, sans-serif;border-radius:3px;} .wpcf7-form input[type="submit"]:hover{cursor:pointer;background:#000;color:#fff;text-decoration:none;} .wpcf7-form p{color:#212121;} .wpcf7-checkbox label input{position: absolute;margin-left: 6px !important;right:0;width:auto;opacity:0;} .wpcf7-checkbox label span.wpcf7-list-item-label{position:relative;padding:0 0 0 60px;font-size:12px;line-height:14px;display:block;text-align:left;margin:15px 0;} .wpcf7-checkbox label span.wpcf7-list-item-label:before{content:'';position:absolute;top:0;left:0;width:40px;height:20px;border-radius:10px;background:#CDD1DA;box-shadow:inset 0 2px 3px rgba(0,0,0,.2);-webkit-box-shadow:inset 0 2px 3px rgba(0,0,0,.2);} .wpcf7-checkbox label span.wpcf7-list-item-label:after{content:'';position:absolute;top:0;left:2px;width:20px;height:20px;border-radius:10px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.3);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.3);transition:all .2s;} .wpcf7-checkbox input:checked+span.wpcf7-list-item-label:before{background:#FB4031;} .wpcf7-checkbox input:checked+span.wpcf7-list-item-label:after{left:20px;} .wpcf7-radio{position:relative;vertical-align:top;width:17px;height:17px;margin:15px 3px 15px 0;} .wpcf7-radio .wpcf7-list-item{margin:15px 10px;} .wpcf7-radio .wpcf7-list-item input{position:absolute;opacity:0;z-index:2;cursor:pointer;} .wpcf7-radio input+span.wpcf7-list-item-label{position:relative;padding:0 0 0 35px;} .wpcf7-radio input+span.wpcf7-list-item-label:before{cursor:pointer;content:'';position:absolute;top:-3px;left:0;width:22px;height:22px;border:1px solid #ccc;border-radius:50%;background:#FFF;} .wpcf7-radio input:checked+span.wpcf7-list-item-label:after{content:'';position:absolute;top:1px;left:4px;width:16px;height:16px;border-radius:50%;background:#FB4031;box-shadow:inset 0 1px 1px rgba(0,0,0,.5);opacity:1;transition:all .2s;} .check{display:inline-block;vertical-align:top;margin:0 3px 0 0;width:50px;height:20px;z-index:20;} .check:hover{cursor:pointer;} .check + label{cursor:pointer;position: relative;padding:0 0 0 60px;font-size:12px;line-height:14px;display:block;text-align:left;margin:15px 0;} .check:not(checked){position:absolute;opacity:0;} .check:not(checked) + label{position:relative;} .check:not(checked) + label:before{content: '';position:absolute;top:0;left:0;width:40px;height:20px;border-radius:10px;background: #CDD1DA;box-shadow:inset 0 2px 3px rgba(0,0,0,.2);-webkit-box-shadow:inset 0 2px 3px rgba(0,0,0,.2);} .check:not(checked) + label:after{content:'';position:absolute;top:0;left:2px;width:20px;height:20px;border-radius:10px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.3);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.3);transition: all .2s;} .check:checked + label:before{background:#FF0090;} .check:checked + label:after {left:20px;} .hrf_mtd:hover{text-decoration:none;} .hd_bg{padding-top:10px;} /*header*/ header{position:relative;width:100%;margin:0 auto;padding:0;z-index:999999;} .in_pg_h{z-index:4;} .logo{height:auto;} .logo img{max-width:100%;height:auto;vertical-align:top;} .head_all{max-width:100%;padding:50px 100px;display:flex;align-items:center;justify-content:space-between;z-index:2;} .head_idx .logo,.head_idx .logo *{z-index:2;} .head_idx{max-width:100%;padding:50px 100px;display:flex;align-items:center;justify-content:space-between;} .logo_flex{display:flex;align-items:center;justify-content:space-between;} .head_top{position:fixed;width:100%;z-index:9;left:0;top:0;} .fixed{background:#3C082C;padding:5px 100px;} .fixed .logo img{max-width:150px;height:auto;} .head_all.fixed{background:#FFE1E3;box-shadow: 0 0 15px 0 rgb(0,0,0,0.1);} @media (max-width:1700px){ .head_all.default{padding:50px 50px;} } @media (max-width:1600px){ .logo img{max-width:350px;} } @media (max-width:1500px){ .logo img{max-width:300px;} .call li:nth-child(2){display:none;} } @media (max-width:1200px){ .call{display:none;} } @media (max-width:1000px){ .head_all.default{padding:10px;} } @media (max-width:768px){ .home.head_top{position:relative;} .page-template-page_service .false_menu{display:block;} .home .false_menu{display:block;min-height: 210px;} .head_top{position:absolute;} .head_all.fixed{background:transparent;box-shadow:none;} .fixed{background:transparent;} .head_all{display:block;} } @media (max-width:500px){ .false_menu{display:none;} } .call{border-left:1px solid #eee;margin-left:15px;padding-left:15px;position:relative;z-index:2;} .call li{display:inline-block;vertical-align:top;text-align:left;line-height:25px;} .call li:nth-child(2){padding-left:15px;max-width:250px;} .call a{display:block;text-decoration:none;font-size:18px;line-height:25px;letter-spacing:-1px;color:#000;} .call a:hover{color:#FF0090;} .call li:first-child a{font-size:25px;line-height:35px;} .cnt_cll{display:block;} @media (max-width:768px){ .call{margin-left:0;padding-left:0;} .call li:nth-child(2){padding-left:0;max-width:100%;} } #line-scroll{display:block;position:absolute;left:50%;width: 50px;bottom:110px;color:#fff;z-index:2;transform:translateX(-50%);} #line-scroll.animate{opacity:1;} .line-scroll{width:2px;height:40px;left:50%;bottom:0;margin-left:-1px;overflow:hidden;margin-top:90px;display:block;} .line-scroll .line{opacity:.8;top:auto;z-index:11;display:block;position:absolute;left:50%;width:1px;height:40px;margin-left:-1px;transform:translateY(-2px);} .line-scroll .line:before{animation: liroll 2.5s ease-in-out forwards infinite;-webkit-animation:liroll 2.5s ease-in-out forwards infinite;content:'';position:absolute;width:25px;height:3px;background:#fff;right:-20px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);} .line-scroll .line:after{animation: liroll 2.5s ease-in-out forwards infinite;-webkit-animation:liroll 2.5s ease-in-out forwards infinite;content:'';position:absolute;width:25px;height:3px;background:#fff;bottom:2px;left:-20px;-webkit-transform:rotate(45deg);transform:rotate(45deg);} @keyframes liroll {0%{bottom:100%;}80% {bottom:2px;}100% {bottom:2px;}} @-webkit-keyframes liroll {0%{bottom:100%;}80% {bottom:2px;}100% {bottom:2px;}} @-webkit-keyframes line-scroll {0%{background-position: 0 -40px}80% {background-position: 0 0}100% {background-position: 0 40px}} @keyframes line-scroll {0%{background-position: 0 -40px}80% {background-position: 0 0}100% {background-position: 0 40px}} /*Pages*/ .m_pg_ser{position:relative;z-index:5;} .bg_thumb{width:100%;min-height:100vh;position:relative;} .bg_thumb:before{content:'';top:0;left:0;display:block;width:100%;height:100%;position:absolute;background:rgba(0,0,0,0.6);} .bg_thumb .wp-post-image{position:fixed;left:0;top:0;min-width:100%;min-height:100%;width: auto;max-width: none;height:auto;z-index:-1;left:50%;top:50%;transform:translate(-50%,-50%);} .galery_text{background:#fff;color:#000;} @media (max-width:768px){ .bg_thumb{min-height:80vh;} } .galery_ttl{max-width:1200px;min-height:350px;margin:0 auto;position:relative;display:flex;width:100%;z-index:1;color:#fff;align-items:flex-start;flex-direction: column;justify-content:center;} .galery_ttl h1{padding: 24px 10px 38px 10px;letter-spacing:.5px;font-size:72px;line-height:1.17;font-weight:100;} .galery_ttl p{margin-top:25px;font-size:20px;line-height:1.17;font-weight:100;} .proj_cat{font-weight:700;font-size:20px;line-height:1.17;text-transform:uppercase;} .in_pg_h .breadcrumb_sngl{padding: 10px 10px 0;} .head_slug{font-size: 25px;padding:0 10px;} .foot_slug_ctr{background:#FFE5EE;width:100%;} .foot_slug{font-size: 25px;padding:10px 10px;text-align:center;} .link_ctr_ff{text-align:center;padding:0 0 15px;} .link_book{border-radius:5px;line-height: 45px;display:inline-block;background:#FF0090;color:#fff;text-align:center;padding: 0 35px;font-size: 22px;font-weight:700;} .link_book:hover{text-decoration:none;background:#000;color:#fff;} .menu_top a.link_book{color:#fff;} .main{background:#fff;} #primary{display:block;padding:0;border:1px solid transparent;} .servgallery_wrap{background: #FF0090;} .servgallery_wrap .gallery_short{max-width: 1350px;margin: 0 auto;padding:40px 0;} .gallery_short{position:relative;margin:0 auto;} .gallery_short .owl-item{overflow: hidden;} .gallery_short a{position:relative;display: block;overflow:hidden;border-radius:15px;} .gallery_short a:hover img{transform:scale(1.1) rotate(-6deg);} .gallery_short img{margin: 25px auto;position:relative;vertical-align:top;width:100%;height:auto;display:block;transition:all .4s ease-in-out;margin:0;padding:0;border-radius:10px;box-shadow: 0 5px 15px 0 rgb(0,0,0,0.15);} .gallery_short .owl-controls{bottom:12px;position:absolute;width:100%;max-width:100%;} .gallery_short .owl-nav{display:none !important;} .gallery_short .owl-dot{display: inline-block;height:16px;width:16px;margin: 0 5px;border-radius:10px;background-color: transparent;border: 2px solid #fff;transition: background-color 0.3s ease;} .gallery_short .owl-dot.active{background: #fff;border: 2px solid #fff;} .btn_centctr {display: flex;justify-content: center;align-items: center;padding: 15px 0;flex-wrap: wrap;position: relative;} .see_more{display:none;} .forward_gallery {display: flex;flex-wrap: wrap;transition:none;} .forward_gallery *{transition:none !important;} .forward_gallery a{position: relative;display:block;overflow: hidden;border-radius:12px;aspect-ratio: 1000/ 800;} .forward_gallery a:hover img{opacity:0.8;} .forward_gallery a img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit: cover;border-radius: 24px;margin:0;padding:0;border: 10px solid transparent;} .forward_gallery a:nth-child(4n+1), .forward_gallery a:nth-child(4n+2) {width: 25%;} .forward_gallery a:nth-child(4n+3) {width: 50%;} .forward_gallery a:nth-child(4n+4) {width: 50%;} .forward_gallery a:nth-child(4n+5), .forward_gallery a:nth-child(4n+6) {width: 25%;} .forward_gallery a:nth-child(4n+7), .forward_gallery a:nth-child(4n+8){width: 50%;} .forward_gallery a:nth-child(4n+9) {width: 25%;} .forward_gallery a:nth-child(4n+10) {width: 25%;} .forward_gallery a:nth-child(4n+11) {width: 50%;} @media (max-width: 1024px) { .forward_gallery a:nth-child(4n+1), .forward_gallery a:nth-child(4n+2), .forward_gallery a:nth-child(4n+5), .forward_gallery a:nth-child(4n+6), .forward_gallery a:nth-child(4n+9), .forward_gallery a:nth-child(4n+11) {width: 50%;aspect-ratio: 475 / 475;} .forward_gallery a:nth-child(4n+3), .forward_gallery a:nth-child(4n+4), .forward_gallery a:nth-child(4n+7), .forward_gallery a:nth-child(4n+8), .forward_gallery a:nth-child(4n+10){width: 100%;} } @media (max-width:650px) { .forward_gallery a{margin:0 0 15px;} .forward_gallery a img{border-radius:12px;border:none;} .forward_gallery a:nth-child(4n+1), .forward_gallery a:nth-child(4n+2), .forward_gallery a:nth-child(4n+5), .forward_gallery a:nth-child(4n+6), .forward_gallery a:nth-child(4n+9), .forward_gallery a:nth-child(4n+11){width:100%;aspect-ratio: 924 / 475;} } /*Category*/ .ct_line{padding:15px 0 10px;} .cntct_line{padding:0;position:relative;} .bg_ct_line{color:#000;line-height:35px;font-weight:100;margin-bottom: 20px;font-size:35px;} .cat_desc{color:#777;font-weight:100;font-size:16px;line-height:20px;margin-bottom:25px;max-width:50%;} .get_cat{padding:0;position:relative;} .sub_categories li{line-height:20px;} .sub_categories a{position:relative;font-size:18px;line-height:16px;color:#FF0090;font-weight:500;padding:0 0 0 10px;} .sub_categories a:hover{color:#999;} .mn_wrp{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;} .category_listing{position:relative;width:23.5%;max-width:300px;margin:0.60%;overflow:hidden;text-align:left;} .category_listing a{display:block;} .category_listing a:hover{text-decoration:none;} .category_listing a:hover .cl_thumb:after{display:block;} .category_listing a:hover .cl_thumb_wrd{opacity:1;transition-delay:0.4s;transform:translateY(0px);} .category_listing img{vertical-align:top;} .catl_title{margin:0 0.60%;} .cl_thumb{position:relative;border-radius:5px;overflow:hidden;} .cl_thumb:after{display:none;content:'';position:absolute;bottom:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.5);} .cl_thumb_wrd{transition:all 0.2s ease-in-out;opacity:0;transform:translateY(100px);display:inline-block;font-size:20px;line-height:20px;margin-top:-10px;color:#fff;text-align:center;position:absolute;top:50%;left:0;width:100%;z-index:3;} .cl_title{padding-top:10px;font-size:22px;line-height:26px;color:#FF0090;font-weight:normal;} .cl_text{padding-top:10px;font-size:14px;line-height:22px;color:#777;} .entry-breadcrumb{padding:10px 0 0 0;font-size:12px;color:#888;margin-bottom:20px;text-transform:uppercase;} .entry-breadcrumb > div{display:inline-block;} .entry-breadcrumb a{color:#FF0090;} .breadcrumb_sngl{padding:10px 0 0;font-size:16px;color:#fff;margin-bottom:20px;text-transform:uppercase;} .breadcrumb_sngl > div{display:inline-block;} .breadcrumb_sngl a{color:#FF0090;text-shadow:0 0 5px #000;} .single_content_text{padding:0 10px;} .top_text{font-size:17px;color:#555;margin-bottom:20px;border-bottom:1px solid #ccc;} .cat_list .wp-post-image{float:left;margin:0 20px 20px 0;} .cat_list .content_tex{overflow:hidden;} .wp-post-image{max-width:100%;height:auto;display:block;margin:0 auto;} .content_block{margin-bottom:40px;position:relative;padding-bottom:5px;clear:both;color:#444;padding:0 10px;} .post_title{color:#000;text-transform:uppercase;text-decoration:none;text-align:center;font-size:35px;line-height:40px;margin:20px 0;padding-bottom:10px;} .content_text{margin:0 auto;max-width:1000px;color:#212121;position:relative;text-align:left;font-size:18px;line-height:2;} .content_text.video_sing{max-width:100%;} .content_text p{margin:15px 0;} .content_text a{text-decoration:underline;} .content_text ol {counter-reset:point;margin:15px 0 15px 0;padding:0 0 0 32px;line-height:1.6;} .content_text ol li{list-style:none;border-left: 1px solid #FF0090;position:relative;padding:0 0 25px 25px;} .content_text ol li:last-child{border-left:none;} .content_text ol > li:before {content: counter(point);color:#FF0090;border: 1px solid #FF0090;counter-increment:point 1;position: absolute;top:-3px;left:-17px;font-weight:bold;background-color: #fff;border-radius:50%;font-size:15px;line-height:30px;height:30px;width:30px;text-align:center;} .content_text ul{margin:15px 0 15px 50px;padding: 0;line-height:1.6;} .content_text ul li{list-style:none;position:relative;padding:0;} .content_text ul > li:before {border:3px solid #FF0090;content:'';display:block;top:9px;left:-25px;position:absolute;width:10px;height:10px;background:transparent;border-radius:50%;} .content_text ol{list-style:decimal;} .content_text h2{position:relative;padding:0;font-size:28px;letter-spacing:-0.8px;line-height:30px;margin:0 0 15px;} .content_text h3{font-size:19px;} .content_text h4{font-size:18px;} .content_text h5{font-size:17px;} .content_text h6{font-size:15px;} .content_text table{border:1px solid #999;border-collapse:collapse;width:100%;} .content_text th,.content_text td{padding:5px;border:1px solid #999;} .content_text th{background:#005da3;color:#fff;} .content_text tr:nth-child(2n){background:#fff;} .content_text tr:nth-child(2n+1){background:#ffffe3;} .read_link,.post-edit-link{margin:15px 0;text-decoration:none;} .post-edit-link{padding:5px 10px;} @media (max-width:768px){ .content_block {margin-bottom: 10px;} } /*pagination*/ .pagination{text-align:center;margin-bottom:25px;} .screen-reader-text{font-size:20px;line-height:40px;} .pagination .current .screen-reader-text {position: static !important;} .pagination .page-numbers{text-align:center;line-height:35px;min-width:35px;padding:0;display:inline-block;vertical-align:top;color:#555;font-weight:bold;text-decoration:none;} .pagination .page-numbers.current{text-transform:uppercase;font-size:25px;background:#eee;} .pagination .current{display:inline-block;line-height:35px;min-width:35px;} .pagination .prev,.pagination .next {background:#FB4031;text-decoration:none;color:#fff;display:inline-block;padding:0 10px;} .pagination .prev:hover,.pagination .prev:focus,.pagination .next:hover,.pagination .next:focus {background-color:#FB4031;text-decoration:none;} /*404*/ .big_err2{font-size:35px;color:#333;text-align:center;} .big_err3{font-size:20px;color:#777;letter-spacing:-1px;line-height:22px;text-align:center;} /*video_cat*/ .video_cat article{display:inline-block;width:47.5%;margin:25px 1%;} .video_cat iframe{width:100% !important;} .video_cat h2{color:#FF0090;margin:50px 0 25px;} .video_cat h3{text-align:center;color:#000;font-weight:normal;font-size:22px;} /*contacts*/ .galery_cont{background:#fff;} .contus{width:100%;padding:50px 10px;} .contus h1{text-align:center;margin-bottom:30px;font-size:50px;line-height:50px;font-weight:100;} .contus h2{font-size:40px;line-height:40px;font-weight:100;margin:30px 0 15px;} .contus .wpcf7-form textarea{max-height:200px;} .contus .big_ttl.a3 h2{text-align:center;font-size:35px;padding:35px 0 25px;font-weight:700;} .text_afth{text-align:center;margin-bottom:50px;font-size:20px;} .cont_ctr{display:flex;align-items:flex-start;justify-content:space-between;} .cont_lft,.cont_rght{max-width:50%;padding:0 5%;} .cont_rght{margin-top:50px;} .contus .c_list{border:none;} .contus .c_list li{display:block;line-height:2;} .contus .c_list a{font-size:25px;color:#000;} .contus .c_list p{font-size:20px;line-height:1.4;color:#000;} .contus .c_list li:last-child{font-size:13px;margin-top:30px;} .contus .groupinsoc{text-align:left;} .contus .groupinsoc li{margin-right:5px;margin-left:0;} .contus .groupinsoc li a{background:#000;display:flex;margin:0 auto;width:35px;height:35px;justify-content:center;align-items:center;text-align:center;border-radius:50px;} .contus h1{text-align:center;position:relative;min-height:176px;margin:0;display:flex;align-items:center;justify-content:center;overflow:hidden;} .contus h1:after{position:absolute;top:0;left:50%;transform:translateX(-50%);letter-spacing:1%;font-size:10vw;line-height:176px;white-space: nowrap;color:#E8E8E8;text-align:center;font-weight:700;z-index:-1;} .contus h1:after{content:'CONTACT \a0 US';} .map_contact_form{text-align:center;background:#F8F7FC;} .map_contact_form img{max-width:100%;height:auto;} .map_ttl{text-align: center;padding:35px 0 15px;} .map_contact_form{display: flex;justify-content: center;} .map_adress_item{width:48%;margin:1%;box-shadow:0px 5px 15px 0 rgba(0, 0, 0, 0.1);} .map_adress_item iframe{width:100%;} @media (max-width:768px){ .contus h1{min-height:0;} .contus{padding:10px;} .map_contact_form{flex-wrap: wrap;} .map_adress_item{width:98%;} } @media (max-width:450px){ .contus h1:after{display:none;} .contus h2 {font-size:25px;line-height:25px;margin:15px 0 10px;} .contus .c_list a{font-size:18px;} } .contenttext img{max-width:665px;} img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img{max-width:100%;height:auto;} .alignleft, img.alignleft{display:inline;float:left;margin-right:24px;margin-top:15px;} .alignright, img.alignright{display:inline;float:right;margin-left:24px;margin-top:15px;} .aligncenter, img.aligncenter{clear:both;display:block;margin:15px auto;} .alignnone, img.alignnone{margin:15px auto;width:auto;} img.alignleft, img.alignright, img.aligncenter{margin-bottom:15px;padding:2px;} .wp-caption{background:#f1f1f1;line-height:18px;margin-bottom:20px;max-width:632px !important;padding:4px;text-align:center;} .wp-caption img{margin:5px 5px 0;} .wp-caption p.wp-caption-text{color:#888;font-size:12px;margin:5px;} .wp-smiley{margin:0;} .gallery{margin:0 auto 18px;} .gallery .gallery-item{float:left;margin-top:0;text-align:center;width:33%;} .gallery-columns-2 .gallery-item{width:50%;} .gallery-columns-4 .gallery-item{width:25%;} .gallery img{border:2px solid #cfcfcf;} .gallery-columns-2 .attachment-medium{max-width:92%;height:auto;} .gallery-columns-4 .attachment-thumbnail{max-width:84%;height:auto;} .gallery .gallery-caption{color:#888;font-size:12px;margin:0 0 12px;} .gallery dl{margin:0;} .gallery img{border:10px solid none;} .gallery br+br{display:none;} .contenttext .attachment img{display:block;margin:0 auto;} .wp-block-image img {height:auto;} .video_sing .wp-block-embed-youtube{margin:15px;} /*price*/ .price_b_nav{display:flex;justify-content:center;align-items:stretch;width:100%;max-width:1000px;margin:0 auto;flex-wrap:wrap;} .price_b_itm{width:23%;margin:1%;min-height:60px;display:flex;justify-content:center;align-items:center;padding:10px;background:#FF0090;border-radius:3px;} .price_b_itm p{color:#fff;font-size:18px;text-align:center;line-height:1.1;font-weight: bold;} .price_b_itm:hover{background:#000;text-decoration:none;} .price_lrbg{display:flex;justify-content:center;align-items:center;width:100%;padding:35px 0;} .price_lrbg table{position:relative;background:#F4EFEF;border:none;width:100%;box-shadow: 0 0 25px 0 rgb(0,0,0,0.1);} .price_lrbg table:after{content:'';position:absolute;border:2px solid #E03A93;left:10px;right:10px;top:-20px;bottom:-20px;} .price_lrbg table tr{border:none;display: block;height:auto !important;} .price_lrbg table tr:first-child{padding-top:40px;} .price_lrbg table tr:last-child{padding-bottom:40px;} .price_lrbg table td{border:none;width:20% !important;padding:0 5%;line-height:1.1;} .price_lrbg table tr td:first-child{font-size:16px;border-right:1px solid #E03A93;width:60% !important;} .price_lrbg table tr td:nth-child(even){font-size:18px;font-weight:bold;text-align:left;min-width:130px;} .price_lrbg h3{font-size:4em;max-width:450px;line-height:1;text-align:right;} .price_lrbg:nth-child(even){background:#FFE1E3;} .price_lrbg:nth-child(odd) h3{text-align:left;} .left_prc{width:50%;display:flex;justify-content:flex-end;align-items:center;} .right_prc{display:flex;justify-content:flex-start;align-items:center;width:50%;} @media (min-width:1100px){ .price_ctr{min-width: 550px;} .price_lrbg:nth-child(even) .left_prc .price_ctr{min-width: 450px;} } @media (min-width:920px){ .price_lrbg:nth-child(even) .left_prc .price_ctr{text-align:right;padding-right: 5%;} .price_lrbg:nth-child(odd) .left_prc .price_ctr{padding-left: 5%;} .price_lrbg h3{word-spacing: 9999999px;} .price_lrbg:nth-child(odd){background: url(images/bg-block2.png) no-repeat right bottom;} .price_lrbg:nth-child(even){background:rgba(255,225,227,0.2) url(images/flwrs.png) no-repeat left bottom;} } @media (min-width:768px){ .price_lrbg:nth-child(1) .right_prc,.price_lrbg:nth-child(3) .right_prc,.price_lrbg:nth-child(5) .right_prc,.price_lrbg:nth-child(7) .right_prc,.price_lrbg:nth-child(9) .right_prc{order:0;justify-content:flex-end;} .price_lrbg:nth-child(1) .left_prc,.price_lrbg:nth-child(3) .left_prc,.price_lrbg:nth-child(5) .left_prc,.price_lrbg:nth-child(7) .left_prc,.price_lrbg:nth-child(9) .left_prc{order:1;justify-content:flex-start;} } @media (max-width:1050px){ .price_ctr{padding:25px 10px;} .price_lrbg h3{font-size:2.5em;max-width:100%;} } @media (max-width:768px){ .price_b_itm{width:48%;margin:1%;} .price_lrbg h3{margin-bottom:15px;} .price_lrbg table {padding:0;} .price_lrbg table tr td:nth-child(even){min-width:100px;} .price_lrbg{display:block;} .left_prc{width:100%;display:block;} .right_prc{width:100%;display:block;} .price_lrbg:nth-child(odd) h3,.price_lrbg h3{text-align:center;} .link_book {display:block;} } @media (max-width:450px){ .price_b_itm{width:98%;margin:1%;} } /*рекомендованные*/ .recomended{padding:50px 0;margin-bottom:35px;background:#F2E8E2;width:100%;box-shadow: 0 0 50px 0 rgba(0,0,0, 0.2);} .ttl_rec_b{font-size:30px;margin:0 0 25px;text-align:center;} .recomended a{color:#212121;} .recomended a:hover{text-decoration:none;} .recomended ul{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;} .recomended ul li{text-align:left;font-weight:normal;overflow:hidden;} .comments{font-weight:bold;margin-top:15px;font-size:35px;text-transform:uppercase;} .comments-list ul,.comments-list ol{list-style:none;} .comments-list{margin:18px 0 0;} .comments-list li{list-style:none;} .comment_block{margin:0;position:relative;overflow:hidden;} .comments-list .children{margin-left:40px;} .comments-list .children .children{margin-left:0;} .comment-author{margin:4px 0 0;font-size:11px;} .date_comments{font-size:11px;} .fn{font-weight:bold;font-size:14px;text-transform: uppercase;} .comment .avatar{float:left;margin:0;-webkit-border-radius:50px;border-radius:50px;padding:0;margin:0 10px;width:50px;height:50px;} .commentmetadata{font-size:11px;color:#FF0090;padding:3px 0 0;position:absolute;top:5px;right:10px;position:absolute;} .comment_text{margin:10px 10px 10px 0;padding:0;font-size:15px;line-height:18px;word-break:break-word;word-wrap:break-word;-webkit-font-smoothing:antialiased;} .reply{margin-bottom:10px;} .reply a{float:right;margin:0;z-index:1;position:relative;background:transparent;border:1px solid #eee;color:#000;text-decoration:none;line-height:40px;font-weight:100;padding:0 17px;font-size:15px;border-radius:50px;} .reply a:hover{background:#FF0090;color:#fff;} .comment-awaiting-verification{font-size:13px;color:#f00;margin-left:20px;} #respond{margin:15px 0 0;padding:20px 15px 25px;position:relative;} #respond input[type="text"],#respond input[type="email"],#respond textarea{text-align:left;border:none;display:block;width:100%;background:#fff;position:relative;padding:5px 2%;line-height:1.625;} #respond p.comment-form-comment label,#respond p.comment-form-email label,#respond p.comment-form-author label{color:#555;font-size:12px;padding:0;line-height:13px;} #respond p.comment-form-comment , #respond p.comment-form-email, #respond p.comment-form-author{position:relative;color:#777;font-size:12px;} #respond textarea{resize:vertical;height:100px;} .required{color:#FB4031;font-size:15px;font-weight:bold;} #respond .logged-in-as{font-size:13px;} #respond .comment-notes{font-size:11px;} #respond p{margin:10px 0;} #respond .form-submit{height:30px; position:absolute;bottom:0;} #commentform {position:relative;padding-bottom:50px;} #respond .form-submit input{margin:0;} #respond .logged-in-as{font-size:13px;color:#777;} #respond .logged-in-as a:hover,#respond #cancel-comment-reply-link:hover{text-decoration:underline;} .commentlist #respond{margin:1.625em 0 0;width:auto;} #reply-title{color:#333;font-size:18px;letter-spacing:-1px;line-height:15px;} #cancel-comment-reply-link{display:block;font-size:12px;font-weight:normal;line-height:2.2em;letter-spacing:-1px;position:absolute;right:1.625em;text-decoration:none;text-transform:uppercase;top:1.1em;} .comments-list{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;} li.comment{width:48%;margin:1%;position:relative;padding:0 30px;text-align:center;} li.comment:before,li.comment:after{font-family:serif;position:absolute;color:#FF0090;width:40px;height:40px;font-size:40px;font-weight:bold;text-align:center;line-height:60px;} li.comment:before{content: "\201C";top:0px;left:0;} li.comment:after {content:"\201d";bottom:0px;right:0;} .rew_name a,.rew_name{text-align:center;font-weight:bold;color:#000;display:block;font-size:20px;} .toog_c{display:none;transition:none;} .toog_c .comments-list{padding:25px 0;} .toog_c *{transition:none;} .rew_text{color:#777;font-size:20px;line-height:25px;} .rew_click{display:block;max-width:200px;margin:0 auto;border-radius:3px;line-height: 35px;background: #FF0090;color: #fff;text-align:center;padding: 5px 10px;font-size:18px;font-weight: 700;} .rew_click:hover{cursor:pointer;background:#000;color: #fff;text-decoration:none;} .big_ttl_pg h1{text-align:center;margin-bottom:30px;font-size:50px;line-height:50px;font-weight:100;position:relative;min-height:200px;margin:0;display:flex;align-items:center;justify-content:center;overflow:hidden;} .big_ttl_pg span{position:absolute;top:0;left:50%;transform:translateX(-50%);letter-spacing:25px;font-size:10vw;line-height:176px;white-space: nowrap;color:#E8E8E8;text-align:center;font-weight:700;z-index:-1;} @media (max-width:550px){ .big_ttl_pg h1{min-height:100px;} } @media (max-width:550px){ .big_ttl_pg{padding:0 0 25px;} .big_ttl:after,.big_ttl_pg span{display:none;} .big_ttl,.big_ttl_pg,.big_ttl_pg h1{min-height:1px;} } /*Подвал*/ footer{position:relative;color:#000;padding:25px 0;z-index:5;background: #fff;} .home footer{background:transform;z-index:0;} footer a{color:#FF0090} footer a:hover,a:focus{text-decoration:underline;} footer .groupinsoc{text-align:center;} footer .groupinsoc li svg{fill: #333;} footer .groupinsoc li:hover svg{fill: #FF0090;} footer .groupinsoc li{margin:0 5px;} .f_widget{width:22%;margin:25px 1% 0;display:inline-block;vertical-align:top;text-align:left;} .f_titlebg{margin-bottom:10px;font-size:15px;font-weight:bold;text-transform:uppercase;line-height:22px;color:#333;} .colum{text-align:center;font-size:13px;} .colum .textwidget p{font-size:13px;} .colum .textwidget b,.colum .textwidget strong{font-size:15px;text-decoration:underline;} .foot_copy{text-align:center;} .logo_f{text-align:center;filter: grayscale(1);margin:0;width:100%;opacity: 0.3;} .logo_f img{max-width:100%;height:auto;} .colum li{list-style:none;} .colum a{text-decoration:underline;font-size:15px;} .copyright,.metrika,.privacy{padding-top:15px;text-align:center;} .copyright{margin-top:25px;font-size:12px;line-height:13px;padding:0 2%;} .privacy a{text-decoration:underline;font-size:13px;line-height:35px;margin-right:15px;} .privacy{padding:0 2%;} #back-top{border:none;display:none;position:fixed;text-align:center;line-height:50px;bottom:45px;left:40px;height:50px;width:50px;padding-top:5px;background:#FF0090;z-index:100;-webkit-border-radius:50px;border-radius:50px;-webkit-box-shadow:0 0 7px 0 rgba(50, 50, 50, 0.15);box-shadow:0 0 7px 0 rgba(50, 50, 50, 0.15);} #back-top svg{fill:#fff;} #back-top:hover{cursor:pointer;animation:scalezoom 1s ease-in-out;} /*socials bottom*/ .groupinsoc{margin:10px 0;position:relative;text-align:right;} .groupinsoc li{display:inline-block;vertical-align:top;margin-left:5px;} .groupinsoc li a{color:#fff;display:block;margin:0 auto;font-size:18px;width:25px;height:25px;line-height:25px;text-align:center;transition: all 1s ease-in-out;} .groupinsoc li svg{fill:#fff;} .groupinsoc li a:hover{animation:scalezoom 1s ease-in-out;} @keyframes scalezoom{0%{transform:scale(1);opacity:1;}25%{transform:scale(1.4);opacity:1;}50%{transform:scale(1.4);opacity:0.5;}0%{transform:scale(1);opacity:1;}100%{transform:scale(1);opacity:1;}} /*share*/ .sharesoc{font-weight:bold;font-size:18px;margin:0 0 25px;} .page-template-page_service .sh_this{border-top:none;margin:0;} .page-template-page_service .ttl_rec_b{line-height:30px;margin:0;} .sh_this{margin:25px 0;padding:25px 0 0;text-align:center;border-top:1px solid #f1f1f1;} .sh_this ul{margin:0;padding:0;} .sh_this li{display:inline-block;text-align:center;margin:2px 0;} .soc_sh{display:flex;justify-content:center;align-items:center;width:40px;height:40px;line-height:40px;font-size:25px;text-decoration:none;transition:.8s;border-radius:4px;} .soc_sh:hover{cursor:pointer;color:#fff;-webkit-transform: rotate(360deg);transform: rotate(360deg);} .sh_this svg{fill:#fff;} .sh_this .fb{background:#4A6099;} .sh_this .tw{background:#31C1FE;} .sh_this .tg{background:#2A9ED5;} .sh_this .sk{background:#1AB7F1;} .sh_this .vb{background:#633294;} .sh_this .wt{background:#00C632;} .content-form {background:#FF0090;color:#fff;} /*popup*/ .gt_bg_popup{display:none;position: fixed;z-index: 999999;top: 0;right: 0;bottom: 0;left: 0;background:rgba(0,0,0,0.6);height:100%;box-sizing: border-box;overflow-x:hidden;overflow-y:auto;} .gt_popup{text-align:center;box-sizing: border-box;max-width:600px;width:95%;margin:auto;padding:0;position: relative;background:#fff;} .gt_popup .wpcf7-submit{margin:5px auto;line-height:1.8;} body .gt_popup img{padding:0;margin:0;vertical-align:top;} .modal__content{margin-top:15px;padding:25px;;} .modal__content input{box-shadow:0 0 10px 0 rgba(0,0,0,0.1);margin-bottom:10px;} .text_modal_top{margin-bottom:15px;font-size:20px;} .after_mess{display:none;} .cls_modal_ord{position:absolute;right:5px;top:5px;margin:0 auto;border-radius:50px;width:40px;height:40px;background:rgba(255,255,255,0.6);transition: all 0.8s ease-in-out;} .cls_modal_ord:hover{cursor:pointer;} .cls_modal_ord:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);} .cls_search_ll,.cls_search_lr{background:#000;top:19px;height:2px;width:30px;position:absolute;left:6px;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out;} .cls_search_ll{transform:rotate(45deg);} .cls_search_lr{transform:rotate(-45deg);} #orderdes{position:fixed;bottom: 20px;right:20px;transition:none;z-index:25;} #baguetteBox-overlay{ display:none; opacity:0; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; z-index:1000000; background-color:#222; background-color:rgba(255, 255, 255, 01); transition:opacity .5s ease; } #baguetteBox-overlay.visible{ opacity:1; } #baguetteBox-overlay .full-image{ display:inline-block; position:relative; width:100%; height:100%; text-align:center; } #baguetteBox-overlay .full-image figure{ display:inline; margin:0; height:100%; } #baguetteBox-overlay .full-image img{ display:inline-block; width:auto; height:auto; max-height:100%; max-width:100%; vertical-align:middle; -webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.6); -moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.6); box-shadow:0 0 8px rgba(0, 0, 0, 0.6); } #baguetteBox-overlay .full-image figcaption{ display:block; position:absolute; bottom:0; width:100%; text-align:center; line-height:1.8; white-space:normal; color:#000; background-color:transparent; font-family:sans-serif; } #baguetteBox-overlay .full-image:before{ content: ""; display:inline-block; height:50%; width:1px; margin-right: -1px; }#baguetteBox-slider{padding:75px 0; position:absolute; left:0; top:0; height:100%; width:100%; white-space:nowrap; -webkit-transition:left .4s ease, -webkit-transform .4s ease; transition:left .4s ease, -webkit-transform .4s ease; transition:left .4s ease, transform .4s ease; transition:left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease; } #baguetteBox-slider.bounce-from-right{ -webkit-animation:bounceFromRight .4s ease-out; animation:bounceFromRight .4s ease-out; } #baguetteBox-slider.bounce-from-left{ -webkit-animation:bounceFromLeft .4s ease-out; animation:bounceFromLeft .4s ease-out; }@-webkit-keyframes bounceFromRight{ 0%{ margin-left:0; } 50%{ margin-left: -30px; } 100%{ margin-left:0; }}@keyframes bounceFromRight{ 0%{ margin-left:0; } 50%{ margin-left: -30px; } 100%{ margin-left:0; }}@-webkit-keyframes bounceFromLeft{ 0%{ margin-left:0; } 50%{ margin-left:30px; } 100%{ margin-left:0; }}@keyframes bounceFromLeft{ 0%{ margin-left:0; } 50%{ margin-left:30px; } 100%{ margin-left:0; }} .baguetteBox-button#next-button, .baguetteBox-button#previous-button{ top:50%; top:calc(50% - 30px); width:44px; height:60px; } .baguetteBox-button{ position:absolute; cursor:pointer; outline:none; padding:0; margin:0; border:0; background-color:rgba(255,255,255,0.8); color:#000; font:1.6em sans-serif; -webkit-transition:background-color .4s ease; transition:background-color .4s ease; } .baguetteBox-button:focus, .baguetteBox-button:hover{ background-color:rgba(50, 50, 50, 0); } .baguetteBox-button#next-button{ right:2%; } .baguetteBox-button#previous-button{ left:2%; } .baguetteBox-button#close-button{ top:20px; right:2%; right:calc(2% + 6px); width:30px; height:30px;z-index:5;} .baguetteBox-button svg{ position:absolute; left:50%;transform:translate(-50%,-50%); top:50%; fill:#A2A4A6;}.baguetteBox-spinner{ width:40px; height:40px; display:inline-block; position:absolute; top:50%; left:50%; margin-top: -20px; margin-left: -20px; }.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{ width:100%; height:100%; -moz-border-radius:50%; border-radius:50%; background-color:#fff; opacity: .6; position:absolute; top:0; left:0; -webkit-animation:bounce 2s infinite ease-in-out; animation:bounce 2s infinite ease-in-out; }.baguetteBox-double-bounce2{ -webkit-animation-delay: -1s; animation-delay: -1s; }@-webkit-keyframes bounce{ 0%, 100%{ -webkit-transform:scale(0); transform:scale(0); } 50%{ -webkit-transform:scale(1); transform:scale(1); }}@keyframes bounce{ 0%, 100%{ -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0); } 50%{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); }} .fa_myIn{animation-fill-mode:both;animation:fa_myIn 1s ease-in-out;} @keyframes fa_myIn{0%{transform:translateY(200%);opacity:0;}50%{opacity:0;}100%{transform:translateY(0);opacity:1;}} @keyframes fa_myleft{0%{transform:translateX(200%);opacity:0;}50%{opacity:0;}100%{transform:translateX(0);opacity:1;}} .fadezoom{animation-fill-mode:both;animation:fadezoom 1s ease-in-out;} .fizoom{animation-fill-mode:both;animation:fizoom 1s ease-in-out;} .fadeshow{animation-fill-mode:both;animation:fadeshow 1s ease-in-out;} .fadehide{animation-fill-mode:both;animation:fadehide 1s ease-in-out;opacity:0;} @keyframes fadezoom{0%{transform:translateX(-100%);}100%{transform:translateX(0);}} @keyframes fizoom{0%{transform:translateX(100%);}100%{transform:translateX(0);}} @keyframes fadeshow{0%{opacity:0;}100%{opacity:1;}} @keyframes fadehide{0%{opacity:1;}100%{opacity:0;}} /*Callback*/ #callback{display:none;z-index:99999;position:fixed;max-width:350px;height:100%;top:0;right:0;text-align:center;background:rgba(255,255,255,0.9);overflow-x:hidden;overflow-y:auto;box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.1);} .call_cb{color:#000;text-shadow:1px 1px #fff;top:35%;width:95%;padding:2%;position:relative;text-align:center;} .ttl_mdl{text-transform:uppercase;font-size:28px;font-weight:bold;} .call_cb p{font-size:18px;line-height:20px;margin:10px 0;} .close{display:block;position:absolute;width:25px;top:0;right:0;line-height:25px;font-size:25px;font-weight:bold;cursor:pointer} .close:hover{color:#FF0090;} #callback input[type="text"],#callback input[type="tel"]{border:1px solid #eee;width:100%;background:#fff;color:#000;line-height:25px;margin-bottom:10px;padding:10px 5%;} #name_cll::-webkit-input-placeholder,#tel_cll::-webkit-input-placeholder{text-shadow:1px 1px #fff;opacity:1;color:#000;font-size:15px;text-align:center;opacity:1;} #name_cll::-moz-placeholder ,#tel_cll::-moz-placeholder{text-shadow:1px 1px #fff;opacity:1;color:#000;font-size:15px;text-align:center;opacity:1;} #name_cll:focus::-webkit-input-placeholder ,#tel_cll:focus::-webkit-input-placeholder{color:transparent;text-shadow:none;} #name_cll:focus::-moz-placeholder,#tel_cll:focus::-moz-placeholder{color:transparent;text-shadow:none;} #but_cll{padding:0 25px;color:#000;font-size:18px;width:80%;margin-top:10px;} #but_cll:hover{cursor:pointer;color:#fff;background:#777;} #but_cll:disabled{opacity:0.4;} .hr_cntr,.mn_cntr{display:inline-block;vertical-align:top;position:relative;margin:10px 0;text-align:right;padding-right:20px;} .mn_cntr{width:60px;} .hr_cntr{width:60px;} #hourcll,#hourtwcll{font-size:35px;} .inc{position:absolute;right:0;font-size:20px;} .inc:hover{cursor:pointer;} .tp_arr{top:0;} .bt_arr{bottom:0;} .dbl_cr{display:inline-block;vertical-align:top;font-size:35px;margin:10px 0;} #mss_b{display:none;font-size:25px;text-align:center;margin:25px 0;} #mask_text,#ott_time,#doo_time{display:none;} #ur_rcll,#time_rcll{width: 85%;margin-left:7%;} .che_lft{width:100%;text-align:left;} #time_sh{display:none;} #mini_bt{position:fixed;right:40px;bottom:45px;z-index:29;height:50px;width:50px;transition: all 0.8s ease-in-out;} #phmodal_bt{display:flex;justify-content:center;align-items:center;position:absolute;z-index:10;cursor:pointer;height:50px;width:50px;box-sizing:content-box;background:#FF0090;border-radius:50px;box-shadow:0 0 15px 0 rgba(50, 50, 50, 0.15);} #phmodal_bt svg{fill:#fff;animation:rotate 1.5s infinite ease-in-out;} #phmodal_bt:focus,#phmodal_bt:hover{outline:none;animation:scalezoom 1s ease-in-out;} #phmodal_bt:after{content:'';position:absolute;display:block;width:83px;height:83px;border-radius:100%;border:2px solid transparent;border-bottom:2px solid #FF0090;animation:cssload-spinR 2.3s linear infinite;} @keyframes cssload-spinR{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}} #baguetteBox-overlay{ display:none; opacity:0; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; z-index:1000000; background-color:#222; background-color:rgba(255, 255, 255, 01); transition:opacity .5s ease; } #baguetteBox-overlay.visible{ opacity:1; } #baguetteBox-overlay .full-image{ display:inline-block; position:relative; width:100%; height:100%; text-align:center; } #baguetteBox-overlay .full-image figure{ display:inline; margin:0; height:100%; } #baguetteBox-overlay .full-image img{ display:inline-block; width:auto; height:auto; max-height:100%; max-width:100%; vertical-align:middle; -webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.6); -moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.6); box-shadow:0 0 8px rgba(0, 0, 0, 0.6); } #baguetteBox-overlay .full-image figcaption{ display:block; position:absolute; bottom:0; width:100%; text-align:center; line-height:1.8; white-space:normal; color:#000; background-color:transparent; font-family:sans-serif; } #baguetteBox-overlay .full-image:before{ content: ""; display:inline-block; height:50%; width:1px; margin-right: -1px; }#baguetteBox-slider{padding:75px 0; position:absolute; left:0; top:0; height:100%; width:100%; white-space:nowrap; -webkit-transition:left .4s ease, -webkit-transform .4s ease; transition:left .4s ease, -webkit-transform .4s ease; transition:left .4s ease, transform .4s ease; transition:left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease; } #baguetteBox-slider.bounce-from-right{ -webkit-animation:bounceFromRight .4s ease-out; animation:bounceFromRight .4s ease-out; } #baguetteBox-slider.bounce-from-left{ -webkit-animation:bounceFromLeft .4s ease-out; animation:bounceFromLeft .4s ease-out; }@-webkit-keyframes bounceFromRight{ 0%{ margin-left:0; } 50%{ margin-left: -30px; } 100%{ margin-left:0; }}@keyframes bounceFromRight{ 0%{ margin-left:0; } 50%{ margin-left: -30px; } 100%{ margin-left:0; }}@-webkit-keyframes bounceFromLeft{ 0%{ margin-left:0; } 50%{ margin-left:30px; } 100%{ margin-left:0; }}@keyframes bounceFromLeft{ 0%{ margin-left:0; } 50%{ margin-left:30px; } 100%{ margin-left:0; }} .baguetteBox-button#next-button, .baguetteBox-button#previous-button{ top:50%; top:calc(50% - 30px); width:44px; height:60px; } .baguetteBox-button{ position:absolute; cursor:pointer; outline:none; padding:0; margin:0; border:0; background-color:rgba(255,255,255,0.8); color:#000; font:1.6em sans-serif; -webkit-transition:background-color .4s ease; transition:background-color .4s ease; } .baguetteBox-button:focus, .baguetteBox-button:hover{ background-color:rgba(50, 50, 50, 0); } .baguetteBox-button#next-button{ right:2%; } .baguetteBox-button#previous-button{ left:2%; } .baguetteBox-button#close-button{ top:20px; right:2%; right:calc(2% + 6px); width:30px; height:30px;z-index:5;} .baguetteBox-button svg{ position:absolute; left:50%;transform:translate(-50%,-50%); top:50%; fill:#A2A4A6;}.baguetteBox-spinner{ width:40px; height:40px; display:inline-block; position:absolute; top:50%; left:50%; margin-top: -20px; margin-left: -20px; }.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{ width:100%; height:100%; -moz-border-radius:50%; border-radius:50%; background-color:#fff; opacity: .6; position:absolute; top:0; left:0; -webkit-animation:bounce 2s infinite ease-in-out; animation:bounce 2s infinite ease-in-out; }.baguetteBox-double-bounce2{ -webkit-animation-delay: -1s; animation-delay: -1s; }@-webkit-keyframes bounce{ 0%, 100%{ -webkit-transform:scale(0); transform:scale(0); } 50%{ -webkit-transform:scale(1); transform:scale(1); }}@keyframes bounce{ 0%, 100%{ -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0); } 50%{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); }} .fa_myIn{animation-fill-mode:both;animation:fa_myIn 1s ease-in-out;} @keyframes fa_myIn{0%{transform:translateY(200%);opacity:0;}50%{opacity:0;}100%{transform:translateY(0);opacity:1;}} .fa_In{animation-fill-mode:both;animation:fadeIn 2s ease-in-out;visibility:visible !important;} @keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}} @media (min-width:900px){ /*menu*/ input[type="checkbox"]#menu-toggle,input[type="checkbox"]#menu-toggle + label{display:none;} /*menu*/ .menu_top{display:block;text-align:right;padding:10px 0;line-height:35px;position:relative;z-index:55;margin: 0;} .menu_top a{border-radius: 3px;display:block;line-height:35px;display:block;text-decoration:none;white-space:nowrap;color:#000;text-align:center;padding: 0 10px;font-size:14px;font-weight:700;} .home .menu_top a,.page-template-page_service .menu_top a{color:#fff;} .menu_top a:hover,.menu_top a:focus,.menu_top a:active{background:#FF0090;color:#fff;text-decoration:none;} .menu_top ul li{display:block;} .menu_top > ul > li.menu-item-has-children > ul{display:flex;flex-wrap:wrap;} .menu_top > ul > li.menu-item-has-children > a{position:relative;padding:0 20px 0 10px;} .menu_top > ul > li.menu-item-has-children > a:after{content: '›';font-size:24px;display: block;width:15px;height:15px;position: absolute;color:#000;right:0;top: 9px;line-height: 9px;transition: all .27s ease-in-out;transform: rotate(90deg);} .home .menu_top > ul > li.menu-item-has-children > a:after,.page-template-page_service .menu_top > ul > li.menu-item-has-children > a:after{color:#fff;} .menu_top > ul > li.menu-item-has-children > a:hover:after {transform: rotate(270deg);color:#fff;} .menu_top > ul > li{position:relative;margin: 0;} .menu_top > ul > li > ul{padding:15px 15px 0;border-radius:3px;background:#FF0090;min-width:200px;transform:scale(0);left:0;top:35px;z-index:20;position:absolute;box-shadow:0 20px 20px 0 rgba(0, 0, 0, 0.09);} .menu_top > ul > li > ul > li{display:block;border-right:none;line-height:40px;position:relative;width:100%;} .menu_top ul ul a{text-transform:none;text-align:left;font-size:14px;line-height:35px;padding:0 10px;display:block;box-shadow:none;color:#fff;} .menu_top ul ul a:hover{background:#000;text-decoration:none;border-bottom:none;} .menu_top > ul > li:hover > ul{transform:scale(1);transition:0.5s all ease-in-out;} .menu-title,.sub-but,.menu-body #searchform{display:none;} .menu-body .sub-menu:hover{overflow:visible !important;} .menu-body{display:flex;align-items:center;justify-content:center;} .s_mn{cursor:pointer;display:flex;justify-content:center;align-items:center;height:35px;padding:0 15px;} .head_idx .s_mn svg{fill:#fff;} .s_mn:hover{transition:none;background:#FF0090;border-radius:3px;} .head_all .s_mn:hover svg,.head_all .s_mn:focus svg{fill:#fff;} #mdl_search_wrap{background:rgba(255,255,255,.95);position:fixed;top:-100%;left:0;width:100%;height:100%;z-index:999999;} #mdl_search_box{margin:-30px 0 0 -25%;position:absolute;top:50%;left:50%;width:50%;} #mdl_s{border:none;box-shadow:none;background:none;border-top:0;border-left:0;border-right:0;color:#000;background:#fff;display:inline-block;vertical-align:top;font-size:18px;font-weight:300;line-height:40px;width:78%;border-radius:0;} #mdl_s:focus{outline:none;} .cls_search{position:absolute;top:60px;right:80px;width:40px;height:40px;-webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;} .cls_search:hover,.mdl_sim:hover{cursor:pointer;} .cls_search:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);} .cls_search_ll,.cls_search_lr{background: #000;top:20px;height:1px;width:40px;position:absolute;left:0;transform:rotate(0deg);transition:.25s ease-in-out;} .cls_search_ll{-webkit-transform:rotate(45deg);transform:rotate(45deg);} .cls_search_lr{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);} .mdl_sim{display:inline-block;vertical-align:top;width:18%;margin-left:1.5%;padding:15px 0;} #mdl_search_box input::-webkit-input-placeholder{color:#555;opacity:1;font-size:18px;font-weight:300;line-height:1;padding:5px 0;} #mdl_search_box input::-moz-placeholder{color:#555;opacity:1;font-size:18px;font-weight:300;line-height:1;padding:5px 0;} #mdl_search_box input:focus::-webkit-input-placeholder{color:transparent;} #mdl_search_box input:focus::-moz-placeholder{color:transparent;} .home_li{margin-right:4px;} .home_li a{display:flex;align-items:center;} .home_li svg{margin-right:10px;} .page-template-page_service .home_li svg{fill:#fff;} .home_li:hover svg{fill:#fff;} #searchform{display:none;} } @media (min-width:1200px){ #mdl_search_box{width:50%;max-width:900px;} } @media (min-width:1415px){ .menu_top > ul > li{position:relative;margin: 0 15px;} } @media (max-width:900px){ input[type="checkbox"]#menu-toggle + label{display:block;padding: 0;} #menu-toggle{opacity:0;display:none;} #menu-toggle:checked ~ .menu-btn > div{display:none;} #menu-toggle:checked ~ .menu-btn > span{transform: rotate(45deg);} #menu-toggle:checked ~ .menu-btn > span::before{top: 0;transform: rotate(0);background:#000;} #menu-toggle:checked ~ .menu-btn > span::after{top: 0;transform: rotate(90deg);background:#000;} #menu-toggle:checked ~ .menu_top{visibility: visible;right:0;} .menu-btn {right:10px;top:18px;position:fixed;transform:translateX(0);display:flex;align-items:center;width:40px;height:40px;cursor:pointer;z-index:999;} .menu-body{padding:0;} .menu-body .link_book{display:block;margin:0 auto;max-width:330px;} .menu-btn > div{position:absolute;left:-5px;top:-5px;right:-5px;bottom:9px;background:#FF0090;border-radius:4px;} .menu-btn > span, .menu-btn > span::before, .menu-btn > span::after{display: block;position:absolute;top:12px;width:100%;height:2px;background:#fff;transition-duration:.25s;} .menu-btn > span::before {content:'';top:-12px;} .menu-btn > span::after {content:'';top:12px;} .menu_top{display:block;position:fixed;visibility: hidden;text-align: center;top:0;right: -100%;width:50%;min-width:280px;height: 100%;margin: 0;padding:10px 10px 0;list-style: none;background:#FFE1E3;box-shadow:1px 0px 6px rgba(0, 0, 0, .2);transition:0.5s ease-in-out;z-index:998;overflow-x:hidden !important;overflow-y:auto!important;} .menu_top *{transition:none;} .topmenu{padding:0;} .menu-item{display:block;padding:10px;font-size:16px;text-decoration: none;color:#fff;text-align:center;} .menu-item a{color:#000;} .menu-item svg{fill:#000;} .menu_top .menu-item-has-children{position:relative;} .menu_top .sub-but{display:block;color:#fff;font-size:18px;text-align:center;line-height:45px;height:45px;width:50px;position:absolute;right:0;top:0;z-index:10;} .menu_top .sub-but svg{fill:#000;transition:.5s ease-in-out;} .menu_top .sub-but:hover{cursor:pointer;} .menu_top .menu-body .sub-menu{display:none;padding:0;width:100%;z-index:99;background: rgba(0,0,0,0.05);text-align: left;} .menu_top .menu-body .sub-menu .sub-menu{background:#FFE1E3;} .menu_top .admin-bar .sub-menu{top:32px;} .menu_top .menu-body .menu li.sub-cls{line-height:25px;padding:15px 0 15px 40px;text-align:center;font-weight:bold;} .menu_top .menu-body .menu li.sub-cls i{float:left;line-height:30px;} .rotatearr svg{transform:rotate(180deg);} /*search*/ .s_mn,.mdl_search_click{display:none;} #mdl_search_box{margin:5px 0 0;} #mdl_search_box .search_imgbg{display:none;} #mdl_search_box #mdl_s{line-height:35px;margin-bottom:10px;max-width:68%;} #sform input::-webkit-input-placeholder{text-align:center !important;} #sform input::-moz-placeholder{text-align:center !important;} #sform input:focus::-webkit-input-placeholder{color:transparent;} #sform input:focus::-moz-placeholder{color:transparent;} } .mob_book{display:none;} .mob_cll{display:none;} @media (max-width:768px){ .mob_book{display:block;position: relative;z-index: 2;margin: 10px auto 0;} .mob_cll{display:block;padding-top:35px;} .call li {display:block;} .mob_cll.call li {text-align: center;} .mob_cll.call a {color: #000;} } @media (max-width:550px){ .menu_top{width:100%;min-width:280px;} .menu-body #searchform {margin: 5px 0 10px 0%;width:100%;} .menu-body #searchform #s {margin: 0 5px 0 0;width:100%;} } @media (max-width:305px){ #mdl_search_box #mdl_s {max-width: 67%;} } /*Adapt*/ @media (max-width:1500px){ .big_ttl:after,.big_ttl_pg span{letter-spacing:0.5em;font-size:140px;} } @media (max-width:1200px){ .big_ttl:after,.big_ttl_pg span{letter-spacing:0.4em;font-size:100px;} } @media (max-width:1050px){ .head_idx{flex-direction: column;text-align:center;} .mn_wrp{justify-content:center;} .category_listing{width:48.5%;} } @media (max-width:950px){ #line-scroll{bottom: 50px;} .services_b{width:100%;} .foot_ctr{display:block;text-align:center;} .entry-breadcrumb{text-align:center;padding:0;} .ct_line{display:block;text-align:center;} .cntct_line,.get_cat{max-width:100%;} .logo_f{margin:0 auto;} .groupinsoc {text-align:center;} .colum{text-align:center;} } @media (max-width: 900px){ .head_idx,.head_idx{padding:25px 15px;} .head_idx #nav-icon span{background:#fff;} .first_cll{order:1;width:33%;position:relative;z-index:2;} } @media (max-width:768px){ .logo_flex{justify-content:center;flex-direction:column;} .call{border-left:none;} .first_cll {width:100%;} #line-scroll{display:none;} .galery_ttl {min-height:0;} .galery_ttl h1{padding:10px;letter-spacing:0;font-size:35px;} .galery_ttl p{margin-top:0;padding:10px;} .proj_cat {padding:0 10px;} .galery_ttl h1{text-align:center;} #sh_b_th {left:0;width:100%;transform:translate(0);transition:none;text-align:center;} .cat_desc {max-width:100%;} .video_cat article{display:block;width:97.5%;} .cont_ctr {display:block;} .cont_lft, .cont_rght{max-width:100%;text-align:center;} .contus .groupinsoc {text-align:center;} li.comment{width:98%;margin:1%;} footer{padding:10px 0;} .colum .f_widget{display:block;width:90%;margin: 0 5% 5%;padding: 25px 0 0;} .colum a{font-size:18px;line-height:30px;} #mini_bt{right:0;bottom:0;} #back-top{left:0;bottom:0;} .colum a{font-size:18px;line-height:30px;} .copyright{width:100%;} .metrika{text-align:center;width:100%;} .privacy a{font-size:17px;line-height:55px;} } @media (max-width:650px){ .head_all{padding:15px 10px;} .full_cont{width:100%;padding:0 10px 10px;} .groupinsoc{text-align:center;} .recomended ul li{width:95%;margin:2%;} #wpadminbar{top:-46px !important;} } @media (max-width:600px){ .galery_ttl{align-items:center;} .head_slug{text-align:center;} } @media (max-width:550px){ .category_listing{width:98.5%;} } @media (max-width:500px){ .head_all{padding:15px 10px;display:block;text-align:center;position:relative;} .adapt{text-align: center;} } @media (max-width:450px){ #b_4 h2{font-size:2rem;} h1{font-size:25px;} } @media (max-width:350px){ .colum{min-width:auto;} } /*Owl carousel*/ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:-webkit-transform .1s ease;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y} .owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)} .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%} .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out} .owl-carousel .owl-item{float:left} .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer} .owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)} .owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-carousel{touch-action: manipulation;} .owl-carousel a:active,.owl-carousel a:focus{outline:0} .owl-headnav{position:relative;} .owl-controls{position:relative;width:100%;} .owl-nav{position:relative;width:200px;height:80px;margin:0 auto;text-align: center;} .owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next{position:absolute;top:0;height:80px;width:80px;} .owl-carousel .owl-nav > div.owl-prev,.owl-carousel .owl-nav > div.owl-prev:hover{left:0px} .owl-carousel .owl-nav > div.owl-next,.owl-carousel .owl-nav > div.owl-next:hover {right:0px} .owl-carousel .owl-prev:before, .owl-carousel .owl-prev:after, .owl-carousel .owl-next:before, .owl-carousel .owl-next:after{content:'';position:absolute;width:30px;height:4px;border-radius:4px;background:#D7D7D6;clip-path: unset;} .owl-carousel .owl-prev:before{left:22px;top:28px;transform:rotate(-45deg);} .owl-carousel .owl-prev:after{bottom:28px;left:22px;transform:rotate(45deg);} .owl-carousel .owl-next:before{left:24px;top:28px;transform:rotate(45deg);} .owl-carousel .owl-next:after{bottom:28px;left:24px;transform:rotate(-45deg);} .owl-carousel .owl-prev:hover:before, .owl-carousel .owl-prev:hover:after, .owl-carousel .owl-next:hover:before, .owl-carousel .owl-next:hover:after{background:#eee;} .owl-dots{display: flex;justify-content: center;} .owl-dot{display: inline-block;height:16px;width:16px;margin: 0 5px;border-radius:10px;background-color: transparent;border: 2px solid #fff;transition: background-color 0.3s ease;} .owl-dot.active{background: #FF0090;border: 2px solid #FF0090;} @media (max-width:768px){ .owl-controls{left:10px;} } @media (max-width:500px){ .owl-controls{left:50%;transform:translate(-50%,-50%);} } /*modal*/ .modal_frms{position:fixed;left:0;right:0;top:100%;bottom:-100%;z-index:999999999;background:rgba(0,0,0, .7);display: flex;align-items: center;justify-content: center;} .modal_ctrfrm{display:block;position:relative;background:#3C082C;color:#fff;width:100%;max-width:650px;padding:40px;border-radius:20px; box-shadow: 0 0 25px 0 rgb(0,0,0,0.1);transition:.8s ease-in-out;transform: translateY(400%);max-height: 100%;overflow-y:auto!important;} .modal_ctrfrm .content_text{color:#fff;} .modalshw .modal_ctrfrm{transform: translateY(0);} .modal_ctrfrm p{font-size:18px;line-height: 1.2;} .modal_ctrfrm a{text-decoration:none;} .modal_ctrfrm a:hover{color:#fff;} .modal_adress_flex{display: flex;justify-content: center;} .modal_adress_item{position: relative;width:46%;margin:2%;text-align: center;border:2px solid #63204f;border-radius:12px;padding:15px;} .modal_adress_item::after{content:'';position: absolute;left: 0;top: 4px;width: 36px;height: 36px;z-index: -1;opacity: 0.2;filter:invert(1);background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMGMtNS41MjIgMC0xMCA0LjM5NS0xMCA5LjgxNSAwIDUuNTA1IDQuMzc1IDkuMjY4IDEwIDE0LjE4NSA1LjYyNS00LjkxNyAxMC04LjY4IDEwLTE0LjE4NSAwLTUuNDItNC40NzgtOS44MTUtMTAtOS44MTV6bTAgMThjLTQuNDE5IDAtOC0zLjU4Mi04LThzMy41ODEtOCA4LTggOCAzLjU4MiA4IDgtMy41ODEgOC04IDh6bTUtOS41ODVsLTUuNzA4IDUuNjI3LTMuNzA2LTMuNjI3IDEuNDE0LTEuNDE1IDIuMjkxIDIuMjEzIDQuMjk1LTQuMjEzIDEuNDE0IDEuNDE1eiIvPjwvc3ZnPg==") no-repeat center;background-size:100%;} .modal_adress_item .link_book{margin:10px 0 0;} .modal_adress_item h4{font-weight: 300;font-size: 28px;line-height: 1;padding: 0 0 15px;} .modal_ctrfrm::-webkit-scrollbar{width:6px;height:4px;cursor:pointer} .modal_ctrfrm::-webkit-scrollbar-track-piece{background:transparent;-webkit-border-radius:4px;} .modal_ctrfrm::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#3C082C;-webkit-border-radius:5px;cursor:pointer;outline:none;} .modal_frm_cls{position:absolute;top:6px;right:8px;width:25px;height:25px;transition: all 0.8s ease-in-out;} .modal_frm_cls:hover{cursor:pointer;transform:rotate(360deg);} .frm_cls_ll,.frm_cls_lr{background:#fff;top:12px;height:2px;width:25px;position:absolute;left:0;transform:rotate(0deg);transition:.25s ease-in-out;} .frm_cls_ll{transform:rotate(45deg);} .frm_cls_lr{transform:rotate(-45deg);} @media (max-width:768px){ .modal_ctrfrm{padding:40px 20px 20px;} .modal_adress_flex{flex-wrap: wrap;} .modal_adress_item{width:100%;margin:2% 0;} }