/* Theme Name: facenaked Theme URI: http://gnatkovsky.com.ua/ Author: Gnatkovsky Vitaliy */ /* =Reset default browser CSS. */ *{outline:none;box-sizing:border-box;} 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;font-family: Verdana, Geneva, Tahoma, sans-serif;} img{border-style:none} textarea{overflow:auto} p{margin:0;font-style:normal;} [hidden]{display:none} blockquote{position:relative;max-width:860px;padding:25px 7%;font-size:20px;margin:25px auto;border-radius: 10px;color: #000;font-family: Arial, Helvetica, sans-serif;font-style:italic;} blockquote:before,blockquote:after{font-family:serif;position:absolute;left:0;color:#000;width:100%;font-size:60px;font-weight:bold;line-height:60px;} blockquote:before{content: "\201C";top:0;text-align:left;} blockquote:after {content:"\201d";bottom:0;text-align:right;} blockquote p{font-style:italic;} ul{list-style:none;margin:0;padding:0;} a{color:#BE2947;text-decoration:none;} a:focus,a:active,a:hover{color:#000;text-decoration:underline;} html,body{height:100%;} body{font-family: Arial, Helvetica, 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;overflow-x: hidden;} @media (max-width: 768px){ body{background:#fff;} } .hidden{opacity:0;} .visible{opacity:1;} .clear{clear:both;} .overflow{overflow:hidden;} .container{max-width:1170px;margin:0 auto;position:relative;padding:0 25px;} .container_sml{max-width:900px;margin:0 auto;position:relative;padding:0 25px;} .nodisplay{display:none;} .fl{float:left;} .fr{float:right;} .btn_ctr{display:flex;justify-content:center;align-items:center;padding:35px 0 15px;flex-wrap: wrap;} .btn_ctr .btn,.btn_ctr .btn_brd{margin:5px;} .d_flex{display:flex;justify-content:space-between;flex-wrap:wrap;} .left_sd,.right_sd{width:50%;padding:25px;} @media (max-width:768px){ .left_sd, .right_sd {width:100%;padding:25px 0;} .container{padding:0 10px;} } @media (max-width:470px){ .btn_ctr{flex-direction: column;} } .ix_ttl{position:relative;font-size:38px;font-weight:400;line-height:1;padding-bottom:10px;margin-bottom:25px;font-family: Verdana, Geneva, Tahoma, sans-serif;} .ix_ttl::after{content:'';position: absolute;bottom: 0;left: 0;width:100px;height:3px;border-radius:5px;background:#B3B7C3;} @media(max-width:768px){ .ix_ttl{text-align: center;font-size:28px;} .ix_ttl::after{left: 50%;transform: translateX(-50%);} } /*WP Forms*/ .wpforms-hidden{display:none;} .hidefield{display:none !important;} .wpforms-container{color:#212121;} .wpforms-required-label{color:#FF2C16;} .wpforms-submit-container{margin:10px 0;} .wpforms-container {height: 100%;display: flex;align-items: center;} .wpforms-confirmation-container {font-size: 18px;text-align: center;height: 100%;display: flex;align-items: center;} .wpforms-confirmation-container p{margin:0;} .wpforms-field-row-block{position:relative;padding:15px 0 0;} .wpforms-field-row-block label{position: absolute;left:0;top:0;} legend.wpforms-field-label {font-size: 19px;padding: 0 0 5px 0;} .wpforms-field-limit-text{display:none;} /*modal*/ .modal_frms{position:fixed;left:0;right:0;top:100%;bottom:-100%;z-index:999;background:rgba(255,255,255, .6);display: flex;align-items: center;justify-content: center;} .modal_ctrfrm{display: flex;justify-content: center;position:relative;background:#F6A2BC;width:100%;max-width:900px;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;} .modalshw .modal_ctrfrm{transform: translateY(0);} .modal_frm_lft{width:50%;padding:0;display: flex;justify-content: center;flex-direction: column;} .frm_ttl{padding-bottom:10px;font-size:20px;line-height: 1;} .modal_frm_lft p{padding-bottom:15px;} .modal_frm_lft a,.modal_frm_lft a.office-card-map{color:#fff;} .modal_frm_lft a:hover,.modal_frm_lft a.office-card-map:hover{color:#A94CAF;} .modal_frm_tel{font-size:40px;;line-height: 1;} .modal_frm_rght{width:50%;padding:45px 25px 25px;} .modal_frms input[type="text"],.modal_frms input[type="email"],.modal_frms input[type="number"],.modal_frms input[type="url"],.modal_frms input[type="search"],.modal_frms input[type="tel"],.modal_frms input[type="password"],.modal_frms input[type="date"],.modal_frms input[type="color"],select{color:#fff;border-bottom:2px solid #fff;} .modal_frms option{color:#000;} .modal_frms textarea, .modal_frms select{border-bottom:2px solid #fff;} .modal_frms select, .modal_frms textarea, .modal_frms label{color:#fff;} .modal_frms .wpforms-confirmation-container {color:#fff;} .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:#000;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{display: block;max-width:450px;} .modal_frm_lft{display: none;} .modal_frm_rght{width:100%;padding:45px 10px 10px;} .modal_frm_rght form{width:100%;} .frm_cls_ll, .frm_cls_lr {background: #fff;} } input[type="submit"],button,.btn, .btn_prnt a{-webkit-appearance: none; box-sizing:border-box;padding:10px 15px; color:#fff;border:2px solid #BE2947;background:#BE2947;font-size:18px;line-height:1;font-weight:bold;text-decoration:none;letter-spacing:1px;border-radius:50px; box-shadow:none; transition:all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);height:auto;text-align:center;} input[type="submit"]:hover,input[type="submit"]:focus,button:hover,button:focus,input[type="submit"]:hover,input[type="submit"]:focus,.btn:hover,.btn:focus{background:transparent;border:2px solid #B3B7C3;background:#B3B7C3; color:#fff; text-decoration:none;outline:none;box-shadow:none;cursor:pointer;} input[type="submit"]:active{ cursor:pointer !important; outline:none !important} input[type="text"],input[type="email"],input[type="number"],input[type="url"],input[type="search"],input[type="tel"],input[type="password"],input[type="date"],input[type="color"],select{-webkit-appearance: none;display:inline-block;line-height:1;vertical-align:middle;font-size:14px;font-weight:400;color:#212121;border: none;border-bottom: 2px solid #B3B7C3;padding:10px;width:100%;border-radius:0;box-shadow:none;box-sizing:border-box;transition:all 0.2s;margin-bottom:10px;background:transparent;} select{font-size:18px} select[multiple]{ height:auto} input[type="text"]:hover,input[type="email"]:hover,input[type="number"]:hover,input[type="url"]:hover,input[type="search"]:hover,input[type="tel"]:hover,input[type="password"]:hover,input[type="date"]:hover,input[type="color"]:hover, input[type="text"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="color"]:focus{border-color:#BE2947;outline:none} textarea{background:transparent;font-size:18px;font-weight:400;color:#212121;border:none;border-bottom:2px solid #B3B7C3;outline:none; width:100%;box-shadow:none; border-radius:0;min-height:80px} textarea:hover,textarea:focus{border-color:#BE2947; outline:none} label{font-weight:500;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999;font-weight:200;opacity:1;font-size:14px;text-align:left;} input::-moz-placeholder ,textarea::-moz-placeholder{color:#999;font-weight:200;opacity:1;font-size:14px;text-align:left;} input:focus::-webkit-input-placeholder ,textarea:focus::-webkit-input-placeholder{color:transparent;} input:focus::-moz-placeholder,textarea:focus::-moz-placeholder{color:transparent;} /*scrollbar*/ ::-webkit-scrollbar{width:6px;height:5px;cursor:pointer} ::-webkit-scrollbar-track-piece{background:#eee;-webkit-border-radius:3px} ::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#B3B7C3;-webkit-border-radius:3px;cursor:pointer;outline:none;} ::-webkit-scrollbar-thumb:horizontal{width:10px;background-color:#B3B7C3;-webkit-border-radius:3px;cursor:pointer;outline:none;} /*selection*/ *{ -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; } fieldset{border:none;} #wpadminbar {z-index: 999999999999999999999;} @media (max-width:650px){ #wpadminbar{top:-46px !important;} } .btn, a.wp-element-button{display:inline-block;background:#BE2947;font-size:18px;line-height: 1.1;padding: 18px 50px;font-weight:bold;text-transform:uppercase;cursor: pointer;text-align: center;color:#fff;position: relative;border: 0;border-radius:50px;text-decoration:none !important;} .btn:hover,.btn:focus,.btn:active, a.wp-element-button:hover, a.wp-element-button:focus{text-decoration:none;color:#fff;background:#212121;box-shadow: 0 0 25px 0 #B3B7C3;text-decoration:none;animation:scalezoom 0.5s ease-in-out;} .btn_brd{display:inline-block;background:transparent;font-size:18px;line-height: 1.1;border:2px solid #BE2947;padding:14px 30px;color:#212121;text-transform:none;font-weight:500;cursor:pointer;text-align:center;position:relative;border-radius:50px;} .btn_brd:hover,.btn_brd:focus{border:2px solid #BE2947;background:#BE2947;color:#fff;box-shadow: 0 0 25px 0 #B3B7C3;text-decoration:none !important;animation:scalezoom 0.5s ease-in-out;} .btn_brd.brd_sm{padding:8px 30px;} /*universal*/ .square_head{padding:0 50px 50px 50px;position:relative;} .square_pdng{padding:50px;position:relative;} .square_ctr{position:relative;width: 100%;box-shadow:0 0 25px 0 rgba(0,0,0,0.07);background:#fff;border-radius:15px;overflow:hidden;} .left_side,.right_side{width:50%;} .dflex{display:flex;flex-wrap: wrap;} .sml_ctr{max-width:1000px;margin:0 auto;position:relative;padding:25px;} @media screen and (max-width:768px) { .left_side,.right_side{width:100%;} .square_head{padding:0 25px 25px 25px;} .square_pdng{padding:25px;position:relat} .sml_ctr{padding:10px 25px;} } @media (max-width:768px){ .desc_b{display:none !important;} } /*b_cst*/ .more_details{color:#fff;padding:0;} .more_details .container{padding:25px;display:flex;align-items: center;justify-content:center;flex-wrap:wrap;background:#212121;border-radius:15px;box-shadow: 0 10px 25px rgb(0 0 0 / 10%);} .more_details h3{font-size:20px;line-height:1.1;max-width:400px;padding-right:15px;} .more_details .btn:hover{background:#F0ECEE;color:#000;} @media screen and (max-width:768px) { .more_details{margin:0 25px;} .more_details h3{font-size:18px;max-width:100%;width:100%;padding-right:0;display:block;text-align:center;} } /*header*/ header{position:relative;width:100%;padding:10px;} .header_wrap{position:relative;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content: space-around;} .home .header_wrap{justify-content: flex-start;} .header_wrap .btn_brd{padding:10px 30px;} .home header{position:absolute;z-index:5;} .logo{background:url(../img/logo.webp) no-repeat center;background-size:cover;width:200px;height:179px;} .logo_sm{background:url(../img/logo.webp) no-repeat center;background-size:cover;width:112px;height:100px;} .logo span,.logo_sm span{display:none;} .home .logo:hover{animation:none;} .logo:hover{animation:scalezoom 1s ease-in-out;} @media (max-width:768px){ .header_wrap,.home .header_wrap{justify-content: center;} .logo{text-align:center;width:120px;height:105px;} } .menu_top_title{text-align: left;color:#000;font-weight:300;font-size:30px;margin-bottom:20px;text-transform: uppercase;} .head_top_line .groupinsoc{margin:0 0 25px;text-align:left;padding:0;} .head_top_line .groupinsoc a{display:flex;align-items:center;justify-content:center;width:35px;height:35px;transition: all 1s ease-in-out;border-radius:5px;} .head_top_line .groupinsoc li a:hover{animation:scalezoom 1s ease-in-out;} .head_top_line .groupinsoc a svg{fill:#fff;} .menu_ct .menu_contact{text-align: left;margin:0 0 10px;} .menu_sides .left_side svg{fill:#212121;margin-right: 10px;} .mail_line{margin-bottom:10px;display:flex;align-items: center;} .adress_line{margin-bottom:25px;display:flex;align-items: center;} .adress_line a{color:#000;text-decoration:none;} .adress_line a p{font-weight:bold;} .adress_line a p:hover{text-decoration:underline;} @media (max-width:768px){ .adress_line{margin-bottom:10px;} } .work_time{display:flex;position:relative;margin-bottom:10px;} .tel_line{margin-bottom:0;display:flex;position:relative;} .tel_line a{position:relative;display:block;line-height:1.1;display:block;text-decoration:none;color:#000;font-size:20px;margin-bottom:10px;} .tel_line a:hover{text-decoration:none;color:#B3B7C3;} .menu-desct{display:none;} @media (min-width:900px){ /*menu*/ input[type="checkbox"]#menu-toggle,input[type="checkbox"]#menu-toggle + label{display:none;} /*menu*/ .menu-desct{display:flex;} .menu-desct a{position:relative;line-height:35px;display:block;text-decoration:none;color:#000;font-weight:400;text-align:center;padding: 0 10px;font-size:17px;} .menu-desct a:before{content:'';position:absolute;bottom:0;height:3px;width:0;background:#B3B7C3;left:0;transition: all .5s ease-in-out;} .menu-desct a:hover,.menu-desct a:focus,.menu-desct a:active{color:#B3B7C3;text-decoration:none;} .menu-desct a:hover:before,.menu-desct a:focus:before,.menu-desct a:active:before{width:100%;} .menu-desct .menu_btn{text-decoration:none;color:#000 !important;} .menu-desct .menu_btn:before{display:none;} .home .menu-desct a{color:#000;} .home .home_li svg{fill:#000;} .menu-desct > li{margin: 0 10px;} .menu-desct li{display:block;position:relative;} .menu-desct > li.menu-item-has-children > ul{display:flex;flex-wrap:wrap;} .menu-desct > li.menu-item-has-children > a{position:relative;padding:0 20px 0 10px;} .menu-desct > li.menu-item-has-children > a:after{content: '›';font-size:24px;display: block;width:15px;height:15px;position: absolute;right:0;top: 9px;line-height: 9px;transition: all .27s ease-in-out;transform: rotate(90deg);} .menu-desct > li.menu-item-has-children > a:hover:after {transform: rotate(270deg);} .home .menu-desct > li.menu-item-has-children > a:after{color:#000;} .menu-desct li ul{padding:0;border-radius:6px;background:#f9f9f9;min-width:260px;transform:scale(0);left:0;top:35px;z-index:20;position:absolute;box-shadow:0 20px 20px 0 rgba(0, 0, 0, 0.09);transition:0.5s all ease-in-out;} .menu-desct li ul {padding:0;border-radius:6px;background:#f9f9f9;min-width:260px;transform:scale(0);left:0;top:35px;z-index:20;position:absolute;box-shadow:0 20px 20px 0 rgba(0, 0, 0, 0.09);transition:0.5s all ease-in-out;} .menu-desct > li > ul > li{display:block;border-right:none;width:100%;} .menu-desct ul > li:first-child > a{border-radius:6px 6px 0 0;} .menu-desct ul > li:last-of-type > a{border-radius:0 0 6px 6px;} .menu-desct ul a:before{display:none;} .menu-desct ul a{text-transform:none;text-align:left;font-size:16px;line-height:1.1;padding:10px;display:block;box-shadow:none;position:relative;} .home .menu-desct ul a{color:#000;} .menu-desct ul a:hover{text-decoration:none;border-bottom:none;background:#B3B7C3;color:#fff;} .menu-desct li:hover > ul{transform:scale(1);} .home_li{margin-right:4px;} .home_li a{display:flex;align-items:center;} .home_li svg{margin-right:10px;} .home_li:hover svg{fill:#B3B7C3;} .menu-desct ul{transform:scale(0) translateY(100%);border-radius:5px;background:#fff;min-width:280px;max-width:300px;left:0;top:40px;z-index:20;position:absolute;box-shadow:0 20px 20px 0 rgba(0, 0, 0, 0.15);} .menu-desct ul ul{left:100%;top:0;transform:scale(0) translateY(100%);visibility: hidden;} .menu-desct > li:hover > .sub-menu, .menu-desct > li > ul > li:hover > .sub-menu{transform:scale(1) translateY(0);transition:0.5s all ease-in-out;} .menu-desct > li > ul > li:hover > .sub-menu{visibility: visible;} } .menu-btn.hidd{right:-50px;transition: .6s ease-in-out;} .menu-btn.showd{right:25px;transition: .6s ease-in-out;} 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-btn{right:30px !important;} #menu-toggle:checked ~ .menu_top{visibility: visible;right:15px;left:15px;} .menu-btn{top:50px;position:fixed;transform:translateX(0);display:flex;align-items:center;width:36px;height:36px;cursor:pointer;z-index:999;} .menu-body{padding:0;} .menu-btn > div{position:absolute;left:-7px;top:-3px;width:50px;height:50px;background:#BE2947;border-radius:50px;} .menu-btn:hover > div{background:#212121;} .menu-btn > span, .menu-btn > span::before, .menu-btn > span::after{display: block;position:absolute;top:22px;width:100%;height:3px;border-radius:5px;background:#fff;transition-duration:.25s;} .menu-btn > span::before {content:'';top:-10px;} .menu-btn > span::after {content:'';top:10px;} .menu_top{display:flex;justify-content:center;align-items:center;position:fixed;visibility: hidden;top:15px;left:200%;right: -100%;bottom:15px;border-radius:15px;margin: 0;padding:0;background:url(../img/topback.webp) no-repeat left bottom,linear-gradient(135deg, #f2f2f2 35%,#f4f4f4 100%);background-size: cover; box-shadow:0 15px 55px 0 rgba(0, 0, 0, .15);transition:0.5s ease-in-out;z-index:998;} .menu_top:before{content:'';position: absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(135deg, #f8f8f8 35%,#eee 100%);opacity:0.6;} .menu_sides{display:flex;justify-content:space-between;position:relative;max-width:800px;max-height:100%;padding:25px 40px;overflow-x:hidden !important;overflow-y:auto!important;} .menu_sides .left_side, .menu_sides .right_side {width:48%;min-width: 300px;margin: 1%;} .menu_top *{transition:none;} .menu_top 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:5px;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;text-align: left;padding: 20px 0 0;} .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);} .menu_top .menu-item{display:block;padding:10px;font-size:25px;line-height:1;text-decoration: none;color:#000;text-align: left;} .menu_top .menu-item a{color:#000;text-decoration:none;transition:0.5s ease-in-out;} .menu_top .menu-item a:hover{color:#B3B7C3;text-decoration:underline;} .menu_top .menu-item svg{fill:#000;} .menu_top .menu-item:hover svg{fill: #B3B7C3;} .menu_top .menu_btn{display:block;margin-bottom:10px;padding: 10px;} @media (max-width:768px){ .menu-btn{top:10px;} .menu-btn.showd{right:10px;} #menu-toggle:checked ~ .menu-btn{right:10px !important;} .menu_sides{display:block;padding:25px;} .menu_sides .left_side, .menu_sides .right_side{width:100%;} } @media (max-width:550px){ #menu-toggle:checked ~ .menu_top{min-width:280px;} } .call{display:block;} .cnt_cll{display:block;font-size:35px;line-height:1;text-decoration: none;color:#000;} .cnt_adr{display:block;font-size:20px;line-height:1.2;text-decoration: none;color:#000;} @media (max-width:768px){ .call{padding-right:0;} } @media (max-width:550px){ .menu-body #searchform {margin: 5px 0 10px 0%;width:100%;} .menu-body #searchform #s {margin: 0 5px 0 0;width:100%;} } #sform {display: flex;justify-content:center;align-items:center;} .s_mn{cursor:pointer;display:flex;justify-content:center;align-items:center;height:40px;padding:0 35px 0 10px;} .s_mn:hover{animation: scalezoom 0.5s ease-in-out;} #mdl_search_wrap{background:linear-gradient(135deg, #ffdfe9 35%,#ffcbdc 100%);transition: 1s linear;display:flex;max-width:100%; position:fixed;top:15px;bottom:15px;left:200%;right:-200%;z-index:999;border-radius:15px; align-items:center;justify-content:center;box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15);} #mdl_search_box{} .search_wrap_bg{display:flex;align-items:center;justify-content:center;} .search_wrap_bg .logo_sm{margin-right:15px;} #mdl_s{box-shadow:none;margin: 0;border-top:0;border-left:0;border-right:0;border-bottom:2px solid #B3B7C3;color:#000;background:transparent;display:inline-block;vertical-align:top;font-size:18px;width:auto;border-radius:0;} #mdl_s:focus{outline:none;} .search_box_ctr{position:relative;display:flex;justify-content:center;align-items:center;} .search_box_ctr img{margin-right:4vw;width:10vw;height: auto;} .mdl_sim{display:inline-block;vertical-align:top;padding:15px 0;} #mdl_search_box input::-webkit-input-placeholder{opacity:1;color:#000;font-size:16px;line-height:1;padding:5px 0;} #mdl_search_box input::-moz-placeholder{opacity:1;color:#000;font-size:16px;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;} @media (max-width:780px){ .search_box_ctr img{display: none;} } @media (max-width:550px){ #mdl_search_box{width:100%;} .search_wrap_bg{background: none;display: none;} } .home_li a{display:flex;align-items:center;} .home_li svg{margin-right:10px;} /*Ajax Search*/ #mdl_search_box .ajaxsearch{max-height:500px;} .ajaxsearch{position:relative;padding:20px 20px 10px 20px;display:none;overflow-x:hidden;overflow-y:auto;} .search_item{display:flex;white-space:normal;text-align:left;background:transparent;color:#000;overflow:hidden;margin-bottom:10px;border-radius:10px;} .search_item:hover{background: #FFCBDC;} .search_item img{max-width:100px;height:auto;margin-right:5px;background:#fff;border-radius:5px;margin: 0 10px 0 0;} .search_item div{max-width:100%;} .search_item h3{line-height:1.1;font-size:18px;font-weight: 500;} .search_spin{display:none;} .search_item_err{text-align:center;} .falsesearch{position: relative;display:none;max-width:180px;cursor:pointer;text-align:center;font-size:15px;color: #fff;background:#B3B7C3;font-size: 16px;font-weight:bold;margin:0 auto 10px;border-radius:50px;padding: 0 15px;line-height:38px;font-size:14px;} .falsesearch:hover{text-decoration:none;background:#212121;} @media (max-width:1300px){ .search_item{width:100%;display:block;} } @media (max-width:768px){ .ajaxsearch,#circularG,.falsesearch{display:none !important;transform:scale(0);visibility:hidden;} } @media (max-width:480px){ .search_item img,.search_item p {display:none;} } .cls_search{position:absolute;top:20px;right:20px;width:40px;height:40px;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: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);} #line-scroll{display:block;position:absolute;left:50%;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}} .main{background:#fff;} #primary{margin:0 auto;max-width:1000px;display:block;padding:0 10px;border:1px solid transparent;background:rgba(255,255,255,0.6);box-shadow: 0 0 10px 0 rgb(255 255 255);} .video_ctrn{text-align:center;cursor:pointer;width:100%;max-width:510px;height:285px;margin:0;position:relative;overflow:hidden;border-radius:15px;transform:rotate(-3deg);border: 5px solid #fff;} .video_ctrn:before{z-index:1;opacity:1;transition:opacity 1s ease;position:absolute;content:'';left:0;right:0;top:0;bottom:0;background-image:linear-gradient(0deg, rgb(48 48 48 / 65%) 0%,rgba(130,209,212,0) 100%);} .play{z-index:1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50px;background:linear-gradient(to bottom, #9598a1 0%,#B3B7C3 100%);box-shadow:0 0 15px 0 rgba(0,0,0,0.2);} .play:hover{background: linear-gradient(to bottom, #B3B7C3 0%,#9598a1 100%);box-shadow:0 0 15px 0 rgba(0,0,0,0.2);} .play:before{content:'';z-index:2;position:absolute;left:50%;top:50%;transform:translate(-20%,-50%);width:0;height:0;border:13px solid transparent;border-left:20px solid #fff;} .video_ctrn{box-shadow:0 0 30px 0 rgba(0,0,0,0.15);} .video_ctrn img{width:100%;height:auto;vertical-align:top;position:absolute;top:50%;left:0;transform:translate(0,-50%);} .modal_video{position:absolute;left:0;top:-100%;right:0;height:100%;width: 100%;z-index:3;background:rgba(0,0,0,0.7);} .modal_video iframe{width:100%; height:285px;} .after_vid{max-width:800px;margin:0 auto;font-size:18px;} @media (max-width:920px){ .video_ctrn{height:226px;} } @media (max-width:768px){ .video_ctrn{height:260px;} .modal_video iframe {height:260px;} } @media (max-width:450px){ .video_ctrn{height:210px;} .modal_video iframe {height:210px;} } /*Category*/ .ct_line{padding:15px 0 10px;} .cntct_line{padding:0;position:relative;} .big_ttl h1{text-align:center;margin-bottom:30px;font-size:50px;line-height:1.1;text-transform: capitalize; text-align:center;position:relative;min-height:176px;margin:0;display:flex;align-items:center;justify-content:center;overflow:hidden;} .big_ttl_after{position:relative;overflow: hidden;} .big_ttl_after span{color:#eee;position:absolute;top: 50%;left:52%;text-transform:uppercase;transform: translate(-50%,-50%);letter-spacing:0.2em;font-size:10vw;line-height:176px;white-space: nowrap;text-align:center;font-weight:700;z-index: -1;} @media (max-width:768px){ .big_ttl h1{min-height:1px;font-size:36px;} .big_ttl_after span{line-height:45px;} } .category_description{padding:50px 0;background:url(../img/infbg.webp) no-repeat left top,linear-gradient(135deg, #f2f2f2 35%,#f4f4f4 100%);display: flex;justify-content: center;} .cat_des_wrap{display: flex;justify-content: center;align-items: center; max-width:1170px;} .cat_des_wrap .lftside{margin:0;max-width:48%;padding:0;margin-right:2%;} .cat_des_wrap .cat_desc{padding:0;} .cat_des_wrap .cat_desc h2,.cat_des_wrap .cat_desc h3{padding: 0 0 10px;} .cat_video{max-width:550;width:48%;margin-left:2%;} .cat_desc{font-size: 20px;line-height: 1.3;margin:0 auto;max-width:1170px;padding:40px 25px;} .get_cat{padding:0;position:relative;} .sub_categories li{line-height:20px;} .sub_categories a{position:relative;font-size:18px;line-height:16px;color:#B3B7C3;font-weight:500;padding:0 0 0 10px;} .sub_categories a:hover{color:#999;} @media (max-width:768px){ .cat_des_wrap{display: block;padding:0 10px;} .cat_des_wrap .lftside{max-width:100%;margin-right:0%;} .cat_desc{font-size:18px;padding:25px 10px;} .cat_video{width:100%;margin-left:0%;margin: 0 auto;} .category_description{padding:0 0 10px;} } @media (max-width:1050px){ .mn_wrp{justify-content:center;} .category_listing{width:48.5%;} } @media (max-width:950px){ .ct_line{display:block;text-align:center;} .cntct_line,.get_cat{max-width:100%;} } @media (max-width:768px){ .cat_desc{max-width:100%;} } @media (max-width:550px){ .category_listing{width:100%;margin:2% 0;padding: 10px 5px 75px 5px;} } /*Reviews*/ #gresp{padding:50px 0;background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 32%,rgba(255,255,255,0) 66%,rgba(255,255,255,1) 100%);} @media (max-width:768px){ #gresp{padding:0;} } /*Breadcrumb*/ .entry-breadcrumb{font-size:16px;line-height:1.2;font-weight:400;margin-bottom: 15px;text-align: center;} .entry-breadcrumb > div{display:inline-block;} .entry-breadcrumb a{color:#BE2947;} @media (max-width:950px){ .entry-breadcrumb{text-align:center;padding:0;} } .circle_thumb img{border-radius:200px;overflow:hidden;border: 5px solid #fff;box-shadow:0 5px 25px 0 rgba(0,0,0,0.15);transition:0.5s ease-in-out;} .rghside{text-align:center;max-width:500px;padding-left:15px;} .rghside h1{font-size:32px;line-height:1.1;} .rghside .entry-breadcrumb{padding:25px 10px;} @media (max-width:768px){ .rghside{padding-left:0;} .rghside h1{font-size:28px;} } .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;} .post_title{color:#000;text-transform:uppercase;text-decoration:none;text-align:center;font-size:35px;line-height:1.1;margin:20px 0;padding-bottom:10px;} .content_text{color:#212121;position:relative;text-align:left;font-size:18px;line-height:1.4;} .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;position:relative;padding:0 0 0 25px;margin:0 0 25px 0;} .content_text ol > li:before{content: counter(point);color:#fff;counter-increment:point 1;position: absolute;top:50%;transform:translateY(-50%);left:-17px;font-weight:bold;background:#212121;border-radius:50%;font-size:18px;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 #B3B7C3;content:'';display:block;top:50%;transform:translateY(-50%);left:-25px;position:absolute;width:6px;height:6px;background:transparent;border-radius:50%;} .content_text ol{list-style:decimal;} .content_text ul.blocks-gallery-grid > li:before {display:none;} .content_text h2{position:relative;padding:25px 0 30px;font-size:32px;letter-spacing:-0.8px;line-height:1.2;margin:0;} .content_text h3{font-size:24px;} .content_text h4{font-size:18px;} .content_text h5{font-size:17px;} .content_text h6{font-size:15px;} .content_text table{border:2px solid #fff;border-collapse:collapse;width:100% !important;} .content_text th,.content_text td{padding:5px;border:2px solid #fff;} .content_text th{background:#720109;color:#fff;} .content_text tr:nth-child(2n){background:#fff;} .content_text tr:nth-child(2n+1){background:#f1f1f1;} .content_text video,.content_text iframe{max-width:100%;border-radius:10px;border: 5px solid #fff;transform:rotate(-3deg);box-shadow:0 5px 25px 0 rgba(0,0,0,0.15);max-height: 400px;width: auto;} .content_text figure a img{border-radius:10px;border: 5px solid #fff;box-shadow:0 5px 25px 0 rgba(0,0,0,0.15);transition:0.5s ease-in-out;} .content_text figure a img:hover{transform: scale(1.05);} .read_link,.post-edit-link{margin:15px 0;text-decoration:none;} .post-edit-link{padding:5px 10px;} @media screen and (max-width: 600px){ .post_title{font-size:22px;} .content_text h2{font-size:26px;} } /*pagination*/ .pagination{text-align:center;margin-bottom:25px;} .screen-reader-text{display:none;} .nav-links{display:flex;justify-content: center;align-items: center;} .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;border-radius:50px;} .pagination .prev,.pagination .next {border-radius:50px;background:#B3B7C3;text-decoration:none;color:#fff;display:inline-block;padding:0 15px;} .pagination .prev:hover,.pagination .prev:focus,.pagination .next:hover,.pagination .next:focus {background:#212121;border-radius:50px;text-decoration:none;} .link_pages{padding:25px 10px; display:flex;justify-content: center;align-items: center;} .link_pages .post-page-numbers{text-align:center;line-height:35px;min-width:35px;padding:0;margin:0 5px; display:inline-block;vertical-align:top;color:#555;font-weight:bold;text-decoration:none;} .link_pages .post-page-numbers.current{text-transform:uppercase;font-size:25px;background:#eee;border-radius:50px;} .link_pages .post-page-numbers:focus, .link_pages .post-page-numbers:hover{background:#B3B7C3;color:#fff;border-radius:50px;text-decoration:none;} /*404*/ .error_pg{padding:50px 0;font-size:30px;display:flex;align-items:center;justify-content:center;} .error_item{text-align:center;padding:0 10px;} .error_item h1{font-size:2vw;font-weight:400;} .big_num_err{display:flex;align-items:center;justify-content:center;} .big_num_err span{font-size:200px;line-height:1;font-weight:500;color:#B3B7C3;padding:15px 0;} .err_text{padding:25px 0;font-size:25px;} .err_bk{padding-bottom:50px;} @media(max-width:1200px){ .error_item h1{font-size:3vw;} } @media(max-width:550px){ .error_pg{padding:10px 0;} .error_item h1{font-size:6vw;} .big_num_err span{font-size:100px;} } .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;} /*Services categories list*/ .setka_services{display:flex;flex-wrap:wrap;} .catservices{position:relative;max-width:330px;background:#FEFEFF;width:29%;margin:2%;color:#000;text-decoration:none;padding:15px 15px 75px 15px;border: 2px solid #fff;box-shadow:0 0 50px 0 rgba(0,0,0,0.1);border-radius:25px;} .catservices:hover{text-decoration:none;background:#fff;} .catservices h3{font-size:25px;line-height: 1;padding:10px 0 15px;} .catservices img{border-radius:15px;} .services_text p{font-size:16px;line-height:1.1;padding-bottom:15px;} .catservices span{display:block;position:absolute;bottom:15px;left:15px;right:15px;} @media (max-width: 768px){ .setka_services{justify-content:center;} .catservices{display:block;width:100%;} } .mouse-parallax{height:100%;width:100%;position:absolute;top:0;left:0;overflow: hidden;} .mouse-parallax-bg,.mouse-parallax-fog-1,.mouse-parallax-fog-2{position:absolute;width:100%;height:100%;left:10vw;top:0;transition: all 0.1s ease;} .mouse-parallax-bg img,.mouse-parallax-fog-1 img,.mouse-parallax-fog-2 img{max-width:100%;max-height: 100%;height:auto;} .pageparallax{z-index: -1;position:fixed;} .serv_list{position: relative;} .serv_list_item{padding:0;} .parent_cat{color: #000;text-decoration:none;display: block;padding: 40px 0 0;} .parent_cat:hover{text-decoration:none;} .parent_cat:hover h2{color:#B3B7C3;} .parent_cat h2{font-size:36px;text-transform: capitalize;} @media (max-width:768px){ .parent_cat{padding: 40px 0 0;} } .servcat_list{display: flex;flex-wrap: wrap;justify-content:center;} .servcat_list_item{width:23%;margin:1%;position:relative;max-width:250px;border-radius:200px;background:#f5f5f5;} .servcat_list_item h3{color:#000;padding:10px;text-align:center;text-transform:uppercase;font-weight:300;font-size:24px;line-height:1.1;} .servcat_list_thumb img{vertical-align:top;transition:0.4s ease-in-out;border-radius:200px;box-shadow:0 10px 20px 0 rgba(0,0,0,0.15);max-width: 100%;height: auto;} .servcat_list_item:hover img{transform:scale(1.1) rotate(4deg);} @media (max-width:920px){ .servcat_list_item{width:31%;} } @media (max-width:768px){ .serv_list_item{padding:0 0 40px;} .parent_cat h2{font-size:28px;} .servcat_list_item{width:48%;} .servcat_list_item h3{font-weight: 600;font-size:20px;} .serv_list{background: transparent;} } .serv_line_wrap{background:linear-gradient(135deg, #f2f2f2 35%,#eee 100%);margin: 0 0 40px;} .serv_line{padding:15px 10px;display: flex;align-items: center;justify-content: center;} .serv_txt{max-width:500px;font-size:20px;line-height:1.1;font-weight:500;color:#000;padding-right:15px;} .serv_line .btn_ctr {padding:0;} .serv_line .btn{margin-right:10px;} @media (max-width:780px){ .serv_line{flex-direction:column;padding-right:0;padding-bottom:15px;} .serv_txt{text-align: center;} } /*Blog*/ .loop_item{width:30%;margin:1.5%;max-width:360px;position:relative;text-decoration:none;transition: all 1s ease-in-out;overflow: hidden;border-radius:15px;} .loop_item:after{content:'';width: 0;height:4px;position: absolute;bottom:0;left:0;background:#B3B7C3;transition: all 0.4s ease-in-out;} .loop_item:hover{text-decoration:none;box-shadow: 0 10px 30px 0 rgba(0,0,0,0.1);} .loop_item:hover:after{width:100%;} .loop_item_thumb{overflow: hidden;border-radius:15px;} .loop_item_thumb img{vertical-align:top;transition:0.4s ease-in-out;filter: saturate(0.5);} .loop_item:hover img{transform:scale(1.1) rotate(3deg);filter: saturate(1);} .setka_prev{position:relative;padding:0 10px 10px;font-size:14px;line-height:1.8;color:#101F3C;} .setka_prev div{padding-top:10px;font-size:20px;font-weight:bold;line-height:1.1;} .setka_prev img{vertical-align:top;width:100%;height:auto;} .setka_prev p{font-size:16px;line-height:1.4;padding-top:10px;} /*Services*/ .servpg_lrbg{display:flex;justify-content:center;align-items: stretch;} .left_sch{width:50%;background-size:cover;} .right_sch{display:flex;justify-content:center;align-items:center;width:50%;min-height:450px;} .rightsch_ctr{max-width:450px;} .rightsch_ctr h1{font-size:40px;line-height:1.2;text-align:center;margin-bottom:25px;} .rightsch_ctr .btn{display:block;margin-bottom:10px;width:90%;} @media (max-width:768px){ .servpg_lrbg{display:block;} .left_sch{width:100%;min-height:150px;} .right_sch{width:100%;background:transparent;min-height:auto;} .rightsch_ctr .btn{width:90%;padding:18px 15px;} } .gall_ctr h2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:80px;text-shadow: 0 0 1px #000, 0 0 30px #000;z-index:2;} .gall_ctr .gallery{display: flex;justify-content: space-between;flex-wrap: wrap;} .gall_ctr a{margin-top:0;display:inline-block;position:relative;position:relative;text-align:center;width:25%;margin:0;transition:.5s ease-in-out;} .gall_ctr a:hover{z-index:5;transform:scale(1.1);} .gall_ctr a img{border-radius:15px;width:100%;height:auto;vertical-align:top;} @media (max-width: 768px){ .gall_ctr h2{font-size:30px;} .gall_ctr a{width:50% !important;} } /*FAQ*/ .faq_ttl{font-size: 40px;line-height: 1.1;padding-bottom: 3vh;} .faq_ctr{position:relative;padding:15px 55px 15px 15px;cursor:pointer;transition:none;border-bottom:2px solid #eee;} .faq_ctr:after{content:'';position:absolute;right:10px;top:27px;width:35px;height:2px;background:#999;} .faq_ctr:before{content:'';position:absolute;right:26px;top:10px;width:2px;height:35px;background:#999;transition:0.4s ease-in-out;} .content_text .faq_ctr:last-of-type{margin-bottom:40px;} .question_ttl{font-size:20px;font-weight:400;} .answer_ttl{display:none;transition:none;padding:30px 0 0 20px;} .openfaq:before{transform:rotate(90deg);} @media (max-width:768px){ .faq_ttl{padding-bottom:0;padding-top:2vh;font-size: 24px;} .faq_ctr:after{top:37px;} .faq_ctr:before{top:20px;} .answer_ttl{padding:20px 0 0 0;} } /*thanks*/ .thanks_step{display:flex;justify-content:center;flex-wrap:wrap;margin:0;padding:0;} .thanks_step li{text-align:center;position:relative;max-width: 330px;border:1px solid #eee;width:29%;margin:2%;color:#000;text-decoration:none;padding:80px 15px 75px 15px;border:2px solid #fff;box-shadow: 0 0 50px 0 rgb(0,0,0,0.1);border-radius:25px;} .thanks_step h3{padding-bottom:15px;font-size:1.5em;font-weight:700;line-height: 1.2;} .thanks_step span{font-size:50px;line-height:100px;width:100px;height:100px;border-radius:50px;background:#fff;display:block;text-align:center;position:absolute;left:-25px;top:-25px;color:#B3B7C3;font-weight:700;box-shadow: 0 11px 15px 0 rgb(0,0,0,0.08);} .thanks_step p{line-height: 1.5;font-size: 18px;} .last_text_thanks{text-align:center;font-size: 2em;line-height:1.1;font-weight: 400;padding:25px 0;border-top:1px solid #eee;} @media (max-width: 768px){ .thanks_step li{width:100%;margin:25px 0;padding:60px 15px 75px 15px;} .thanks_step span{font-size:35px;line-height:60px;width:60px;height:60px;left:-10px;top:-10px;} .last_text_thanks{padding:25px 0 0;} .page-template-page_thanks .container_sml{padding: 0 10px;} } /*contacts*/ .contus{width:100%;padding:50px 10px;} .contus h3{font-size:40px;line-height:40px;font-weight:500;margin:30px 0 15px;} .cont_ctr{display:flex;align-items:stretch;justify-content:space-between;flex-wrap:wrap;} .cont_lft,.cont_rght{max-width:50%;padding:0 5%;} .cont_rght{margin-top:25px;} .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;} .cont_soc{text-align:center;} .cont_soc h3{text-align:center;} .cont_soc .groupinsoc{text-align:center;} .contus .groupinsoc li{margin-right:5px;margin-left:0;} .map_contact_form{text-align:center;background:#F8F7FC;} .map_contact_form img{max-width:100%;height:auto;} .code_map{background:#B3B7C3;filter:grayscale(0.4) sepia(0.1);transition: 0.4s linear;} .code_map:hover{filter: grayscale(0) sepia(0)} .code_map iframe{width:100% !important;opacity:0.95;vertical-align:top;} @media (max-width:768px){ .cont_lft,.cont_rght{max-width:100%;padding:0;} .contus h1{min-height:0;} .contus{padding:10px;} .contus .container{padding:0;} } @media (max-width:450px){ .contus h2 {font-size:25px;line-height:25px;margin:15px 0 10px;} .contus .c_list a{font-size:18px;} } /*About*/ /*recomended*/ .see_also_wrap{padding:50px 0;background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 39%,rgba(255,255,255,0.5) 40%,rgba(255,255,255,1) 100%);} .recommended{width: 100%; margin: 0 auto;} .rec_b{display: flex;justify-content:center;flex-wrap: wrap; position:relative;} .rec_list{display: block;position:relative;color:#000;padding:15px 0 40px;width:23%;margin:1%;max-width:260px;} .rec_list:nth-child(2n) .rec_thumb{order:2;} .rec_list:nth-child(2n) .rec_txt{order:1;} .rec_list img{max-width:100%;height:auto;border-radius:10px;transition: 0.4s linear;} .rec_list:hover{text-decoration:none;} .rec_list:hover img{transform: scale(1.1);} .rec_txt{padding:10px 0;position:relative;line-height:1.1;font-weight:600;font-size:23px;text-align: center;} .rec_list .btn_brd{position: absolute;bottom: 0;left:15%; white-space: nowrap} @media (max-width:768px){ .rec_list{width:48%;} } @media (max-width:500px){ .rec_list{width:98%;} } /*Proud Member*/ .proud_member{padding:25px 10px;} .proud_member_wrap{position: relative;display:flex;justify-content:center;align-items:stretch;} .pm_item{position: relative;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items: center;width:23%;margin:1%;padding:10px 40px;border-radius:15px;background:#f9f9f9;box-shadow: 0 10px 40px 0 rgba(0,0,0,0.15);border: 1px solid #ddd;} .pm_item:hover{animation:scalezoom 0.4s ease-in-out;} .pm_item img{vertical-align:top;} .pm_item_txt{padding:10px 0 0;font-size:16px;line-height:1.2;font-weight:bold;} @media (max-width:768px){ .proud_member_wrap{flex-wrap: wrap;} .pm_item{width:48%;} } /*Footer gift*/ .footer_gift{display:flex;justify-content:center;align-items:center;text-decoration:none;padding:40px;margin:15px 0; position: relative;border-radius: 15px;background: url(../img/infbg.webp) no-repeat left top,linear-gradient(135deg, #f2f2f2 35%,#f4f4f4 100%);overflow: hidden;box-shadow: 0 15px 30px 0 rgba(0,0,0,0.15);} .footer_gift:hover,.footer_gift:focus,.footer_gift:active{text-decoration:none;} .footer_gift_txt{max-width:400px;margin-right:25px;font-size:22px;font-weight: 500;text-align: right;line-height:1;color:#000;} .footer_gift_txt .btn{margin:15px 0 0;box-shadow:0 5px 15px 0 rgba(0,0,0,0.2);white-space: nowrap;} .footer_gift_img img{width: 100%;max-width:250px;height: auto;box-shadow:0 0 15px 0 rgba(0,0,0,0.25);border-radius:15px;transition: 0.4s ease-in-out;} .footer_gift_img img:hover{transform:scale(1.1);} @media (max-width:500px){ .footer_gift{flex-direction:column;padding:25px 10px;background: linear-gradient(135deg, #f2f2f2 35%,#f4f4f4 100%);} .footer_gift_txt{max-width:100%;margin-right:0;margin-bottom: 15px;text-align:center;} } /*Footer*/ footer{position:relative;z-index:5;overflow: hidden;} footer a{color:#BE2947} footer a:hover,a:focus{text-decoration:underline;color:#9a9ea9;} .footer_top_wrap{position:relative;border-radius:0 100% 0 0;padding:40px 0 0;background:#f9f9f9;} .footer_bottom_wrap{position:relative;background:#f9f9f9 url(../img/foot.webp) no-repeat left bottom;padding:40px 0 100px;} /* .footer_bottom_wrap .container:before{content:'';position:absolute;left:0;right:0;bottom:0;top:0;background:rgba(255,255,255,.7);box-shadow: 0 0 40px 10px rgba(255,255,255,1);} */ .contakt_item_ctr{width:100%;position: relative;display:flex;justify-content:center;} .contakt_item{width:25%;padding:15px;margin:80px 0 40px;line-height:1.1; position: relative;text-align:center;border-right:2px solid #efefef;font-size:20px;} .contakt_item:last-child{border-right:none;} .contakt_item a{display: block;} .contakt_item svg{margin-bottom:25px;} .contakt_item .f_titlebg{font-size:22px;padding-bottom:15px;text-transform: capitalize;} .contakt_item .tel_item{font-size:25px;margin-bottom:10px;line-height: 1.2;} .contakt_item .mail_item{font-size:18px;margin-bottom:15px;line-height: 1.2;} .contakt_item .adr_item{font-size:18px;margin-bottom:15px;line-height: 1.2;} .contakt_item .office-card-map{font-size:18px;} .contakt_item .time_item{font-size:18px;display: block;} @media (max-width:920px){ .contakt_item_ctr{flex-wrap:wrap;} .contakt_item{width:50%;margin:5px auto;} .contakt_item:nth-child(2n){border-right:none;} .contakt_item svg {width:50px;height:50px;} } @media (max-width:780px){ .contakt_item{border-right:none;} .footer_bottom_wrap{background:#f9f9f9;} } @media (max-width:550px){ .contakt_item{width:100%;} } .footmenu{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;} .footmenu a{display: block;padding:0 19px 0 15px ;font-size:18px;position: relative;color: #000;font-weight: 400;} .footmenu a::after{content:'';width:4px;height:4px;background:#777;border-radius:5px;position: absolute;top:50%;right:0;transform:translateY(-50%);} .footmenu li:last-child a::after{display:none;} .colum{position:relative;display: flex;justify-content: center;flex-wrap: wrap;} .colum li{list-style:none;} .colum a{text-decoration:none;font-size:18px;} .colum .logo_sm{margin: 0 auto;} .f_widget{width:22%;margin:25px 1% 0;} .f_widget *{font-size:18px;} .f_titlebg{margin-bottom:10px;font-size:20px;font-weight:bold;text-transform:uppercase;line-height:22px;} .foot_copy{text-align:center;position:relative;} .copyright,.privacy{padding-top:15px;text-align:center;} .copyright{margin-top:25px;font-size:15px;line-height:13px;padding:0 2%;} .privacy a{text-decoration:underline;font-size:14px;line-height:35px;} .privacy{padding:0 2%;} @media (max-width:950px){ .colum{text-align:center;} } @media (max-width: 768px){ footer{padding:10px 0;} footer:before{display:none;} .footer_top_wrap{border-radius:0;padding:20px 0 0;} .footer_bottom_wrap{padding: 0 0 40px;} .colum{flex-direction: column;} .colum a{font-size:18px;line-height:30px;} .colum .f_widget{width:96%;padding:25px 0 0;} .copyright{width:100%;} .metrika{text-align:center;width:100%;} .privacy a{font-size:17px;line-height:55px;} } @media (max-width:350px){ .colum{min-width:auto;} } #back-top{border:none;display:none;position:fixed;text-align:center;line-height:50px;bottom:15px;left:15px;height:50px;width:50px;padding-top:5px;background:#B3B7C3;z-index:100;border-radius:50px;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;} @media (max-width:768px){ #back-top{left:5px;bottom:5px;} } /*fixed buttons*/ #fix-toggle + label{position:fixed;display:block;padding: 0;bottom:15px;right:15px;z-index:100;height:50px;width:50px;background:#BE2947;border-radius:50px;box-shadow:0 0 15px 0 rgba(0,0,0, 0.25);transition: 0.4s;cursor:pointer;} #fix-toggle + label svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} #fix-toggle + label:hover{transform:rotate(360deg);} #fix-toggle + label:before{content:'';box-sizing:content-box;background:#BE2947;width:70px;height:70px;bottom:-12px;right:-12px;position:absolute;border-radius: 100%;border: 2px solid transparent; animation: circle-fill-anim 2.3s infinite ease-in-out;transition: all 0.5s;} #fix-toggle + label:after{content:''; transform-origin:center;box-sizing: content-box;border: 2px solid #BE2947;width:70px;height:70px;bottom:-12px;right:-12px;position: absolute;z-index:-1;border-radius: 100%;opacity:1;animation: circle-anim 2.4s infinite !important;transition: all 0.5s;} @keyframes circle-fill-anim { 0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;} 50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .5;} 100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;} } @keyframes circle-anim { 0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;} 30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: 1;} 100% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .1;} } #fix-toggle{opacity:0;display:none;} #fix-toggle:checked ~ label{ background:transparent;box-shadow:none;} #fix-toggle:checked ~ label .fix_opened{animation:none;visibility:hidden;opacity:0;} #fix-toggle:checked ~ label .fix_closed{visibility:visible;} #fix-toggle:checked ~ #fix_but_ord{visibility:visible;opacity:1;transform:scaleY(1) translateY(0);} .fix_closed{visibility:hidden;fill:#dd2f30;} .fix_opened{visibility:visible;fill:#fff;animation:rotate 1.5s infinite ease-in-out;} #fix_but_ord{opacity:0;position:fixed;bottom:15px;right:15px;width:50px;z-index:99;visibility:hidden;padding:5px 5px 45px 5px;background:#eee;border-radius:50px;box-shadow:0 5px 25px 0 rgba(0,0,0,0.25);transition:all 0.4s ease-in-out;transform:scaleY(0) translateY(100%);} #fix_but_ord svg{fill:#fff;position:relative;z-index: 2;} .btn_mess{position:relative;display:flex;justify-content:center;align-items:center;padding:0;height:40px;box-sizing:content-box;border-radius:50px;margin-bottom:10px;box-shadow:0 0 15px 0 rgba(0,0,0, 0.25);cursor:pointer;transition:0.4s linear;} #fix_but_ord a span{display:block;right:0;top:0;position:absolute;line-height:40px;width: 200px;border-radius:50px;color:#fff;background:#BE2947;padding:0 55px 0 15px;font-size:16px;font-weight:bold;white-space:nowrap;transition:0.4s linear;} #fix_but_ord a:hover span{background:#212121;color:#fff;} @media (max-width:780px){ #fix_but_ord{right:5px;bottom:5px;} #fix-toggle + label{right:5px;bottom:5px;} } @keyframes rotate{ 0%{transform:rotate(0deg) translate(-50%,-50%);} 9%{transform:rotate(0deg) translate(-50%,-50%);} 10%{transform:rotate(5deg) translate(-50%,-50%);} 15%{transform:rotate(-5deg) translate(-50%,-50%);} 20%{transform:rotate(5deg) translate(-50%,-50%);} 25%{transform:rotate(-5deg) translate(-50%,-50%);} 30%{transform:rotate(0deg) translate(-50%,-50%);} 100%{transform:rotate(0deg) translate(-50%,-50%);} } /*socials bottom*/ .groupinsoc{margin:10px 0;position:relative;text-align:center;} .groupinsoc li{display:inline-block;vertical-align:top;margin:2px;padding:0;} .groupinsoc li a{background:#212121;color:#fff;display:block;margin:0 auto;font-size:18px;display:flex;justify-content: center;align-items: center;width:50px;height:50px;border-radius:50px;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.1);opacity:1;}50%{transform:scale(1.1);opacity:0.5;}0%{transform:scale(1);opacity:1;}100%{transform:scale(1);opacity:1;}} @media (max-width:950px){ .groupinsoc {text-align:center;} } @media (max-width:650px){ .groupinsoc{text-align:center;} } /*share*/ .sh_this{margin:0;padding:25px 0 0;display:flex;justify-content:center;align-items:center;} .sh_ttl{font-size:24px;font-weight:400;padding:0 10px;} .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:50px;height:50px;font-size:25px;text-decoration:none;transition:.8s;border-radius:50px;} .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;} @media (max-width:950px){ .sh_this{display:block;text-align: center;} .sh_ttl{font-size:22px;padding:0 10px 10px;} } /*popup*/ .gt_popup_time{display:none;} .gt_bg_popup,.callback_popup{display:none;position: fixed;z-index: 999999;top: 0;right: 0;bottom: 0;left: 0;height:100%;box-sizing: border-box;overflow-x:hidden;overflow-y:auto;} .gt_popup{box-sizing: border-box;background:#fff;max-width:600px;margin:auto;padding:50px;position: relative;box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.35);} .gt_popup.img_wdth{max-width:auto;padding:0;background:transparent;} body .gt_popup.img_wdth img{padding:0;margin:0;vertical-align:top;max-width:100%;width:100%;height:auto;} .text_modal_top{font-size:14px;color:#000;} .text_modal_top a{color:#22905F;} .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);} /*Cookie modal*/ #ca_ctr{position:fixed;left:50%;bottom:10px;z-index:9999999;display:none;border-radius:50px;max-width:100%;} #ca_ctr *::selection {color:transform;background:transparent;} .ca_modal_ctr{position:relative;max-width:500px;transform:translateX(-50%);background:#B3B7C3;border-radius:10px;color:#fff;box-shadow:0 5px 25px rgba(0,0,0,0.2);transition:.3s;font-size:18px;line-height:1.2;padding:15px;font-weight:normal;text-align:center;min-height:108px;} .ca_btnok{color:#fff;border:1px solid #fff;background:transparent;display:inline-block;text-transform:uppercase;padding:5px 10px;margin:10px 0;font-size:13px;border-radius:50px;} .ca_btnok:hover{cursor:pointer;color:#B3B7C3;background:#fff;} .ctr_click_ca{-webkit-animation:0.4s ease-in-out;animation:0.4s ease-in-out;} .ca_btnok{-webkit-animation: 2s ca_tremor_an ease-out infinite;animation: 2s ca_tremor_an ease-out infinite;} @keyframes ca_tremor_an{0%,5%{left:-1px;top:-1px;-webkit-transform:translateX(-4%);transform:translateX(-4%);}3%,7%,100%{left:1px;top:1px;-webkit-transform:translateX(4%);transform:translateX(4%);}} @media (max-width: 768px){ #ca_ctr{left:0;right:0;bottom:0;} .ca_modal_ctr{max-width:100%;transform:translateX(0);} } .modal_qf{display:none;} #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;background:transparent;} .baguetteBox-button#close-button:hover,.baguetteBox-button#close-button:focus{background:transparent;box-shadow:none;} .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;}} #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;box-shadow:0 10px 40px rgba(0, 0, 0, 0.2); } #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:50px; height:50px; } .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:#B3B7C3;border: none;} .baguetteBox-button:focus svg, .baguetteBox-button:hover svg{fill:#fff;} .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;}}