/*
 * Webasyst PROFI theme family
 *
 * Core CSS file
 *
 * @link http://www.webasyst.com/
 * @author Webasyst LLC
 * @copyright 2015 Webasyst LLC
 * @package Webasyst
 */

/* Variables
------------ */
html {
   /*--white:                           #fff;
    --black:                           #000;
    --gray:                            #808080;
    --gray1:                           #333;
    --gray2:                           #4f4f4f;
    --gray3:                           #828282;
    --gray4:                           #bdbdbd;
    --gray5:                           #e0e0e0;
    --gray6:                           #f2f2f2;
    --gray7:                           #fafafa;
    --gray20:                          #cccccc;

    --red:                             #f43434;
    --blue:                            #2f80ed;
    --green:                           #14b00e;
    --orange:                          #f2994a;
    --yellow:                          #ffcc00;
    --purple:                          #9b51e0;
    --purple-light:                    #bb6bd9;

    --gap:                             0px;

    --font-family:                     "Helvetica Neue", sans-serif;
    --font-size:                       14px;
*/
    --h1-size:                         2.2857rem;
    --h2-size:                         2rem;
    --h3-size:                         1.7142rem;
    --h4-size:                         1.4285rem;
    --h5-size:                         1.1428rem;
    --h6-size:                         1rem;
    /*

    --bg-color:                        var(--gray7);
    --hint-color:                      var(--gray3);
    --link-color:                      var(--purple);
    --link-visited-color:              var(--purple-light);

    --header-bg-color:                 var(--black);
    --header-link-color:               var(--white);
    --header-link-hover-color:         var(--white);
    --header-apps-link-color:          var(--gray3);
    --header-apps-link-selected-color: var(--gray6);

    --header-search-input-bg-color:    var(--gray5);
    --header-search-input-color:       var(--gray2);

    --header-menu-bg-color:            var(--white);
    --header-menu-pages-link-color:    var(--gray1);

    --input-color:                     var(--gray1);
    --input-placeholder-color:         var(--gray);
    --input-bg-color:                  var(--white);
    --input-disabled-bg-color:         var(--gray6);
    --input-disabled-color:            var(--gray4);
    --input-border-color:              var(--gray5);

    --footer-bg-color:                 var(--white);
    --footer-color:                    var(--black);
    --footer-link-color:               var(--gray3);
    --footer-link-hover-color:         var(--link-hover-color);
    --footer-notice-color:             var(--gray4);
    --footer-divider-color:            var(--gray6);
    --footer-app-color:                var(--gray);
    --footer-subscribe-link-color:     var(--link-color);

    --shadow:                          0 5px 30px rgba(0, 0, 0, 0.06);
    --shadow1:                         0 10px 60px rgba(0, 0, 0, 0.1);*/
}

/* Reset
-------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, /* ol, ul, li, */ fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, credentials, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; }
*, ::after, ::before { box-sizing: border-box;}
.hint, .breadcrumbs, .breadcrumbs a, .breadcrumbs span.rarr, table.features tr.divider td, .bestsellers .bestsellers-header, ul.thumbs li span.summary, .review .summary, .review .summary .date, ul.albums li .count, .album-note, .credentials .username, .credentials .username a { color: var(--hint-color); }
/* Common HTML elements, fonts, and colors
------------------------------------------ */
html { height: 100vh; }
body { display: flex; flex-direction: column; min-height: 100vh; overflow-x: hidden;}
html,
body { font-family: var(--font-family); font-size: var(--font-size); background: var(--background-main-color); line-height: 100%; color: var(--text-color); }

a { color: var(--link-color); outline: 0 none; text-decoration: none; }
a:focus { outline: none; outline-offset: -4px; }
a:visited { color: var(--link-visited-color); }
a.not-visited:visited { color: var(--link-color); }
a:hover { color: var(--link-hover-color); }
input[type="button"]::-moz-focus-inner { border: 0; }
input[type="submit"]::-moz-focus-inner { border: 0; }
a img { border: 0; }
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, blockquote, figure { margin-bottom: 20px; }
h1 { font-size: var(--h1-size); font-family: var(--font-family-2); }
h2 { font-size: var(--h2-size); font-family: var(--font-family-2);}
h3 { font-size: var(--h3-size); font-family: var(--font-family-2);}
h4 { font-size: var(--h4-size); font-family: var(--font-family-2); }
h5 { font-size: var(--h5-size); font-family: var(--font-family-2); }
h6 { font-size: var(--h6-size); font-family: var(--font-family-2); }
h1, h2, h3, h4 { line-height: 120%; font-weight: 400; }
.light-font { color: var(--text-color-light); }
ul, ol { padding-top: 0; }
ol { list-style: decimal; }
input, textarea, select { margin: 0; }
input, textarea { font-size: 1em; color: var(--gray1); }
select { max-width: 100%; }
input[type="button"]:focus { outline: none; outline-offset: -2px; }
fieldset { border: 1px solid var(--gray); padding: 10px; position: relative; background: var(--gray5); margin-bottom: 10px; }
fieldset p label { width: 98%; }
fieldset p input[type="text"] { width: 98%; }
fieldset p select { width: 99%; }
pre {margin-top: 16px; font-size: 90%; line-height: 24px; color: rgba(0, 0, 0, .75); background: rgba(0, 0, 0, .03); padding: 16px 20px;word-wrap: normal;}
blockquote { color: rgba(0, 0, 0, .6); font-size: 0.9em; font-style: italic; border-left: 1px solid rgba(0, 0, 0, .1);padding-left: 24px; background: var(--gray5); }
blockquote cite { font-size: 0.9em; }
hr { background-color: rgba(0, 0, 0, 0.15); height: 1px; border: 0; }
p { line-height: 1.4em; }
p a { text-decoration: underline; }
input::-webkit-input-placeholder { color: var(--input-placeholder-color); }
input:-moz-placeholder,
input::-moz-placeholder { color: var(--input-placeholder-color); }
label, button { cursor: pointer; }
.btn:focus {
    box-shadow: none;
}

/* ===================================
    Header
====================================== */
.sidebar-nav-style-1 {z-index: -1}

.side-left-menu-close { display: none; position: fixed; top: 0; right: 0; height:100%; }

/* header icon */
.header-social-icon { border-left: 1px solid rgba(255,255,255, 0.15); padding-left: 10px;/* margin-left: 12px;*/ display: inline-block; line-height: 15px; position: relative; top: -1px;}
.heder-menu-button {display: inline-block; line-height: 14px; padding-left: 5px; position: relative; top: -1px;}
nav.navbar.bootsnav .heder-menu-button .navbar-toggle {float: none; padding: 0; margin-top: 0; margin-bottom: 0; top: 4px}
.white-link .header-searchbar a, .white-link .header-social-icon a { color:#fff;}
/*.header-social-icon a {color: #232323}*/
.header-social-icon a i, .header-searchbar a i {margin: 0 5px;}
.header-searchbar a i { position: relative; top: -1px;}
.header-social-icon a:last-child i { margin-right: 0;}
.search-icon {padding-right: 10px;}
.search-close-button { position: absolute; top: 10px; right: 15px;}
ul.contact-info li {
    display: inline-block; padding:0;
}

/* header navigation color and logo */
/*header nav.navbar .navbar-nav > li > a, nav.navbar.bootsnav ul.nav > li > a{color: #232323;}*/
header nav.navbar.white-link .navbar-nav > li > a, nav.navbar.bootsnav.white-link ul.nav > li > a,
header nav.navbar.white-link .header-social-icon a,  nav.navbar.bootsnav.white-link .header-social-icon a,
header nav.navbar.white-link .header-searchbar a,  nav.navbar.bootsnav.white-link .header-searchbar a,
header nav.navbar.bootsnav ul.nav.white-link > li > a,  nav.navbar.white-link .header-menu-button a {color: #fff}

header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li > a,
header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-searchbar a,
header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-social-icon a,
header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a,
header.sticky nav.navbar-fixed-top.header-light.white-link .header-searchbar a,
header.sticky nav.navbar-fixed-top.header-light.white-link .header-social-icon a,
header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a,
/*header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a {color: #232323}*/

/* navigation */
header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li > a:hover, header.header-appear nav.bootsnav.header-light .navbar-nav > li > a:hover, header.header-appear nav.header-light-transparent .header-social-icon a:hover, header.header-appear nav.header-light .header-social-icon a:hover, header.header-appear nav.header-light.white-link .header-social-icon a:hover, header.header-appear nav.header-light-transparent.white-link .header-social-icon a:hover, header.header-appear nav.header-light-transparent.white-link .heder-menu-button a:hover, header.header-appear nav.header-light-transparent .header-searchbar a:hover, header.header-appear nav.header-light .header-searchbar a:hover, header.header-appear nav.header-light.white-link .header-searchbar a:hover, header.header-appear nav.header-light-transparent.white-link .header-searchbar a:hover, header nav.navbar .navbar-nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover, .header-search-form:hover, .header-social-icon a:hover {color: rgba(255,255,255,0.6)}
header nav.navbar.white-link .navbar-nav > li > a:hover, nav.navbar.bootsnav.white-link ul.nav > li > a:hover, header nav.navbar.white-link .header-social-icon a:hover, nav.navbar.bootsnav.white-link .header-social-icon a:hover, header nav.navbar.white-link .header-searchbar a:hover, nav.navbar.bootsnav.white-link .header-searchbar a:hover, header nav.navbar.bootsnav ul.nav.white-link > li > a:hover, header.header-appear nav.header-dark-transparent .navbar-nav > li > a:hover, header.header-appear nav.header-dark .navbar-nav > li > a:hover, header.sticky nav.header-dark .navbar-nav > li > a:hover, header.sticky nav.header-dark-transparent .navbar-nav > li > a:hover, header.header-appear nav.header-dark-transparent .search-button:hover, header.header-appear nav.header-dark .search-button:hover, header.sticky nav.header-dark .search-button:hover, header.sticky nav.header-dark-transparent .search-button:hover { color: rgba(255,255,255,0.6)}
header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-searchbar a:hover, header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-social-icon a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .header-searchbar a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .header-social-icon a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a:hover {color: rgba(255,255,255,0.6)}

header.sticky nav.navbar.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar.bootsnav.white-link ul.nav > li > a:hover { color: rgba(255,255,255,0.6);}
header.sticky nav.navbar.header-dark.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar.bootsnav.header-dark.white-link ul.nav > li > a:hover, header.sticky nav.header-dark .header-social-icon a:hover { color: rgba(255,255,255,0.6);}


header .top-header-area .icon-social-very-small a:last-child i{margin-right: 0;}
header nav .row { align-items: center; display: -ms-flex; display: -webkit-flex; display: -moz-flex; display: flex; height: auto; padding: 0;}
header nav .row > div:first-child { flex: 1 1 auto;}
header nav.navbar {border-radius: 0; padding: 0; }
header nav.navbar-default, nav.navbar.bootsnav {border-bottom: 0;}
header nav {width: 100%; top: 0px; z-index: 99; margin-bottom: 0; display: table; }
header nav .nav-header-container {display: table-cell; vertical-align: middle; position: relative;}
header nav .navbar-nav > li > a {/*color: #232323;*/ font-weight: 800; margin:0 20px; padding: 5px 0px 5px; text-transform: uppercase; letter-spacing: 0.015em;}
header nav .navbar-nav > li > a:hover, header nav .navbar-nav > li > a:focus, header nav .navbar-nav > li.active > a {background: transparent;}
header nav .navbar-nav > li:last-child a { margin-right: 0;}
.navbar-fixed-bottom, .navbar-fixed-top {z-index: 9999}
header nav.navbar-default .navbar-nav > li > a:hover, header nav.navbar-default .navbar-nav > li > a:focus, header nav.navbar-default .navbar-nav > li.active > a {border-bottom-color: #232323}
header nav .navbar-nav.text-normal > li > a {font-weight: 600;  }
.navbar-nav > li { position: inherit;}
.navbar-nav > li.dropdown > .fas { display: none}
/*.navbar-nav > li ul { margin: 0; padding: 0;}*/
.navbar-toggle {border-radius: 0; margin-right: 0;}
.mobile-toggle {display: block}
.sidebar-nav .mobile-toggle {display: none}
.mobile-toggle span { display: block; width: 16px; height: 2px; background: #232323; content: ""; margin: 3px 0px }
.mobile-toggle:hover span, .white-link .mobile-toggle:hover span { background-color: red}
.white-link .mobile-toggle span { background: #fff;}
header nav .brand-logo { padding-top: 20px; padding-bottom: 20px;}
header.sticky nav .brand-logo {padding-top: 15px; padding-bottom: 15px;}
header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a { padding: 20px 0 20px; }
#navbar-menu {
    position: fixed;
    width: 100%;
    background: #343a40;
    left: 0px;
    z-index: 5;
    top: 64px;
}
.navbar-toggle{
    background: none;
    border: none;
    color: #fff;
}

.nav .hidden_ {
    color: #fff;
}
.line-bottom .nav li:not(:last-child){
    border-bottom: 1px solid #fff;
}
.navbar {
    height: 64px;
}
header .phone{
    font-size: 1.5rem;
}
header .phone.with_dropdown {
	position: relative;
	/*background-color: #fff;*/
}
header .phone>div {
	padding: 10px 7px;
}
header .phone ul {
	padding: 10px 7px;
	position: absolute;
	left: 0;
	width: 100%;
	text-align: left;
	
}
header .phone.with_dropdown ul {
	display: none;
}

header .phone.with_dropdown:hover ul {
	display: block;
	transition-timing-function: ease-in-out;
	-ms-transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-duration: .2s;
	-ms-transition-duration: .2s;
	-moz-transition-duration: .2s;
	-webkit-transition-duration: .2s;
	-o-transition-duration: .2s;
}


/* header center logo */
.nav-left, .nav-right, .nav-center {display: table-cell; vertical-align: middle; width: 33.33%}
header nav .navbar-nav.navbar-center > li:last-child a {margin-right: 20px;}
.social-icon a {margin: 0 5px;}
.social-icon a:first-child {margin-left: 0;}
.social-icon a:last-child {margin-right: 0;}


nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {text-align: left }
header nav.navbar-fixed .nav-header-container {width: 100%; float: left;}

header .menu-logo-center .navbar-nav > li.social-links {padding: 26px 0;}
header.sticky .menu-logo-center .navbar-nav > li.social-links {padding: 20px 0;}

/* light transparent navigation */
header.header-appear nav.header-light-transparent, header.sticky nav.navbar-fixed-top.header-light-transparent, header.sticky nav.navbar-scroll-fixed-top.header-light-transparent {background: rgba(255, 255, 255, 0.95); box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.6)}
header.header-appear nav.header-light-transparent .separator-line-verticle-small, header.header-appear nav.header-light .separator-line-verticle-small {background: rgba(0, 0, 0, 0.4) }
header.header-appear nav.header-light-transparent .header-social-icon a, header.header-appear nav.header-light .header-social-icon a, header.header-appear nav.header-light.white-link .header-social-icon a, header.header-appear nav.header-light-transparent.white-link .header-social-icon a, header.header-appear nav.header-light-transparent.white-link .heder-menu-button a, header.header-appear nav.header-light-transparent .header-searchbar a, header.header-appear nav.header-light .header-searchbar a, header.header-appear nav.header-light.white-link .header-searchbar a, header.header-appear nav.header-light-transparent.white-link .header-searchbar a {color: #232323}
header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li > a, header.header-appear nav.bootsnav.header-light .navbar-nav > li > a {/*color: #232323;*/}
header.header-appear nav.header-light-transparent .header-searchbar, header.header-appear.header-light-transparent .header-social-icon, header.header-appear nav.header-light .header-searchbar, header.header-appear nav.header-light-transparent.white-link .header-social-icon, header.sticky nav.header-light-transparent .header-searchbar, header.sticky nav.header-light-transparent .header-social-icon, header.sticky nav.header-light .header-searchbar, header.sticky nav.header-light .header-social-icon {border-left: 1px solid rgba(0,0,0,0.25);}
header.header-appear nav.nav-fixed-top.header-light-transparent.white-link .navbar-nav > li > a, header.header-appear nav.nav-fixed-top.header-light-transparent.white-link .header-social-icon a, header.header-appear nav.nav-fixed-top.header-light-transparent.white-link .header-searchbar a,header.header-appear nav.nav-scroll-fixed-top.header-light-transparent.white-link .navbar-nav > li > a, header.header-appear nav.nav-scroll-fixed-top.header-light-transparent.white-link .header-social-icon a, header.header-appear nav.nav-scroll-fixed-top.header-light-transparent.white-link .header-searchbar a {/*color: #232323*/}
header.sticky nav.header-light-transparent .heder-menu-button .mobile-toggle span,header.sticky nav.header-light .heder-menu-button .mobile-toggle span {background: #232323;}

/* dark transparent navigation */
header.header-appear nav.header-dark-transparent, header.sticky nav.navbar-fixed-top.header-dark-transparent, header.sticky nav.navbar-scroll-fixed-top.header-dark-transparent {background: rgba(23, 23, 23, 0.85);}
header.header-appear nav.header-dark-transparent .separator-line-verticle-small, header.header-appear nav.header-dark .separator-line-verticle-small {background: #ffffff }
header.header-appear nav.header-dark-transparent .navbar-nav > li > a, header.header-appear nav.header-dark .navbar-nav > li > a, header.sticky nav.header-dark .navbar-nav > li > a, header.sticky nav.header-dark-transparent .navbar-nav > li > a {color: #ffffff }
header.header-appear nav.header-dark-transparent .header-social-icon a, header.header-appear nav.header-dark .header-social-icon a, header.sticky nav.header-dark .header-social-icon a, header.sticky nav.header-dark-transparent .header-social-icon a{color: #ffffff}
header.header-appear nav.header-dark-transparent .search-button, header.header-appear nav.header-dark-transparent .right-menu-button, header.header-appear nav.header-dark .search-button, header.header-appear nav.header-dark .right-menu-button, header.sticky nav.header-dark .search-button, header.sticky nav.header-dark .right-menu-button, header.sticky nav.header-dark-transparent .search-button, header.sticky nav.header-dark-transparent .right-menu-button{color:#ffffff }
header.sticky nav.header-dark-transparent .header-social-icon, header.sticky nav.header-dark .header-social-icon,header.sticky nav.header-dark-transparent .header-searchbar, header.sticky nav.header-dark .header-searchbar {border-left: 1px solid rgba(255,255,255,0.4);}
header.sticky nav.header-dark-transparent .mobile-toggle span, header.sticky .header-dark  .mobile-toggle span {background: #fff;}
header.sticky nav.header-dark-transparent .mobile-toggle:hover span, header.sticky .header-dark  .mobile-toggle:hover span {background: red;}

/* light navigation */
header.header-appear nav.header-light, header.sticky nav.navbar-fixed-top.header-light, header.sticky nav.navbar-scroll-fixed-top.header-light {background-color: #ffffff; box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.6)}

/* dark navigation */
header.header-appear nav.header-dark, header.sticky nav.navbar-fixed-top.header-dark, header.sticky nav.navbar-scroll-fixed-top.header-dark {background-color: #000000;}

/* collepsed menu icon */
.navbar-default .navbar-toggle .icon-bar, header.sticky .navbar-default.header-light .navbar-toggle .icon-bar, header.sticky .navbar-default.header-light-transparent .navbar-toggle .icon-bar {background: #232323; }
.navbar-default.white-link .navbar-toggle .icon-bar, header.sticky .navbar-default.header-dark .navbar-toggle .icon-bar, header.sticky .navbar-default.header-dark-transparent .navbar-toggle .icon-bar {background: #fff; }

/* hamburger menu */
nav.navbar.bootsnav .btn-hamburger { padding: 0;}
nav.navbar.bootsnav .btn-hamburger .navbar-toggle { margin: 0; top: -2px;}

.hamburger-menu-wrepper {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: -10005; padding: 55px 80px; display: table; opacity: 0; visibility: collapse;}
.menu-middle {display: table; height: 100%; width: 65%; margin: 0 auto; opacity: 0;}
.hamburger-menu-links {float: left; list-style: none; margin: 0; padding: 0; width: 100%; font-size: 52px; line-height: 55px; opacity: 0;}
.hamburger-menu-links li{float: left; margin-bottom: 36px; width: 50%;}
.hamburger-menu-links li a{color: #fff; position: relative;}
.hamburger-menu-links li.open > a{color: #ff2149}
.hamburger-menu-links li a:hover, .follow-box a:hover {color: #ff2149}
.animation-box {position: absolute; top: 5%; height: 100%; width: 100%; left:0; transform: perspective(600px) rotateX(-20deg); -weblit-transform: perspective(600px) rotateX(-20deg); -moz-transform: perspective(600px) rotateX(-20deg); -ms-transform: perspective(600px) rotateX(-20deg); -o-transform: perspective(600px) rotateX(-20deg); }
.hamburger-menu.show-menu .hamburger-menu-wrepper {z-index: 10004; opacity: 1; visibility: visible;}
.hamburger-menu.show-menu .animation-box{top: 0; transform: perspective(600px) rotateX(0deg); -webkit-transform: perspective(600px) rotateX(0deg); -moz-transform: perspective(600px) rotateX(0deg); -o-transform: perspective(600px) rotateX(0deg); -ms-transform: perspective(600px) rotateX(0deg); opacity: 1;}
.hamburger-menu.show-menu .hamburger-menu-links,.hamburger-menu.show-menu .menu-middle {opacity: 1;}
.hamburger-menu.show-menu .btn-hamburger .mobile-toggle,.hamburger-menu .btn-hamburger .close-menu {transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0);}
.hamburger-menu.show-menu .btn-hamburger .close-menu,.hamburger-menu .btn-hamburger .mobile-toggle  {transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);}
.hamburger-menu .hamburger-menu-wrepper .btn-hamburger {border-color: #fff; height: 18px; position: absolute; width: 18px; z-index: 99; padding: 0; margin: -27px 0 0 -15px; opacity: 0;}
.hamburger-menu.show-menu .hamburger-menu-wrepper .btn-hamburger {opacity: 1; right: 40px; transition-delay: 0.2s; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s;}
.hamburger-menu .close-button-menu  { float: none; height: auto; margin: 0; padding: 0; position: inherit; right: -26px; top: 44px; width: auto;}
.hamburger-menu .close-button-menu:after, .hamburger-menu .close-button-menu:before {background: #fff; width: 22px; right: 26px; top: -34px;}
.hamburger-menu-links li.dropdown > a:after{content: "\f107"; display: inline-block; position: absolute; right: -60px; top: 15px; font-family: Font Awesome\ 6 Free; font-weight: 900; font-size: 42px}



/* full navigation */
.show-menu .menu-wrap,.menu-wrap {left:auto }
.show-menu .menu-wrap {transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; opacity: 1; visibility: visible; z-index: 10001;}
.menu-wrap {transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; width: 100%; z-index: -10001; position: fixed; top: 0; right: 0; opacity: 0; visibility: hidden;}

/* container fluid navigation padding */
header nav.nav-box-width {padding: 0 50px;}

/* hamburger menu right side */
.big-menu-right {position: fixed; top: 0; right: 0; width: 40%; height: 100%; padding: 0 5%; opacity: 0; transform: translateX(30%) scaleX(0.6); -webkit-transform: translateX(30%) scaleX(0.6); -moz-transform: translateX(30%) scaleX(0.6); -o-transform: translateX(30%) scaleX(0.6); -ms-transform: translateX(30%) scaleX(0.6); transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; z-index: -1;}
.big-menu-links {list-style: none; margin: 0; padding: 0;}
.big-menu-links li {margin-bottom: 15px; display: block; width: 100%; float: left}
.big-menu-links li a {font-size: 50px;line-height: 1.5; color: #676767; float: left}
.big-menu-links li a:after {width: 0; background: #ff214f; height: 3px; content: ""; display: block; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s;}
.big-menu-links li a:hover {color: #ddd;}
.big-menu-links li a:hover:after {width: 100px; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s;}
.big-menu-right.open {transform: translateX(0) scaleX(1); -moz-transform: translateX(0) scaleX(1); -webkit-transform: translateX(0) scaleX(1); -o-transform: translateX(0) scaleX(1); -ms-transform: translateX(0) scaleX(1); opacity: 1; z-index: 9999}
.big-menu-close {background: #fff; position: absolute; right: 0; width: 40px; height: 40px; color: #232323; }

/* dropdown menu */
nav.navbar.navbar-default ul.nav > li > a {/*padding:26px 0;*/ background: transparent; border-color: transparent; font-weight: 600}
nav.navbar.navbar-default ul.nav > li.dropdown > a.dropdown-toggle::after, nav.navbar.sidebar-nav ul.nav > li.dropdown > a.dropdown-toggle::after {content: ""; vertical-align: middle; position: relative; top: -1px; margin-top: 0; }
nav.navbar.navbar-default ul li.dropdown ul.dropdown-menu > li:last-child {border-bottom: 0; border-bottom: 0;}
nav.navbar.navbar-default ul li.dropdown .dropdown-menu li > a:hover  {color: #fff; background:  transparent; left: 5px; }
nav.navbar.navbar-default ul li.dropdown .dropdown-menu li.active > a { color: #fff;}
nav.navbar.navbar-default ul.menu-links li.dropdown ul.dropdown-menu li > a:hover, nav.navbar.navbar-default ul.menu-links li.dropdown ul.dropdown-menu li.active > a {/*color: #232323*/}
.dropdown ul.second-level {left: 270px; top:0; height: 100%;}
.dropdown ul.third-level {left: 530px; top:0; height: 100%;}
nav.navbar ul.nav .dropdown-menu.second-level .dropdown-menu {margin-top: 0 }
.navbar-default ul li li.dropdown ul {display: none}
.navbar-default ul li li.dropdown.on > ul {display: block; position: absolute; left: 100%; margin-top: 0; padding: 0; top: 0;}
.navbar-default ul li li.dropdown.on > ul > li.dropdown.on > ul {display: block; position: absolute; left: 100%; margin-top: 0; padding: 0; top: 0;}
.navbar-default ul li li.dropdown ul.dropdown-menu {position: absolute; left: 100%; margin-top: 0; padding: 0; top: 0; box-shadow: none;}
.navbar-default ul li li.dropdown ul.dropdown-menu li {padding: 0;}
.dropdown-menu .dropdown a {position: relative}
nav.navbar.navbar-default ul li.dropdown li.dropdown > a::after { content: "\203A"; float: right;}

/*.content{*/
/*    min-height: 50vh!important;*/
/*}*/


nav.navbar.brand-center ul.nav > li > a {padding:26px; margin: 0;}


.sidebar-middle ::-webkit-scrollbar, .sidebar-nav-style-1 ::-webkit-scrollbar {-webkit-appearance: none;width: 4px;height: 4px;}
.sidebar-middle ::-webkit-scrollbar-thumb, .sidebar-nav-style-1 ::-webkit-scrollbar-thumb {background-color: #9e9f9f;}
.navbar-collapse, .sub-menu {-webkit-overflow-scrolling:auto; -moz--webkit-overflow-scrolling:auto; -ms--webkit-overflow-scrolling:auto; -o--webkit-overflow-scrolling:auto;}
.left-menu-inner { overflow-y: auto; overflow-x: hidden; }
.nav.navbar-left-sidebar > li > ul li a {display: block; font-weight: 500;}

/* navigation widget */
.menu-wrap .widget {display: inline-block; width: 100%}
/* Misc elements
---------------- */

.block { padding: 25px 30px; }
.inline { display: inline !important; }
.inline-link { text-decoration: none !important; display: inline-block; }
.inline-link b { border-bottom: 1px dotted; font-weight: normal; position: relative; top: -0.13em;}
.inline-link b i { font-style: normal; position: relative; top: 0.13em;}
.small { font-size: 0.9em; }
.large { font-size: 1.1em; }
.bold { font-weight: bold; }
.strike { text-decoration: line-through; }
.highlighted { background: #ffc; }
.hint { color: var(--hint-color); font-size: 0.9em; }
.hint a,
.hint:visited,
.hint a:visited { color: var(--gray3); }
.gray,
.gray .dropdown ul,
.gray a,
.gray:visited,
.gray a:visited { color: var(--gray3); }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.fa{
    font-family: 'Open Sans', sans-serif;
}
.shadowed { -moz-box-shadow: 0 5px 15px var(--gray3); -webkit-box-shadow: 0 5px 15px var(--gray3); box-shadow: 0 5px 15px var(--gray3); }
.nowrap { white-space: nowrap; }
.hr { border-top: 1px solid var(--gray20); margin-bottom: 15px; }
.uppercase { text-transform: uppercase; }
.blurred { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); }
.userpic { border-radius: 50%; background-size: auto; }

.container { min-width: 650px; max-width: 970px; margin: 0 auto; padding: 0; }

.breadcrumbs { color: var(--link-color); margin-bottom: 35px; display: flex; align-items: center; gap: 10px; }
.breadcrumbs a { color: var(--gray4) !important; }
.breadcrumbs span.chevron::after { left: 0; color: var(--gray4); }

.tags { line-height: 1.6em; }
.tags a { color: var(--green) !important; display: inline !important; padding: 0 4px !important; }



.welcome { text-align: center; background: url('img/webasyst.svg') no-repeat; background-position: top center; padding-top: 300px; background-size: 256px 256px; margin-bottom: 30px; }
.welcome h1 { font-weight: normal; font-size: 2em; }

.staff { background: var(--gray4); padding: 2px 6px; color: var(--white); font-size: 0.9em; border-radius: 5px; white-space: nowrap; line-height: normal; }

.wa-inline-block { display: inline-block !important; }

.wa-flex { display: flex !important; }
.wa-flex-wrap { flex-wrap: wrap !important; }
.wa-flex-nowrap { flex-wrap: nowrap !important; }
.wa-flex-row { flex-direction: row !important; }
.wa-flex-column { flex-direction: column !important; }
.wa-flex-fill { flex: 1 1 auto !important; }
.justify-content-start { justify-content: flex-start !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around { justify-content: space-around !important; }
.justify-content-evenly { justify-content: space-evenly !important; }
.align-content-start { align-content: flex-start !important; }
.align-content-end { align-content: flex-end !important; }
.align-content-center { align-content: center !important; }
.align-content-between { align-content: space-between !important; }
.align-content-around { align-content: space-around !important; }
.align-content-stretch { align-content: stretch !important; }
.align-items-start { align-items: flex-start !important; }
.align-items-end { align-items: flex-end !important; }
.align-items-center { align-items: center !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch { align-items: stretch !important; }
.wa-flex.space-025 > *:not(:last-child) { margin-right: 0.25rem; }
.wa-flex.space-05 > *:not(:last-child) { margin-right: 0.5rem; }
.wa-flex.space-075 > *:not(:last-child) { margin-right: 0.75rem; }
.wa-flex.space-1 > *:not(:last-child) { margin-right: 1rem; }
.wa-flex.space-2 > *:not(:last-child) { margin-right: 2rem; }
.wa-flex.space-3 > *:not(:last-child) { margin-right: 3rem; }
.wa-flex.space-4 > *:not(:last-child) { margin-right: 4rem; }
.wa-flex.space-5 > *:not(:last-child) { margin-right: 5rem; }
@media screen and (max-width: 760px) {
    .wa-flex.adaptive.space-025 > *:not(:first-child) { margin-top: 0.25rem; }

    .wa-flex.adaptive.space-025 > *:not(:last-child) { margin-right: 0; }

    .wa-flex.adaptive.space-05 > *:not(:first-child) { margin-top: 0.5rem; }

    .wa-flex.adaptive.space-05 > *:not(:last-child) { margin-right: 0; }

    .wa-flex.adaptive.space-075 > *:not(:first-child) { margin-top: 0.75rem; }

    .wa-flex.adaptive.space-075 > *:not(:last-child) { margin-right: 0; }

    .wa-flex.adaptive.space-1 > *:not(:first-child) { margin-top: 1rem; }

    .wa-flex.adaptive.space-1 > *:not(:last-child) { margin-right: 0; }

    .wa-flex.adaptive.space-2 > *:not(:first-child) { margin-top: 2rem; }

    .wa-flex.adaptive.space-2 > *:not(:last-child) { margin-right: 0; }

    .wa-flex.adaptive.space-3 > *:not(:first-child) { margin-top: 3rem; }

    .wa-flex.adaptive.space-3 > *:not(:last-child) { margin-right: 0; }

    .wa-flex.adaptive.space-4 > *:not(:first-child) { margin-top: 4rem; }

    .wa-flex.adaptive.space-4 > *:not(:last-child) { margin-right: 0; }

    .wa-flex.adaptive.space-5 > *:not(:first-child) { margin-top: 5rem; }

    .wa-flex.adaptive.space-5 > *:not(:last-child) { margin-right: 0; }
}

.s-badge { display: inline-block; padding: 0.35em 0.45em; font-size: 90%; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 5px;}
.s-badge-rounded { border-radius: 50rem;}
.s-badge-red { background: var(--red); color: var(--white);}

.overflow-hidden { overflow: hidden !important;}
.is-hidden { display: none; }

.wa-pb-0 { padding-bottom: 0 !important; }
.wa-pb-4 { padding-bottom: 4px !important; }
.wa-pb-8 { padding-bottom: 8px !important; }
.wa-pb-16 { padding-bottom: 16px !important; }
.wa-pb-18 { padding-bottom: 18px !important; }
.wa-pb-20 { padding-bottom: 20px !important; }
.wa-pb-22 { padding-bottom: 22px !important; }
.wa-pb-24 { padding-bottom: 24px !important; }
.wa-pb-28 { padding-bottom: 28px !important; }
.wa-pb-32 { padding-bottom: 32px !important; }

.wa-pt-0 { padding-top: 0 !important; }
.wa-pt-4 { padding-top: 4px !important; }
.wa-pt-8 { padding-top: 8px !important; }
.wa-pt-16 { padding-top: 16px !important; }
.wa-pt-18 { padding-top: 18px !important; }
.wa-pt-20 { padding-top: 20px !important; }
.wa-pt-22 { padding-top: 22px !important; }
.wa-pt-24 { padding-top: 24px !important; }
.wa-pt-28 { padding-top: 28px !important; }
.wa-pt-32 { padding-top: 32px !important; }

.wa-pl-0 { padding-left: 0 !important; }
.wa-pl-4 { padding-left: 4px !important; }
.wa-pl-8 { padding-left: 8px !important; }
.wa-pl-16 { padding-left: 16px !important; }
.wa-pl-18 { padding-left: 18px !important; }
.wa-pl-20 { padding-left: 20px !important; }
.wa-pl-22 { padding-left: 22px !important; }
.wa-pl-24 { padding-left: 24px !important; }
.wa-pl-28 { padding-left: 28px !important; }
.wa-pl-32 { padding-left: 32px !important; }

.wa-pr-0 { padding-right: 0 !important; }
.wa-pr-4 { padding-right: 4px !important; }
.wa-pr-8 { padding-right: 8px !important; }
.wa-pr-16 { padding-right: 16px !important; }
.wa-pr-18 { padding-right: 18px !important; }
.wa-pr-20 { padding-right: 20px !important; }
.wa-pr-22 { padding-right: 22px !important; }
.wa-pr-24 { padding-right: 24px !important; }
.wa-pr-28 { padding-right: 28px !important; }
.wa-pr-32 { padding-right: 32px !important; }

.wa-mb-0 { margin-bottom: 0 !important; }
.wa-mb-4 { margin-bottom: 4px !important; }
.wa-mb-8 { margin-bottom: 8px !important; }
.wa-mb-16 { margin-bottom: 16px !important; }
.wa-mb-18 { margin-bottom: 18px !important; }
.wa-mb-20 { margin-bottom: 20px !important; }
.wa-mb-22 { margin-bottom: 22px !important; }
.wa-mb-24 { margin-bottom: 24px !important; }
.wa-mb-28 { margin-bottom: 28px !important; }
.wa-mb-32 { margin-bottom: 32px !important; }
.wa-mb-auto { margin-bottom: auto !important; }

.wa-mt-0 { margin-top: 0 !important; }
.wa-mt-4 { margin-top: 4px !important; }
.wa-mt-8 { margin-top: 8px !important; }
.wa-mt-16 { margin-top: 16px !important; }
.wa-mt-18 { margin-top: 18px !important; }
.wa-mt-20 { margin-top: 20px !important; }
.wa-mt-22 { margin-top: 22px !important; }
.wa-mt-24 { margin-top: 24px !important; }
.wa-mt-28 { margin-top: 28px !important; }
.wa-mt-32 { margin-top: 32px !important; }
.wa-mt-auto { margin-top: auto !important; }

.wa-mr-0 { margin-right: 0 !important; }
.wa-mr-4 { margin-right: 4px !important; }
.wa-mr-8 { margin-right: 8px !important; }
.wa-mr-16 { margin-right: 16px !important; }
.wa-mr-18 { margin-right: 18px !important; }
.wa-mr-20 { margin-right: 20px !important; }
.wa-mr-22 { margin-right: 22px !important; }
.wa-mr-24 { margin-right: 24px !important; }
.wa-mr-28 { margin-right: 28px !important; }
.wa-mr-32 { margin-right: 32px !important; }
.wa-mr-auto { margin-right: auto !important; }

.wa-ml-0 { margin-left: 0 !important; }
.wa-ml-4 { margin-left: 4px !important; }
.wa-ml-8 { margin-left: 8px !important; }
.wa-ml-16 { margin-left: 16px !important; }
.wa-ml-18 { margin-left: 18px !important; }
.wa-ml-20 { margin-left: 20px !important; }
.wa-ml-22 { margin-left: 22px !important; }
.wa-ml-24 { margin-left: 24px !important; }
.wa-ml-28 { margin-left: 28px !important; }
.wa-ml-32 { margin-left: 32px !important; }
.wa-ml-auto { margin-left: auto !important; }

.font-weight-normal { font-weight: normal !important; }
.font-weight-bold { font-weight: bold !important; }

.font-size-big { font-size: var(--h5-size) !important; }

.text-white { color: var(--white) !important; }
.text-black { color: var(--black) !important; }
.text-gray { color: var(--gray4) !important; }
.text-green { color: var(--green) !important; }
.text-orange { color: #f2994a !important; }
.bg-gray { background-color: var(--gray6) !important; }


.w-100 { width: 100% !important; }

.chevron::after {
    content:        '';
    display:        inline-flex;
    border-style:   solid;
    border-width:   0 .1em 0.1em 0;
    width:          0.45em;
    height:         0.45em;
    vertical-align: middle;
    position:       relative;
    top:            0;
    left:           0.5em;
}
.chevron.down::after {
    transform: rotate(45deg);
    top:       -0.2em;
}
.chevron.right::after {
    transform: rotate(-45deg);
}

/* Card */

.cards { display: flex; flex-wrap: wrap; gap: 24px; list-style: none; margin: 0; padding: 0;}
.card { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 0; word-wrap: break-word; background-color: var(--white);  border-radius:0; box-shadow: var(--shadow);}
/*.card-img { border-top-left-radius: 15px; border-top-right-radius: 15px;}*/
.card-body { flex: 1 1 auto; padding: 30px;}
.card-title { display: block; font-size: 16px; font-weight: normal; line-height: 19px; margin-bottom: 10px; color: var(--black);}
.card-text { margin-top: 10px;}
.card-read-more { font-weight: 600; color: var(--link-color); display: block; text-align: right; margin-top: 22px;}

/* Buttons
---------- */

.button, button,
input[type=button],
input[type=submit] { outline: 0; padding: .857em 1.07em .857em 1.14em; font-size: 1rem; font-weight: 600; height: fit-content; z-index: 0; overflow: hidden; position: relative; display: inline-block; }
.button:hover, button:hover { cursor: pointer; background: var(--white); color: var(--white); }
input[type=button]:hover, input[type=submit]:hover { cursor: pointer; }

.button:hover::after, button:hover::after { content: '';  position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.75; border-radius: inherit; }





.button:active, button:active { background: var(--white) }
input[type=button]:active, input[type=submit]:active { }

button:disabled,
input[type=button]:disabled,
input[type=submit]:disabled { background: #eee; color: #999; text-shadow: 0 1px 1px var(--white); cursor: pointer; }
input[type=button].small,
input[type=submit].small { font-size: 0.9em; padding: 3px 5px; }
button.large,
input[type=button].large,
input[type=submit].large { font-size: 1.6em; padding: 7px 10px; font-weight: bold; }
button.gray,
input[type=button].gray,
input[type=submit].gray { background: var(--gray6); }
button.gray:hover,
input[type=button].gray:hover,
input[type=submit].gray:hover { background: #eee; }
button.blue,
input[type=button].blue,
input[type=submit].blue { background: #73b9ff linear-gradient(to bottom, #73b9ff 0%, #0d86ff 100%); border-color: rgba(0, 0, 0, .2); color: var(--white); text-shadow: none; }
button.blue:hover,
input[type=button].blue:hover,
input[type=submit].blue:hover { background: #73b9ff; }
#contactform input { background-color: #fff; color: #000;}

/* Navigation menus
------------------- */

ul.menu-v { margin: 0; padding: 0; }
ul.menu-v li { list-style: none; padding: 0; line-height: 1.3em; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
ul.menu-v li a { padding: 13px 30px 13px 16px; display: block; text-decoration: none; }
ul.menu-v li.collapsible { background: url('img/rarr.png') no-repeat; background-position: right center; background-size: 32px 16px; }
ul.menu-v.bottom-padded { margin-bottom: 20px; }
ul.menu-v li .count { float: right; color: var(--gray3); }
ul.menu-v li .count i.icon16 { margin: 0 -5px; }

ul.menu-h { margin: 0; padding: 0; }
ul.menu-h li { list-style: none; display: inline-block; padding: 0 10px 0 0; line-height: 1.3em; display: block \9; float: left \9; }
ul.menu-h li a { display: inline-block; padding: 13px 16px 13px 16px; display: block \9; float: left \9; text-decoration: none; }

ul.tree { list-style: none; padding-left: 0; }
ul.tree li { border: none; }
ul.tree li a { padding: 5px 16px; display: block; text-decoration: none;}
ul.tree li.selected a { background: transparent; }
ul.tree ul { padding-left: 20px; list-style: none; }
ul.tree ul a { padding: 3px 6px; font-size: 90%; }

.paging-nav { text-align: center; }
.paging-nav ul { display: inline-flex; gap: 8px; font-size: 16px; list-style: none; }
.paging-nav ul li { line-height: normal; padding: 0; color: var(--gray1); }
.paging-nav ul li a { display: inline-flex; list-style: none; width: 40px; height: 40px; justify-content: center; align-items: center; line-height: normal; background: var(--white); border: 1px solid var(--gray5); border-radius: 10px; padding: 0; color: var(--gray1); }
.paging-nav ul li.selected a { border: 2px solid var(--link-color); color: var(--link-color); }

/* Sign up & Login forms
------------------------ */

.wa-auth-adapters ul { padding: 0; min-height: 16px; }
.wa-auth-adapters ul li { list-style: none; float: left; padding: 0 15px 0 0; }
.wa-auth-adapters ul li a,
.wa-auth-adapters ul li span { display: block; padding: 0px 5px; }
.wa-auth-adapters ul li a img,
.wa-auth-adapters ul li span img { position: relative; top: 4px; margin-right: 3px; }
.wa-auth-adapters p { color: #888; font-size: 0.9em; width: 80%; }
.wa-auth-adapters.wa-connect { margin-top: 20px; }

.wa-form { float: left; margin: 10px 0; overflow: visible; }
.wa-form .wa-field { clear: left; margin: 0; padding-top: 3px; }
.wa-form .wa-field .wa-name { float: left; width: 155px; padding-top: 0.05em; padding-bottom: 10px; font-size: 0.95em; color: #888; }
.wa-form .wa-field.wa-separator { height: 10px; }
.wa-form .wa-field .wa-value { margin-left: 180px; margin-bottom: 5px; position: relative; }
.wa-form .wa-field .wa-value input.wa-error { border: 2px solid red; }
.wa-form .wa-field .wa-value .wa-error-msg { font-size: 0.9em; color: red; display: block; }
.wa-form .wa-field .wa-value input[type="text"],
.wa-form .wa-field .wa-value input[type="email"],
.wa-form .wa-field .wa-value input[type="password"] { width: 30%; min-width: 260px; margin: 0;}
.wa-form .wa-field .wa-value textarea { min-width: 300px; height: 70px; }
.wa-form .wa-field .wa-value input.wa-captcha-input, .wa-subscribe-form .wa-captcha .wa-captcha-input { min-width: 73px !important; }
.wa-form .wa-field .wa-value .wa-captcha img { margin-left: 0; }
.wa-form .wa-field .wa-value .errormsg { margin-left: 0; }
.wa-form .wa-field .wa-value.wa-submit { margin-top: 10px; }
.wa-form .wa-field .wa-value p label { display: block; margin: 0; }
.wa-form .wa-field .wa-value p { line-height: 1.6em; margin-bottom: 23px; position: relative; }
.wa-form .wa-field .wa-value p span { color: #777; font-size: 0.9em; display: block; }
.wa-form .wa-field .wa-value p i.icon16 { float: left; left: -20px; margin-top: 2px; position: absolute; }
.wa-form .wa-field .wa-value label, .wa-form .wa-field .wa-value p input { display: block; margin-bottom: 5px; }
.wa-form .wa-field .wa-value p input[type="radio"], .wa-form .wa-field .wa-value p input[type="checkbox"] { display: inline-block; }
.wa-form .wa-field .wa-value p .field.wa-required span:after { content: " *"; color: #faa; }
.wa-form .wa-field.wa-required .wa-name:after { content: " *"; color: #faa; }
.wa-form .wa-field .wa-value select { border-radius: .7em; padding: 0.85em 2.25em 0.85em 0.75em; line-height: 1; text-overflow: ellipsis;}
.wa-signup-form .wa-form .wa-field.wa-field-email .wa-value input { min-width: 300px; }
.wa-signup-form .wa-form .wa-field.wa-field-password .wa-value input,
.wa-signup-form .wa-form .wa-field.wa-field-password_confirm .wa-value input { min-width: 200px; width: 200px; }
form .wa-form .wa-field.fld_type_checkbox { display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-end; }
form .wa-form .wa-field.fld_type_checkbox .wa-value { margin-top: 0; margin-right: 3px; }
form .wa-form .wa-value .h-agreement-checkbox-wrapper input[type=checkbox] { position: static; }
form .wa-form .wa-value .h-agreement-checkbox-wrapper .h-agreement-checkbox-html-label { display: inline; margin-left: 10px; }

.wa-field .wa-captcha-img { margin-top: -2px; }
.wa-captcha { padding: 7px 0 10px; }
.wa-captcha p { margin: 0 !important; }
.wa-captcha strong { font-size: 1.2em; }
.wa-captcha p img { float: left !important; }
.wa-captcha .wa-captcha-refresh { font-size: 0.8em; text-decoration: underline; color: var(--gray3); }
.wa-captcha .wa-captcha-input { display: inline !important; margin-left: 10px; }
.wa-captcha .errormsg { display: inline-block; margin-left: 10px; display: block \9; float: left \9; }

input.error, textarea.error { border: 2px solid red; }
.errormsg { color: red; margin-left: 170px; display: block; }

input, textarea { background-color: var(--white); border: 1px solid var(--gray4); padding: 0.6rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--gray1); appearance: none; }
input:focus, textarea:focus { border-color: var(--gray4); outline: 0; }

input[type=checkbox],
input[type=radio] { width: 1.75em; height: 1.75em; background-repeat: no-repeat; background-position: center; background-size: 1em; border: 1px solid var(--gray4); appearance: none; vertical-align: middle; margin-bottom: 0.125em; padding: 0; }
input[type=radio] { border-radius: 50%;}
input:checked { border-color: var(--link-color);}
/*input:checked[type=checkbox] { background-image: url("/wa-data/public/site/themes/tasty_pro/img/check.png");}*/
input:checked[type=radio] { box-shadow: inset 0 0 0 .285em var(--white); background-color: var(--link-color); }

select { background-color: var(--white); background-repeat: no-repeat; border: 1px solid var(--gray4); border-radius: .5em; appearance: none; vertical-align: middle; padding: 0.275em 2.25em 0.275em 0.75em; font-weight: 400; line-height: 1.15; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9L12 15L6 9' stroke='currentColor' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-position: right 0.525em center; background-size: 16px;}
select:focus { border-color: var(--link-color); outline: 0;}


/* Multi-column layout
---------------------- */


/* Tables
--------- */

table { border-collapse: collapse; border-spacing: 0; }
table th { color: var(--gray3); padding: 0 10px 7px; }
table td { padding: 10px; border: 1px solid rgba(0, 0, 0, 0.1); }
table.not-bordered td { border: none; }

table.lined { margin-top: 25px; width: 100%; border-spacing: 0; border-collapse: collapse; }
table.lined th { padding-left: 7px; padding-right: 7px; }
table.lined td { padding: 15px 7px; border-bottom: 1px solid var(--gray5); }
table.lined td.min-width { width: 1%; }
table.lined td p { margin: 0; }
table.lined td input.numerical { width: 50px; margin-right: 5px; text-align: right; }
table.lined tr.no-border td { border: none; }
table.lined tr.thin td { padding-top: 13px; padding-bottom: 0; }
table.lined tr.service td { padding-top: 5px; padding-bottom: 5px; padding-left: 25px; font-size: 0.8em; color: #555; }

/* Customized search input look
------------------------------- */

.search { }
.search-wrapper { position: relative; }
.search input { width: 100%; float: left; height: 27px; padding-top: 0; margin-top: 1px; background: transparent; border: 0; -webkit-appearance: none; margin-right: 0; padding-left: 0; padding-right: 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.search input:focus { outline: 0; }
.search input[type="search" i]::-webkit-search-cancel-button { appearance: none }

.search button { width: 28px; position: absolute; border: none; outline: none; box-shadow: none; padding: 0; cursor: pointer; height: 28px; color: var(--gray2); background: transparent; top: 10px; right: 20px; }
.search button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */ border: 0; padding: 0; }
.search button:hover::after { content: none; }

/* Header: global navigation
---------------------------- */

header.globalheader { background: var(--header-menu-bg-color); position: relative; box-shadow: var(--shadow1); margin-bottom: 0px; }
header.globalheader .appnav { margin: 16px auto 16px auto; min-height: 49px; }
header a, header a:hover, header a:visited { color: var(--header-link-color); }

header h2 { margin: 0; font-size: 1.3em; white-space: nowrap; }
header h2 a { }
header h2 a span { display: none; }
header h2 a:hover { }

header .apps { padding: 6px 0; margin: 0; display: flex; align-items: center; gap: 20px; list-style: none;}
header .apps li { flex: 1 0 auto; }
header .apps li a { color: var(--header-apps-link-color) }
header .apps li a:hover { color: var(--header-apps-link-selected-color) }
header .apps li.selected a { color: var(--header-apps-link-selected-color) }

header .auth { display: inline-block; vertical-align: top; margin: 1px 0 0; padding: 0 0 0 30px; }
header .auth li { display: inline-block; vertical-align: top; list-style: none; }
header .auth li a.auth-logout { color: var(--header-apps-link-color); margin-left: 12px; }
header .auth li a.auth-logout:hover { color: var(--header-apps-link-selected-color);}
header .auth li .userpic20 { margin: 0; width: 20px; height: 20px; }

header .cart .container { min-width: min-content; width: 100%; }
header .cart .cart-summary { white-space: nowrap; }
header .cart a { display: inline-flex; align-items: center; }
header .cart a .cart-total { background-color: var(--header-cart-total-bg-color); font-size: 12px; padding: 2px 6px; line-height: 14px; font-weight: 400; }
header .cart a:hover { }
header .cart .cart-just-added { position: absolute; top: 100%; left: 0; width: 100%; box-sizing: border-box; display: none; padding: 9px 18px; font-size: 0.9em; }
header .cart a.cart-to-checkout { display: none !important; text-align: center; font-weight: bold; padding: 11px 18px; color: var(--link-color); font-size: 1.1em; }
header .cart a.cart-to-checkout:hover { background: var(--white) !important; }

header .cart a .ruble { line-height: 1em; font-size: 10px; }

header .cart.empty a { }

header .cart.fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 999; padding: 0; text-align: right; }
header .cart.fixed a { text-align: center; border-top: none; background: var(--red); padding: 4px 10px 6px 10px; box-shadow: var(--shadow1);
    border-radius:                 0 0 15px 15px; }
header .cart.fixed a:hover { background: #d33 !important; }
header .cart.fixed .cart-just-added { background: var(--gray5); display: inline-block; border-radius: 10px; margin-top: 4px; position: relative; width: auto; }
header .cart.fixed a.cart-to-checkout { display: block; border: none; background: var(--white); box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.2); }
header .cart.fixed a.cart-to-checkout:hover { color: var(--red) !important; }

header #mobile-nav-toggle { /* mobile only */ display: none; border: none; padding: 5px; width: 37px; height: 41px; color: var(--white); background: transparent; border-radius: 0; }
header #mobile-nav-toggle::after { content: none; }

header #globalnav { background: #38373D; }
header #globalnav .globalnav-bar { height: 48px; }

/* Header: app navigation
------------------------- */

header .search { margin-left: 20px; }
header .search [type="search"], .search [type="search"] { height: 48px; background-color: var(--gray6); color: var(--header-search-input-color); border-radius: 64px; padding: 0 32px 0 16px;}
header .search [type="search"]:focus, .search [type="search"]:focus,
header .search [type="search"]:hover, .search [type="search"]:hover { background-color: var(--gray5); }

header .pages { padding: 0; margin: 0; }
header .pages li { display: inline-block; list-style: none; }
header .pages li:not(:last-child) { margin-right: 36px; }
header .pages li a { display: block; color: var(--header-menu-pages-link-color); transition: opacity 200ms linear; }
header .pages li a:hover { opacity: .6 }
header .pages li.selected a { font-weight: bold; border-radius: 3px; background: transparent; }

header ul.flyout-nav li.collapsible { }
header ul.flyout-nav li.collapsible a { }
header ul.flyout-nav li .flyout { display: none; position: absolute; top: 100%; left: 0; right: 0; min-height: 150px; padding: 15px 30px; text-align: left; z-index: 101; background: var(--header-menu-bg-color); }
header ul.flyout-nav li.submenu-is-shown .flyout { display: block }

header ul.flyout-nav li .flyout a { text-transform: none; }
header ul.flyout-nav li .flyout a:hover { }
header ul.flyout-nav li .flyout ul.menu-v li { border: none; vertical-align: top; text-align: left; margin: 0 20px 20px 0; }
header ul.flyout-nav li .flyout ul.menu-v li.collapsible { background: none; }
header ul.flyout-nav li .flyout ul.menu-v li a { font-weight: bold; padding-left: 0; font-size: 1.1em; }
header ul.flyout-nav li .flyout ul.menu-v li ul.menu-v li { display: block; margin: 0; font-size: 0.9em; }
header ul.flyout-nav li .flyout ul.menu-v li ul.menu-v li a { font-weight: normal; }
header ul.flyout-nav li .flyout ul.menu-v li ul.menu-v li ul { display: none; }
header ul.flyout-nav li .flyout .departments ul.menu-v li { width: 173px; }
header ul.flyout-nav li .flyout .tags { font-size: 120%; }
header ul.flyout-nav li .flyout ul.menu-v.brands { text-align: center; }
header ul.flyout-nav li .flyout ul.menu-v.brands a { font-size: 1.2em; font-weight: normal; }

body.is-shadow-shown { position: relative; }
body.is-shadow-shown:after { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .25); z-index: 99;}
body.is-shadow-shown .globalheader { position: relative; z-index: 100; }

/* Main
------- */
main { flex: 1 }
main.maincontent { margin: 0; padding: 0; }
main.maincontent .container { padding-bottom: 0px; }
main.maincontent .container-fluid { padding-bottom: 0px; }

.right-sidebar > .sidebar {
    order: 1;
}
.right-sidebar > .content {
    order: 0;
}

@media screen and (max-width: 1024px) {
    .left-sidebar > .sidebar {
        order: 1;
    }
    .left-sidebar > .content {
        order: 0;
    }
}


.sidebar > *:not(:empty) { margin: 0 !important; background: var(--gray6); border-radius: 15px; padding: 20px; }
.sidebar > *:not(:last-child) { margin-bottom: 20px !important; }
.content { position: relative; min-height: 250px; }

.sub-links { margin-bottom: 32px; padding-left: 0; gap: 16px; }
.sub-links li { list-style: none; line-height: 1.5em; }
.sub-links li a { text-decoration: none; color: var(--link-color); font-size: 90%; }

.likebox { margin-bottom: 25px; overflow: hidden; }
.connect.inline .likebox { width: 260px; display: inline-block; vertical-align: top; margin-right: 50px; }

.leadbox { background: #fafadf; border: 1px solid rgba(0, 0, 0, 0.07); box-shadow: 0 3px 8px -4px rgba(0, 0, 0, 0.1); }
.leadbox h4 { font-size: 1.5em; line-height: 1.2em; }

.olives { background: var(--gray6); color: var(--gray2); margin-bottom: 40px; border-radius: 15px; line-height: 1.5em; padding: 32px 40px; }

.mailer-subscribe { padding: 7px 47px 32px; margin-bottom: 32px; border-bottom: 2px solid var(--footer-divider-color);}
.mailer-subscribe a { color: var(--footer-subscribe-link-color);}
.s-subscribe-section form { position: relative; }
.s-subscribe-section--title { font-size: 20px; color: var(--black) }
.s-subscribe-section--title span { display: block; font-size: 14px; color: var(--gray) }
.s-subscribe-section input { background: var(--gray6); border-radius: 64px; padding: 12px 16px; border: 0 none; outline: none; height: fit-content; }
.s-subscribe-section input:focus,
.s-subscribe-section input:hover { background: var(--gray5); }
.s-subscribe-personal-data { font-size: 12px; color: var(--gray4); }
.s-subscribe-section.is-extended .s-hidden { display: block; }
.s-subscribe-section .s-hidden { display: none; position: absolute; top: 100%; left: 0; width: 340px; padding: 1em; background: var(--white); z-index: 1; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .2); box-shadow: 0 0 16px rgba(0, 0, 0, .15); border-radius: 3px; }
.s-subscribe-section .s-hidden .wa-captcha { margin: 0; padding: 0; }
.s-subscribe-section .s-hidden .wa-captcha p { display: flex; align-items: center; }
.s-subscribe-section .s-hidden .wa-captcha p input { width: 1em; border: 1px solid var(--gray4); flex: 1 1 auto; padding: 10px 16px }
.s-subscribe-section .s-hidden .wa-captcha p img { margin: 0; }
.s-subscribe-section .s-hidden .wa-captcha p strong { margin: 0 .5em; }

.s-subscribe-section .s-hidden .wa-captcha p a { display: inline; }

@media screen and (max-width: 760px) {
    .s-subscribe-section input { margin-right: 0 !important; }
    .s-subscribe-section [type="submit"] { width: 100%; }
}

/* Footer
--------- */

footer.globalfooter { box-shadow: var(--shadow1); z-index: 0; padding-top: 25px; min-height: 40px; }
footer a, footer a:visited { }
footer a:hover { }


.footer-block { }
.footer-block a,
.footer-block strong { display: block; padding: 1px 0; margin-bottom: 16px; }
.footer-block a.top { font-size: 20px; margin-bottom: 32px; color: var(--black) !important; display: block; }
.footer-block.contact-us { }
.footer-block.contact-us .social { display: flex; gap: 10px; margin-bottom: 16px; }
.footer-block.contact-us .social a { color: var(--black) !important; width: 32px; height: 32px; background: var(--gray6); border-radius: 10px; display: flex; align-items: center; justify-content: center; transition: opacity 200ms linear; }
.footer-block.contact-us .social a:hover { opacity: .6; }

.appfooter { position: relative; text-align: center; padding: 20px; color: white; min-height: 1.5em; margin-top: 20px; }
.appfooter .copyright { }
.appfooter .poweredby { }
.appfooter .poweredby a { text-decoration: underline; }
.appfooter .webasyst-magic-wand { display: inline-block; width: 16px; height: 16px; background: url("img/webasyst.svg") no-repeat; margin-right: 4px; position: relative; top: 2px; z-index: -1; background-size: 16px 16px; }


.s-loading-section { position: fixed; top: 0; left: 0; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; background: rgba(255, 255, 255, .5); z-index: 100; }
.s-loading-section .s-loading-content { display: inline-block; }

/* 16x16 Icons
-------------- */

i.icon16 { background-repeat: no-repeat; height: 16px; width: 16px; display: inline-block; text-indent: -9999px; text-decoration: none !important; background-image: url("img/icons.png"); background-size: 260px 160px /* 50% of the original size for auto @2x optimization */; }
* i.icon16 { text-decoration: none !important; vertical-align: top; margin: 0.2em 0.25em 0 0; }
.icon16.rss { background-position: -16px 0; }
.icon16.facebook { background-position: -32px 0; }
.icon16.twitter { background-position: -48px 0; }
.icon16.vk { background-position: -64px 0; }
.icon16.gplus { background-position: -80px 0; }
.icon16.pinterest { background-position: -96px 0; }
.icon16.youtube { background-position: -112px 0; }
.icon16.instagram { background-position: -128px 0; }

.icon16.userpic20 { border-radius: 50%; background-size: 20px 20px; }
.icon16.color { border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.2); width: 12px; height: 12px; background-image: none; }

.icon16.like { background-position: 0 -16px; margin-top: 0; }
.icon16.star,
.icon16.star-full { background-position: -16px -16px; }
.icon16.star-half { background-position: -32px -16px; }
.icon16.star-empty { background-position: -48px -16px; }
.icon16.star-hover { background-position: -64px -16px; }

.icon16.remove { background-position: -96px -16px; }
.icon16.saved { background-position: -112px -16px; }
.icon16.stock-red { background-position: -128px -16px; }
.icon16.stock-yellow { background-position: -144px -16px; }
.icon16.stock-green { background-position: -160px -16px; }
.icon16.stock-transparent { background-position: -176px -16px; }
.icon16.checkmark { background-position: -192px -16px; }
.icon16.compare { background-position: -208px -16px; }
.icon16.compare.active { background-position: -224px -16px; }

.icon16.uarr { background: url('img/uarr.png'); background-position: 0 0; background-size: 16px 16px; }

.icon16.loading { background-image: url('img/loading16.gif'); background-position: 0 0; background-size: 16px 16px; }
.icon24.loading { background-image: url('img/loading.gif'); background-size: 24px 24px; height: 24px; width: 24px; display: inline-block; }
.icon32.loading { background-image: url('img/loading.gif'); background-size: 32px 32px; height: 32px; width: 32px; display: inline-block; }

/* 10x10 Icons
-------------- */

i.icon10 { background-repeat: no-repeat; height: 10px; width: 10px; display: inline-block; text-indent: -9999px; text-decoration: none !important; background-image: url("img/icons.png"); background-size: 260px 160px; }
* i.icon10 { text-decoration: none !important; vertical-align: top; margin: 0.3em 0.1em 0 0; }
.icon10.darr { background-image: url('img/darr.png'); background-size: 16px 16px; }

.icon10.star,
.icon10.star-full { background-position: 0 -100px; }
.icon10.star-half { background-position: -10px -100px; }
.icon10.star-empty { background-position: -20px -100px; }

/* 24x24 Icons
-------------- */

i.icon24 { background-repeat: no-repeat; height: 24px; width: 24px; display: inline-block; text-indent: -9999px; text-decoration: none !important; background-image: url("img/icons.png"); background-size: 260px 160px; }
* i.icon16 { text-decoration: none !important; vertical-align: top; margin: 0.2em 0.25em 0 0; }
.icon24.rss { background-position: 0 -50px; }
.icon24.facebook { background-position: -24px -50px; }
.icon24.twitter { background-position: -48px -50px; }
.icon24.vk { background-position: -72px -50px; }
.icon24.instagram { background-position: -96px -50px; }
.icon24.youtube { background-position: -120px -50px; }
.icon24.pinterest { background-position: -144px -50px; }
.icon24.gplus { background-position: -168px -50px; }

/* My account (hide core app nav elements)
------------------------------------------ */

html.my ul.menu-h li a { padding: 5px 7px; }
html.my ul.menu-h li.selected a { color: var(--white); }

html.my .sidebar { display: none; }

/* Mobile
--------- */

.nav-negative { display: none; /* mobile-only slide-out navigation */ padding-left: 0; margin: 3rem 0 -1px 0; border-bottom: 1px solid #333; background: var(--header-bg-color); }
.nav-negative li { list-style: none; display: block; border-top: 1px solid #333; }
.nav-negative li a { font-size: 1.2em; text-decoration: none; color: var(--gray5) !important; display: block; padding: 15px 26px 15px 16px; }
.nav-negative li.selected a { color: var(--white) !important; text-shadow: 0 1px 0 var(--black); background: transparent; font-weight: bold; }
.nav-negative.auth li { background: #666; }
.nav-negative.search { padding: 0; height: 52px; margin-bottom: -3rem; }
.nav-negative.search .search-wrapper { height: 52px; border-radius: 0; border: none; }
.nav-negative.search input { height: 52px; font-size: 1.3em; padding-left: 14px; margin-top: 4px; padding-right: 52px; }
.nav-negative.search button { background-size: 24px 24px; height: 52px; width: 52px; background-position: 3px 15px; top: 0; right: 0; }
.nav-negative.search button:hover::after { content: none; }

/* TABLET
========= */

@media screen and (min-width: 760px) and (max-width: 1024px) {

    body { -webkit-text-size-adjust: 100%; }

    .container { padding: 0 25px; }

    .sidebar { }

    .content.with-sidebar { }

    header h2 { margin-right: 10px; }

    header .apps li { margin: 2px 10px 2px 0; }

    .search-wrapper { }

    header.globalheader .appnav { padding-left: 0; padding-right: 0; margin-left: 25px; margin-right: 25px; }

    /* @media screen and (orientation : portrait) { */
    @media screen and (max-width: 850px) {


    }

}


/* MOBILE
========= */

@media screen and (max-width: 760px) {

    body { }

    h1 { }

    h2 { }

    h3 { }

    .container { min-width: 0; padding: 0 1rem; }

    .breadcrumbs { display: none; }

    .sidebar { }

    .content { }

    .content.with-sidebar { }

    .nav-negative { display: block; /* mobile-only slide-out navigation */ }

    header #globalnav { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; }

    header #globalnav > .container { padding: 0 0.5rem; }

    header h2 { margin-right: 0 !important; overflow: hidden; margin-left: 8px; }

    header h2 a img { display: none; }

    header h2 a span { display: inline; }

    header .appnav { margin-top: 62px !important; }

    header #mobile-nav-toggle { display: block; outline: 0; }
    header #mobile-nav-toggle:hover { color: var(--yellow); }

    header #globalnav nav { display: none !important; }

    header .pages { }
    header .pages li { margin-top: 6px; margin-bottom: 6px; }

    header .auth { display: none; }

    header .auth li a { font-size: 1em; }

    header .auth li a i.icon16 { margin-top: 0; }

    header .apps.unfolded { display: block; }

    header .cart,
    header .cart.fixed { min-width: 0 !important; position: static; }
    header .cart > .container { padding: 0; }

    header .cart a { height: 1em; padding: 16px 9px 15px 17px; }
    header .cart a .h-cart-title { display: none; }

    header .cart.fixed a { background: transparent; padding: 16px 9px 15px 17px; border-radius: 0; box-shadow: none; }
    header .cart.fixed a:hover { background: transparent; }

    header .cart a strong {  }

    header .cart #cart-content { display: none; }

    header ul.flyout-nav li.submenu-is-shown > a { }

    .content img { max-width: 100%; }

    .search { display: none; }

    .search-wrapper { padding-right: 0; }

    footer.globalfooter { }

    .footer-block { }

    .footer-block#copyright { }

    .footer-block a { }

    .footer-note { }

    .appfooter { }

    .appfooter .copyright,
    .appfooter .poweredby { }

    .wa-form .wa-field .wa-name { float: none; padding-bottom: 0; }

    .wa-form .wa-field .wa-value { margin-left: 0; }

    .wa-form .wa-field .wa-value p span { display: block; }

    .wa-form .wa-field .wa-value input[type="text"],
    .wa-form .wa-field .wa-value input[type="email"],
    .wa-form .wa-field .wa-value input[type="password"] { min-width: 200px; }

    .wa-auth-adapters p { width: 80%; }

    .wa-captcha input.wa-captcha-input { width: 100px; }

    .errormsg { margin-left: 0; }

    table td { padding: 5px; }

    html.my ul.menu-h li a { padding: 10px; }

    .comment-form-fields label { float: left; }

    .sub-links li { font-size: 110%; margin-bottom: 5px; }

    .sidebar .likebox { display: none; }

    .connect.inline .likebox { display: block; width: auto; }

    .wa-signup-form .wa-form .wa-field.wa-field-email .wa-value input { min-width: 240px; }

    .wa-signup-form .wa-form .wa-field.wa-field-password .wa-value input,
    .wa-signup-form .wa-form .wa-field.wa-field-password_confirm .wa-value input { min-width: 160px; width: 160px; }

    .olives { padding: 10px; }

    .olives-left,
    .olives-right { background-size: 25px auto; min-height: 55px; }

    .olives-content { margin: 0 20px; font-size: 0.9em; padding: 10px; }

    .footer-block.contact-us { }

}


.portfolio-grid .card {opacity: 1;overflow: hidden; border: none;}
.portfolio_bg_color{ background: {$theme_settings.portfolio_bg_color};}
.portfolio-grid .portfolio-caption{
     opacity: 1;bottom:0; left:0; position: absolute; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; width: 100%; z-index: 1; text-align: center;
}
.portfolio-grid .portfolio-caption p{
    display: none;
}
.portfolio-grid .portfolio-hover-main {bottom:-15px; left:0; opacity: 0.95; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; width: 100%; height: 100%; padding:35px; z-index: 1; text-align: center; /*background-color:#232323;*/}
.portfolio-grid .card:hover .portfolio-hover-content { bottom:0px; opacity: 1; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}

.portfolio-grid .card:hover .portfolio-caption {
    height: 100%;
    opacity: 0.95;
    padding:35px;
}
.portfolio-grid .card:hover .portfolio-caption p{
    display: block;
}
/*.portfolio-grid .portfolio-hover-content {*/
/*    bottom: -15px;*/
/*}*/

@media(min-width: 900px){
    .card-columns {
        column-count: 4;
    }
}

@media(max-width: 900px){
    .card-columns {
        column-count: 2;
    }
}

@media(max-width: 600px){
    .card-columns {
        column-count: 1;
    }
}

#portfolio{
    padding-top: 30px;
    padding-bottom: 30px;
}
#portfolio .card:not(:first-child){
    gap: 20px;
    margin-top: 20px;
}
#portfolio .card .portfolio-hover-main {
    transform: none;
    display: table;
    height: 100%;
    width: 100%;
}
#portfolio .card:hover .portfolio-hover-main {
    transform: none;
    display: table;
    height: 100%;
    top: 0;
    width: 100%;
}
#portfolio .card-columns .portfolio-hover-box {
    display: table-cell;
    height: 100%;
}


/* WIDE
========= */

@media screen and (min-width: 1300px) {

    .container { max-width: 1160px; }

}

/* FOOTER NOTICE */
.footer-note { color: var(--footer-notice-color); font-size: 0.9em; }
.s-footer-notice { color: var(--footer-notice-color); margin-top: 16px; font-size: 0.9em; line-height: 1.3em; text-align: left; }
.s-footer-notice a { color: inherit; text-decoration: underline; }

/* OTHER */
.wa-login-form-actions button,
.wa-signup-form-actions button,
.wa-forgotpassword-form-actions button,
.wa-set-password-form-wrapper button,
.wa-login-form-actions [type=button],
.wa-signup-form-actions [type=button],
.wa-forgotpassword-form-actions [type=button],
.wa-set-password-form-wrapper [type=button],
.wa-login-form-actions [type=submit],
.wa-signup-form-actions [type=submit],
.wa-forgotpassword-form-actions [type=submit],
.wa-confirm-signup-button,
.wa-set-password-form-wrapper [type=submit] { font-size: 18px; font-weight: bold; padding-top: 8px; padding-right: 15px; padding-bottom: 8px; padding-left: 15px; }


/* GRID
========= */
.row { display: flex; flex-wrap: wrap }
.row.gap4 { --gap: 4px; gap: var(--gap); }
.row.gap6 { --gap: 6px; gap: var(--gap); }
.row.gap8 { --gap: 8px; gap: var(--gap); }
.row.gap16 { --gap: 16px; gap: var(--gap); }
.row.gap20 { --gap: 20px; gap: var(--gap); }
.row.gap32 { --gap: 32px; gap: var(--gap); }
.row.cols1 > .col { --cols-count: 1; }
.row.cols1 > .col:not(.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12) { --col-width: 100%; }
.row.cols2 > .col { --cols-count: 2;}
.row.cols2 > .col:not(.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12) { --col-width: 50%; }
.row.cols3 > .col { --cols-count: 3; }
.row.cols3 > .col:not(.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12) { --col-width: 33.33333333%; }
.row.cols4 > .col { --cols-count: 4; }
.row.cols4 > .col:not(.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12) { --col-width: 25%; }
.row.cols5 > .col { --cols-count: 5;}
.row.cols5 > .col:not(.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12) { --col-width: 20%; }
.row.cols6 > .col { --cols-count: 6; }
.row.cols6 > .col:not(.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12) { --col-width: 16.66666667%; }
.row.cols7 > .col { --cols-count: 7; }
.row.cols7 > .col:not(.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12) { --col-width: 14.285714286%; }
.row.cols8 > .col { --cols-count: 8; }
.row.cols8 > .col:not(.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12) { --col-width: 12.5%; }
.row.cols9 > .col { --cols-count: 9; }
.row.cols9 > .col:not(.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12) { --col-width: 11.111111111%; }
.row.cols10 > .col { --cols-count: 10; }
.row.cols10 > .col:not(.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12) { --col-width: 10%; }
.row.cols11 > .col { --cols-count: 11; }
.row.cols11 > .col:not(.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12) { --col-width: 9.090909091%; }
.row.cols12 > .col { --cols-count: 12; }
.row.cols12 > .col:not(.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12) { --col-width: 8.33333333%; }
.col.w1 { --cols-count: 12; --col-width: 8.33333333%; flex: 0 0 auto; width: calc(var(--col-width) - (var(--gap) / var(--cols-count)) * (var(--cols-count) - 1)); }
.col.w2 { --cols-count: 6; --col-width: 16.66666667%; flex: 0 0 auto; width: calc(var(--col-width) - (var(--gap) / var(--cols-count)) * (var(--cols-count) - 1)); }
.col.w3 { --cols-count: 4; --col-width: 25%; flex: 0 0 auto; width: calc(var(--col-width) - (var(--gap) / var(--cols-count)) * (var(--cols-count) - 1)); }
.col.w4 { --cols-count: 3; --col-width: 33.33333333%; flex: 0 0 auto; width: calc(var(--col-width) - (var(--gap) / var(--cols-count)) * (var(--cols-count) - 1)); }
.col.w5 { --cols-count: 2.4; --col-width: 41.66666667%; flex: 0 0 auto; width: calc(var(--col-width) - (var(--gap) / var(--cols-count)) * (var(--cols-count) - 1)); }
.col.w6 { --cols-count: 2; --col-width: 50%; flex: 0 0 auto; width: calc(var(--col-width) - (var(--gap) / var(--cols-count)) * (var(--cols-count) - 1)); }
.col.w7 { --cols-count: 1.7; --col-width: 58.33333333%; flex: 0 0 auto; width: calc(var(--col-width) - (var(--gap) / var(--cols-count)) * (var(--cols-count) - 1)); }
.col.w8 { --cols-count: 1.5; --col-width: 66.66666667%; flex: 0 0 auto; width: calc(var(--col-width) - (var(--gap) / var(--cols-count)) * (var(--cols-count) - 1)); }
.col.w9 { --cols-count: 1.33; --col-width: 75%; flex: 0 0 auto; width: calc(var(--col-width) - (var(--gap) / var(--cols-count)) * (var(--cols-count) - 1)); }
.col.w10 { --cols-count: 1.2; --col-width: 83.33333333%; flex: 0 0 auto; width: calc(var(--col-width) - (var(--gap) / var(--cols-count)) * (var(--cols-count) - 1)); }
.col.w11 { --cols-count: 1.09; --col-width: 91.66666667%; flex: 0 0 auto; width: calc(var(--col-width) - (var(--gap) / var(--cols-count)) * (var(--cols-count) - 1)); }
.col.w12 { --cols-count: 1; --col-width: 100%; flex: 0 0 auto; width: calc(var(--col-width) - (var(--gap) / var(--cols-count)) * (var(--cols-count) - 1)); }

.col { flex: 1 0 0; width: calc(var(--col-width) - (var(--gap) / var(--cols-count)) * (var(--cols-count) - 1)); }
:is(.row.cols1,.row.cols2,.row.cols3,.row.cols4,.row.cols5,.row.cols6,.row.cols7,.row.cols8,.row.cols9,.row.cols10,.row.cols11,.row.cols12) > .col { flex: 0 0 auto; }
/* MOBILE
========= */

@media screen and (max-width: 760px) {
    .row.cols1-mobile > .col { --cols-count: 1; --col-width: 100% !important; }

    .row.cols2-mobile > .col { --cols-count: 2; --col-width: 50% !important; }

    .row.cols3-mobile > .col { --cols-count: 3; --col-width: 33.33333333% !important; }

    .row.cols4-mobile > .col { --cols-count: 4; --col-width: 25% !important; }

    .row.cols5-mobile > .col { --cols-count: 5; --col-width: 20% !important; }

    .row.cols6-mobile > .col { --cols-count: 6; --col-width: 16.66666667% !important; }

    .row.cols7-mobile > .col { --cols-count: 7; --col-width: 14.285714286% !important; }

    .row.cols8-mobile > .col { --cols-count: 8; --col-width: 12.5% !important; }

    .row.cols9-mobile > .col { --cols-count: 9; --col-width: 11.111111111% !important; }

    .row.cols10-mobile > .col { --cols-count: 10; --col-width: 10% !important; }

    .row.cols11-mobile > .col { --cols-count: 11; --col-width: 9.090909091% !important; }

    .row.cols12-mobile > .col { --cols-count: 12; --col-width: 8.33333333% !important; }
}

/* TABLET
========= */

@media screen and (min-width: 760px) and (max-width: 1024px) {
    .row.cols1-tablet > .col { --cols-count: 1; --col-width: 100% !important; }

    .row.cols2-tablet > .col { --cols-count: 2; --col-width: 50% !important; }

    .row.cols3-tablet > .col { --cols-count: 3; --col-width: 33.33333333% !important; }

    .row.cols4-tablet > .col { --cols-count: 4; --col-width: 25% !important; }

    .row.cols5-tablet > .col { --cols-count: 5; --col-width: 20% !important; }

    .row.cols6-tablet > .col { --cols-count: 6; --col-width: 16.66666667% !important; }

    .row.cols7-tablet > .col { --cols-count: 7; --col-width: 14.285714286% !important; }

    .row.cols8-tablet > .col { --cols-count: 8; --col-width: 12.5% !important; }

    .row.cols9-tablet > .col { --cols-count: 9; --col-width: 11.111111111% !important; }

    .row.cols10-tablet > .col { --cols-count: 10; --col-width: 10% !important; }

    .row.cols11-tablet > .col { --cols-count: 11; --col-width: 9.090909091% !important; }

    .row.cols12-tablet > .col { --cols-count: 12; --col-width: 8.33333333% !important; }
}


/* MOBILE
========= */

@media screen and (max-width: 760px) {
    html {
        --h1-size: 2rem;
        --h2-size: 1.7142rem;
        --h3-size: 1.4285rem;
        --h4-size: 1.1428rem;
        --h5-size: 1rem;
        --h6-size: 1rem;
    }

    .attach { flex-direction: column !important; }
}

:root {
    --scrollbarBg: black;
    --scrollbarThumb: var(--background-dark-color);
    --scrollbarWidth: 12px;
    --scrollbarBorder: 3px solid var(--scrollbarBg);
    --scrollbarBorderRadius: calc(var(--scrollbarWidth) / 2);
  }
  body {
    scrollbar-width: var(--scrollbarWidth);
    scrollbar-color: var(--scrollbarThumb) var(--scrollbarBg);
  }
  body::-webkit-scrollbar {
    width: var(--scrollbarWidth);
  }
  body::-webkit-scrollbar-track {
    background: var(--scrollbarBg);
  }
  body::-webkit-scrollbar-thumb {
    background-color: var(--scrollbarThumb);
    border-radius: var(--scrollbarBorderRadius);
    border: var(--scrollbarBorder);
  }


/* TABLET
========= */

@media screen and (min-width: 760px) and (max-width: 1024px) {
    html {
        --h1-size: 2rem;
        --h2-size: 1.7142rem;
        --h3-size: 1.4285rem;
        --h4-size: 1.1428rem;
        --h5-size: 1rem;
        --h6-size: 1rem;
    }
}

.attach {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  width: fit-content;
  margin-bottom: 0.5rem;
}
.attach .remove-attach {
  font-weight: 700;
  padding: 7px;
  margin-left: auto;
}
.attach [type=file] {
  cursor: pointer;
  position: relative;
  width: 290px;
  background-color: transparent;
  padding: 15px 10px 15px 20px;
  border: 2px dashed var(--gray5);
  -webkit-transition: 200ms background linear;
  -moz-transition: 200ms background linear;
  transition: 200ms background linear;
  border-radius: 10px;
  color: var(--link-color);
  box-sizing: border-box;
}
.attach::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 15px;
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%22612.675px%22%20height%3D%22612.675px%22%20viewBox%3D%220%200%20612.675%20612.675%22%20style%3D%22enable-background%3Anew%200%200%20612.675%20612.675%3B%22%0A%09%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%0A%09%09%09%3Cpath%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23777%22%20d%3D%22M581.209%2C223.007L269.839%2C530.92c-51.592%2C51.024-135.247%2C51.024-186.839%2C0c-51.592-51.023-51.592-133.737%2C0-184.761%20L363.248%2C69.04c34.402-34.009%2C90.15-34.009%2C124.553%2C0c34.402%2C34.008%2C34.402%2C89.166%2C0%2C123.174l-280.249%2C277.12%20c-17.19%2C17.016-45.075%2C17.016-62.287%2C0c-17.19-16.993-17.19-44.571%2C0-61.587L394.37%2C161.42l-31.144-30.793L114.144%2C376.975%20c-34.402%2C34.009-34.402%2C89.166%2C0%2C123.174c34.402%2C34.009%2C90.15%2C34.009%2C124.552%2C0l280.249-277.12%20c51.592-51.023%2C51.592-133.737%2C0-184.761c-51.593-51.023-135.247-51.023-186.839%2C0L36.285%2C330.784l1.072%2C1.071%20c-53.736%2C68.323-49.012%2C167.091%2C14.5%2C229.88c63.512%2C62.79%2C163.35%2C67.492%2C232.46%2C14.325l1.072%2C1.072l326.942-323.31%20L581.209%2C223.007z%22%2F%3E%0A%09%09%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  width: 20px;
  height: 100%;
  background-size: contain;
}
.attach [type=file].is-highlighted { background: #fafadf75; }
.attach [type=file]::-webkit-file-upload-button,
.attach [type=file]::file-selector-button { visibility: hidden; width: 0; }


.sticky {
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
  }

.apps .selected{
    color: white;
}

.menu-list .selected h3{
    text-decoration: underline;
    font-size: 28px;
    background-color: #382c1f;
    margin-bottom: 0px;
    padding: 20px;
}

.menu-list .selected p{
    background-color: #382c1f;
    padding: 20px;
}

#contactform{
    padding: 4rem 0;
    background-color: {$theme_settings.contactform_bg_color};
    color: {$theme_settings.text_contactform_color};
}


    
    

    .preorder_page_block{
        position: relative;    
        width: 100%;
        height: 100%;
        background: url('{$wa_theme_url}{$theme_settings.contact_block_pic}') no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-color: {$theme_settings.contact_block_bg_color};
        color: {$theme_settings.text_contact_block_color};
    }
    .pre_page{  
        padding-top: 30px;  
        padding-bottom: 20px;  
        width: 100%;
        height: 100%;
        display: flex;
        background-color: rgb(79, 72, 75, 0.4);
    }
    
    .preorder_info{
        margin-top: auto;
        margin-bottom: auto;
        padding: 20px;
        border-radius: 10px;
        background-color: rgba( 142, 106, 102, .5);
    }
    .preorder_schedule1{
        margin-top: auto;
        margin-bottom: auto;
        text-align: center;
    }
    .preorder_schedule2{
        margin-top: auto;
        margin-bottom: auto;
        text-align: center;
        margin-left: 20px;
    }



/*MAIN BANNER*/
    .welcome_info{
        padding: 40px;
        text-align: center;
        margin-top: auto;
        margin-bottom: auto;
    }
    
    .typing-anim{
        overflow: hidden; /* Ensures the content is not revealed until the animation */
        /*border-right: 5px solid #fff; /* The typwriter cursor */
        white-space: nowrap; /* Keeps the content on a single line */
        margin: 20px auto; /* Gives that scrolling effect as the typing happens */
        letter-spacing: .15em; /* Adjust as needed */
        animation: 
            typing 3.5s steps(30, end),
            blink-caret .8s step-end infinite;
    }
    .arrow {
        position: absolute;
        bottom: 40px;
        left: 50%;
        transform: translate(-50%, -50%);
        /*transform: rotate(90deg);*/
        cursor: pointer;
    }

    .arrow span {
        display: block;
        width: 30px;
        height: 30px;
        border-bottom: 5px solid white;
        border-right: 5px solid white;
        transform: rotate(45deg);
        margin: -10px;
        animation: animate 2s infinite;
    }
    
    .arrow span:nth-child(2) {
        animation-delay: -0.2s;
    }
    
    .arrow span:nth-child(3) {
        animation-delay: -0.4s;
    }
    
    @keyframes animate {
        0% {
            opacity: 0;
            transform: rotate(45deg) translate(-20px, -20px);
        }
        50% {
            opacity: 1;
        }
        100% {
            opacity: 0;
            transform: rotate(45deg) translate(20px, 20px);
        }
    }
    /* The typewriter cursor effect */
    @keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color:  #fff}
    }
    .welcome_info_about{
        opacity: 0;
        animation: showcontent 4s ease-in-out 0.7s 1 forwards;
    }

    @keyframes showcontent{
      from{
        opacity: 0;
        transform: translate( 0, 100px);
        filter: blur(33px);
      }to{
        opacity: 1;
        transform: translate( 0, 0);
        filter: blur(0);
      }
    }
   
    .welcome_info h1{
        font-size: 70px;
        
    }

    .welcome_title{
        margin-left: auto;
        margin-right: auto;
        width: fit-content;
    }

    @media (max-width: 1000px){
        .welcome_info h1{
        font-size: 32px;
        width: fit-content;
    }
    }

    @keyframes typing {
    from { width: 0 }
    to { width: 100% }
    }
/*  /MAIN BANNER*/

    .slider{
        width: 100%;
        height: 800px;
        padding: 50px;
        overflow: hidden;
        position: relative;
      }
      #slider_slide{
        width: max-content;
      }
  
      .slider_item{
        width: 300px;
        height: 500px;
        background-position: 50% 50%;
        display: inline-block;
        transition: 0.5s;
        background-size: cover;
        position: absolute;
        z-index: 1;
        top: 50%;
        transform: translate(0, -50%);
        box-shadow: 10px 30px 50px #000000;
      }
  
      .slider_item:nth-child(1){
        box-shadow: none;
        left: 0;
        border-radius: 0;
        width: 100%;
        height: 800px;
      }
      
      .slider_item:nth-child(1) .muar{
        opacity: 0;
      }
      
      .muar{
          display: block;
          width: 300px;
          height: 500px;
            opacity: 0.4;
      }
      
      @media (max-width: 1199.98px){
        .slider_item:nth-child(2),
        .slider_item:nth-child(3),
        .slider_item:nth-child(4),
        .slider_item:nth-child(5),
        .slider_item:nth-child(n+6){
          display: none;
        }
  
        .slider{
          padding: 0;
        }
  
        .slider_item:nth-child(1) .slider_content{
          width: 90%;
          left: 20px;
        }
      }
  
      .slider_item:nth-child(2){
        left: 50%;
      }
  
      .slider_item:nth-child(3){
        left: calc(50% + 330px);
      }
  
      .slider_item:nth-child(4){
        left: calc(50% + 660px);
      }
      .slider_item:nth-child(5){
        left: calc(50% + 990px);
      }
  
      .slider_item .slider_content{
        position: absolute;
        top: 50%;
        left: 100px;
        width: 500px;
        text-align: left;
        padding: 0;
        transform: translate(0, -50%);
        display: none;
      }
  
      .slider_item:nth-child(1) .slider_content{
        display: block;
        z-index: 11;
        opacity: 0.9;
        padding: 50px;
      }
  
       .slider_item_title{
        font-size: 40px;
        line-height: 40px;
        font-weight: bold;
        opacity: 0;
        animation: showcontent 1s ease-in-out 0.3s 1 forwards;
      }
  
      .slider_item .slider_item_desc{
        margin: 20px 0;
        opacity: 0;
        animation: showcontent 1s ease-in-out 0.7s 1 forwards;
      }
  
        .btn-slider{
            opacity: 0;
            animation: showcontent 1s ease-in-out 0.9s 1 forwards;
        }
  
      @keyframes showcontent{
        from{
          opacity: 0;
          transform: translate( 0, 100px);
          filter: blur(33px);
        }to{
          opacity: 1;
          transform: translate( 0, 0);
          filter: blur(0);
        }
      }
  
      .slider_buttons{
        position: absolute;
        bottom: 30px;
        left: 0;
        z-index: 2;
        text-align: center;
        width: 100%;
      }
  
      .slider_buttons button{
        text-decoration: none;
        width: 60px;
        height: 64px;
        border-radius: 50%;
        transition: 0.5s;
        color: white;
      }
  
      .slider_buttons button:hover{
        text-decoration: none;
        --link-color: white;
        background-color: white;
      }
        
      .slider_buttons button svg{
        font-size: 32px;
        text-shadow: 1px 1px 2px pink;
        line-height: inherit;
      }
      
      
      
      
      #about{
        background-color: {$theme_settings.about_bg_color};
        color: {$theme_settings.text_about_color};
    }


    .about_block{
        width: 80%;
    }
    .profi_text{
        margin-top: auto;
        margin-bottom: auto;
    }

    
    .right{
        display: none;
    }

    .left{
        display: none;
    }



    .anim-left{
        display: block;
        animation: expandLeft 1s ease forwards;
    }

    .anim-right{
        display: block;
        animation: expandRight 1s ease forwards;
    }

    @keyframes expandLeft {
    0% {
        transform: translateX(-700px);
    }
    100% {
        transform: translateX(0px);
    }
    }

    @keyframes expandRight {
    0% {
        transform: translateX(700px);
    }
    100% {
        transform: translateX(0px);
    }
    }

    
    .menu-gallery{
        padding-top: 50px;
        padding-bottom: 50px;
    }


    .menu h1{
        text-align: center;
    }

    .menu-tab{
        border-left: 1px solid white;
    }


    .menu-items{
        margin: 0 50px;
    }
   
    ol li {
        list-style: none;
        margin-top: 20px;
    }

    ol li {
        display: flex;
        justify-content: space-between;
    }

    li div:nth-child(2) {
        flex: 1 0;
        border-bottom: 1px dotted white;
        height: 1em;
        margin: 0 .4em;
    }

    @media (max-width: 1000px){ 
      .menu_link p{
        display: none;
      }
    }
    /*MAP*/
    .map-over { top:3rem; left:3rem;}
    .map-over .row *{ width: auto;}
    
    
    /*FEATURES*/
    
    .feature-box {overflow: hidden; z-index: 1;}
    .feature-box:before { left: 0; height: 100%;  top: 0; position: absolute; width: 100%; z-index: -1; display: block; content: ""; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); -ms-transform:scaleY(0); -o-transform:scaleY(0); opacity: 0}
    .feature-box:hover:before { transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; opacity: 1}

    .size-2x { font-size:2em;}
    
    
    /*.counter-feature-box-1{
        color: #000;
    }
    .counter-feature-box-1 i{
        color: #000;
    }
    .counter-feature-box-1 span{
        color: #000;
    }
    .counter-feature-box-1:hover {
        background: #fff;
        border-color: #fff;
        
    }*/
    .counter-feature-box-1 {
        height: 199px;
    }
    
    
    
/*WHY WE*/
    
.whywe-header1{
    font-size: 5rem;
    font-weight: 400;
}
.whywe-header2{
    font-size: 2rem;
    line-height: 2rem;
    text-transform: uppercase;
}
.whywe-caption{
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
}
.whywe-caption .fa-minus{
    font-size: 20px;
}
.w-90{
    width: 90%;
}

.whywe-block-header{
    display: inline;
}
.whywe-block-header i, .whywe-block-header h4{
    display: inline-block;
}

.whywe-block-header h4{
    margin-left: 10px;
}

/*WHY WE END*/


/*review*/
#review{
        position: relative;
    }
    
    .swiper-container{
        width: 100%;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    
    .swiper-slide{
        width: 450px;
        background-position: center;
        background-size: cover;
        background: rgb(230, 230, 230);
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
        filter: blur(2px);
    }
    
    .swiper-slide-mobile{
        width: 90%;
        background-position: center;
        background-size: cover;
        background: rgb(230, 230, 230);
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
        filter: blur(2px);
    }
    .quote{
        width: 50px;
        height: 50px;
        position: absolute;
        top: 20px;
        right: 30px;
        opacity: 0.6;
    }
    .rewiew-img img{
        width: inherit;
        height: inherit;
        border-radius: 50%;
    }
    .reviews-box{
        position: relative;
        width: 100%;
        padding: 30px;
        padding-top: 60px;
    }
    .review-details{
        align-items: center;
        margin-top: 20px;
    }
    .rewiew-img{
        position: relative;
        width: 100px;
        height: 100px;
        owerflow: hidden;
        margin-right: 10px;
    }
    .review-details h5{
        font-weight; 600;
        line-height: 1.1em;
    }
    .review-details h5 span{
        font-size: 14px;
        color: black;
    }
    .swiper-container-3d .swiper-slide-shadow-left,
    .swiper-container-3d .swiper-slide-shadow-right{
        background-image: none;
    }
    .swiper-slide-active{
        filter: blur(0px);
    }
    /*review end*/
    
    /*error*/
    
    #error{
        height: 95vh;
        padding-top:80px;
        display: flex;
    }
    .error-content{
        padding: 40px;
        background-color: rgba(256, 256, 256, 0.8);
        margin-right: auto;
        margin-left: auto;
        margin-top: auto;
        margin-bottom: auto;
    }
    /*profile*/
    .wa-form .wa-field:last-child .wa-value {
        margin-left: 0;
    }
    #wa-my-info-cancel{
        margin-left: 30px;
        
    }
    .wa-signup-url a{
        text-decoration: underline;
    }
    #login{
        margin: 50px 0;
    }
    #signup{
        margin: 50px 0;
    }
    .wa-login-url a{
        text-decoration: underline;
    }
    .auth li:last-child{
        margin-left: 10px;
    }