/* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Yeseva One'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/yesevaone/v24/OpNJno4ck8vc-xYpwWWxliBVWzfAw0blNQ.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Yeseva One'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/yesevaone/v24/OpNJno4ck8vc-xYpwWWxlilVWzfAw0blNQ.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Yeseva One'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/yesevaone/v24/OpNJno4ck8vc-xYpwWWxliJVWzfAw0blNQ.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Yeseva One'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/yesevaone/v24/OpNJno4ck8vc-xYpwWWxliNVWzfAw0blNQ.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Yeseva One'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/yesevaone/v24/OpNJno4ck8vc-xYpwWWxli1VWzfAw0Y.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }/* Theme Name: Legal Support Version: 1.0 Author: Sergey Romanow, Gnatkovsky Vitaliy */ /* =Reset default browser CSS. */ *{outline:none;box-sizing: border-box;} *:before, *:after{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: 'Montserrat', sans-serif;font-weight: 400;} img{border-style:none} textarea{overflow:auto} p{margin:0;font-style:normal;} [hidden]{display:none} blockquote{position:relative;padding:25px 7%;font-size:20px;max-width: 800px;margin: 25px auto;border-radius: 10px;font-family: 'Montserrat', sans-serif;} blockquote:before,blockquote:after{font-family:serif;position:absolute;left:0;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:#BB8E77;text-decoration:none;} a:focus,a:active,a:hover{color:#BB8E77;} a:focus{text-decoration:none;} html,body{height:100%;} body{font-family: 'Montserrat', sans-serif;position:relative;padding:0;margin:0;height:100%;min-width:350px;color:#000;font-size:14px;line-height:1.4;font-size:15px;background:#F0E7D8;} .hidden{opacity:0;} .visible{opacity:1;} .clear{clear:both;} .overflow{overflow:hidden;} .container{max-width:1200px;margin:0 auto;position:relative;} .containersm{max-width:920px;margin:0 auto;position:relative;} .fl{float:left;} .fr{float:right;} fieldset{border:none;} @media (max-width:768px){ .hidden{opacity:1;} } .btn_rghtctr{display:flex;justify-content:flex-end;align-items:center;padding:15px 0;} .btn_centctr{display:flex;justify-content:center;align-items:center;padding:15px 0;flex-wrap: wrap;} .btn_jstf{display:flex;justify-content:space-between;align-items:center;padding:15px 0 40px;flex-wrap: wrap;} .btn_centctr .btn,.btn_centctr .btn_brd,.btn_centctr .btn{margin:10px;} input[type="submit"],button{border: 2px solid #BB8E77;color:#000;padding:0 25px;line-height:50px;color: #000;background: transparent;font-size:18px;font-weight:500;border-radius:50px;position: relative;display: inline-block;appearance: none;box-sizing:border-box;text-decoration:none;outline:none;box-shadow:none;cursor:pointer;text-shadow:none;} input[type="submit"]:hover,button:hover,input[type="submit"]:focus,input[type="submit"]:hover,input[type="submit"]:focus{background:#BB8E77;border: 2px solid #BB8E77;color:#fff;text-decoration:none !important;cursor:pointer;} input[type="submit"]:active,button: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,textarea{font-family: 'Montserrat', sans-serif;background:transparent;appearance: none;display:inline-block; vertical-align:middle;font-size:14px;line-height:1.2;font-weight:400;border:none;border-bottom:2px solid #BB8E77; padding-left:7px; padding-right:7px; width:100%; border-radius:0; box-shadow:none; box-sizing:border-box; transition:all 0.2s ease-in-out; padding-left:10px; padding-right:10px; margin-bottom:10px;} select{font-size:12px;color:#000;} 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,select: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,select:focus, textarea:hover,textarea:focus{border-color:#BB8E77; outline:none} textarea{max-height:200px;} input::-webkit-calendar-picker-indicator{display:none;opacity:0;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#888;opacity:1;font-size:14px;} input::-moz-placeholder ,textarea::-moz-placeholder{color:#888;opacity:1;font-size:14px;} 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:#574642;-webkit-border-radius:3px;cursor:pointer;outline:none;} ::-webkit-scrollbar-thumb:horizontal{width:10px;background-color:#574642;-webkit-border-radius:3px;cursor:pointer;outline:none;} .big_dsc{display:block;} .sml_dsc{display:none;} @media (max-width:920px){ .big_dsc{display:none;} .sml_dsc{display:block;} } /******* 3. WP Forms *********/ .wpforms-hidden {display: none;} .wpforms-container {color:#333;} .wpforms-required-label {color:#FF2C16;} .wpforms-submit-container {margin: 10px 0;} .wpforms-confirmation-container {font-size: 18px;text-align: 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:16px;padding: 0 0 5px 0;} .wpforms-field-label{font-size:16px;margin:0 0 10px;display: block;font-weight:bold;} .wpforms-field-limit-text,.wpforms-label-hide {display: none;} .wpforms-submit{display: block;margin: 0 auto;width: 200px;} .hidefield{display:none;} .wpforms-field-checkbox label{position: relative !important;left:0 !important;top:0 !important;} .wpforms-field-checkbox label:hover{cursor: pointer;} .wpforms-field-checkbox ul{padding: 0;list-style: none;} .wpforms-field-checkbox input[type="checkbox"]{position: absolute;z-index:1;opacity: 0;} .wpforms-field-checkbox input[type="checkbox"]+label{display:inline-flex;align-items: center;user-select: none;position: relative;} .wpforms-field-checkbox input[type="checkbox"]+label::before{content:'';display: inline-block;width:20px;height:20px;flex-shrink: 0;flex-grow: 0;border: 1px solid #333;border-radius:50px;margin-right: 0.5em;background-repeat: no-repeat;background-position: center center;background-size: 50% 50%;} .wpforms-field-checkbox input[type="checkbox"]:not(:disabled):not(:checked)+label:hover::before {border-color: #333;} .wpforms-field-checkbox input[type="checkbox"]:not(:disabled):active+label::before {background-color: #fafafa;border-color: #333;} .wpforms-field-checkbox input[type="checkbox"]:focus:not(:checked)+label::before {border-color:#333;} .wpforms-field-checkbox input[type="checkbox"]:checked+label::before {border-color: #fff;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");filter: invert(1);} .wpforms-field-checkbox input[type="checkbox"]:disabled+label::before{background-color: #f3f3f3;} /******* 4. Contacts Modal *********/ .modal_ctrfrm {position: relative;width: 100%;} .modal_top_text{margin: 0 0 15px;padding:0 35px 0 0;} .modal_top_text.content_text h1, .modal_top_text.content_text h2, .modal_top_text.content_text h3, .modal_top_text.content_text h3{padding:0 0 15px;} /*modal*/ .modal_frms{position:fixed;left:0;right:0;top:0;bottom:0;z-index:999;display:none;align-items: center;justify-content: center;transition:.8s ease-in-out !important;} .modal_frms:before{content: '';left:0;right:0;top:0;bottom:0;position: absolute; background: rgba(37,28,42,0.6);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);} .modal_ctrfrm{position:relative;padding: 40px 60px 40px 60px;background: #fff;width:100%;max-width:540px;border-radius:10px; box-shadow: 0 0 25px 0 rgb(0,0,0,0.1);transition:.8s ease-in-out !important;max-height: 100%;} .modal_ctrfrm:after{content: '';width: 100px;height: 85px;background: url(https://support-legal.com.ua/wp-content/themes/legalsupport/../images/logo.svg) no-repeat center;position: absolute;left: -45px;top: -50px;} .frm_ttl{padding-bottom:10px;font-size:20px;line-height: 1;} .modal_frm_top p{padding-bottom: 0;margin: 0 0 5px!important;color: #fff;} /* .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 .wpforms-confirmation-container {color:#000;} .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:#BB8E77;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_frms{padding:0 10px;} .modal_ctrfrm{max-width:450px;} .modal_ctrfrm:after{left: 50%;top: -67px;transform: translateX(-50%);} } @media (max-width:600px) { .modal_ctrfrm {padding: 16px;} .modal_foot_cnt {flex-wrap: wrap;} } /*quasar form*/ .modal-box-qform{background: rgba(221,193,118,0.4);box-shadow:1px 0px 6px rgba(0, 0, 0, .2);align-items:center;} .modal-box-qform .swap-content-form-q{box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15) !important;} .close-quasar-form{top:12px;width:28px;height:24px;transition: all 0.8s ease-in-out;} .close-quasar-form i{display:none !important;} .close-quasar-form:hover{cursor:pointer;} .close-quasar-form:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);} .close-quasar-form:after,.close-quasar-form:before{content:'';background:#000;top:10px;height:2px;width:30px;position:absolute;left:0;transform:rotate(0deg);transition:.25s ease-in-out;} .close-quasar-form:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);} .close-quasar-form:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);} .quasar-form .submit-style-quasar:hover,.quasar-form .submit-style-quasar:focus{border:2px solid #BB8E77 !important;background:#BB8E77 !important;color:#fff !important;} .error-filed-q {background-color:transparent!important;top: -17px;} .modal_qf{display:none;} .text-after-send-q{color:#BB8E77 !important;} .quasar-form.form-type-popup{margin-top: auto;position: relative;} .checkbox-qform{background:transparent !important;border-radius: 50px;} .checkbox-fafa{background:transparent !important;} input:checked + label .checkbox-fafa i {border-radius: 50px;} input.input-style-quasar{font-size:20px !important;} .swap-content-form-q h2, .swap-content-form-q h3, .swap-content-form-q h4{padding:0 0 15px !important;} @media (max-width: 700px){ .swap-content-form-q {margin-left:0px !important;margin-right:0px !important;padding: 25px !important;} } .btn{display:inline-block;text-align: center;border:2px solid #BB8E77;background:#BB8E77;padding:0 25px;line-height:50px;color:#fff;font-size:18px;font-weight:500;border-radius:50px;text-decoration:none;} .btn:hover,.btn:focus{border:2px solid #000;background:transparent;background:#000;color:#fff;text-decoration:none !important;} .btn_brd_b{display: inline-block;text-align: center;border: 2px solid #BB8E77;padding: 0 25px;line-height: 50px;color:#000;font-size: 18px;font-weight: 500;text-decoration: none;border-radius:50px;position: relative;z-index: 2;} .btn_brd_b:before{content:'';position: absolute;left:-1px;top:0;background:#BB8E77;height:101%;width:101%;border-radius:50px;transform:scale(0);transition:all 0.4s ease-in-out;z-index:-1;opacity:0;border: 2px solid #BB8E77;} .btn_brd_b:hover:before,.btn_brd:focus::before{transform:scale(1);opacity:1;} .btn_brd_b:hover,.btn_brd:focus{color:#fff;} /*guten*/ .guten-image img {max-width: 100%;height: auto;} /*header*/ .head_top{width:100%;display:flex;align-items:center;flex-direction: column;justify-content:space-between;padding:0 10px;} .head_top_ctr{width:100%;max-width: 1140px; margin: 0 auto;position:relative;} .head_line{display:flex;align-items:center;justify-content:space-between;position: relative;padding:0 10px;} @media (max-width:768px){ .head_line{padding: 8px;justify-content: center;} } .top_right_flex{display:flex;align-items:center;justify-content:center;width:33%;position:relative;z-index: 1;} .desc_btn{display:block !important;} .logo{display:flex;align-items:center;justify-content:center;width:33%;position:relative;text-decoration:none;z-index:2;} a.logo:hover,a.logo:focus{text-decoration:none;} .logo img{height:auto;vertical-align:top;max-height:180px;max-width:280px;transition:0.4s linear;} .logo:hover img{animation:scalezoom 1s ease-in-out;} @media (min-width:600px){ .admin-bar .head_top{top:46px;} } @media (min-width:780px){ .admin-bar .head_top{top:32px;} } @media (max-width:768px){ #wpadminbar {top:-46px !important;} .top_right_flex {display:none;} .head_top{display:flex;justify-content:center;align-items:center;padding:0 10px;margin:0;} .logo {width: 60%;} .logo img{max-width:100%;} .desc_btn{display:none !important;} } .menu_title{position:absolute;left:50%;top:5%;transform:translateX(-50%);font-family: 'Montserrat', sans-serif;font-size:8vw;letter-spacing: 1vw;font-weight:bold; color:#000;z-index: 0;opacity: 0.04;} .menu_left_clmn{text-align:left;width:50%;max-width:400px;position: relative;z-index:2;opacity: 0;} .menu_left_clmn.fa_myright{opacity:1;} .menu_top_title{text-align:left;font-weight:bold;font-size:28px;letter-spacing: 0.5px;margin-bottom:20px;text-transform:uppercase;} .menu_left_clmn .groupinsoc{margin:0 0 25px;text-align:left;padding:0;} .menu_left_clmn .groupinsoc a{border-radius:50px;display:flex;align-items:center;justify-content:center;width:60px;height:60px;transition: all 1s ease-in-out;background:#F0E7D8;box-shadow: 0 5px 25px 0 rgba(0,0,0,0.09);} .menu_left_clmn .groupinsoc li a:hover{animation:scalezoom 1s ease-in-out;} .menu_left_clmn .groupinsoc a svg{fill:#000;vertical-align:middle;} .menu_left_clmn .groupinsoc a:hover svg{fill:#BB8E77;} @media (max-width:768px){ .menu_left_clmn .groupinsoc{text-align:center;} } .menu_rght_clmn{width:50%;max-width:400px;position: relative;z-index:2;max-height: 100%;overflow-x:hidden !important;overflow-y:auto!important;} .menu_rght_clmn .btn{background:#BB8E77;border:2px solid #BB8E77;color:#000;} .menu_rght_clmn .btn:hover{background:#D5111B;border:2px solid #D5111B;color:#fff;} .menu_rght_clmn .menu_contact{text-align: left;margin:0 0 10px;} .mail_line{margin-bottom:10px;display:flex;align-items: center;font-size:18px;color:#000;} .mail_line{margin-bottom:10px;display:flex;align-items: center;font-size:18px;color:#000;} .adress_line{margin-bottom:25px;display:flex;align-items: center;} .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;display:block;text-decoration:none;font-size:38px;margin-bottom:10px;} .tel_line svg{margin: 6px 10px 0 0;} .menu_contact svg{vertical-align:middle;margin-right:10px;fill:#BB8E77;} .menu_contact a{color:#000;} .menu_contact a:hover{color:#BB8E77;text-decoration:underline;} @media (max-width:768px){ .adress_line{margin-bottom:10px;} .tel_line a {font-size:30px;} .menu_left_clmn,.menu_rght_clmn{width:100%;margin: 0 auto;} .menu_top_title {font-size: 24px;text-align: center;} } /*Menu*/ .twomenu_ctr{display:none;} @media (min-width:920px){ .twomenu_ctr{display:flex;justify-content: center;padding:0;line-height:35px;position:relative;z-index:4;width: 100%;} .home .twomenu_ctr{margin:15px 0;} .two-menu{margin: 0;display: flex;align-items: center;} .two-menu > li.menu-item-has-children:hover > ul.sub-menu{opacity:1;transform:scaleY(1) translateY(0);} .two-menu > li > ul > li.menu-item-has-children:hover > ul.sub-menu{opacity:1;transform:scaleY(1) translateY(0);} .two-menu li{display:block;position:relative;} .two-menu > li{border-right:1px solid #E3D3C2;} .two-menu > li:last-child{border-right:none;} .two-menu a{position:relative;display:inline-block;line-height:30px;display:block;text-decoration:none;color:#463003;text-align:center;padding: 5px 15px;font-size:17px;font-weight:500;} .two-menu a:hover,.two-menu a:focus,.two-menu a:active{color:#000;text-decoration:none;} .two-menu a:hover > svg{fill:#fff;} .two-menu a:before{content:'';position:absolute;bottom:8px;left:0;height:2px;width:0;background:#463003;transition:0.5s linear;} .two-menu a:hover:before{width:100%;} .two-menu ul a:before{display:none;} .two-menu > li > ul > li a{border-radius: 0;} .two-menu li.menu-item-has-children > a{padding:5px 30px 5px 15px;} .two-menu > li > ul > li.menu-item-has-children > a{padding:10px 20px 10px 10px;} .two-menu li.menu-item-has-children > a:after{content: '›';color:#463003;font-size:24px;display: block;width:15px;height:15px;position: absolute;right:10px;top:13px;line-height: 9px;transition: all .27s ease-in-out;transform: rotate(90deg);} .two-menu li.menu-item-has-children > a:hover:after {transform: rotate(270deg);color:#fff;} .two-menu > li > ul > li.menu-item-has-children > a:after{transform: rotate(0deg);top:12px;width:7px;color:#fff;} .two-menu > li > ul > li.menu-item-has-children > a:hover:after {transform: rotate(-180deg);color:#fff;} .two-menu ul li{display:block;border-right:none;line-height:40px;margin-left:0;} .two-menu ul{padding:0;border-radius:5px;background:#BB8E77;min-width:280px;max-width:300px;transform:scaleY(0) translateY(-100%);opacity:0; z-index:20;position:absolute;box-shadow:0 20px 20px 0 rgba(0, 0, 0, 0.3);transition:0.5s all ease-in-out;} .two-menu > li > ul{left:0;top:40px;} .two-menu > li > ul > li > ul{left:100%;top:0;opacity:0;} .two-menu ul a{position:relative;text-transform:none;text-align:left;font-size:14px;line-height:1.2;padding:10px;display:block;box-shadow:none;color:#fff;border-radius:0;} .two-menu > li > ul > li:first-child > a{border-radius: 5px 5px 0 0;} .two-menu > li > ul > li:last-child > a{border-radius: 0 0 5px 5px;} .two-menu ul li:last-child a{border-bottom:none;} .two-menu > li > ul > li:hover > ul{opacity:1;} } /*search*/ .s_mn{cursor:pointer;display:flex;justify-content:center;align-items:center;height:40px;padding:0 25px;} .s_mn svg{fill:#000;} .s_mn:hover{animation:scalezoom 0.5s ease-in-out;} #mdl_search_wrap{background:#BB8E77 url(https://support-legal.com.ua/wp-content/themes/legalsupport/images/justicebgl.webp) no-repeat center;transition: 1s linear;display:flex;max-width:100%;position:fixed;top:15px;bottom:15px;left:200%;right:-200%;z-index:999;align-items:center;justify-content:center;box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15);} #mdl_search_box{width:50vw;} #mdl_search_box .menu_title{opacity:0.2;color: #fff;} .search_box_ctr{width:100%;position:relative;display:flex;justify-content:center;align-items:center;position: relative;} #sform {display: flex;width: 100%;} #sform input[type="submit"]{display:inline-block;vertical-align:top;padding:0 15px;background:transparent;color:#fff;border:2px solid #fff;border-radius:50px;} #sform input[type="submit"]:hover{border:2px solid #fff;background:#fff;color:#BB8E77;} #sform input[type="text"]{box-shadow:none;background:none;margin: 0;border-top:0;border-left:0;border-right:0;border-bottom:2px solid #fff;color:#fff;background:transparent;display:inline-block;vertical-align:top;font-size:22px;line-height:36px;width:100%;border-radius:0;} #sform input[type="text"]:focus{outline:none;} #mdl_search_box input::-webkit-input-placeholder{opacity:1;color:#fff;font-size:22px;line-height:1;padding:5px 0;} #mdl_search_box input::-moz-placeholder{opacity:1;color:#fff;font-size:22px;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;} .cls_search{position:absolute;top:60px;right:80px;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:#fff;top:20px;height:2px;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);} @media (max-width:1100px){ #mdl_search_box{width:80vw;} .cls_search {top:10px;right: 10px;} } @media (max-width:920px){ .s_mn{margin: 0 14px 0 15px;padding: 0;background:#f5f5f5;border-radius: 50px;width: 50px;height: 50px;} .s_mn:hover{animation:none;} #mdl_search_box #mdl_s{line-height:35px;width: 90%;} #mdl_search_box .mdl_sim{width: 90%;margin:10px 0 0;} #sform{flex-direction: column;align-items: center;} #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;} } @media (max-width:768px){ .s_li{display:none;} .s_mn{position:absolute;right: 34px;top:-6.5vw;} #mdl_search_box{width:95%;} } /*Ajax Search*/ .ajaxsearch{max-height:500px;text-align: left;position:relative;padding:20px 20px 10px 20px;display:none;overflow-x:hidden;overflow-y:auto;} .search_item{vertical-align: top;overflow:hidden;line-height:17px;padding:10px;width:49%;display: inline-block;border-radius:4px;} .search_item:hover{background:rgba(240,231,216,0.15);color:#fff;} .search_item a{color:#fff;display:flex;align-items: center; white-space:normal;text-align:left;background:transparent;} .search_item a:hover{color:#fff;} .search_item img{margin:0;margin-right:10px;vertical-align:top;border-radius:4px;} .search_item div{max-width:100%;} .search_item .shttl{line-height:1.1;padding-bottom:10px;font-size:18px;} .search_item p{line-height:1.2;margin:0;padding:0;font-size:12px;text-align: left;} .search_spin{display:none;} .search_item_err{text-align:center;font-size: 18px;} .falsesearch.btn_brd_b{display:none;max-width:230px;margin:10px auto;border:2px solid #fff;color:#fff;line-height:40px;cursor: pointer;} .falsesearch.btn_brd_b:before{display:none;} .falsesearch.btn_brd_b:hover{background:#fff;border:2px solid #fff;color:#BB8E77;} .search_spin .circularG{background-color:#fff;} @media (max-width:920px){ .search_item{width:100%;display:block;} .search_item .shttl{padding-bottom:0;} .search_item .more_sng {margin-top:0;} .search_item a:hover,.search_item a:focus{text-decoration:none;} } @media (max-width:720px){ .ajaxsearch {max-height: 360px;} .search_item{width:100%;display:block;max-height: 100%;} .search_item .shttl{padding-bottom:0;} .search_item .more_sng {margin-top:0;} .search_item a:hover,.search_item a:focus{text-decoration:none;} .search_item img {max-height: 60px;width: auto;} } /*scrollbar*/ .ajaxsearch::-webkit-scrollbar{width:6px;height:5px;cursor:pointer} .ajaxsearch::-webkit-scrollbar-track-piece{background:rgba(255,255,255,.15);-webkit-border-radius:3px} .ajaxsearch::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#fff;-webkit-border-radius:3px;cursor:pointer;outline:none;} /*Panel menu*/ .body_container{transition:0.4s linear;} .body_container.slidebody{transform: translateX(-100%);} input[type="checkbox"]#menu-toggle + label.menu-btn.header-fixed{top:60px;right:20px;} input[type="checkbox"]#menu-toggle:focus-visible,input[type="checkbox"]#menu-toggle{outline:none;} input[type="checkbox"]#menu-toggle + label{padding: 0;outline:none;} #menu-toggle{opacity:0;display:none;} #menu-toggle:checked + label{outline: none !important;background: transparent !important;} #menu-toggle:checked ~ .menu-btn{position:fixed;top:20px;right:20px;} #menu-toggle:checked ~ .menu-btn:after{display:none;} #menu-toggle:checked ~ .menu-btn > span{transform: rotate(45deg);outline: none;background: transparent;} #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-body{width: 100%;display: flex;justify-content: center;align-items: center;} .menu-btn{position:fixed;align-items:center;width:40px;height:28px;z-index:900;cursor:pointer;transition:0.5s linear;} .menu-btn:focus,.menu-btn:focus-visible,.menu-btn:hover,.menu-btn:active{outline: 0 !important;} .menu-btn:after{content:'';position: absolute;z-index:-1;left:-14px;top:-20px;bottom:-20px;right:-14px;background:#BB8E77;border-radius:80px;box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.2);} .menu-btn:hover{transform:rotate(180deg);} .menu-btn > span, .menu-btn > span::before, .menu-btn > span::after{display: block;position:absolute;top:12px;border-radius:10px;width:100%;height:3px;background:#fff;transition-duration:.25s;} .menu-btn > span::before {content:'';top:-12px; box-shadow: none;} .menu-btn > span::after {content:'';top:12px; box-shadow: none;} .menu_top *{transition:none;} .menu_top{display: flex;justify-content: center;align-items: center;transition: 0.4s linear; position:fixed;visibility:hidden;text-align: center;top:0;right:-100%;width:100%;min-width:280px;margin: 0;padding:60px 20px;list-style:none;background:#F0E7D8;box-shadow:1px 0px 6px rgba(0, 0, 0, .2);z-index:888;height: 100%;overflow-x:hidden !important;overflow-y:auto!important;} .menu_top:before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:url(https://support-legal.com.ua/wp-content/themes/legalsupport/images/justicebgl.webp) no-repeat center;filter: invert(1);opacity: 0.2;} .topmenu{padding:0;margin:0 0 25px 0;} .topmenu .menu-item{display:block;padding:10px;font-size:35px;text-decoration: none;color:#fff;font-weight: 500;overflow: hidden;} .topmenu .menu-item.showitem a{visibility: visible;transform:translate3d(0,0,0) rotate(0deg);} .topmenu .menu-item a{color:#000;text-transform: uppercase;display: block;visibility: hidden;transform:translate3d(0,120%,1px) rotate(3deg);transition:all 0.5s ease-in-out;} .topmenu .menu-item a:hover{color:#BB8E77;} .menu_top .menu-item-has-children{position:relative;} .menu_top .sub-but{display:block;color:#fff;font-size:18px;text-align:center;height:45px;width:50px;position:absolute;right:0;top:0;z-index:10;} .menu_top .sub-but span{height:3px;width:15px;background:#000;transition: 0.4s linear;} .menu_top .sub-but span:first-child{position: absolute;top:50%;transform:translateY(-50%) ;} .menu_top .sub-but span:nth-child(2){position: absolute;top:50%;transform:translateY(-50%) rotate(90deg);} .menu_top .sub-but svg{fill:#000;} .menu_top .sub-but:hover{cursor:pointer;} .menu_top .menu-body .sub-menu{display:none;padding:0;width:100%;z-index:99;} .menu_top .admin-bar .sub-menu{top:32px;} .menu_top .sub-but.rotatearr span:nth-child(2){transform:translateY(-50%) rotate(0);} .mob_soc,.mob_cnt{display:block;} .mob_cnt{margin:0;padding:5px 0 10px;display:none !important;} .mob_cnt li{list-style:none;font-size:25px;} @media (min-width:768px){ .menu-btn:after {left:-10px;top:-16px;bottom:-16px;right:-10px;} input[type="checkbox"]#menu-toggle + label{top:20px;right:-60px;} input[type="checkbox"]#menu-toggle:checked + label{display:flex;} } @media (max-width:1120px){ .desc_cnt{display:none !important;} .mob_cnt{display:block !important;} } @media (max-width:768px){ .menu-body,.menu_top{width: 100%;display: block;} .menu_top{padding:60px 10px 40px;} .topmenu .menu-item {font-size: 28px;} .menu-btn{position:fixed;top:25px;right:18px;} input[type="checkbox"]#menu-toggle + label.menu-btn.header-fixed{top:25px;right:18px;} input[type="checkbox"]#menu-toggle:checked + label.menu-btn.header-fixed {top:25px;right:18px;} .admin-bar input[type="checkbox"]#menu-toggle + label.menu-btn, .admin-bar input[type="checkbox"]#menu-toggle:checked + label.menu-btn, .admin-bar input[type="checkbox"]#menu-toggle + label.menu-btn.header-fixed, .admin-bar input[type="checkbox"]#menu-toggle:checked + label.menu-btn.header-fixed{top:71px;} } /*Lang*/ .linemenu{margin:0;padding:0;display:flex;align-items:center;list-style:none;} .lang-item img{display:none !important;} .lang-item a{line-height:22px !important;display:flex;align-items:center;position:relative;text-align:center;text-decoration:none;} .lang-item a:after{position:relative;color:#000;font-size:16px;font-weight:500;margin:0;display:block;text-transform:uppercase;} .lang-item a[lang="ru"]:after{content:'Ru';} .lang-item a[lang="uk"]:after{content:'Ua';} .lang-item a[lang="en"]:after{content:'En';} .linemenu li:nth-child(2) a, .linemenu li:nth-child(3) a{border-left:1px solid #E3D3C2;} .lang-item a{padding:10px 16px;} .lang-item a:after{color:#000;font-size:16px;margin:0;display:block;text-transform:uppercase;} .lang-item a:hover:after{color:#BB8E77;} .lang-item.current-lang a:after{color:#BB8E77;width:40px;height:40px;line-height: 40px;border-radius: 50px;} .menu_top .linemenu{position:absolute;left:50px;top:50px;opacity: 0;} .menu_top .linemenu.fa_myIn{opacity:1;} @media (max-width:768px){ .lang_desc{display:none;} .menu_top .linemenu{position:relative;left:0;top:0;justify-content: center;} } /*Pages*/ .top-content-ctr{position:relative;padding:50px 0;display: flex;justify-content: center;flex-direction: column;} .home .top-content-ctr{margin-top: 0;z-index:0;} @media (max-width:920px){ .top-content-ctr{display: block;min-height:0;padding-bottom:0;} .top-section{padding: 0 0 15px;} } /*single product*/ .img-box{position:relative;margin: 0 0 25px;width:100%;display: flex;justify-content: center;align-items: center;flex-direction:column;overflow:hidden;} .img-box:after{content:'';display:block;width:100%;height:100%;position:absolute;background:linear-gradient(0deg, rgba(0,0,0,0.9), rgba(0,0,0,0.65));} .img-box img{min-width:100%;width:auto;height:auto;min-height:100vh;position:absolute;left:0;top:0;} .product article{width:100%;position:relative;min-height:100%;padding:50px 0 0;} .product_flex .btn{font-weight: 500;} .product_flex .btn{font-weight: 500;} .home .price_time{display:none;} .price_time{position:absolute;right:10px;top:10px;z-index:1; background: rgba(0,0,0,0.4);width:86px;height:86px;border-radius:100px;display: flex;justify-content: center;align-items: center;} .price_time span.price{color: #fff;font-size:18px;line-height:1;font-family: 'Montserrat', sans-serif;} .wp-block-embed.is-provider-youtube{margin:1em 0;} .is-provider-youtube iframe{width:100% !important;} .img-box_ctr{position: relative;z-index: 2;max-width: 1200px;width: 100%;padding:100px 0;display: flex;justify-content: space-between;align-items: center;} @media (max-width:920px){ .product article{padding:10px 0 0;} } @media (max-width:768px){ .product_flex .btn{line-height: 1.2;} } /*FAQ*/ .faq_main{width:100%;} .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:1px solid #E3D3C2;} .faq_ctr:after{content:'';position:absolute;right:10px;top:27px;width:18px;height:2px;background:#CCA876;} .faq_ctr:before{content:'';position:absolute;right:18px;top:19px;width:2px;height:18px;background:#CCA876;transition:0.4s ease-in-out;} .faq_ctr:last-child{margin-bottom:40px;} .question_ttl{font-size:18px;font-weight:500;} .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;} .answer_ttl{padding:20px 0 0 0;} } /*share*/ .sh_ttl {font-weight: bold;font-size: 18px;margin-right:10px;} .sh_this{margin:0;padding:10px 0;text-align:center;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;background: #E8D7BD;} .sh_this ul{margin:0 !important;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;list-style:none !important;} .sh_this ul > li:before{display:none !important;} .sh_this li{display:block;text-align:center;margin:2px;padding: 0 !important;} .soc_sh{display:flex;justify-content:center;align-items:center;width:50px;height:50px;line-height:50px;font-size:25px;text-decoration:none;transition:.8s;background:#F0E7D8;box-shadow: 0 5px 25px 0 rgba(0,0,0,0.15);border-radius:50px;} .soc_sh:hover{cursor:pointer;transform:scale(1.2);} .sh_this svg{fill:#463003;} .soc_sh:hover svg{fill:#fff;} .sh_this .fb:hover{background:#4A6099;} .sh_this .tw:hover{background:#31C1FE;} .sh_this .tg:hover{background:#2A9ED5;} .sh_this .sk:hover{background:#1AB7F1;} .sh_this .vb:hover{background:#633294;} .sh_this .wt:hover{background:#00C632;} .sh_this .ml:hover{background:#67AC30;} .sh_this .pt:hover{background:#DE2125;} @media (max-width:768px){ .soc_sh{width:40px;height:40px;} .sh_ttl {font-weight: bold;font-size: 18px;margin-right:0;} .sh_this{flex-direction: column;} } /*recomended*/ .recommended{max-width:1100px;margin:0 auto;padding:0 0 25px;} .ttl_rec_b{padding:0 0 25px;margin:0;font-size:36px;text-align: center; line-height: 1;font-family: 'Montserrat', sans-serif;} .recommended .ttl_rec_b{padding:25px 0;color:#463003;} .rec_list{display: flex;justify-content:center;align-items: center;flex-wrap: wrap; position:relative;color:#000;padding:15px 0;} .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;transition: 0.4s linear;} .rec_list:hover{text-decoration:none;color: #000;} .rec_list:hover img{transform: scale(1.2);} .rec_thumb{position:relative;overflow: hidden;width:50%;max-width:517px;border-radius:10px;} .rec_thumb:before{z-index:1; content:'';position:absolute;bottom:0;left:0;top:100%;width:100%;height:100%;background: linear-gradient(0deg, rgba(0,0,0,0.4), transparent);transition: 0.4s linear;} .rec_thumb:after{visibility: hidden;z-index:1; content:'';position:absolute;right:15px;left:15px;top:15px;bottom:15px;border:1px solid #fff;transition: 0.4s linear;} .rec_list:hover .rec_thumb:after{visibility:visible;} .rec_list .more_sng{font-size: 15px;} .prc_ttl{line-height:1.1;margin:10px 0;font-weight: 500;font-size: 25px;} .rec_txt{width:50%;max-width:517px;padding:25px;} .rec_txt p{font-size:18px;} .rec_more{line-height: 40px;margin-top:10px;} @media (min-width:768px){ .rec_list:hover .rec_thumb:before{top:0;} } @media (max-width:768px){ .ttl_rec_b{padding:0 0 10px;font-size:28px;text-align: center;} .rec_list{width:96%;padding:10px 0;margin:0 2%;} .rec_list:nth-child(2n) .rec_thumb{order:1;} .rec_list:nth-child(2n) .rec_txt{order:2;} .rec_thumb{width:100%;} .rec_txt{width:100%;padding:10px;} } /*contacts*/ .contus{width:100%;padding:0;} .contus a{color:#fff ;} .contus a:hover{text-decoration:underline;} .contus_post{padding:25px 0;} .contus .cont_ctr{display:flex;justify-content:center;} .contus_ctr{max-width:960px;margin:0 auto;} .cnt_mp{box-shadow:0 10px 30px 0 rgba(0, 0, 0, .15);} .cont_lft{max-width:500px;width:43%;min-width:300px;padding:40px 60px;line-height:2;background:#BB8E77;} .cont_rght{width:100%;} .cnt_cll{font-size:24px;} .cont_h{font-size:28px;line-height:1.2;padding-bottom:10px;color:#000;} .cont_lft{font-size:18px;line-height:1.2;} .cont_lft p{margin-bottom:25px;} .contus a.office-card-map{font-size:18px;text-decoration:none;} .contus a.office-card-map:hover{text-decoration:underline;} .cont_soc{text-align:center;} .cont_soc h2{margin-bottom:15px;} .contus .groupinsoc{margin:0 0 25px;text-align:center;padding:0;} .contus .groupinsoc a{border-radius:50px;display:flex;align-items:center;justify-content:center;width:60px;height:60px;transition: all 1s ease-in-out;background:#F0E7D8;box-shadow: 0 5px 25px 0 rgba(0,0,0,0.09);} .contus .groupinsoc li a:hover{animation:scalezoom 1s ease-in-out;} .contus .groupinsoc a svg{fill:#000;vertical-align:middle;} .code_map{background:#f9f9f9;transition: 0.4s linear;} .code_map iframe{width:100% !important;height:100%;min-height:250px;vertical-align:top;} #contact_form{padding:25px 0;} @media (max-width:780px){ .contus {padding:0 10px;} .contus .cont_ctr{display:block;} .cont_lft, .cont_rght{width:100%;max-width:100%;text-align:center;} .contus .groupinsoc {text-align:center;} .cont_itmserv{width:98%;text-align:center;} .cont_lft h2{font-size:20px;} .cont_lft{font-size:18px;padding:20px;} } /*services*/ .serv_list_item{position: relative;} .serv_list_item .parent_cat{text-align:center;padding:40px 10px;display: block;} .parent_cat{color: #000;text-decoration:none;} .parent_cat:hover{text-decoration:none;color: #000;} .parent_cat:hover h2{color:#000;} .parent_cat h2{font-size:36px;text-transform: capitalize;} .loop_serv{position:relative;} .loop_serv_item{position:relative;} .ttl_serv{font-size:30px;line-height:1.1;padding-top:4vh;padding-bottom:3vh;color:#BB8E77;} a .ttl_serv:hover{text-decoration:underline;} .serv_ctr{display:flex;flex-wrap: wrap;justify-content: center; width: 100%;padding: 0;} .loop_item.serv_item{width:25%;margin:0;position:relative;text-decoration:none;transition: all 1s ease-in-out;overflow: hidden;} .more_serv{text-align:center;font-size:16px;line-height:1;padding:8px 10px;color:#fff;border-radius:2px solid #fff;} @media (max-width:920px){ .ttl_serv{font-size:28px;text-align: center;} .loop_item.serv_item{width:50%;} } @media (max-width:768px){ .loop_item.serv_item{width:100%;} } /*Loop*/ .loadmore_ctr{width:100%;text-align:center;padding:25px 0;position:relative;} .loadmore_ctr .btn{display:inline-block;cursor:pointer;cursor: pointer;} .objects_spin{display:none;} .loop_item{width:47%;margin:1.5%;text-shadow:0 0 10px rgba(0,0,0,0.4); position:relative;text-decoration:none;transition: all 1s ease-in-out;overflow: hidden;border-radius: 10px;} .loop_item:before{z-index:1; content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background: linear-gradient(0deg, rgba(0,0,0,0.4), transparent);transition: 0.4s linear;} .loop_item:after{visibility: hidden;z-index:1; content:'';position:absolute;right:15px;left:15px;top:15px;bottom:15px;border:1px solid #fff;transition: 0.4s linear;} .loop_item:hover{text-decoration:none;} .loop_item img{vertical-align:top;width:100%;height:auto;transition: 0.4s linear;} .loop_item:hover img{transform: scale(1.2);} .loop_item:hover:after{visibility: visible;} .loop_item .price_time.cat_price{position: relative;} .loop_item_text{top:50%;z-index:2;transition: 0.4s linear;flex-direction: column; display:flex;align-items: center;justify-content: center; position: absolute;width:100%;padding:20px;left: 0;transform:translateY(-50%);} .loop_item_text h3{color:#fff;font-size:26px;letter-spacing:-0.5px;line-height:1.1;text-align: center;} .loop_item_text p{max-width: 80%; transition: 0.4s linear;text-align: center;font-size: 14px;line-height:1.5;padding-top:10px;color:#fff;} @media (min-width:768px){ .loop_item:hover p{transform: scale(1); display: block;} } @media (max-width:768px){ .loop_item{width:100%;} .loop_item_text h3 {font-size:20px;} } /*Pagination*/ .pagination{width:100%; text-align:center;padding: 25px 0 0;} .screen-reader-text{display:none;} .current .screen-reader-text,.current{position: static !important;} .page-numbers{margin:0 5px 10px 5px;border-radius:30px;font-size:15px;text-align:center;line-height:48px;width:50px;height:50px;padding:0;display:inline-block;vertical-align:top;color:#fff;text-decoration:none;background:#BB8E77;box-shadow: 0 0 10px 0 rgb(0,0,0,0.2);} .page-numbers.current{text-transform:uppercase;font-size:24px; color:#fff;background:#1A1413;} .current{display:inline-block;min-width:50px;} .prev, .next{display:none;} .prev:hover, .page-numbers:hover,.prev:focus, .next:hover, .next:focus {border-radius:30px;text-decoration:none;background:#1A1413;color:#fff;} .serv_line_wrap{background: linear-gradient(135deg, #FADCA5 0%,#D0A058 50%,#FADCA5 100%);} .serv_line{padding:15px 10px;display:flex;align-items:center;justify-content:center;} .serv_txt{max-width:500px;font-size:20px;font-weight:500;color:#000;padding-right:15px;} @media (max-width:780px){ .serv_line{display: block;text-align: center;padding-right:0;padding-bottom:15px;} } /* Services */ .ix_serv_item{max-width:1500px;margin:0 auto;} .recommended .serv_item, .ix_serv_item .serv_item{width:23%;margin:1%;max-width:350px;} @media (max-width:920px){ .ix_serv_item .serv_item{width:48%;} } @media (max-width:500px){ .ix_serv_item .serv_item{width:98%;margin:1% auto;} } /*404*/ .error_pg{padding:50px 0;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:100px;line-height:1;color:#000;} .err_text{padding:15px 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;} } /*pages*/ .bg_thumbnail{position:absolute;top:0px;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;} .bg_thumbnail img{width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} .bg_thumbnail:after{content:'';position: absolute;left: 0;top: 0;right: 0;bottom: 0; background:linear-gradient(360deg, rgb(252,241,237,0.28), rgb(0 0 0 / 40%));} h1.big_ttl_pg{color:#fff;text-align:center;font-size:50px;line-height:1.2;font-weight:100;position:relative;margin:0;display:flex;align-items:center;justify-content:center;overflow:hidden;text-shadow: 0 2px 5px rgba(0,0,0, 0.4);} @media (max-width:768px){ h1.big_ttl_pg{font-size:28px;text-shadow:none;} .bg_thumbnail img {width: 140%;} } .breadcrumb{padding:40px 0 0;font-size:18px;font-weight:500;line-height:1.1;text-align: center;text-shadow: 0 2px 5px #555;color:#fff;} .breadcrumb > div{display:inline-block;} .breadcrumb a{color:#BB8E77;} .breadcrumb a:hover{text-decoration: underline;} .separator{padding:0 5px;font-size:16px;font-weight:bold;} @media (max-width:768px){ .breadcrumb {padding:15px 0;font-size:12px;text-shadow:none;} .breadcrumb a{padding: 0 0 10px;display: inline-block;} .separator{padding:0 4px;font-size:12px;} } .wp-post-image{max-width:100%;height:auto;display:block;margin:0 auto;} .content_block{position:relative;padding:40px 10px 40px;clear:both;} .post_title{text-transform:uppercase;text-decoration:none;font-size:35px;line-height:40px;margin:20px 0 0 25px;padding-bottom:10px;} .content_text{position:relative;font-size:17px;line-height:27px;padding:25px 10px 0;max-width: 1100px;margin: 0 auto;} .content_text p{margin:0 0 35px;} .content_text h2, .content_text h3,.content_text h4,.content_text h5,.content_text h6 {padding:35px 0 0;color:#463003;} .content_text a{text-decoration:none;} .content_text a:focus,.content_text a:active,.content_text a:hover{text-decoration:underline;} .content_text ol {counter-reset:point;margin:5px 0 5px 2px;padding:0;line-height:1.6;} .content_text ol > li{list-style:none;position:relative;padding:0 0 5px 50px;} .content_text ol li:last-child{border-left:none;} .content_text ol > li:before {content: counter(point);color:#fff;counter-increment:point 1;position: absolute;top:2px;left:7px;background:#BB8E77;border-radius:50%;font-size:15px;line-height:24px;height:24px;width:24px;text-align:center;} .content_text ul{margin: 5px 0 5px 40px;padding: 0;line-height:1.6;} .content_text ul > li{list-style:none;position:relative;padding:0 0 10px;} .content_text ul > li:before {content:'';display:block;top:9px;left:-25px;position:absolute;width:6px;height:6px;background:transparent;background:#BB8E77;border-radius:50%;} .content_text ul > li > ul > li:before {content:'';display:block;transform: translateY(-50%);top:15px;left:-25px;position:absolute;width:4px;height:4px;background:#BB8E77;border:none;border-radius:50%;} .content_text ol{list-style:decimal;} .content_text h2{position:relative;padding:10px 0 25px;font-size:28px;line-height:1.2;margin:0;} .content_text h3{font-size:19px;padding:10px 0 20px;} .content_text h4{font-size:18px;} .content_text h5{font-size:17px;} .content_text h6{font-size:15px;} .content_text h2, .content_text h3, .content_text h4, .content_text h5, .content_text h6{font-weight: bold;} .content_text table{border:none;border-collapse:collapse;width:100%;} .content_text th,.content_text td{padding:5px;border:none;border-right:2px solid rgba(255,255,255,0.05);} .content_text th:last-child,.content_text td:last-child{border-right:none;} .content_text th{background:transparent;} .content_text tr:nth-child(2n){background:transparent;} .content_text tr:nth-child(2n+1){background:rgba(255,255,255,0.05);} .wp-block-table{margin:25px 0;} .content_text iframe{width:100%;} .content_text table{border:none;border-collapse:collapse;width:100%;} .content_text th,.content_text td{padding:5px;border:none;} .content_text th{background:#BB8E77;} .content_text tr:nth-child(2n){background:transparent;} .content_text tr:nth-child(2n+1){background:#f5f5f5;} @media (max-width:768px){ .content_block{padding:20px 10px;} } .schema-faq{position: relative;} .schema-faq-question{font-size:20px;} .schema-faq-section.schema-faq-section{position: relative;margin: 0 0 18px;background:#E8D7BD;box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1);padding: 25px;border-radius: 15px;} .content_text .schema-faq-section p {margin: 0 0 18px;} .fix_edit{opacity:1;border:none;display:block;position:fixed;text-align:center;border-radius:50px;bottom:76px;left:15px;height:50px;width:50px;padding-top:14px;background:#BB8E77;z-index:100;box-shadow:0 5px 25px 0 rgba(0,0,0,0.15);} .fix_edit:hover{cursor:pointer;} .fix_edit:hover:before{content:'';position:absolute;top:0;left:50%;height:50px;width:30px;} .fix_edit svg{fill:#fff;} .fix_edit span{transform: translateX(50px);visibility: hidden;opacity:0;position:absolute;z-index:-1;top:5px;left:100%;white-space:nowrap;line-height:40px;border-radius:50px;color:#101F3C;padding:0 15px 0 15px;font-size:14px;font-weight:500;white-space:nowrap;transition:0.4s linear;background:#eee;} .fix_edit:hover span{visibility: visible;opacity:1;transform: scaleX(1) translateX(5px);} @media (max-width:768px){ .fix_edit{bottom:5px;left:5px;} .fix_edit span{display: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:#BB8E77;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 #f1f1f1;} .gallery br+br{display:none;} .contenttext .attachment img{display:block;margin:0 auto;} .wp-block-image img {height:auto;} .foot_fix_wrap{position:fixed;right:10px;bottom:20px;z-index:99;} .foot_fix_wrap a{position:relative;display:block;width:60px;height:60px;border-radius:50px;margin-bottom:5px;display:flex;justify-content: center;align-items:center;box-shadow:0 0 15px 0 rgba(0, 0, 0, .15);transition:0.4s;} .foot_fix_wrap a:before{content:'';position:absolute;top:0;left:0;z-index:1;width:60px;height:60px;border-radius:50px;box-shadow: 0 0 15px 0 rgba(0,0,0,0.18);} .foot_soc_fix svg{position: relative;z-index:2;fill:#fff;} .foot_soc_fix.tg:before{background:#4A6099;} .foot_soc_fix.vb:before{background:#633294;} .foot_soc_fix.wt:before{background:#00C632;} .foot_soc_fix.in:before{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);} .foot_fix_wrap a span{display:none;} @media (min-width:768px){ .foot_fix_wrap a span{display:block;transform: translateX(100%);visibility:hidden;opacity:0;position:absolute;z-index:-1;top:10px;right:30px;white-space:nowrap;line-height:40px;border-radius:50px;color:#FFDEA8;background:#000;padding:0 40px 0 15px;font-size:16px;font-weight:500;white-space:nowrap;transition:0.4s linear;} .foot_fix_wrap a:hover span{visibility:visible;opacity:1;transform: scaleX(1) translateX(0);margin-left: 10px;} .foot_fix_wrap a span:hover{background:#00BD27;} } @media (max-width:768px){ .foot_fix_wrap{right: 50%;transform: translateX(50%);bottom: 6px;display: flex;} .foot_fix_wrap a{margin:0 4px;} } /*socials bottom*/ .groupinsoc{margin:10px 0;position:relative;text-align:center;padding:0;} .soc_ttl{text-align:center;text-transform:uppercase;font-weight:bold;} .groupinsoc li{display:inline-block;vertical-align:top;margin-left:5px;padding:0;} .groupinsoc li svg{fill:#fff;vertical-align:middle;} .groupinsoc a{display:flex;align-items:center;justify-content:center;width:35px;height:35px;transition: all 1s ease-in-out;} .groupinsoc li a:hover{animation:scalezoom 1s ease-in-out;} /*footer*/ footer{padding:0;margin:0 auto;background:#1a1413;color:#fff;overflow: hidden;} footer a{color:#BB8E77;} footer a:hover{text-decoration:underline;color:#fff;} .contakt_item_ctr{width:100%;position: relative;display:flex;justify-content:center;} .contakt_item{width:25%;padding:15px;margin:80px 0 40px;position: relative;text-align:center;border-right:2px solid #333;color:#fff;font-size:20px;} .contakt_item:last-child{border-right:none;} .contakt_item a{display: block;} .contakt_item svg{margin-bottom:25px;fill:#BB8E77;} .contakt_item .f_titlebg{font-size:22px;padding-bottom:15px;text-transform: capitalize;} .contakt_item_ctr .tel_item{font-size:25px;margin-bottom:10px;line-height: 1.2;} .contakt_item_ctr .mail_item{font-size:16px;margin-bottom:15px;line-height: 1.2;} .contakt_item_ctr .adr_item{font-size:18px;margin-bottom:15px;line-height: 1.2;} .contakt_item_ctr .office-card-map{font-size:18px;} .contakt_item_ctr .time_item{font-size:18px;display: block;} @media (max-width:920px){ .contakt_item_ctr{flex-wrap:wrap;} .contakt_item{width:50%;margin:15px auto;} .contakt_item:nth-child(2n){border-right:none;} } @media (max-width:780px){ .contakt_item{border-right:none;} } @media (max-width:550px){ .contakt_item{width:100%;} } .menu_foot{padding:25px 0 0;margin-bottom:40px;} .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:#BB8E77;} .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;} @media (max-width:780px){ } .f_widget{width:23%;margin:0 1% 25px;} .f_titlebg{color:#fff;line-height:26px;padding-bottom:10px;font-size:20px;position:relative;font-family: 'Montserrat', sans-serif;} .colum{width:100%;font-size:15px;display:flex;justify-content:center;flex-wrap:wrap;padding:40px 0 15px;margin-bottom:40px;border-bottom: 1px solid #222;border-top: 1px solid #222;color: #bbb;} .colum ul{margin: 0 0 0 18px;padding:0;} .colum li{font-size:15px;list-style:circle;margin-left: 0;padding:5px 0;} .colum .menu .menu-item {padding:0;} .colum .menu a{letter-spacing: 1px;padding: 3px 0;display: block;font-weight: 500;color: #fff;} .colum .menu {list-style:disc;} .colum .widget_media_image{filter: brightness(0) invert(1);} .colum .textwidget .aligncenter,.colum .textwidget img.aligncenter{margin:0px auto;} footer .groupinsoc a{width:50px;height:50px;border:none;background: #BB8E77;box-shadow:none;border-radius:50px;} footer .groupinsoc svg {fill:#fff;} footer .groupinsoc svg g{fill:#fff;} .footer_bottom{max-width:960px;margin: 0 auto;padding:0 0 40px;position: relative;} .copyright{text-align:center;font-size:13px;line-height:1.1;max-width:700px;margin: 0 auto; color: #888;} .copyright p{margin-bottom: 10px;} .privacy{text-align:center;padding:0 0 15px 0;} .privacy a{text-decoration:underline;font-size:13px;line-height:35px;} .metrika{padding:0;} @media (max-width:920px){ .f_widget{width:46%;} } @media (max-width:768px){ footer{padding:0;} .footer_bottom{flex-direction: column;} .privacy a{font-size:17px;line-height:18px;} .colum .menu a{display:block;} .colum{padding-bottom:0;justify-content: space-between;} .colum .f_widget{display:block;width:95%;margin:5% 2%;padding:0;text-align: center;} .colum .f_widget li{list-style:none;} .colum .menu li{list-style:none;} .colum a{font-size:18px;line-height:30px;} .f_titlebg {margin-bottom:0;} .privacy a{font-size:17px;line-height:55px;} } @media (max-width:550px){ .privacy{padding: 0 0 50px;} .privacy a{display:block;margin:0;} .f_widget{width:95%;margin:0 0 40px;} .logo_line{display:none;} } /*back top*/ .progress-wrap{position:fixed;bottom:15px;left:15px;height:50px;width:50px;cursor:pointer;display:block;border-radius:50px;box-shadow:0 5px 25px 0 rgba(0,0,0,0.15);z-index:55;opacity:0;background: #fff;border:4px solid #fff; visibility:hidden;transform:translateY(15px);transition:all 200ms linear;cursor:pointer;} .progress-wrap.active-progress{opacity:1;visibility:visible;transform:translateY(0)} .progress-wrap:hover{animation: scalezoom 0.5s ease-in-out;} .progress-wrap::after{position:absolute;content:'';background:#BB8E77;left:9px;top:45%;height:3px;width:15px;transform:rotate(-45deg);display:block;z-index:1;transition:all 200ms linear} .progress-wrap::before{position:absolute;content:'';background:#BB8E77;right:9px;top:45%;height: 3px;width: 15px;transform:rotate(45deg);display:block;z-index:2;transition:all 200ms linear} .progress-wrap svg path{fill:none} .progress-wrap svg.progress-circle path{stroke:#BB8E77;stroke-width:4;box-sizing:border-box;transition:all 200ms linear} @media (max-width:780px){ .progress-wrap{bottom:5px;left:5px;} } /*fixed buttons*/ #fix-toggle + label{position:fixed;display:block;padding: 0;bottom:15px;right:15px;z-index:10;height:50px;width:50px;background:#BB8E77;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{opacity:0;display:none;} #fix-toggle:checked ~ label{background:#F0E7D8;box-shadow:none;} #fix-toggle:checked ~ label .fix_opened{visibility:hidden;} #fix-toggle:checked ~ label .fix_closed{visibility:visible;} #fix-toggle:checked ~ #fix_but_ord{visibility:visible;height:240px;opacity:1;} #fix-toggle:checked ~ #fix_but_ord .mcl{transform: translateY(-60px);} #fix-toggle:checked ~ #fix_but_ord .mvb{transform: translateY(-105px);} #fix-toggle:checked ~ #fix_but_ord .mwt{transform: translateY(-150px);} #fix-toggle:checked ~ #fix_but_ord .mtg{transform: translateY(-195px);} .fix_closed{visibility:hidden;fill:#101F3C;} .fix_opened{visibility:visible;fill:#fff;} #fix_but_ord{opacity:0;position:fixed;bottom:15px;right:15px;height:0;width:50px;z-index:9;visibility:hidden;padding:5px 5px 60px 5px;background:#F0E7D8;border-radius:50px;box-shadow:0 5px 25px 0 rgba(0,0,0,0.15);transition:all 0.4s ease-in-out;} #fix_but_ord svg{fill:#fff;position:relative;} #fix_but_ord:hover .btn_mess:before{content:'';position:absolute;width:100%;height:10px;top:100%;} #fix_but_ord:hover .btn_mess:after{content:'';position:absolute;width:100%;height:10px;top:-5px;z-index:2;} .btn_mess{position:absolute;bottom:0;display:flex;justify-content:center;align-items:center;padding:0;height:40px;width:40px;box-sizing:content-box;border-radius:50px;box-shadow:0 0 15px 0 rgba(0,0,0, 0.25);cursor:pointer;transition:0.4s linear;} .mcl{background:#BB8E77;} .mvb{background:#633294;} .mwt{background:#00C632;} .mtg{background:#2A9ED5;} #fix_but_ord a span{visibility:hidden;} #fix_but_ord a span{display:block;transform: translateX(100%);right:-1px;top:0;visibility:hidden;opacity:0;position:absolute;z-index:-1;white-space:nowrap;line-height:40px;border-radius:50px;color:#fff;padding:0 40px 0 15px;font-size:16px;font-weight:500;white-space:nowrap;transition:0.4s linear;} #fix_but_ord a:hover span{visibility:visible;opacity:1;transform: translateX(0);} #fix_but_ord a span:hover{background:#101F3C;color:#fff;} .mcl span{background:#BB8E77;} .mvb span{background:#633294;} .mwt span{background:#00C632;} .mtg span{background:#2A9ED5;} @media (max-width:780px){ #fix_but_ord{right:5px;bottom:5px;} #fix-toggle + label{right:5px;bottom:5px;} } /*load anim*/ #circularG{position:relative;width:58px;height:58px;margin:100px auto} .circularG{position:absolute;background-color:#BB8E77;width:14px;height:14px;border-radius:9px;animation-name:bounce_circularG;animation-duration:1.1s;animation-iteration-count:infinite;animation-direction:normal} #circularG_1{left:0;top:23px;animation-delay:.41s} #circularG_2{left:6px;top:6px;animation-delay:.55s} #circularG_3{top:0;left:23px;animation-delay:.69s} #circularG_4{right:6px;top:6px;animation-delay:.83s} #circularG_5{right:0;top:23px;animation-delay:.97s} #circularG_6{right:6px;bottom:6px;animation-delay:1.1s} #circularG_7{left:23px;bottom:0;animation-delay:1.24s} #circularG_8{left:6px;bottom:6px;animation-delay:1.38s} @keyframes bounce_circularG { 0%{transform:scale(1)} 100%{transform:scale(.3)} } @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;}} .fa_myIn{animation-fill-mode:both;animation:fa_myIn 1s ease-in-out;} .fa_myleft{animation-fill-mode:both;animation:fa_myleft 1s ease-in-out;} .fa_myright{animation-fill-mode:both;animation:fa_myright 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;}} @keyframes fa_myright{0%{transform:translateX(-200%);opacity:0;}50%{opacity:0;}100%{transform:translateX(0);opacity:1;}} #baguetteBox-overlay{ display:none; opacity:0; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; z-index:1000000; background-color:#fff; background: rgba(0,0,0,0.6) !important;backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px); 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;} #baguetteBox-overlay .full-image figcaption{ display:none; 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; background: rgba(255, 255, 255, 0.1);box-shadow: 0 0 7px 0 rgb(50 50 50 / 15%);} .baguetteBox-button{ position:absolute; cursor:pointer; outline:none; padding:0; margin:0; border:0;background-color:transparent; color:#fff; 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#next-button:hover, .baguetteBox-button#previous-button:hover{background:#BB8E77;} .baguetteBox-button#close-button{background:transparent; top:20px; right:2%; right:calc(2% + 6px); width:30px; height:30px;z-index:5;transition:1s;} .baguetteBox-button#close-button{fill:#fff;} .baguetteBox-button#close-button:hover{border:none;transform: rotate(360deg);} .baguetteBox-button svg{ position:absolute; left:50%;transform:translate(-50%,-50%); top:50%; fill:#fff;} .baguetteBox-button:hover svg {fill: #000;} .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); }} @media (max-width:768px){ .baguetteBox-button{ background-color:rgba(0,0,0,1); } .baguetteBox-button:focus, .baguetteBox-button:hover{border: 2px solid #DD2F30;background: #DD2F30; } }