/* Fonts */
 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');
 
/* Common */
.grid-container {max-width:1140px;}

a:hover {color:#ea3795;}

.top-bar {padding:0;}
.top-bar, .top-bar ul {background-color:transparent;}

.title-bar {background:#3d4045;display:none;}
.title-bar, .top-bar {width:100%;}

.orbit-next, .orbit-previous {z-index:2;}

.button {text-decoration:none;margin:0;background:#e71c87;border-radius:5px;}
.button i {margin:0 10px 0 0;}

.button.call {background:none;color:#e71c87;font-weight:normal;border:1px dashed #e71c87;padding:5px 10px 6px;}

::placeholder {color:#000;font-size:15px;opacity:1;}

.callout {margin:0;}

.hide-on-load {display:none;}

.no-js .top-bar {display:none;}

@media screen and (min-width: 40em) {
  .no-js .top-bar { display: block; }
  .no-js .title-bar { display: none; }
}

/* HTML */
* {margin:0;padding:0;}
html, body {font-family: 'Open Sans', sans-serif;}
body {font-size:14px;color:#000;}

header {font-size:14px;}
header .sticky {border-bottom:1px solid #ededed;background:#fff;padding:10px 0;} 
header .grid-x > .cell {padding:5px 10px;}
header a {color:#000;}
header a i {margin:0 10px 0 0;}
header .slogan {font-size:13px;}
header .adres {font-size:13px;}
header .phone a {font-weight:700;font-size:15px;}
header .email a {font-weight:700;font-size:15px;}
header nav ul.menu {width:100%;margin:0;}
header nav ul.menu a {display:block;position:relative;font-size:15px;font-weight:bold;padding:10px;text-transform:uppercase;}
header nav ul.menu a:hover {color:#ea3795;}
header nav ul.menu li {padding:0;text-align:center;}
header nav ul.dropdown.menu li a {padding:10px;}
header nav ul.menu li.active a {background:none;color:#ea3795;}

header nav ul.menu li a[href="#order"] {background:#e50f81;color:#fff;font-size:14px;border-radius:5px;}
header nav ul.menu li a[href="#order"]:hover {background:#ee55a8;}

header nav ul.menu li ul.submenu {min-width:350px;background:#fff;margin:0;padding:5px 0;border:1px solid #eee;}
header nav ul.menu li ul.submenu li {text-align:center;margin:0;padding:0 10px;border-bottom:1px solid #eee;}
header nav ul.menu li ul.submenu li:last-child {border-bottom:none;}
header nav ul.menu li ul.submenu li a {border-bottom:none;padding:10px;margin:0;font-weight:normal;text-transform:none;}
header nav ul.menu li ul.submenu li:hover {background:#f8f8f8;}
header nav ul.menu li.is-active > a {color:#000 !important;}

.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {position:absolute;top:20px;right:10px;border:none;display:block;width:6px;height:4px;background:url(./img/dropdown.png) no-repeat;}
.dropdown.menu.vertical > li.opens-right > a::after {position:absolute;top:20px;right:10px;border:none;display:block;width:6px;height:4px;background:url(../img/dropdown.png) no-repeat;}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {content:"";width:6px;height:6px;top:20px;right:0;border:none;background:url(../img/dropdown.png) no-repeat;transform:rotate(-90deg);}

@media print, screen and (min-width: 64em) {
	header nav ul.menu li a {display:inline-block;}
	header nav ul.menu li ul.submenu {min-width:290px;}
	header nav ul.menu li ul.submenu li a {display:block;}
	header nav ul.menu li ul.submenu li {text-align:left;}
	header nav ul.menu li ul.submenu li:first-child {text-align:left;}
	header nav ul.menu li ul.submenu li:last-child {text-align:left;}
}

/* Content */
h1 {font-size:26px;margin:30px 0 10px;color:#000;}
h2 {font-size:20px;margin:30px 0 10px;}
h3 {font-size:18px;margin:20px 0;font-weight:bold;}
h4 {font-size:16px;font-weight:bold;margin:10px 0;}

.content {}
.content .children {}
.content .children .item {min-height:350px;position:relative;background-position:center center;background-size:cover;background-color: #fafafa;}
.content .children .item .text {position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.65);transition:0.5s all;}
.content .children .item:hover .text {background:rgba(0,0,0,0.8);}
.content .children .item .text h2 {padding:10px 20px 0;font-size:20px;margin:0;}
.content .children .item .text h2 a {color:#fff;}
.content .children .item .text p.description {padding:0 20px;margin:0 0 10px;color:#fff;font-size:13px;}
.content .children .item .text p.link {padding:0 20px;margin:0 0 10px;}
.content .children .item .text p.link a.button {padding:10px 25px;margin:0 10px 0 0;}
.content .children .item .text p.link a.button:hover {background-color:#fff;color:#ea3795;}

.content img {height:auto !important;}
.content img.block {display:block;}
.content blockquote {margin:30px 0 0;padding:10px 10px 10px 15px;font-style:italic;background:#fceef5;border-left:2px solid #e30a7d;color:#333;}
.content blockquote cite {margin:5px 0 0;color:#666;}

.content table {}
.content table tbody {border:none;}
.content table tbody tr:nth-child(2n) {background:none;}
.content table tbody tr:nth-child(2n+1) {background:none;}
.content table tbody tr td {padding:10px;}

.content a[href="#order"] {background-color:#ea3795;color:#fff;display:inline-block;padding:1px 5px;}
.content a[href="#order"]:hover {background-color:#fff;color:#ea3795;}

.content form {padding:20px;}
.content form p {margin:0;}
.content form .grid-x {}
.content form .grid-x.grid-padding-x.grid-padding-y > .cell {padding:5px 10px;}
.content form input {margin:0;}
.content form textarea {margin:0;}

/* News */
.grid-x.news {margin-bottom:20px;}
.grid-x.news > .cell {padding:10px;}
.news .item {border:1px solid #eee;position:relative;padding:0 0 360px;}
.news .item .date {display:block;font-size:12px;color:#000;padding:3px 10px;background:#eee;}
.news .item a .title {display:block;padding:5px 10px 0;}
.news .item .description {display:block;color:#000;font-size:13px;padding:0 10px 10px;}
.news .item img {cursor:pointer;display:block;position:absolute;bottom:0;left:0;}


/* Portfolio */
.portfolio-container {margin:60px 0 40px;}
.portfolio-container h2 {text-transform:uppercase;}

.grid-x.portfolio {margin-bottom:20px;}
.grid-x.portfolio > .cell {padding:10px;}
.portfolio .item {border:1px solid #eee;background:#f7f7f7;padding:0 0 5px;cursor:pointer;}
.portfolio .item:hover {border:1px solid #ddd;}
.portfolio .item:hover a {color:#ea3795;}
.portfolio .item img {margin:0 0 10px;}
.portfolio .item p {display:block;margin:0;padding:5px 10px;}
.portfolio .item p.date {color:#999;font-size:13px;padding:0 10px;}
.portfolio .item p.title {color:#000;font-weight:bold;padding:0 10px;line-height:18px;margin:0 0 5px;}
.portfolio .item p.description {color:#666;font-size:13px;padding:0 10px 5px;}
.portfolio .item img {cursor:pointer;display:block;width:100% !important;}

.button.ajax-list {display:block;background:#fef2f8;color:#e50f81;border:1px dashed #e50f81;border-radius:5px;padding:15px;margin:0 0 20px;}
.button.ajax-list:hover {background:#e50f81;color:#fff;border:1px solid #e50f81;}

/* Uslugi */
.grid-x.uslugi {margin-bottom:20px;}
.grid-x.uslugi > .cell {padding:10px 10px 10px 10px;position:relative;top:0;left:0;}
.uslugi .item {padding:0;background:#f7f7f7;cursor:pointer;border:1px solid #eee;}
.uslugi .item:hover {border:1px solid #ddd;}
.uslugi .item img {display:block;width:100% !important;margin:0;}
.uslugi .item a {display:block;padding:10px;text-align:center;font-size:16px;font-weight:bold;color:#000;}
.uslugi .item:hover a {color:#e92c90;}


/* Footer */
footer {background:#3d4045;color:#fff;padding:0;}
footer p {margin:0 0 10px;}
footer a {color:#fff;}
footer .bottom {border-top:1px solid #5c5f66;}
footer .copy p {font-size:12px;margin:0;}
footer ul.menu {}
footer ul.menu li {padding:0 10px;margin:0 0 10px;}
footer ul.menu li a {font-size:12px;padding:0;}
footer ul.menu li.active a {background:none;}

footer .social {margin:20px 0;}
footer .social a {margin:0 10px;}
footer .social a i {font-size:30px;}

/* Map */
.map {width:100%;height:400px;background:url(../img/map.webp) no-repeat center;}
#map {width:100%;height:400px;}

/* Forms */
.reveal h2 {width:100%;margin:0 0 20px;}
.reveal h3 {width:100%;font-size:20px;font-family: 'Raleway', sans-serif;margin:0 0 20px;}
.reveal h4 {width:100%;font-family: 'Raleway', sans-serif;}
.reveal p {width:100%;}
.reveal img {width:100%;max-width:100%;}

.hello {display:none;}

#law {margin:0 15px 0 0;}

#form_2 {border:1px solid #f1c2db;background:#fef2f8;}

/* Slides */
.slides {margin:0;padding:0;position:relative;}
.slides .arrow {position:absolute;top:48%;z-index:999;cursor:pointer;color:#e71c87;}
.slides .arrow:hover {color:#0a9ee4;}
.slides .arrow.prev {left:20px;}
.slides .arrow.next {right:20px;}
.slides .slide {}
.slides .slide .image {position:relative;border:1px solid #ddd;border-radius:5px;padding:5px;margin:10px;box-shadow:0 0 5px #ddd;}
.slides .slide .title {position:absolute;bottom:-10px;left:50%;width:300px;margin-left:-150px;background:#e50f81;color:#fff;font-size:12px;text-align:center;border-radius:5px;padding:5px 10px;box-shadow:0 0 5px #ddd;}
.slides .slide .grid-container {position:relative;}
.slides .container {}

@media print,screen and (min-width:64em){
	.slides .arrow i {font-size:32px;}
	.slides .arrow.prev {left:-2%;}
	.slides .arrow.next {right:-2%;}
}

/* Slider */
.fotos {margin:0;padding:0;position:relative;opacity: 0; visibility: hidden;transition: opacity 0.4s ease-in-out;}
.fotos.is-ready {opacity: 1;visibility: visible;}
.fotos .arrow {position:absolute;top:48%;z-index:999;cursor:pointer;color:#e71c87;width:36px;height:36px;text-align:center;background:#fff;border-radius:36px;box-shadow:0 0 5px #ddd;}
.fotos .arrow:hover {color:#0a9ee4;}
.fotos .arrow i {font-size:22px;line-height:36px;position: relative;}
.fotos .arrow.prev {left:20px;}
.fotos .arrow.prev i {left:-2px;}
.fotos .arrow.next {right:20px;}
.fotos .arrow.next i {right:-2px;}
.fotos .slide {}
.fotos .slide a.image {display:block;position:relative;border:1px solid #ddd;border-radius:5px;padding:0;margin:10px;box-shadow:0 0 5px #ddd;height:300px;overflow: hidden;background:#fafafa;transition: 0.5s all;}
.fotos .slide a.image:hover {border:1px solid #e50f81;}
.fotos .slide a.image img {object-fit:cover;width:100%;height:100% !important;}
.fotos .slide .grid-container {position:relative;}
.fotos .container {}

@media print,screen and (min-width:64em){
	.fotos .arrow.prev {left:-2%;}
	.fotos .arrow.next {right:-2%;}
}