/* Quick.Cms.Ext v6.x default stylesheet */


/* Above files contains CSS for sites modules such as forms or page details.
We recommend merging all .css files into one file at the end of the site development process. 
font-family: "Playfair Display", serif;

*/

/* Layout variables */
:root {
  --color-text: #363636;
  --color-primary: #171717;
  --color-dark: #8c1919;
  --color-secondary: #959595;
  --color-white: #fff;
  --color-grey: #f6f6f6;
  --color-divider: #e8eaee;
}

/* GLOBAL STYLES */
body, body *, body *:before, body *:after{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body,table{color:var(--color-text);font-size:1em;font-family: "Playfair Display", serif;}

body{padding:0;background: #f7f7f7;}
body#page7 #body-bg{padding:0;background: #f3efde;}

a{color: #c5ab50;text-decoration:none;transition: all 0.5s ease}
a:hover{color: var(--color-dark);text-decoration:none;transition: all 0.5s ease}

.msg{clear:both;overflow:hidden;padding:20px 0;text-align:center;}
.msg.done, .msg.error{margin:10px 0;background:var(--color-primary) url('img/sprite.svg#info') no-repeat 1rem center;background-size:2rem;color:var(--color-white);font-size:1.5rem;}
.msg.done a, .msg.error a{color:var(--color-white);}
.msg.done a:hover, .msg.error a:hover{color:#1f1a17;}
.msg p{margin:.7em 4rem;line-height:2.25rem;}
.msg p:first-child{font-size:2rem;}
.msg a.action{display:inline-block;margin:7px 7px;padding:3px 8px;border:1px solid var(--color-white);text-decoration:none;font-size:0.813rem;}
.msg a.action:hover{background:var(--color-white);}
.msg.panel a.action{margin-top:13px;}
.msg.error{background-color:var(--color-secondary);}
body.is-msg-error404 .msg.error{margin-top:3rem;}
.wai{position:absolute;width:1px;height:1px;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);overflow:hidden;}
hr{display:block;background-color:#e6e6e6;border-width:1px;width:100%;height:1px;margin:20px auto;}

.icon{display:inline-block;content:"";flex-shrink:0;width:1.5rem;height:1.5rem;fill:var(--color-white);}
.icon--labeled{margin-left:.75em;width:1.5em;height:1.5em;}

.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff;}
.preloader span{ background-position:center center; background-repeat:no-repeat; background-image:url(img/preloader.jpg);animation-name: lightSpeedIn;transform-origin: center bottom;animation-duration:2s;animation-fill-mode: both; position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; }

.alllink{position: absolute !important;width:100%;height:100%;left: 0;top: 0;z-index: 12;}

#slider-1 .quick-slider-slide .description a, .button {display: block;position: relative;z-index: 1;float:left;padding: 15px 34px 17px;background:#e09eac;cursor:pointer;color: #fff;font-family: "Playfair Display", serif;font-size: 1rem;font-weight: 500;line-height: 1em;margin: 18px 0 0px;border-radius: 3px;}
.button input{background:none;font-weight:900;font-family: "Playfair Display", serif;font-size:0.875em;cursor:pointer;color:#fff}
#slider-1 .quick-slider-slide .description a:hover, .button:hover{color:#fff}
#slider-1 .quick-slider-slide .description a:before, .button:before{width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;z-index: -1;opacity: 0;background: #d4778b;-webkit-transition: all 250ms linear;content: ".";text-indent: -99999px;outline:0;border-radius: 3px;}
#slider-1 .quick-slider-slide .description a:hover:before, .button:hover:before, .button:focus:before, .button:focus:before {opacity: 1;color: #fff;}
#slider-1 .quick-slider-slide .description a:after, .button:after{content:"\276f\276f";margin-left: 12px;font-size: 0.75em;}

.form-full .save.button{background:#fff;margin: 0;}
.form-full .save.button:hover input{color:#fff}
.form-full .save.button:before{background:#389bd3;}
.form-full .save.button:after{color: #375ebc;margin: 0 17px 0 0;}
.form-full .save.button:hover:after{color:#fff}
#container:after{content:"";display:table;clear:both;}

.button2 {display: block;position: relative;z-index: 1;float:left;padding: 0;cursor:pointer;color: #c5ab50;font-family: "Playfair Display", serif;font-size: 1.4rem;font-weight: 400;line-height: 1em;margin: 25px 0 15px;font-style: italic;}
.button2:after{content:"\276f\276f\276f";margin-left: 12px;font-size: 0.75em;}

#body, #foot{margin:0 auto;padding:0;}
#container{overflow:hidden}

.is-page-home #body-bg{position:relative;margin-top: -150px;}
.is-page-home #body-bg:before{content: "";display: block;position: absolute;left: 0;top: 0px;height:8px;width:100%;box-shadow: inset 1px 5px 7px -2px rgba(0, 0, 0, 0.16);z-index: 12;}

/* QUICK LINKS */
#skiplinks{position:absolute;top:0;left:0;}
#skiplinks a{position:absolute;top:-500px;left:0;z-index:10;min-width:200px;padding:10px;color:var(--color-white);}
#skiplinks a:focus{top:0;background:#000;color:var(--color-white);}

/* LOGO, SLOGAN, MENU */
/*.header__navigation{background: #fff;position: relative;transition: all 2.5s ease}*/
.header__navigation{background: #fff;position: relative;transition: all 2.5s ease;position:fixed;top: 0;z-index: 15;width: 100%;transition: all 2.5s ease}

.header__navigation .container{display:flex;flex-flow: row wrap;justify-content:space-between;align-items:flex-start;position:relative;width: 95%;margin: 0 auto;z-index: 102;}

#logo{padding: 9px 0 0;order:-4;flex: 0 0 auto;background: #fff;line-height: 0;}

#logo #title-img{flex: 1 0 auto;}
#logo img{width: 115px;}

#box-right{padding: 0;flex: 0 0 auto;margin-top: 40px;}

#box-right .box{padding: 0;display: inline-block;}
#box-right .box .tel{color:#636363;line-height: 1em;text-align: right;float: right;margin-top: 9px;}
#box-right .box .tel a{font-size: 1.7em;position: relative;padding: 0;color: #e09eac !important;font-weight: 500;margin-left: 10px;}
#box-right .box .tel span{color: #c5ab50;font-size: 1.5em;display: inline-block;}

/* MENU TOP
   to style mobile and desktop menu use: .menu-top ...
   to style only desktop menu use: .header__menu ...
   to style only mobile menu use: .mm-ocd ...
*/
.header__menu .level-0-menu{display:flex;flex-flow:row wrap;list-style:none;text-align: center;margin: 0 33px 0 0;justify-content: flex-end;}
.header__menu .menu__link{display:block;padding: 7px 0px;color: #c5ab50;text-decoration:none;transition:all 0.5s ease;font-weight: 400;margin: 0;position: relative;margin: 0 20px;}
.menu__link:hover, .selected > .menu__link, .selected-parent > .menu__link{color: #c5ab50;background: transparent;}


/* DROP DOWN MENU */
.header__menu{background: transparent;float: left;margin: 40px 0 45px;}
.header__menu ul ul{display:none;} /* drop down submenus hidden */

.header__menu li:hover > ul{display:flex;padding: 1.5em;min-width: 100%;text-align: left;} /* show drop down submenu on hover */
/* drop down submenus styles */
.header__menu ul ul{position:absolute;top:100%;left: 0;z-index:10;width:auto;height:auto;white-space:nowrap;background: #ffffff;list-style:none;flex-flow: row wrap;justify-content:flex-start;animation-name: fadeIn;transform-origin: center bottom;animation-duration: .75s;animation-fill-mode: both;box-shadow: 0 9px 37px -8px #d9d9d9, 0 0 1px #f2f2f2;}
.header__menu .level-1-el.drop-down:before{top:50%;transform:translateY(-50%) rotate(-90deg);} /* dropdown mark - second level */


.header__menu .level-1-el{flex: 0 0 100%;}

.header__menu .level-1-el a{color: #c5ab50 !important;border-bottom: 0;padding: 10px 52px 10px 0;font-weight: 400;margin: 0;text-align: left;text-transform: inherit;letter-spacing: 0;}
.header__menu .level-2-el a{font-size:0.875rem;}
/* third level submenu */
.header__menu .level-2-menu{top:0;left:100%;border-left:5px solid var(--color-primary);}
.header__menu li{position:relative;font-size: 1.175rem;}

.header__menu .level-1-el a:before {content:'❱❱';margin: 5px 12px 0 0px;float: left;color: #cdb76a;font-size: 0.65em;font-weight: 400;}

.header__menu .menu__link:after{content:'';display:block;position:absolute;bottom:0;margin:auto;width:10%;height: 2px;background:transparent;transition:all 0.5s ease;left:0;}
.header__menu li:hover .menu__link:after , .header__menu .menu__link:hover:after, .header__menu .selected a:after, .header__menu .menu__link .selected-parent:after{width:99%;background: #c5ab50;}

.header__menu .level-1-menu .menu__link:after{display:none}

/*
.header__menu .menu__link:after{content:'';display:block;position:absolute;bottom:0;margin:auto;width:10%;height:5px;background:transparent;transition:all 0.5s ease;}
.header__menu .menu__link:hover:after, .header__menu .menu__link .selected:after, .header__menu .menu__link .selected-parent:after{width:99%;background:#0093dd;}
*/

.header__menu li.drop-down:hover a, .header__menu li.drop-down.selected a{/* background:#fff; */color: #c5ab50;} 
.header__menu .level-1-el a:hover, .header__menu .level-1-el.selected a{color: #800000 !important;}

/* Hamburger only on small screen */
button.hamburger{display:none}


/* SLIDER */
/* You will find slider styles in style-slider.css file */

/* BODY/CONTENT STYLES */
#body-bg{display: block;width:100%;margin: 114px auto 0;background: #fbfcff;position: relative;}
#body{clear:both;margin: 0 auto;width: 1300px;position: relative;z-index: 2;}
#body:after{content:"";display:table;clear:both;}

#page.column{flex: 0 0 77%;padding-right: 5%;}
#body #content{clear:both;display:flex;flex-flow: row-reverse;justify-content:center;margin:0;width: 100%;align-items: flex-start;}



/* PAGE */
#page{position:relative;margin: 92px 0 60px;text-align:left;width: 100%;}
#page:after{content:"";display:table;clear:both;}
#page h1, .heading-1{margin:.8em 0 .4em;color:var(--color-secondary);font-size:2.417rem;font-weight:normal;}
#page .msg.error h1, #page .msg.error .heading-1{margin-top:.4em;color:var(--color-white);}
#page .msg.error.panel h1{margin:0;font-size:1rem;}

/* LEWA KOLUMNA */
#column{flex: 0 0 23%;background:#fff;margin:42px 1% 30px 0;padding:0;position:relative;border:1px solid #d7d7d7;border-radius:0}
#column:after{content:'';background:#d7d7d7;height:4px;width:90px;position:absolute;top:-4px;left:0}
#column .title.oferta{color:#fff;background:#b8a177;padding: 20px 8%;}

#column li.select a:after, #column li a:hover:after{opacity:1;transition: all 0.5s ease}

#column ul{list-style:none;margin-top:0;padding:0px 0 20px;float:left;width:100%;overflow:hidden}
#column nav > ul > li > a{display:none}
#column ul li.selected a, #column ul li a:hover{color:#e1be96}
#column ul li{padding:0;margin:0}
#column ul li a{border-bottom:1px solid #d7d7d7;color:#721111;float:left;width:100%;padding: 20px 5%;text-transform: uppercase;font-size:0.875em;font-weight:700;position:relative}

#column ul ul{display:none;padding:0}
#column ul li.drop-down ul.show{display:block;height:auto;position:relative;z-index:20;animation-name: fadeInLeft;transform-origin: center bottom;animation-duration: 1s;animation-fill-mode: both;}
#column ul ul li a{border-bottom:1px solid #d7d7d7;color:#721111;float:left;width:100%;padding:20px 20px 20px 35px;text-transform: uppercase;font-size:0.75em;font-weight:700;position:relative}
#column ul ul li a:before{content:'\25cf';padding:0 12px 0 0;font-size:0.813em;float: left;color:#721111}
#column ul li a:before {content: '\220E';margin: 3px 12px 0 0px;float: left;color: #b8a177;font-size: 0.65em;}

/* PAGE - BREADCRUMB (navigation path) */
#head-title2{position: relative;width: 100%;border-bottom: 1px solid #e4e4e4;display: inline-block;background: #fe5e00;}
#head-title2 .container{width: 1300px;margin: 0 auto;text-align: left;padding: 25px 0 18px;display: table;font-size: 0.913em;}			
			
#head-title2 .container .one{display: inline-block;color: #a0a0a0;font-weight: 500;}
.breadcrumb{text-align: left;color: #a0a0a0;padding: 0;font-weight: 500;display: inline-block;}
.breadcrumb ol{list-style:none;}
.breadcrumb li{display:inline-block;}
.breadcrumb strong{color:#a0a0a0;font-weight: 500;}
.breadcrumb li a{color: #dca36a;}
.breadcrumb li:before{content: "";margin: 0 12px;font-size: 0.85em;height: 5px;width: 5px;background: #dca36a;display: inline-block;vertical-align: middle;}


/* PAGE CONTENT */
.contact #body-bg{overflow:hidden}
.contact #page {margin-top: 50px;display: inline-block;width: 100%;}
.contact #page div.content > p{padding-bottom:0.1em;color: #545352;font-family: "Playfair Display", serif;}
.contact #page div.content{float:left;width: 100%;}
.contact #page div.content .box{background:#f8f8f8;padding: 40px;}


.contact #page div.content > h2{font-weight:400;font-size: 1.63em;line-height: 1.4em;}


.is-page-home #page div.content.short{width: 100%;float:left}
.is-page-home #page div.content{font-size: 1.1em;}

#page .widgets-list.widgets-2{clear:both;display:flex;flex-flow: row wrap;justify-content:flex-start;margin: 20px 0;align-items: center;}
#page .widgets-list.widgets-2 ul{width: 100%;}
#page .widgets-list.widgets-2 li{flex: 0 0 30%;padding: 35px 3%;text-align: center;color: #fff;transition: all 1s ease}
#page .widgets-list.widgets-2 li:nth-child(1), #page .widgets-list.widgets-2 li:nth-child(3){background:#e09eac}
#page .widgets-list.widgets-2 li:nth-child(2){background:#dcd0a0}
#page .widgets-list.widgets-2 li h4{font-weight: 600;letter-spacing: 1px;font-size: 2.5em;margin-bottom: 20px;padding-bottom: 5px;}
#page .widgets-list.widgets-2 li h4:after{content: "";margin: 0 auto;height: 2px;width: 55px;position: relative;background: #fff;display: block;}
#page .widgets-list.widgets-2 li p{font-size: 1.5em;}
#page .widgets-list.widgets-2 li p a{color:#fff}
#page .widgets-list.widgets-2 li p a:hover{color:#dcd0a0}

#page .widgets-list.widgets-2 li:hover{border-radius:8px;transition: all 1s ease}

#page div.content{line-height:1.5em;}
#page div.content > ul, #page div.content > ol, #page div.content .right ul{padding: 0 0 0 6px;list-style: none;}
/* #page div.content > ul:after, #page div.content > ol:after{content:"";display:table;clear:both;} */ /* Uncomment if necessary */
#page div.content > ul li:before, #page div.content .right ul li:before{content:url(img/list.jpg);position: absolute;top: -1px;color: #73bfe3;left: 0;font-size: 0.875em;}
#page div.content > ul li, #page div.content .right ul li{margin: .5em 0 1em;padding: 0 0 0 51px;font-weight: 500;position: relative;color: #a8201a;font-size: 1.25em;}

#page h1, #page div.content > h2, .form-full h2{font-size: 4rem;line-height: 1em;color: #b19947;font-weight: 600;margin-bottom: 50px}
#page div.content > h3{font-size: 1.63rem;color: #6a6c72;font-weight: 700;margin-bottom: 24px;line-height: 1.1em;/* text-transform:uppercase; */}
#page div.content h4{font-size: 2rem;color: #252422;font-weight: 500;margin-bottom: 40px;line-height: 1.1em;}

#page div.content p{padding-bottom: 1.4em;color: #64697a;font-family: "Merriweather", serif;font-size: 1.05em;line-height: 1.9em;display: table;}

body#page7 #page div.content .box-w{padding: 38px 8%;background:#fff;width: 82%;float: right;}
body#page7 #page  div.content > h3{float:left;width:100%;margin-top: 264px;}
body#page7 #body-bg:before{background: url('img/bg-wypoz.jpg');position: absolute;left: 0;top: 10%;transition: all 2.5s ease;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;overflow: hidden;height: 626px;content: '';width: 100%;}


body.is-parent-page-8 #body-bg:before{background: url('img/bg-oferta.jpg');position: absolute;left: 0;top: 0;transition: all 2.5s ease;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;overflow: hidden;height: 100%;content: '';width: 100%;}

/* o nas */
#page h1{font-size: 2.6em;}
#page1 #body-bg{background:linear-gradient(to right, #fbfcff 0%, #fbfcff 40%, #fbfcff 40%, #fbfcff 100%)}

#page9 #page h1{margin-bottom:10px}
#page9 #page{width:60%}
#page9 #page div.content p{padding-left: 5em;}
#page9 #page .counter {
    text-overflow: clip;
    overflow: hidden;
    white-space: nowrap;
    font-size: 40px;
    position: absolute;
    left: 0;
    display: inline-block;
    margin: 0 0 5px;
    line-height: 40px;
    transition: all .2s;
    width: 60px;
    height: 40px;
    color: #f7809b;
    font-family: 'Times New Roman';
}


.marquee{display:none}
#page1 .marquee{display:block}
#page1 .marquee span{display: inline-block;padding-left: 100%;animation: marquee 33s linear infinite;color: rgb(197, 171, 80);font-size: 20em;position: absolute;opacity: 0.2;top: calc(50% - 156px);}
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}


#page div.content .left{float: left;width: 50%;margin-bottom: 50px;}
#page div.content .right{float: right;width: 48%;}

#page > time{color:var(--color-text);opacity:.7;}

.table #page div.content table{border: 1px solid #adadad;background:#fff}
.table #page div.content table tbody tr:nth-child(1) td:nth-child(1){background: #375fbc;color:#fff;font-weight:700;border-right: 0;font-size: 1.75em;}
.table #page div.content table tbody tr:nth-child(1) td:nth-child(2){background: #375fbc;color:#fff;font-weight:700;border: 0;}
.table #page div.content table tbody tr td:nth-child(odd){}
.table #page div.content table tbody tr td{border-bottom: 1px solid #adadad;padding: 18px 30px 15px;font-size: 1.12em;font-weight: 600;color: #555555;}
.table #page div.content table tbody tr td:nth-child(2){color: #38a4d7;font-weight:700;}

/* IMAGES STYLES */
/* global */
#content li img:hover{transition: all 0.5s ease}
ul[class*='images-']{list-style:none;}
ul[class*='images-'] li{margin: 0 0 0.6rem 0;text-align:center;position: relative;}
ul[class*='images-'] p{max-width:250px;margin:0 auto;color:var(--color-primary);font-size:0.875em;}
ul[class*="images-"] img{max-width: 100%;box-shadow: 0 10px 55px 5px rgba(210, 189, 118, 0.35);border-radius: 10px;transition: all 0.5s ease;}
ul[class*="images-"] img:hover{transition: all 0.5s ease}
div.content .images-gallery{padding:0;}
div.content .images-gallery li:before{display:none}
div.content .images-gallery.images-0 li{flex: 0 0 auto;padding: 0 42px 36px 0px !important;margin: 0 !important;}
div.content .images-gallery.images-0{/* flex: 0 0 37%; */justify-content: inherit;float: left;}

#page .images-column.images-1{padding: 5px 5em 2em 0;margin: 0;}
#page .images-column.images-1 li{padding:0;margin:0}

/* w tekscie */ 
ul[class*='images-51']{clear:both;display:flex;flex-flow: row wrap;justify-content:flex-start;margin: 20px 0;}
ul[class*='images-51'] li{flex: 0 0 33%;padding: 0 1%;}

ul[class*='images-52']{clear:right;float:right;margin: 20px 0 30px 60px;}
ul[class*='images-53']{clear:right;float:left;margin: 20px 60px 30px 0;}

/* list custom */
.images-1{clear:left;float:left;margin:.5rem 1.5rem 0 0;}
.images-2{clear:right;float:right;margin: .5rem 0 0 9rem;}
.images-gallery{clear:both;display:flex;flex-flow:row wrap;justify-content:space-between;padding: 2em 0 3em;}
.images-gallery li{margin: 0.6rem 0.5% !important;}
div.content .images-gallery{clear:none;list-style: none;padding: 0 !important;margin: 0;}
.images-gallery li{flex: 0 0 calc( 95% / 4 );}
.images-gallery li img{border-radius:0;width: 100%;box-shadow: none;}

.images-gallery li a{display:block;line-height: 1px;position: relative;/* height: 100% */;}
.images-gallery li a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f7809b;
    opacity: 0;
    z-index: 2;
    -webkit-transition: 0.3s opacity ease-in-out;
    transition: 0.3s opacity ease-in-out;
    background: linear-gradient(to left, #f7809b, #f9cad4) !important;
}
.images-gallery li a:hover:before {
    opacity: 0.6 !important;
}
.images-gallery li a:after {
    content: '';
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    opacity: 0;
    border: 1px solid #fff;
    z-index: 2;
    transition: 0.5s opacity ease-in-out;
}
.images-gallery li a:hover:after {
    opacity: 1;
}
.images-gallery li:hover .icon-focus{content:url('img/serce.png');position: absolute;left: 0;transform: translateY(-50%);top:50%;transition: all 2.5s ease;right: 0;text-align: center;margin:  auto;z-index: 11;}


.images-2 li{position:relative;display: block;line-height: 1px;}
/*.is-page-home .images-2 li:before{content:'';background: url('img/before-home.jpg') no-repeat;position: absolute;left: -74px;top: 15%;transition: all 2.5s ease;z-index: 11;border-radius: 10px;width: 320px;height: 320px;}*/

.is-page-home .images-2 li .addfotoRight{position: absolute;left: -74px;top: 15%;transition: all 2.5s ease;z-index: 11;border-radius: 10px;width: 320px;height: 320px;}

.is-page-home .images-2 li .addfotoRight{animation: line 3s ease-in-out infinite;}
@keyframes line {
  from {
    transform: translateY(4px);
  }
  50% {
    transform: translateY(-4px);
  }
  to {
    transform: translateY(4px);
  }
}

.before-bukiety .images-1 li{z-index:2;position: relative;}
.images-1 li .addfoto{position: absolute;left: -167px;bottom: -25px;transition: all 2.5s ease;z-index: -1;border-radius: 10px;width: 283px;height: 425px;}

.images-2 li .addfotoRight{position: absolute;right: -167px;bottom: 144px;transition: all 2.5s ease;z-index: -1;border-radius: 10px;width: 283px;height: 425px;}

/*.before-bukiety .images-1 li:before{content:'';background: url('img/before-bukiety.jpg') no-repeat;position: absolute;left: -167px;bottom: -25px;transition: all 2.5s ease;z-index: -1;border-radius: 10px;width: 283px;height: 425px;}

.before-dekoracje .images-2 li:before{content:'';background: url('img/before-dekoracje.jpg') no-repeat;position: absolute;right: -167px;bottom: 144px;transition: all 2.5s ease;z-index: -1;border-radius: 10px;width: 283px;height: 425px;}

.before-samochody .images-1 li:before{content:'';background: url('img/before-samochody.jpg') no-repeat;position: absolute;left: -167px;bottom: 155px;transition: all 2.5s ease;z-index: -1;border-radius: 10px;width: 283px;height: 425px;}

.before-kosciol .images-2 li:before{content:'';background: url('img/before-kosciol.jpg') no-repeat;position: absolute;right: -167px;bottom: 144px;transition: all 2.5s ease;z-index: -1;border-radius: 10px;width: 283px;height: 425px;}

.before-kwiatowe .images-1 li:before{content:'';background: url('img/before-kwiatowe.jpg') no-repeat;position: absolute;left: -167px;bottom: 155px;transition: all 2.5s ease;z-index: -1;border-radius: 10px;width: 283px;height: 425px;} */


.before-image #page .images-2 li{margin: 30px 0 56px;}
.before-image #page .images-2 li a{display:table;width:100%;line-height:1px;position: relative;}
/* .before-image #page .images-2 li a:after{content:url('img/logo-foto.png');position: absolute;bottom: -35px;transition: all 2.5s ease;left: 0;right: 0;text-align: center;} */
.before-image .images-2 li a:before{content:'';display:block;position:absolute;bottom: 0px;left: -10px;width: 10px;height: 80%;background: #c3c3aa;transition: all 0.5s ease;}
.before-image .images-2 li a:after{content:'';display:block;position:absolute;bottom: -10px;left: -10px;height:8px;width: 80%;background: #c3c3aa;transition: all 0.5s ease;}

.before-image .images-2 li a:hover:before{height:90%;transition: all 0.5s ease}
.before-image .images-2 li a:hover:after{width:90%;transition: all 0.5s ease}

/* FILES LIST STYLES */
.files-list{width:100%;margin:1rem 0 .5rem;list-style:none;}
.files-list__link{display:flex;}
.files-list__description{margin:5px 0 0 26px;color:#777;font-size:0.938em;}
/* Simple download list */
.files-list--simple{padding-left:1rem;border-left:2px solid var(--color-divider);}
.files-list--simple .files-list__link{margin-top:1rem;}

/* File type icon */
.files-list__link:before{content:'';display:inline-block;width:16px;height:20px;margin-right:10px;--sprite:-260px;background:url('img/files-ext.gif') no-repeat 0 -260px;}
.zip .files-list__link:before{background-position:0 0;}
.xml .files-list__link:before{background-position:0 -20px;}
.xls .files-list__link:before{background-position:0 -40px;}
.web .files-list__link:before{background-position:0 -60px;}
.vcf .files-list__link:before{background-position:0 -80px;}
.txt .files-list__link:before{background-position:0 -100px;}
.sys .files-list__link:before{background-position:0 -120px;}
.swf .files-list__link:before{background-position:0 -140px;}
.psd .files-list__link:before{background-position:0 -160px;}
.pps .files-list__link:before{background-position:0 -180px;}
.png .files-list__link:before{background-position:0 -200px;}
.pic .files-list__link:before{background-position:0 -220px;}
.pdf .files-list__link:before{background-position:0 -240px;}
.nn .files-list__link:before{background-position:0 -260px;}
.msg .files-list__link:before{background-position:0 -280px;}
.media .files-list__link:before{background-position:0 -300px;}
.fla .files-list__link:before{background-position:0 -320px;}
.exe .files-list__link:before{background-position:0 -340px;}
.chm .files-list__link:before{background-position:0 -360px;}
.cdr .files-list__link:before{background-position:0 -380px;}

/* SUBPAGES LIST STYLES */
/* global */
.title{padding:0.5em 0;font-size:1.25rem;color:var(--color-secondary);}
.title a{color:inherit;font-weight:normal;background:none;text-decoration:none;}
.title a:hover{color:var(--color-primary);background:none;text-decoration:underline;}
time.date{display:block;padding:0 0 0.3em;color:var(--color-text);opacity:.7;}
[class|="pages"]{clear:both;margin:.5rem 0;list-style:none;}
[class|="pages"] .page:after{/* content:""; */display:table;clear:both;}
[class|="pages"] .more{display:block;margin:0.3em 0 0;}
[class|="pages"] p{padding:.3em 0;}
[class|="pages"] .image{line-height:1px;}
[class|="pages"] .image img{max-width:100%;}
.description ul, .description ol{margin:.5em 2em;list-style:disc;}
.description li{padding:0;border:0;background:none;}
.description ol{list-style:decimal;}

/* standard list */
.pages-list .page{margin:15px 0;padding:1.5rem 2.5%;border:1px solid var(--color-divider);border-top:5px solid var(--color-divider);position: relative;}
.pages-list .page .image{float:left;margin:0 2.5% 5px 0;}

/* subpages gallery/boxes/products etc */
.pages-gallery{display:flex;flex-flow:row wrap;justify-content:space-between;transition: all 0.5s ease}
.pages-gallery .page{margin: 28px 0;padding: 0;text-align:center;position: relative;background: #fff;box-shadow: 0px 6px 37px 2.4px rgba(67, 75, 114, 0.06);border-radius: 5px;transition: all 0.5s ease}
.pages-gallery .title{font-size:1rem;}
.pages-gallery .page .image{margin:0 0 5px;overflow:hidden;border-radius: 5px 5px 0 0;}

.pages-gallery .page:hover .icon-focus{content:url('img/serce.png');position: absolute;left: 0;transform: translateY(-50%);top:50%;transition: all 2.5s ease;right: 0;text-align: center;margin:  auto;z-index: 11;}

.pages-gallery div.description{padding:0.3em 0;font-size:0.875rem;text-align:justify;}
.pages-gallery .page .title a, .pages-gallery .page .title{color: #8c1919;font-size: 1.1em;padding: 0;display: block;}
.pages-gallery .page .title{padding: 24px 0 26px;}

.pages-gallery .page:hover{background:#c5ab50;transition: all 0.5s ease}

.pages-gallery{  --cols: calc((100%/ 3 ) - 2rem);}
.pages-gallery .page{flex:0 0 var(--cols);}
.pages-gallery:before, .pages-gallery:after{content:"";flex:0 1 var(--cols);}
.pages-gallery:before{order:99;}

.pages-gallery .page .image img{overflow:hidden;transition: all 4.5s ease;}
.pages-gallery .page:hover .image img{opacity: 0.7;transform: scale3d(1.1, 1.1, 1);transition: all 4.5s ease;}


.pages-51{--cols: calc((100%/ 4 ) - 1rem);display:flex;flex-flow:row wrap;justify-content:space-between;margin: 80px 0;}
.pages-51 .page{flex:0 0 var(--cols);margin: 10px 1%;padding: 0;text-align:center;position: relative;}
.pages-51 .page .title a{color:#fff;font-weight: 500;text-transform: uppercase;font-size: 0.975rem;padding: 25px 0 25px 18%;display: inline-block;}

.pages-51 .page .image{overflow:hidden}
.pages-51 .page .image img{transition: all 4.5s ease;transition: transform 4s ease;overflow:hidden}
.pages-51 .page:hover .image img{transform: scale(1.1,1.1) rotate(3deg);transition: all 4.5s ease;transition: transform 4s ease; }

/* .pages-52 */
.pages-52.ui-accordion{background: transparent;font-weight: 700;margin-bottom: 50px;}
.pages-52.ui-accordion .page{background:transparent;position: relative;}
.pages-52.ui-accordion .ui-accordion-header{background: transparent;color: #2e4c88;font-size: 1.45em;padding: 23px 60px 23px 0;border: 0;border-bottom: 1px solid #b6bbc0;margin: 0;border-radius: 0;font-family: 'Oranienbaum', serif;font-weight: normal;}
.pages-52.ui-accordion .ui-accordion-content{background: transparent;color: #535f6b;font-size: 0.975em;font-weight: 400;border: 0;padding: 0 0 1em 0;}
.pages-52.ui-accordion .ui-accordion-content p{padding: 10px 0;}

.pages-52.ui-accordion .ui-accordion-header.ui-accordion-header-active, .pages-52.ui-accordion .ui-accordion-content-active{background: transparent;border-bottom: 0;}


.pages-52.ui-accordion .ui-icon{display: table;}
.pages-52.ui-accordion .ui-accordion-header .ui-accordion-header-icon{top: 35%;right: 0;margin: 0;background: transparent;left: inherit;font-family: Arial;transform: translateY(-50%);top:50%;}
.pages-52.ui-accordion .ui-icon-triangle-1-e, .pages-52.ui-accordion .ui-icon-triangle-1-s{background:none;}
.pages-52.ui-accordion .ui-icon-triangle-1-e:after {content:"\002B";margin: 0;float: left;font-size: 1.85em;display: block;color: #c8a670;position: relative;z-index: 99999;text-indent: initial;margin: 0 auto;width: 50px;height: 50px;font-weight: bold;text-align: center;}

.pages-52.ui-accordion .ui-icon-triangle-1-s:after {content:"\00D7";margin: 0;float: left;font-size: 1.85em;display: block;color: #c8a670;position: relative;z-index: 99999;text-indent: initial;background: transparent;height: 50px;width: 50px;margin: 0  auto;font-weight: bold;text-align: center;}


#page .owl-theme .owl-dots{float: none;margin: 8px 25px 0;}
#page .owl-theme .owl-dots .owl-dot span{background: #f7809b;width: 14px;height: 14px;}
#page .owl-theme .owl-dots button{background:none}
#page .owl-theme .owl-dots .owl-dot.active span{background:#eb2d3a}
#page .owl-theme .owl-nav{float:right;margin: 0;}
#page  .owl-next:before{content:"\25b6";color: #176390;font-weight: 400;transition: all 0.5s ease;font-size: 1.1em;}
#page  .owl-prev:before{display: block;content:"\25c0";color: #176390;font-weight: 400;transition: all 0.5s ease;font-size: 1.1em;}
#page .owl-theme.pages-51 .owl-nav span{display:none}
#page .container #owl-products{float:right;width: 70%;}

#page .owl-theme .owl-nav [class*=owl-]{background:transparent}


.pagination{text-align:right;}
.pagination ul, .pagination li{display:inline;}
.pagination li{padding:0 2px;}
.pagination a, .pagination strong{padding:0 3px;}

/* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */
#foot{background: #36404c;color: #c1c1c1;--color-secondary:var(--color-white);font-size:1.083em;}
#foot .container{display:flex;flex-wrap:wrap;justify-content:space-between;width: 1200px;margin: 0 auto;}
#foot .container{padding: 2.5rem 0;}
#foot a{color:var(--color-white);text-decoration:none;}
#foot a:hover{text-decoration: none;color: #e09eac;}
#foot .os {
    font-size: 0.913em;
}
#foot .copy{margin: 18px 0 6px;font-weight: 400;}
#foot .left{flex: 0 0 33%;line-height: 1.6em;}
#foot .container .widgets-list.widgets-9.container{flex: 0 0 48%;padding: 8px 0;width: auto;display: inherit;}
#foot #social{flex: 0 0 auto;margin-top: 37px;}
#foot #social a{margin-left: 15px;display: inline-flex;align-items: center;}
#foot .widgets-list.widgets-9.container .description img{display: inline-block;padding: 2px 6px 0 0;vertical-align: text-bottom;}

#foot .container #widget-2{flex: 0 0 40%;}
#foot .container #widget-3{flex: 0 0 57%;}


/* foot-n SITE AND SCRIPT COPYRIGHTS STYLES */
#foot-n{background: #2b394f url(img/bg-foot.png) no-repeat right 20% center;color: #ccd7e3;--color-secondary:var(--color-white);font-size: 0.95em;}
#foot-n .container{display:flex;flex-wrap:wrap;justify-content:space-between;width: 1300px;margin: 0 auto;}
#foot-n .container{padding: 3rem 0 0;}
#foot-n .copy span{color: #ff4d2c;text-decoration:none;padding-right: 8px;}
#foot-n a:hover{text-decoration:underline;}
#foot-n a{color: #ccd7e3}
#foot-n .os {}
#foot-n .copy{margin: 0;line-height: 1.55em;flex: 0 0 auto;line-height: 1.65em;}
#foot-n #title-img{flex: 0 0 26%;margin-top: 25px;}
#foot-n #title-img span{text-align:center;margin: 0 auto;display: inline-block;margin-top: 20px;color: #bdc2ca;font-weight: 600;}
#foot-n .top{border-bottom: 1px solid #576b8a;}
#foot-n .top, #foot-n .bottom{flex: 0 0 100%;display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom: 20px;margin-bottom: 40px;font-size: 1rem;}
#foot-n .container .widgets-list.widgets-9.container{flex: 0 0 100%;padding: 8px 0;width: auto;display: inherit;}
#foot-n #social{flex: 0 0 10%;}
#foot-n #social a{margin-left:10px}
#foot-n .widgets-list.widgets-9.container .description img{display: inline-block;padding: 2px 6px 0 0;vertical-align: text-bottom;}
#foot-n .widgets-list.widgets-9.container .description td{color: #ccd7e3;text-align: right;font-size: 1.2em;vertical-align: middle;padding: 16px 16px;line-height: 1.5em;}
#foot-n .widgets-list.widgets-9.container .description td:nth-child(2){font-size: 2.95em;color: #64ea00;font-weight: 500;text-align: left;position: relative;padding-right: 0;}


#foot-n .copy .widgets-list.widgets-4 > ul > li {flex:0 0 100%}

#foot-n .container .allegro{flex: 0 0 auto;color: #fff;}
#foot-n .container .allegro a{display: inline-block;vertical-align: text-top;margin: 24px 0 0 24px;}
#foot-n .container .box{flex: 0 0 37%;padding-top: 10px;}

#foot-n .top .widget:nth-child(3) a:hover{filter:brightness(80%);transition: all 0.5s ease;}

#foot-n .widgets-list.widgets-9 > div:nth-child(1){flex: 0 0 26%;}
#foot-n .widgets-list.widgets-9 > div:nth-child(1) div.description{text-align: left;font-size: 1.05em;line-height: 1em;padding: 18px 0;}
#foot-n .widgets-list.widgets-9 > div:nth-child(1) div.description:before {content:url('img/marker.png');float:left;margin: 2px 27px 0 2px;}

#foot-n .widgets-list.widgets-9 > div:nth-child(2){flex: 0 0 42%;}
#foot-n .widgets-list.widgets-9 > div:nth-child(2) div.description strong{color:#ff4e2d;font-size: 1.7em;font-weight: 600;}

#foot-n .widgets-list.widgets-9 > div:nth-child(3){flex: 0 0 29%;text-align: right;}
#foot-n .widgets-list.widgets-9 > div:nth-child(3){text-align: right;}

#foot-n .container .widget.type-4 nav ul{list-style:none;display:flex;flex-flow:row wrap;justify-content:center;}
#foot-n .container .widget.type-4 li{padding: .2em 1em 0.2em 0;font-size: 0.975rem;flex: 0 0 auto;display: inherit;width: auto;}
#foot-n .container .widget.type-4 li a{color: #ccd7e3;}
#foot-n .container .widget.type-4 li:before{content:'\276f';margin: 5px .85em 0 0;font-size:0.824em;color:#118c7f;float: left;}


/*  #foot-box  */
#foot-box{background: #f7f7f7;color: #8c1919;--color-secondary:var(--color-white);font-size:1.083em;}
#foot-box .container{display:flex;flex-wrap:wrap;justify-content:space-between;width: 1300px;margin: 0 auto;text-align: center;}
#foot-box .container strong{font-size:4em;text-align: center;margin: 0 auto;padding: 0.4em 0 1em;}
/* #foot-box .container strong:hover{animation-name: pulse;transform-origin: center bottom;animation-duration:3s;animation-fill-mode: both;} */
.animate-charcter
{
   text-transform: uppercase;
   background-image: linear-gradient(    -225deg,    #800000 0%,    #800000 29%,    #f7809b 67%,    #fff800 100%  );
   background-size: auto auto;
   background-clip: border-box;
   background-size: 200% auto;
   color: #fff;
   background-clip: text;
   text-fill-color: transparent;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   animation: textclip 3s linear infinite;
   display: inline-block;
   font-size: 190px;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}



/*  #foot-box-1  */
#foot-box-1{background:var(--color-primary);color:var(--color-white);--color-secondary:var(--color-white);font-size:1.083em;}
#foot-box-1 .container{display:flex;flex-wrap:wrap;justify-content:space-between;width: 1200px;margin: 0 auto;}


/*  #foot-box-full1  */
#foot-box-full1{background: #fbfbfb;color:var(--color-white);--color-secondary:var(--color-white);font-size:1.083em;background-size: cover !important;background-repeat: no-repeat !important;position: relative;}
#foot-box-full1:before{content: "";display: block;position: absolute;left: 0;top:0;height: 100%;width:100%;background-color: rgb(0, 0, 0);z-index: 10;opacity: 0.2;}
#foot-box-full1 .container{display:flex;flex-wrap:wrap;width: 952px;margin: 0 auto;position: relative;padding: 13em 0 2em;justify-content: center;z-index: 13;font-size: 1.1em;text-align: center;}
#foot-box-full1 .container h4{font-size: 4.3em;display: block;width: 100%;text-align: center;letter-spacing: 0.1em;margin-bottom: 20px;}

#foot-box-full1 .container table{background:#fff;width: 49% !important;font-size: 0.95em;}
#foot-box-full1 .container table td{padding:30px}
#foot-box-full1 .container table tr:first-child td{background:#2e9e44;color: #ffffff;font-weight: 800;text-align: center;}
#foot-box-full1 .container table td ul{padding: 40px 0 40px 27px;}

/* #foot-maps */
#foot-maps{position:relative;line-height: 1px;}
#foot-maps #map{clear:both;height:100%;min-height:400px;width:100%;color:#4f1402;border: 0;margin-top: 0;float: left;}		
#foot-maps:before{content: "";display: block;position: absolute;left: 0;top:0;height:8px;width:100%;box-shadow: inset 1px 5px 7px -2px rgba(0, 0, 0, 0.12);z-index: 99;}

/* logo box */
#logo-box{background: #f7f7f7;color: #5e7380;--color-secondary:var(--color-white);}
#logo-box .container{display:flex;flex-wrap:wrap;justify-content:space-between;width: 100%;margin: 0 auto;padding: 0;}
#owl-foto.pages-51{margin: 40px 0;float: right;width: 45%;}
#owl-foto.pages-51 .owl-item{padding: 0;text-align: center;margin: 0 auto;}
#owl-foto.pages-51 .owl-item img{text-align: center;margin: 0 auto;transition: all 0.5s ease;width: auto;/* height: 55px; */cursor: pointer;max-width: 100%;object-fit: scale-down;}
#owl-foto.pages-51 .owl-item:hover img{filter:inherit; transition: all 0.5s ease}
#owl-foto.pages-51 .owl-stage-outer{padding: 17px 0 30px;}
#owl-foto.pages-51 .owl-nav{top:30%}

#logo-box .container .owl-theme .owl-dots .owl-dot span{width:8px;height: 8px;}

#owl-foto.pages-51 .owl-item  .item{padding: 15px 2%;margin: 0 3%;}
#owl-foto.pages-51 .owl-dots .owl-dot{background: transparent;}
#owl-foto.pages-51 .owl-dots .owl-dot.active span, #logo-box .container  .owl-theme .owl-dots .owl-dot:hover span{border: 1px solid #b19947;background: #b19947;}

#owl-foto.pages-51 .owl-nav{position: absolute;right: 0;margin: 0;top:50%;width: 100%;font-size: 1.5em;transform: translateY(-50%);}
#owl-foto.pages-51 .owl-nav .owl-prev{padding: 11px 18px;border-radius: 0;margin: 0;position: absolute;left: -79px;background: transparent;font-size: 1.2em;}
#owl-foto.pages-51 .owl-nav .owl-next{padding: 11px 18px;border-radius: 0;margin: 0;position: absolute;right: -79px;background: transparent;font-size: 1.2em;}
#owl-foto.pages-51 .owl-nav span{display:none}
#owl-foto.pages-51 .owl-nav .owl-next:before{content:"\276f";color: #5e7380;font-weight: 200;transition: all 0.5s ease;}
#owl-foto.pages-51 .owl-nav .owl-prev:before{display: block;content:"\276e";color: #5e7380;font-weight:300;transition: all 0.5s ease;}
#owl-foto.pages-51 .owl-nav button:focus{outline:0;transition: all 0.5s ease}
#owl-foto.pages-51 .owl-nav button:hover{opacity:0.9;transition: all 0.5s ease;background: #fff;}


/*  #box-offers  */
#box-offers{background: #f7f5ea;color:var(--color-white);--color-secondary:var(--color-white);font-size:1.083em;background-size: cover !important;background-repeat: no-repeat !important;position: relative;margin-bottom: 0;}

#box-offers .container{display:flex;flex-wrap:wrap;width: 1300px;margin: 0 auto;position: relative;padding: 3em 0 3em;justify-content: space-between;color: #464646;line-height: 1.33em;z-index: 2;}

#box-offers .container .left{width: 100%;float:left}
#box-offers .container .right{width: 100%;float:left;text-align: justify;color: #464646;font-size: 0.975em;line-height: 1.2em;}
#box-offers .container .right .title{color: #a99341;font-weight: 500;font-size: 2.75em;text-align: center;margin-bottom: 20px;line-height: 1.1em;}
#box-offers .container .right span{margin-bottom: 28px;display: block;}

#box-offers .owl-theme .owl-dots{position: absolute;top: -6px;right: -315px;margin: 8px 25px 0;}
#box-offers .owl-theme .owl-dots .owl-dot span{background: #0059b2;}
#box-offers .owl-theme .owl-dots button{background:none}
#box-offers .owl-theme .owl-dots .owl-dot.active span{background: transparent;border: 1px solid #0059b2;}
#box-offers .owl-theme .owl-nav{position: absolute;top: -16px;right: -393px;}
#box-offers  .owl-next:before{content:"\276f";color: #fff;font-weight: 400;transition: all 0.5s ease;font-size: 1.33em;}
#box-offers .owl-prev:before{display: block;content:"\276e";color: #fff;font-weight: 400;transition: all 0.5s ease;font-size: 1.33em;}
#box-offers .owl-theme.pages-51 .owl-nav span{display:none}
#box-offers #owl-products{float:right;width: 100%;}

#box-offers .owl-theme .owl-nav [class*=owl-]{background: #464646;border-radius: 0;}
#box-offers .owl-theme .owl-nav [class*=owl-]:hover{background: #0059b2;}

#box-offers .pages-51 .title{background: linear-gradient(to right, rgba(64,173,48,1) 0%,rgba(100,234,0,1) 43%);moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;background-size: 300% 100%;}

#box-offers .pages-51 .page:hover .title{background-position: 100% 0; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;background-image: linear-gradient(to right, rgba(64,173,48,1), rgba(100,234,0,1),rgba(64,173,48,1), rgba(100,234,0,1));}

@media print{
  /* PRINT STYLES */
  * {color:#000 !important;background:#fff !important;border-color:#444 !important;border-width:1px !important;}

  body{margin:.5cm 0;font-size:0.875em;}
  #container{position:static;width:17.2cm;height:auto;margin:0;box-shadow:none;}
  #logo{padding:0 0 0.2cm;}
  #logo #title a{font-size:2em;}

  #body{clear:none;border-top:0;}
  #page{clear:both;position:static;float:none;}
  #body #page h1{margin:.5cm 0 0;font-size:1.25rem;}

  #body, #head1, #foot{float:none;}
  #menu-main, #foot .options{display:none;}
  .msg p:first-child{font-size:1rem;}
}

/* PLUGINS */

/* CONTACT-PANEL */
.contact-panel{padding:1.5rem 0;}


/* OTHER (less popular styles) */

table{border-collapse:collapse;border-spacing:0;font-size:100%;}
tbody, tfoot, thead{margin:0;padding:0;}
caption, tr, th, td{margin:0;padding: 8px 12px;border: 0;font-size:100%;font:inherit;vertical-align:baseline;}

/* FORMS */
input[type="text"], input[type="password"], input[type="file"], input[type="email"], form select, form textarea{padding:2px;border-width: 0px;border-style:solid;border-color: #fff;font-size:1rem;outline: 0;border: 1px solid #fff;outline: 0;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, select:focus, textarea:focus{border-color: #fff;outline: 0;}
input[type="text"].warning-required, input[type="password"].warning-required, input[type="email"].warning-required, select.warning-required, textarea.warning-required{background:#fbefef;border-color:#bb4c2e;outline: 0;}
input[type="submit"], button[type="submit"]{padding:0.4em 0.9em;border-width:1px;border-style:solid;background: transparent;color:var(--color-white);transition:all 0.3s ease;font-family:Arial, sans-serif;font-size:1rem;border-radius:2px;outline: 0;}
input[type="submit"]:hover, input[type="submit"]:focus, button[type="submit"]:hover, button[type="submit"]:focus{background: transparent;cursor:pointer;outline: 0;}
label{font-weight:bold;}
label span{padding-left:10px;color:#aaa;font-weight:normal;font-size:.875em;}
/* forms common classes */
.form-full{margin: 5px 0 0 0;padding: 50px 0 50px 50px;float: right;width: 52%;position:relative;background: #ccc;}
.form-full dl{display:flex;flex-flow: row wrap;justify-content: space-between;margin: 54px 0;position: relative;z-index: 12;}
.form-full dt{padding:0 0 7px;}
.form-full dd{margin-bottom: 8px;color: #252422;flex: 0 0 48%;padding: .3rem 0.15em;text-align: left;}
.form-full dd.all{flex: 0 0 100%;}
.form-full input[type="text"], .form-full input[type="email"], .form-full input[type="password"], .form-full textarea{width:99%;padding: 16px;font-size:1em;outline: 0;background: transparent;color: #545352;font-family: "Playfair Display", serif;}
.form-full .save{text-align:center;padding: 0;}
.form-full .save input{padding: 1.33em 1.35em 1.25em 1.75em;text-transform:uppercase;border: 0;color: #ffffff;font-weight: 400;outline: 0;}
.captcha input[type="text"]{min-width:60px;width:6%;}
.captcha strong{font-weight:bold;}
.captcha em{font-style:normal;font-weight:bold;}
.captcha ins{padding:0 3px;font-weight:bold;text-decoration:none;}
::-webkit-input-placeholder{color: #545352; opacity: 1;}
:-moz-placeholder{color: #545352; opacity: 1;}
::-moz-placeholder{color: #545352; opacity: 1;}
:-ms-input-placeholder {color: #545352; opacity: 1;}

.form-full:after{content:url( img/bg-form.png);position:absolute;bottom: 3%;left: 3%;z-index: 1;}
.form-full:before{content:"";background: #cccccc;right: -500px;top:0;width: 500px;height:100%;position: absolute;}

.regulamin{float:left;width:100%;clear:both;margin: 10px 0px;color: #252422;font-size:0.813em;padding: 0 8px;}

label[for="iRulesAccept"]{ cursor: pointer; display: inline-block; font-size: 15px; margin-right: 2px; padding-left:18px; position: relative; } 
label[for="iRulesAccept"]:before{ background-color: #ffffff; box-shadow:inset 1px 1px 1px 1px rgba(0,0,0,0.3), 0px 1px 1px 1px rgba(255,255,255,0.2); bottom: 0; content: ""; display: inline-block; height: 14px; left: 0px; margin-right:8px; position: absolute; width: 14px; } 
label[for="iRulesAccept"]:before{background-color: #ffffff;box-shadow: inset 1px 1px 2px 1px rgba(0,0,0,0.3), 1px 2px 2px 1px rgba(255,255,255,0.2);bottom: 0;content: "";display: inline-block;height: 14px;left: 0px;margin-right:8px;position: absolute;width: 14px;} 
.okcheckbox:checked + label:before{ color: #584128; content: "\2713"; font-size: 15px; line-height: 15px; text-align: center; font-weight:bold }
.form-full .regulamin input[type="checkbox"]{height: 0;width: 0;margin: 0;position: absolute;-moz-appearance:initial}
.form-full .regulamin input[type="checkbox"].warning-required::before  {content: '\2192';position: absolute;left: -22px;top: -2px;width: 20px;height: 20px;color: #ff0707;outline: 0;}

/* QUICK.BOX */
#quick-box{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba( 0, 0, 0, 0.7 );z-index:200;}
#quick-box .background{height:100%;}
#quick-box .quick-box-container{position:absolute;padding:0;border-radius:5px;box-shadow: 0 0 15px 1px #000;}
#quick-box .image-wrapper{position:relative;line-height:0;}
#quick-box .image-wrapper img{margin:0;padding:0;border-radius:5px;}
#quick-box .navigation{position:absolute;bottom:0;margin:0;width:100%;padding:.5em 0;text-align:center;font-size:1rem;color:var(--color-white);line-height:normal;background:rgba( 0, 0, 0, 0.2 );}
#quick-box .navigation__sep{padding:0 3px;}
#quick-box .full-size{position:absolute;right:8px;top:2px;width:24px;height:24px;font-size:0.1em;color:transparent;background:url('../admin/img/fullscreen.png') no-repeat;}
#quick-box .description{margin:0;padding:.5em 0;text-align:center;font-size:0.875rem;color:#ddd;font-weight:bold;background:rgba( 0, 0, 0, 0.8 );border-bottom-left-radius:5px;border-bottom-right-radius:5px;max-height:66px;overflow:hidden;}
#quick-box .arrow{position:absolute;display:block;width:50%;top:15%;height:70%;margin:0px;font-family:Verdana;z-index:100;opacity:0.5;text-decoration:none;}
#quick-box .arrow:before, #quick-box .arrow:after{content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);}
#quick-box .arrow:before{width:32px;height:32px;margin:0 10px;background:url('img/arrows.png') no-repeat 0 0;z-index:1;}
#quick-box .arrow:after{width:52px;height:52px;background:rgba( 0, 0, 0, 0.2 );z-index:-1;}
#quick-box .arrow.prev:before{background-position:0 -32px;}
#quick-box .arrow.next:before{right:0;}
#quick-box .arrow.next:after{right:0;}
#quick-box .arrow:hover{opacity:0.9;}
#quick-box .prev{left:0px;}
#quick-box .next{right:0px;}
#quick-box .close{position:absolute;top:0;right:0;padding:0.15em 0.4em 0.2em;opacity:0.5;background:#000;color:var(--color-white);font-weight:bold;font-family:"Trebuchet MS";text-decoration:none;border:1px solid var(--color-white);border-top:none;border-right:none;border-top-right-radius:5px;z-index:100;}
#quick-box .close:hover{opacity:0.8;}
#quick-box .close, #quick-box .arrow{line-height:normal;}
#quick-box .loading{display:block;padding:40px 35px;color:white;line-height:1em;}
@media /* High px density (mostly mobile) - so you can magnify something */
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx){
  #quick-box .close{font-size:1.5rem;}
  #quick-box .prev, #quick-box .next{opacity:0.5;text-decoration:none;}
}

/* ADMIN OPTIONS */
#page ul.options{position:absolute;right:0;top:15px;min-width:100px;list-style:none;text-align:right;}
#page ul.options li{display:inline-block;margin-left:1rem;}
.panel-link{display:inline-block;width:21px;height:21px;background:rgba(255,255,255,0.6) url('../admin/img/options.png') no-repeat 0px 0px;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:1%;color:transparent;opacity:.25;}
.panel-link:hover{opacity:1;}
.panel-link.edit:hover{background-position:0 -21px;}
.panel-link.delete{background-position:-21px 0;}
.panel-link.delete:hover{background-position:-21px -21px;}
.panel-link.list{background-position:-121px 0;}
.panel-link.list:hover{background-position:-121px -21px;}
.subpage-edit{position:relative;display:block;}
.subpage-edit .panel-link{position:absolute;right:-10px;top:-10px;}
.sub:hover .subpage-edit .panel-link:not(:hover){opacity:0.5;}

.dev{padding:5px;text-align:center;color:#f00;font-weight:bold;}


/* OTHER */
.animation__background .circle1 {
  display: inline-block;
  width: 13px;
  height: 13px;
  top: 2%;
  left: 32%;
  border-radius: 50%;
  background: #8c1919;
  position: absolute;
  animation: animationTwo 25s infinite linear;
}
.animation__background .circle2 {
  display: inline-block;
  width: 10px;
  height: 10px;
  left: 6%;
  top: 42%;
  position: absolute;
  border-radius: 50%;
  background-color: #f7f7f7;
  animation: animationOne 30s infinite linear;
}
.animation__background .circle3 {
  display: inline-block;
  width: 10px;
  height: 10px;
  left: 6%;
  bottom: 130px;
  position: absolute;
  border-radius: 50%;
  background-color: #e09eac;
  animation: animationTwo 30s infinite linear;
}
.animation__background .circle4 {
  display: inline-block;
  width: 15px;
  height: 15px;
  right: 12%;
  top: 23%;
  position: absolute;
  border-radius: 50%;
  background-color: #f7f7f7;
  animation: animationOne 25s infinite linear;
}
.animation__background .circle5 {
  display: inline-block;
  width: 10px;
  height: 10px;
  right: 40%;
  bottom: 15%;
  position: absolute;
  border-radius: 50%;
  background-color: #c5ab50;
  animation: animationTwo 25s infinite linear;
}
.animation__background {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}
.triangle {
    position: absolute;
    top: 21%;
    right: 55%;
    animation: rotatedHalf 40s infinite linear;
}
@keyframes rotatedHalf {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes animationOne {
    0% {
        transform: translate(0px, 0px) rotate(0deg)
    }

    20% {
        transform: translate(70px, -1px) rotate(35deg)
    }

    40% {
        transform: translate(140px, 70px) rotate(70deg)
    }

    60% {
        transform: translate(80px, 120px) rotate(110deg)
    }

    80% {
        transform: translate(-40px, 70px) rotate(145deg)
    }

    100% {
        transform: translate(0px, 0px) rotate(0deg)
    }
}

@keyframes animationTwo {
    0% {
        transform: translate(0px, 0px) rotate(0deg) scale(1)
    }

    20% {
        transform: translate(70px, -1px) rotate(35deg) scale(0.9)
    }

    40% {
        transform: translate(140px, 70px) rotate(70deg) scale(1)
    }

    60% {
        transform: translate(80px, 120px) rotate(110deg) scale(1.2)
    }

    80% {
        transform: translate(-40px, 70px) rotate(145deg) scale(1.1)
    }

    100% {
        transform: translate(0px, 0px) rotate(0deg) scale(1)
    }
}

@keyframes animationThree {
    0% {
        transform: translate(165px, -180px)
    }

    100% {
        transform: translate(-345px, 615px)
    }
}

@keyframes animationFour {
    0% {
        transform: translate(-300px, 151px) rotate(0deg)
    }

    100% {
        transform: translate(251px, -200px) rotate(180deg)
    }
}

@keyframes animationFive {
    0% {
        transform: translate(61px, -99px) rotate(0deg)
    }

    21% {
        transform: translate(4px, -190px) rotate(38deg)
    }

    41% {
        transform: translate(-139px, -200px) rotate(74deg)
    }

    60% {
        transform: translate(-263px, -164px) rotate(108deg)
    }

    80% {
        transform: translate(-195px, -49px) rotate(144deg)
    }

    100% {
        transform: translate(-1px, 0px) rotate(180deg)
    }
}


@media screen and (max-width:1366px){  
	.header__menu .menu__link{margin: 0 10px;}
}
 
@media screen and (max-width:1300px){ 
  #body, #foot .container, .header__navigation .container, #foot-box-1 .container, .header__navigation .container, #foot .container, #body-box-1 .container, #foot-box .container, #logo-box .container, #foot-n .container, #head-title2 .container, #box-offers .container{width:95%}

	button.hamburger{display:inline-block;outline: 0;}
	.header__menu{position: absolute;margin: 22px 0 0;right: 0;}
	#box-right{margin-right: 94px;}
	#logo{padding: 9px 0;}
}
@media screen and (max-width:1024px){
  #page h1, #page div.content > h2, .form-full h2{font-size: 3rem;}
	.images-2 li img{max-width: 438px;}
	#foot-box-full1 .container{width:95%}
}
@media screen and (max-width:800px){
		.images-2, .images-2 li{width:100%;margin: 10px auto 30px !important;text-align:center;float: none;padding: 0 !important;}
		#foot-box-full1 .container h4{font-size: 2.3em;letter-spacing: 0;}
		#page .widgets-list.widgets-2 li{flex: 0 0 100%;}
}

@media screen and (max-width:640px){
  .pages-gallery .page{flex:0 0 100%;max-width: 400px;margin: 28px auto;text-align: center;}
	.images-gallery li{flex:1 0 100%;}
	
	#foot .left, #foot #social{flex:0 0 100%;text-align: center;}
	.pages-gallery:before, .pages-gallery:after{flex: 0 1 100%;}
	
	#page h1, #page div.content > h2, .form-full h2{font-size: 2rem;}
	
	body#page7 #page div.content .box-w{padding: 25px 3%;background: #fff;width: 100%;}
	body#page7 #page div.content > h3{margin-top: 164px;}
	#foot-box .container strong{font-size: 2em;}
	#owl-foto.pages-51{width:100%;margin: -20px 0 40px 0;}
	#page9 #page{width:95%}
	#page9 #page h2 span{font-size: 1.5rem !important;line-height: 1.1em;}
	
	
	#page .images-column.images-1{float:none;text-align: center;padding: 0em 0 2em;margin: 0 auto;}
	.images-1 li .addfoto, .images-2 li .addfotoRight{display:none}
	.images-2 li img{width:100%}
	
	#logo img{width: 100px;}
	#box-right .box .tel span{display:none}
	#box-right .box .tel a{font-size: 1.35em;}
	#box-right .box .tel{margin-top:0}
	.header__menu{margin: 12px 0 0;}
	
  #foot .widget.type-4 li{flex:0 0 33%;text-align: center;}
	#foot .widget.type-4 li:after{display:none}
	.is-page-home #body-bg{margin-top:0}
	
	#foot-box-full1 .container{padding: 10em 0 3em;}
	
	
}

@media screen and (max-width:360px){
	#box-right .box .tel a{font-size: 1.15em;}
	#logo img{width: 90px;}
	#slider-1{margin-top: 90px;}
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */.hamburger{padding:15px 15px;display:inline-block;cursor:pointer;transition-property:opacity, filter;transition-duration:0.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger.is-active:hover{/* opacity:.7; */}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:var(--color-primary)}.hamburger.is-active .hamburger-label{/* display:none; */}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:40px;height:4px;background-color: #800000;border-radius:4px;position:absolute;transition-property:transform;transition-duration:0.15s;transition-timing-function:ease}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger-label{display:block;margin-top:5px;text-transform:uppercase;font-size:.75rem;color: #800000;}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dx .hamburger-inner::before,.hamburger--3dx .hamburger-inner::after{transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dx.is-active .hamburger-inner{background-color:transparent !important;transform:rotateY(180deg)}.hamburger--3dx.is-active .hamburger-inner::before{transform:translate3d(0, 10px, 0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner::after{transform:translate3d(0, -10px, 0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dx-r .hamburger-inner::before,.hamburger--3dx-r .hamburger-inner::after{transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dx-r.is-active .hamburger-inner{background-color:transparent !important;transform:rotateY(-180deg)}.hamburger--3dx-r.is-active .hamburger-inner::before{transform:translate3d(0, 10px, 0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner::after{transform:translate3d(0, -10px, 0) rotate(-45deg)}
 

 /*!
 * Mmenu Light v3.0.0
 * mmenujs.com/mmenu-light
 *
 * Copyright (c) Fred Heusschen
 * www.frebsite.nl
 *
 * License: CC-BY-4.0
 * http://creativecommons.org/licenses/by/4.0/
 */:root{--mm-ocd-width:80%;--mm-ocd-min-width:200px;--mm-ocd-max-width:440px}body.mm-ocd-opened{overflow-y:hidden;-ms-scroll-chaining:none;overscroll-behavior:none}.mm-ocd{position:fixed;top:0;right:0;bottom:100%;left:0;z-index:9999;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:contain;background:rgba(0,0,0,0);-webkit-transition-property:bottom,background-color;-o-transition-property:bottom,background-color;transition-property:bottom,background-color;-webkit-transition-duration:0s,.3s;-o-transition-duration:0s,.3s;transition-duration:0s,.3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:.45s,.15s;-o-transition-delay:.45s,.15s;transition-delay:.45s,.15s}.mm-ocd--open{bottom:0;background:rgba(0,0,0,.25);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.mm-ocd__content{position:absolute;top:0;bottom:0;z-index:2;width:80%;width:var(--mm-ocd-width);min-width:200px;min-width:var(--mm-ocd-min-width);max-width:440px;max-width:var(--mm-ocd-max-width);background:#fff;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.mm-ocd--left .mm-ocd__content{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-ocd--right .mm-ocd__content{right:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-ocd--open .mm-ocd__content{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-ocd__backdrop{position:absolute;top:0;bottom:0;z-index:3;width:calc(100% - 80%);width:calc(100% - var(--mm-ocd-width));min-width:calc(100% - 440px);min-width:calc(100% - var(--mm-ocd-max-width));max-width:calc(100% - 200px);max-width:calc(100% - var(--mm-ocd-min-width));background:rgba(3,2,1,0)}.mm-ocd--left .mm-ocd__backdrop{right:0}.mm-ocd--right .mm-ocd__backdrop{left:0}.mm-spn,.mm-spn a,.mm-spn li,.mm-spn span,.mm-spn ul{display:block;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}:root{--mm-spn-item-height:50px;--mm-spn-item-indent:20px;--mm-spn-line-height:24px}.mm-spn{width:100%;height:100%;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overflow:hidden;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.mm-spn ul{-webkit-overflow-scrolling:touch;position:fixed;top:0;left:100%;bottom:0;z-index:2;width:130%;padding-right:30%;line-height:24px;line-height:var(--mm-spn-line-height);overflow:visible;overflow-y:auto;background:inherit;-webkit-transition:left .3s ease 0s;-o-transition:left .3s ease 0s;transition:left .3s ease 0s;cursor:default}.mm-spn ul:after{content:'';display:block;height:50px;height:var(--mm-spn-item-height)}.mm-spn>ul{left:0}.mm-spn ul.mm-spn--open{left:0}.mm-spn ul.mm-spn--parent{left:-30%;overflow-y:hidden}.mm-spn li{position:relative;background:inherit;cursor:pointer}.mm-spn li:before{content:'';display:block;position:absolute;top:25px;top:calc(var(--mm-spn-item-height)/ 2);right:25px;right:calc(var(--mm-spn-item-height)/ 2);z-index:0;width:10px;height:10px;border-top:2px solid;border-right:2px solid;-webkit-transform:rotate(45deg) translate(0,-50%);-ms-transform:rotate(45deg) translate(0,-50%);transform:rotate(45deg) translate(0,-50%);opacity:.4}.mm-spn li:after{content:'';display:block;margin-left:20px;margin-left:var(--mm-spn-item-indent);border-top:1px solid;opacity:.15}.mm-spn a,.mm-spn span{position:relative;z-index:1;padding:13px 20px;padding:calc((var(--mm-spn-item-height) - var(--mm-spn-line-height))/ 2) var(--mm-spn-item-indent)}.mm-spn a{background:inherit;color:inherit;text-decoration:none}.mm-spn a:not(:last-child){width:calc(100% - 50px);width:calc(100% - var(--mm-spn-item-height))}.mm-spn a:not(:last-child):after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;border-right:1px solid;opacity:.15}.mm-spn span{background:0 0}.mm-spn.mm-spn--navbar{cursor:pointer}.mm-spn.mm-spn--navbar:before{content:'';display:block;position:absolute;top:25px;top:calc(var(--mm-spn-item-height)/ 2);left:20px;left:var(--mm-spn-item-indent);width:10px;height:10px;margin-top:2px;border-top:2px solid;border-left:2px solid;-webkit-transform:rotate(-45deg) translate(50%,-50%);-ms-transform:rotate(-45deg) translate(50%,-50%);transform:rotate(-45deg) translate(50%,-50%);opacity:.4}.mm-spn.mm-spn--navbar.mm-spn--main{cursor:default}.mm-spn.mm-spn--navbar.mm-spn--main:before{content:none;display:none}.mm-spn.mm-spn--navbar:after{content:attr(data-mm-spn-title);display:block;position:absolute;top:0;left:0;right:0;height:50px;height:var(--mm-spn-item-height);padding:0 40px;padding:0 calc(var(--mm-spn-item-indent) * 2);line-height:50px;line-height:var(--mm-spn-item-height);opacity:.4;text-align:center;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.mm-spn.mm-spn--navbar.mm-spn--main:after{padding-left:20px;padding-left:var(--mm-spn-item-indent)}.mm-spn.mm-spn--navbar ul{top:51px;top:calc(var(--mm-spn-item-height) + 1px)}.mm-spn.mm-spn--navbar ul:before{content:'';display:block;position:fixed;top:inherit;z-index:2;width:100%;border-top:1px solid currentColor;opacity:.15}.mm-spn.mm-spn--light{color:#444;background:#f3f3f3}.mm-spn.mm-spn--dark{color:#ddd;background:#333}.mm-spn.mm-spn--vertical{overflow-y:auto}.mm-spn.mm-spn--vertical ul{width:100%;padding-right:0;position:static}.mm-spn.mm-spn--vertical ul ul{display:none;padding-left:20px;padding-left:var(--mm-spn-item-indent)}.mm-spn.mm-spn--vertical ul ul:after{height:25px;height:calc(var(--mm-spn-item-height)/ 2)}.mm-spn.mm-spn--vertical ul.mm-spn--open{display:block}.mm-spn.mm-spn--vertical li.mm-spn--open:before{-webkit-transform:rotate(135deg) translate(-50%,0);-ms-transform:rotate(135deg) translate(-50%,0);transform:rotate(135deg) translate(-50%,0)}.mm-spn.mm-spn--vertical ul ul li:last-child:after{content:none;display:none}