@import "anim.css";

@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap');

/* Common */
.grid-container {max-width:1200px;padding:0 10px;}

h1 {font-size:24px;margin:20px 0 10px;}
h2, .h2 {font-size:20px;margin:20px 0;width:100%;display:block;font-family: "Source Code Pro", monospace;}
h3 {font-size:26px;font-family: "Source Code Pro", monospace;font-weight:bold;}
h4 {font-size:16px;font-weight:bold;margin:10px 0;}

a {color:#33c3f1;}
a:hover {color:#e5629e;}
a[href="#order"]{ background:#33c3f1;color:#fff;display:inline-block;padding:0 10px;}
a[href="#order"]:hover {background:#e5629e;}

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

.top-bar, .top-bar ul {background:#fff;}

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

.button {text-decoration:none;margin:0;background:#00b5ee;border-radius:3px;}
.button.order:hover {background-color:#e5629e !important;}
.button i {margin:0 10px 0 0;}
.red {background:#ff0000;text-transform:uppercase;}
.red:hover {background:#bc0d0d;}
.green {background:#22a444;}
.green:hover {background:#28b53e;}
.green i {}

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

input[name="surname"] {display:none;}

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

.hello {display:none;}

.callout {margin:0;}

.telephone {font-size:20px;}

.reveal {outline:none;}

@media print, screen and (min-width: 40em) {
	.reveal.tiny {max-width:350px;}
}

.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: "Source Code Pro", monospace;color:#161616;font-size:20px;}

header {padding:10px 0;}
header img.logo {max-width:250px;}
header a {color:#161616;}
header p {margin:0;}
header a.instagram {font-size:28px;}

nav {text-align:center;border-bottom:1px solid #ccc;}
nav .grid-container {}
nav .top-bar {display:inline-block;width:100%;}
@media print, screen and (min-width: 40em) {
	nav .top-bar {width:auto;}
}
nav ul.menu {}
nav ul.menu li {}
nav ul.menu li a {color:#161616;text-transform:uppercase;font-weight:bold;}
nav ul.menu li a:hover {color:#e5629e;}
nav ul.menu li ul {width:300px;text-align:left;}
nav ul.menu li ul li {border-bottom:1px solid #ddd;}
nav ul.menu li ul li:last-child {border-bottom:none;}
nav ul.menu li ul li a {text-transform:none;font-size:16px;padding:5px 10px;}
nav ul.menu li ul li a:hover {background:#fafafa;}

.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {border-width: 4px;border-color: #161616 transparent transparent;margin-top: -1px;}

/* Content */
.content h2 {font-size:32px;line-height:2;font-weight:bold;margin:40px 0 20px;}

section.content {padding:0;}
section.content .fon {background-size:cover;background-repeat:no-repeat;background-position:center center;background:#000;}
section.content .fon.portfolio {background-size:cover;background-position:center center;}

section.content .gradient {background: linear-gradient(rgb(0,0,0,0.4), rgb(0,0,0,0.7));padding:120px 0;}
section.content h1 {font-size:40px;color:#fff;text-shadow:1px 1px 1px #000;text-align:center;}
section.content h1.small {font-size:32px;margin:0 0 20px;}
section.content p.description {color:#fff;text-align:center;font-size:20px;line-height:24px;padding:0 20px;text-shadow:1px 1px 1px #000;}
section.content p {font-size:16px;}
section.content ul {margin:10px 0 10px 20px;padding:0 0 0 10px;}
section.content ol {margin:10px 0 10px 20px;padding:0 0 0 10px;}
section.content li {font-size:16px;}
section.content .text {padding:40px 0;}
section.content .text h2 {margin:30px 0 15px;line-height:32px;}
section.content .text h3 {line-height:32px;margin:20px 0;}
section.content .text p {margin:0 0 5px;}

section.content table.table {}
section.content table.table tr {}
section.content table.table tr td {padding:10px;border:1px solid #eee;font-size:16px;}
section.content table.table tr th {background:none;padding:10px;border:1px solid #eee;font-size:16px;}

@media print, screen and (min-width: 64em) {
	section.content .text {padding:40px 10px;}
	section.content h1 {font-size:50px;}
	section.content h1.small {font-size:46px;line-height:50px;}
}

table {}
table tbody {border:none;}
table tbody tr {background:none;}
table tbody tr:nth-child(even) {background:none;}
table tbody tr:nth-child(odd) {background:none;}

table tbody tr td {padding:10px 0;}

@media print, screen and (min-width: 64em) {
	table.col-4 td {width:25%;vertical-align:top;}
	table.col-2 td {width:50%;vertical-align:top;}
	table tbody tr td:first-child {padding:20px 20px 20px 0;}
	table tbody tr td:last-child {padding:20px 0 20px 20px;}
}

/* About */
section.about {padding:20px 0;}
.about h1 {font-size:34px;line-height:50px;font-weight:bold;margin:0 0 20px;}
.about p {font-size:18px;}
.about ol {font-size:18px;}
.about ul {font-size:18px;}

/* Slider */
ul.orbit-container {border-bottom:1px solid #ccc;}
ul.orbit-container li.orbit-slide {height:600px;background-repeat:no-repeat;background-size:cover;}
ul.orbit-container li.orbit-slide .title {font-size:36px;font-weight:bold;margin:150px 0 30px;}
ul.orbit-container li.orbit-slide .text {}
ul.orbit-container .button {padding:15px 40px;font-size:22px;margin:40px 0;text-transform:uppercase;}

nav.orbit-bullets {position:absolute;bottom:0;left:0;text-align:center;width:100%;border:none;}
nav.orbit-bullets button {background:none;border-radius:0;width:20px;height:20px;border:3px solid #fff;}
nav.orbit-bullets button.is-active {background:#00b5ee;}

/* Sections */
section.print {background:#f2f2f2;}
section.service {background:#f2f2f2;}

section.catalog {padding:40px 0 20px;}
section.catalog h2 {font-size:39px;font-weight:bold;}
section.catalog .button {font-size:16px;padding:7px 20px;}
section.catalog .list {}
section.catalog .list .item {background:#fff;border:1px solid #eee;cursor:pointer;box-shadow:0 0 10px #ddd;border-radius:5px;overflow:hidden;}
section.catalog .list .item:hover {border:1px solid #ddd;}
section.catalog .list .item .image {background-size:cover;background-repeat:no-repeat;background-position:center center;min-height:200px;}
section.catalog .list .item .text {padding:15px 25px;}
section.catalog .list .item h3 {font-weight:bold;font-size:20px;margin:10px 0 15px;}
section.catalog .list .item h3 a {color:#000;}
section.catalog .list .item p {font-size:16px;}

section.catalog.production .list .item {background:#f2f2f2;}

/* Foto */
section.foto {background:#fff;padding:20px 0 0;}
section.foto h2 {font-size:39px;font-weight:bold;margin:0 0 30px;}
section.foto .item a {display:block;min-height:300px;background-size:cover;background-position:center center;}
section.foto .gallery {background:#222;padding:10px 0;}
section.foto .gallery > .cell {padding:10px;}

/* Portfolio */
section.portfolio {padding:20px 5px;background:#fafafa;border-bottom:1px solid #eee;}
section.portfolio h2 {font-size:39px;font-weight:bold;margin:40px 0 30px;}


/* Clients */
.images_slider {width:100%;overflow:hidden;position:relative;margin:40px 0;}
.images_slider ul.slides {list-style:none;margin:0;position:relative;}
.images_slider ul.slides li {display:block;float:left;text-align:center;height:100%;}
.images_slider ul.slides li .item {margin:0 30px;height:100%;display:table;max-width:100%;}
.images_slider ul.slides li .item .table-cell {vertical-align:middle;display:table-cell;height:100%;}
.images_slider ul.slides li .item a {}
.images_slider ul.slides li .item span {}
.images_slider ul.slides li .item img {width:auto;max-height:100%;}
@media print,screen and (min-width:40em){
	.images_slider ul.slides li .item img {width:100%;}
}
.images_slider .arrow {position:absolute;top:45%;font-size:26px;cursor:pointer;width:26px;height:26px;line-height:26px;}
.images_slider .arrow:hover {color:#ff0000;}
.images_slider .prev {left:0;}
.images_slider .next {right:0;text-align:right;}

section.clients {background:#fff;padding:20px 5px;}
section.clients h2 {font-size:39px;font-weight:bold;margin:40px 0 30px;}

/* Contacts */
section.contacts {padding:40px 0 0;}
section.contacts h2 {font-size:39px;font-weight:bold;}

/* Form */
section.form {background:#f2f2f2;padding:40px 0;}
section.form h3 {margin:20px 0 30px;font-size:36px;}
section.form form {margin:30px 0;padding:0 40px;}
section.form p {margin:0;padding:0;line-height:18px;font-size:16px;}

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

/* Footer */
footer {font-size:14px;}
footer p {margin:0;font-size:14px;}
footer a {color:#161616;}
footer a:hover {color:#161616;}

footer ul.menu {margin:0;}
footer ul.menu li {margin:4px 0 3px;}
footer ul.menu li a {}
footer ul.menu li a:hover {text-decoration: underline;}


/* portfolio */
.portfolio {background:#fff;}
.portfolio .list .item {background:#fff;box-shadow:0 0 10px #ddd;border-radius:5px;overflow:hidden;cursor:pointer;transition:0.5s all;}
.portfolio .list .item:hover {box-shadow:0 0 10px #aaa;}
.portfolio .list .item .block {padding:10px 20px;}
.portfolio .list .item .date {font-size:14px;margin:0;}
.portfolio .list .item h3.title {font-size:16px;line-height:20px;margin:10px 0;}
.portfolio .list .item h3.title a {color:#222;}
.portfolio .list .item p {margin:0;}
.portfolio .list .item .description {text-align:left;padding:0;color:#333;text-shadow:none;font-size:14px;}

.portfolio.all .block {padding:20px 10px 10px;}
@media print,screen and (min-width:40em){
	.portfolio.all .block {padding:10px 10px 10px 20px;}
}

/* fix button */
#fix_buttons {position:fixed;right:5%;bottom:20px;}
#fix_buttons a {display:block;transition:0.5s all;border-radius:50%;padding:0;margin:0 0 10px;width:44px;height:44px;line-height:44px;cursor:pointer;text-align:center;color:#fff;opacity:0.9;}
#fix_buttons a:hover {opacity:1;}
#fix_buttons a i {font-size:20px;}
#fix_buttons a.whatsapp {background:#4bc658;}
#fix_buttons a.whatsapp i {font-size:24px;}
#fix_buttons a.phone {background:#e5629e;}
#fix_buttons a.home {background:#33c3f1;}

@media print,screen and (min-width:40em){
	#fix_buttons {right:30px;bottom:30px;}
}

/* order form  */
#order_form label {display: inline;line-height:15px;font-size:14px;}
#order_form label a {display:inline;color:#000;text-decoration: underline;}
#order_form label a:hover {color:#069dd5;text-decoration: none;}
form .button {margin:0 0 20px;}
form input[name="agreement"] {margin:0 5px 0 0;}

/* Cookies  */
#accept_cookies {display:none;position:fixed;bottom:10px;left:50%;width:350px;margin-left:-175px;background:#fff;border-radius:5px;padding:10px 20px;box-shadow:0 0 5px #999;}
#accept_cookies p {margin:0 0 10px;font-size:12px;}
#accept_cookies .close {display:inline-block;background:#4786be;color:#fff;padding:5px 15px;cursor:pointer;font-size: 14px;}

@media print,screen and (min-width:40em){ #accept_cookies {width:450px;margin-left:-225px;} }
@media print,screen and (min-width:64em){ #accept_cookies {width:600px;margin-left:-300px;} }