html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0px);
}
video::-webkit-media-controls {
display: none;
}
/* default
* ============================================ */
{margin: 0; padding: 0; outline: 0 none;}
blockquote {margin-left: 20px;}
table {border-color: #beb9b9; margin-bottom: 20px}
table td {border-color: #beb9b9; padding-left: 5px;}
p {padding: 0 0 20px 0;}
p img {vertical-align: middle}
a {color: inherit; text-decoration: none; -webkit-transition: color 0.4s;-moz-transition: color 0.4s;-ms-transition: color 0.4s;-o-transition: color 0.4s;transition: color 0.4s;}
a:hover {/*text-decoration: underline;*/color:#F0A24D;}
hr {border-top: 1px solid #939393; border-width:1px 0 0 0; height: 0; margin: 10px 0;}
h1,h2,h3,h4,h5,h6 {color: #fff; font: normal 16px/1.3 'Lato',Arial, sans-serif; margin: 10px 0;text-align:center;}
h2 {border-bottom: 1px solid #c8c8c8; margin-bottom: 25px;}
h3 {font-size: 23px;}
h4,h5,h6 {margin-bottom: 5px; font-size: 18px;}
#wrapper {font-family: 'Montserrat', sans-serif; line-height: 20px; font-size:14px; color:#4a4d55; text-align: left; min-height: 100%; overflow: hidden;/*height: 100vh;*/}
#body {overflow: hidden; position: relative;}
/* content default
* ============================================ */
.content ul,
.content ol {margin-left: 20px; margin-bottom: 10px;}
.content ul > li {list-style: outside disc;}
.content ol > li {list-style: outside decimal;}
.content .desc img {max-width: 100%; height: auto !important;}
.content .desc img.left {margin-bottom: 10px; margin-right: 20px; float: left}
.content .desc img.right {margin-bottom: 10px; margin-left: 20px; float: right}
.content iframe {border: 1px solid #beb9b9; max-width: 100%;}
::selection {background: #d1d2d3; color: #fff}
::-moz-selection {background: #d1d2d3; color: #fff}
/* dafault form
* ============================================ */
form input[type=text], form select {display:block; width:100%; height:32px; line-height: 32px;}
form input[type=text], form select, form textarea {background:#f0f0f0; padding-left:10px; border:1px solid #d2d2d2; margin-bottom:7px; font-family: inherit; color: #5D5757;}
form input[type=text]:focus, form select:focus, form textarea:focus {border-color: #adaa9f}
form select {padding: 4px 3px 3px 10px;}
form select option {padding: 2px 10px;}
form textarea {padding:8px 10px; width:100%; max-width:100%; min-width:100%; overflow:auto;}
form label {line-height: 28px !important;}
form input[type=submit] {background: #403C3D; border: 0 none; color: #fff; height: 32px; line-height: 32px; display: block; cursor: pointer; margin-top: 7px; float: right; padding: 0 20px; border-radius: 3px}
form input[type=submit]:hover {background: #6e6b6b}
form input[type=submit]:active {background: #525050}
.form-wrap {width: 100%;}
form .one-half {width: 49%; float: left;}
form .one-half:nth-child(2n+1) {margin-right: 2%}
form .captcha-wrap {float: left;}
form .captcha,
form #captcha {float: left; margin-right: 10px; margin-top: 7px}
form input[name=kod],
form input[name=kod2] {width: 110px; float: left; margin-right: 0; margin-top: 7px}
/* dafault sidebar
* ============================================ */
.sidebar {margin: 0;}
.sidebar .box {list-style: none outside none; margin-bottom: 15px}
.sidebar .box:last-child {margin-bottom: 0;}
.sidebar h3.box-title {border-bottom: 1px solid #c8c8c8; margin-bottom: 25px; font-size: 28px;}
.sidebar .button {float: right}
/* class
* ============================================ */
.content01 {float: left; width: 45%;}
.content02 {float: left; width: 45%; margin-left: 10%;}
.content03 {float: left; width: 100%; clear: both}
.wrongVal {background: #ee8282 !important; border-color: #d83939 !important}
.msg {clear: both; padding: 10px 0 15px;}
.strong {font-weight: bold}
.wrap {width: 1140px; margin: 0 auto;}
.clearfix:after {content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0;}
.clearfix {display: block;}
.button {background: #737678; color: #fff; padding: 5px 25px; border-radius: 3px; display: inline-block; font-family: 'klavika_regularregular'; font-size: 14px}
.button:hover {text-decoration: none;}
.button:active {box-shadow: 0 0 10px rgba(0,0,0,0.2) inset; -webkit-transition: all 0.1s; -moz-transition: all 0.1s;-ms-transition: all 0.1s; -o-transition: all 0.1s;transition: all 0.1s;}
.slider-content a.btn {width: auto; bottom: 150px; color: inherit;width: auto; z-index: 11; position: relative; top: auto;}
.special-container {background: #ebebec; padding: 30px 100px 10px; color: #fff; font-size: 18px; line-height: 1.3}
.one-third {width: 33.33%; float: left; padding: 0 40px 20px}
:focus, :active {outline: none !important;}
/* common
* ============================================ */
.form-wrap, form textarea, form input[type=text],
#main,.main, .content img, #logo, .desc-wrap, .special-container, .one-third {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#nav a, #header a, #nav:not(.active), .button,
.slider-content-nav .slider-prev, .slider-content-nav .slider-next {-webkit-transition: all 0.4s; -moz-transition: all 0.4s;-ms-transition: all 0.4s; -o-transition: all 0.4s;transition: all 0.4s;}
/* header
* ============================================ */
#header {/*position: fixed;*/height:1px;width:100%;z-index:10;float:left;}
#page-id-0 #header {background:#d5d5d5;}
#header a {text-decoration: none;text-transform: uppercase;}
#header a:hover {opacity: 0.8}
#top {background: url('../images/bg-top.jpg') repeat-x; width: 100%; height: 400px; position: absolute; left: 0; right: 0; top: 0; z-index: -1}
/*#logo {margin: 0 0 0 55px; padding: 0; line-height: 98px; display: block; float: left;font-weight:600; color:#1d212d;font-size:14px;}*/
/*#logo img {max-width: 100%; max-height: 100%; vertical-align: middle;}*/
#header a#logo {text-transform:none;}
#langs {float:right;padding:0 9px;height:98px;margin:0 55px 0 0;}
#langs a {line-height:98px;font-weight:600;font-size:14px;padding:0;}
#langs a:first-child {padding:0 6px 0 0;}
#langs .active {opacity: 0.8}
/* main
* ============================================ */
#main,.main {position: relative;}
.box-text {margin-bottom: 15px}
.page-sidebar-column #content {width: 650px; float: left}
#sidebar-column {float: left; width: 310px; margin-left: 20px}
.sidebar-column-left.page-sidebar-column #content {float: right}
.sidebar-column-left #sidebar-column {margin-left: 0}
.page-template-3-box #content {padding: 20px 0}
.page-template-3-box .one-third {background: #fcfbfb; padding-top: 20px}
.page-template-3-box .one-third-second {background: #FAFAFA; position: relative; padding: 40px 40px 40px; margin-top: -20px; margin-bottom: -20px; border-radius: 4px}
.page-template-3-box .one-third-second:before,
.page-template-3-box .one-third-second:after {background: url('../images/box-shadow.png') no-repeat; content: ""; width: 7px; height: 290px; display: inline-block; position: absolute; top: 0; bottom: 0; margin: auto;}
.page-template-3-box .one-third-second:before {background-position: left center; left: -7px}
.page-template-3-box .one-third-second:after {background-position: right center; right: -7px}
.page-template-3-box #content h3 {border-bottom: 1px solid #d1cfcf; padding-bottom: 10px; margin-bottom: 15px}
.mapa-iframe iframe {display: block; width: 100% !important;}
/* nav (horizontal)
* ============================================ */
#nav {float: right}
#nav .menu {}
#nav ul.menu {margin:0;padding:0;}
#nav .menu li {list-style: none outside none; white-space: nowrap; position: relative;}
#nav .menu > li {display: inline-block; margin: 0 -2px;}
#nav a {text-decoration: none; color: #48484a; display: block; padding: 6px 15px 5px; text-transform: uppercase;}
#nav .menu > li:hover > a,
#nav .menu > li > a.current-link, #nav .menu > li.current-parent > a {/*color: #fff; opacity: 1*/ }
#nav .menu > li > a.current-link, .locations {background: url('../images/selector.png') no-repeat -25px 35px transparent;}
#nav .menu > li.parent:hover > a {border-radius: 4px 4px 0 0}
#nav .menu > li:last-child {margin-right: 0}
/* submenu */
#nav .menu ul {background: #fff; position: absolute; left: 0; top: 31px; display: none; padding: 15px 15px 10px; z-index: 196; min-width: 115%; visibility: hidden; border-radius: 0 4px 4px 4px;}
#nav .menu ul li {border-bottom: 1px dotted #fff}
#nav .menu li:last-child ul {left: auto; right: 0;}
#nav .menu li:hover > ul {display: block; visibility: visible}
#nav .menu ul li a {padding: 7px 30px 7px; font-size: 16px; text-transform: none; padding-left: 15px; float: none !important; margin: 0; -webkit-transition: background-color 0.4s;-moz-transition: background-color 0.4s;-ms-transition: background-color 0.4s;-o-transition: background-color 0.4s;transition: color 0.4s;}
/*#nav .menu ul li a:before {content: "→"; float: left; font: normal 13px/1.7 Arial, Helvetica, sans-serif; text-indent: -9px; overflow: hidden; margin-right: 15px; display: inline-block; height: auto; width: auto}*/
#nav .menu ul li:last-child {border: none;}
#nav .menu ul a:hover {opacity: 1}
#nav .menu ul ul {left: 100%; top: -15px;} /* level 3 */
#button-mobile-menu {display: none; overflow: hidden}
#button-mobile-menu a {background: url('../images/nav-mob.png') #f4f4f6 no-repeat center center; display: block; display: block; float: right; width: 50px; height: 50px; text-indent: -100px; border: 0 none; overflow: hidden; padding: 0 !important; border-radius: 50px; opacity: 0.55}
#button-mobile-menu a:hover {opacity: 1}
/* slider
* ============================================ */
.slider-content-wrap {background: url('../images/loading.gif') #fff no-repeat center center; padding: 0; position: relative; margin-bottom: 25px;}
ul.slider-content {background: #fff; padding: 0; margin: 0; overflow: hidden;}
.slider-content li.item {background: none; display: block; padding: 0; max-width: 100%; float: left; position: relative}
.slider-content img {max-width: 100%; width: 100%;}
.slider-content .layer-mask {background: url('../images/slider-mask.png'); display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%}
.slider-content-slides {overflow: hidden}
.slider-content-loader {height: 0; padding: 0 0 39.5%}
.slider-content-wrap .desc-wrap:before {background: #bfbfbf; content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.9}
.slider-content-wrap .desc-wrap {position: absolute; z-index: 10; color: #fff; left: -12px; bottom: 0; top: 0; margin: auto; width: 420px; height: 155px; color: #fff; padding: 5px 5px 5px 50px; line-height: 1.2}
.slider-content-wrap .desc-wrap:after {background: url('../images/slider-desc-corner.png'); content: ""; width: 12px; height: 7px; display: inline-block; position: absolute; left: 0; bottom: -7px}
.slider-content-wrap .desc-wrap h3 {color: inherit; font-size: 30px; padding: 0;}
.slider-content a {width: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; z-index: 10}
.slider-content-nav {position: absolute; right: -12px; bottom: 0; top: 0; margin: auto; z-index: 10; height: 45px;}
.slider-content-nav .slider-prev, .slider-content-nav .slider-next {background-image: url('../images/arrows-slider.png'); background-repeat: no-repeat; width: 45px; height: 45px; font-size: 18px; line-height: 18px; vertical-align: middle; display: block; color: #fff; margin: 55px 0 0 1px; text-align: center; text-indent: -2000em; opacity: 0.8}
.slider-content-nav .slider-prev {background-position: 12px 8px; float: left}
.slider-content-nav .slider-next {background-position: -48px 8px; float: left;}
.slider-content-nav.dark-color .slider-prev {background-position: 12px -44px; float: left}
.slider-content-nav.dark-color .slider-next {background-position: -48px -44px; float: left;}
.slider-content-nav .slider-prev:hover, .slider-content-nav .slider-next:hover {opacity: 1; text-decoration: none}
.slider-content-paging-wrap {text-align: center; padding: 0; margin-top: -33px; position: relative; z-index: 10}
.slider-content-paging:before {background: url('../images/corner-paging.png') no-repeat left top; content: ""; width: 15px; height: 34px; display: inline-block; position: absolute; left: -15px; top: 0}
.slider-content-paging {background: url('../images/bg-paging.png') no-repeat right top; position: relative; display: inline-block !important; padding: 10px 25px 10px 10px; line-height: 0.1em;}
.slider-content-paging a span {background: #cecdcd; display: inline-block; width: 11px; height: 11px; border: 1px solid #fff; overflow: hidden; text-indent: -2000em; border-radius: 13px;}
.slider-content-paging a {border: 1px solid #cecdcd; border-radius: 13px; margin: 0 4px; display: inline-block !important;}
.slider-content-paging a.selected span {background: #595959}
.caroufredsel_wrapper {background: #fff; overflow: hidden}
.slider-content-paging, .slider-content-nav .slider-prev, .slider-content-nav .slider-next, .slider-content img, .slider-content .desc-wrap, .slider-content-wrap > .desc-wrap {display: none}
.caroufredsel_wrapper .slider-content img {display: block;}
.slider-content-nav .slider-prev.disabled, .slider-content-nav .slider-prevdisabled {visibility: hidden}
/* footer
* ============================================ */
.footer {background: #ECEDEE; color: #000; display: block; margin-bottom: 30px}
.footer .wrap {min-height: 70px; position: relative; font: normal 11px Tahoma, Verdana, Arial;}
#footer-box {margin-bottom: 30px;}
#copy {float: left; margin: 28px 0 0 20px; color: inherit; opacity: 0.7}
#design-by {float: right; margin: 20px 20px 0 0; text-align: right; color: inherit; opacity: 0.7}
#design-by strong {display: block;}
#design-by a {text-decoration: none; color: inherit;}
/* gallery
* ============================================ */
.gallery-wrap {margin: 26px 0; width: 100%; clear: both}
.gallery-wrap .item {background-color: #F2F2EF; display: block; float: left; text-align: center; vertical-align: middle; margin: 0 10px 10px 0; position: relative; overflow: hidden;}
.gallery-photo-frame .item { display: flex; flex-direction: column; justify-content: center; padding: 8px;}
.gallery-wrap .item > a {display: block; text-align: center; vertical-align: middle;}
.gallery-wrap .item:hover {filter:alpha(opacity: 90); -moz-opacity: 90%; opacity: 0.9;}
.gallery-wrap .item .title {padding: 5px 0 0 5px; line-height: 16px; font-weight: bold;}
.gallery-photo-frame .item .title {padding: 5px 0 0 0;}
.gallery-wrap .item img {vertical-align: middle; margin: auto;}
.galleryPaging {display: table; width: 95%; clear: both; margin: 5px 0; padding-right: 20px;}
.fleft {float:left;}
.fright {float:right;}
/* default (news)
* ============================================ */
.listing h3.title,
.listing h3.title a {margin-top: 0; margin-bottom: 0; text-transform: none; padding-top: 0; padding-left: 0; font-size: 18px; font-weight: normal; text-transform: uppercase;}
.listing h3.title a {text-decoration: none; padding: 5px 0; display: block;}
.listing .item {padding: 14px 0; width: 100%;}
.listing .item:last-child {border: 0 none;}
.listing .thumbwrap img {width: 130px;}
.listing article {border-bottom: 1px solid #a2a0a0;}
article h3.title {font-size: 30px; text-transform: uppercase; margin: 0 0 20px; padding: 0 0 10px 0; }
article .thumbwrap {background: #FBFAF8; float:left; margin-right: 20px}
article .thumbwrap img {display: block; margin: 0; width: 100%}
article .thumbwrap .loading {position: absolute; width: 100%; text-align: center; color: #a0a0a1; height: 20px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; opacity: 0}
.news-single .thumbwrap {background: #FBFAF8; float:left; margin-right: 20px}
.news-single .thumbwrap img {display: block; margin: 0; width: 100%}
.news-single .thumbwrap .loading {position: absolute; width: 100%; text-align: center; color: #a0a0a1; height: 20px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; opacity: 0}
/* default paging
* ============================================ */
.paging {text-align: center; border-top: 1px solid #D4D1D1; padding-top: 5px; margin-top: 10px}
.paging a, .paging span {margin: 0 2px; font-size: 15px;}
.paging a.prev, .paging a.next,
.paging span.prev, .paging span.next {font-size: 14px; padding: 4px 2px; float: left;}
.paging span.prev, .paging span.next {filter:alpha(opacity: 20); -moz-opacity: 20%; opacity: 0.2;}
.paging a.next, .paging span.next {float: right}
.paging a.number, .paging span.number {padding: 4px 1px; display: inline-block;}
.pagination { clear: both; padding: 0; }
.pagination li { display:inline; }
.pagination a { border: 1px solid #D5D5D5; color: #666666; font-size: 11px; font-weight: bold; height: 30px; padding: 4px 8px; text-decoration: none; margin:2px; }
.pagination a:hover, .pagination a:active { background:#efefef; }
.pagination span.current { background-color: #687282; border: 1px solid #D5D5D5; color: #ffffff; font-size: 11px; font-weight: bold; height: 30px; padding: 6px 10px; text-decoration: none; margin:2px; }
.pagination span.disabled {display: none; border: 1px solid #EEEEEE; color: #DDDDDD; margin: 2px; padding: 2px 5px; }
/* form
* ============================================ */
#form-contact textarea {height: 332px}
/* cookies
* ============================================ */
#cookies {background: #50575E; background: rgba(80,87,94,0.95); width: 600px; color: #fff; border-top: 1px solid #DDDDDD; font: 13px Arial, Helvetica, sans-serif; display:none; padding: 10px 0; position: fixed; bottom: 40px; right: 60px; z-index: 20; border-radius: 10px}
#cookies p {padding: 5px 20px; padding-right: 50px}
#cookies a {background: url('../images/close-button.png') no-repeat; display: block; width: 23px; height: 23px; text-indent: -100px; overflow: hidden; position: absolute; right: 10px; top: 10px;}
#cookies a:hover {opacity: 0.7; color:#000;}
/* facebook
* ============================================ */
#slide-box-fblike {cursor: pointer; position: fixed; right: -326px; top: 126px; z-index: 15;}
.no-touch #slide-box-fblike {transition: right 0.4s ease-out 0s, z-index 0.01s ease-in 0.4s;}
.no-touch #slide-box-fblike:hover {right: 0; transition: right 0.4s ease-out 0s, z-index 0.01s ease-in 0s; z-index: 15;}
#slide-box-fblike .inside {background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #39579B; height: 250px; padding: 10px; position: relative; width: 326px; z-index: 2;}
#slide-box-fblike .belt {background: url("../images/bt_social.png") repeat scroll 0 0 #3B5999; border-radius: 3px 0 0 3px; color: #FFFFFF; font-family: Verdana; font-size: 1px; font-weight: bold; height: 49px; left: -47px; position: absolute; top: 0; width: 47px; z-index: 0;}
#slide-box-fblike:hover .belt {background-position: 0 -49px;}
/* local
* ============================================ */
html {background: #fff;font-family: 'Montserrat', sans-serif; font-size:14px;color:#4a4d55;}
body {background: #fff;font-family: 'Montserrat', sans-serif; font-size:14px;color:#4a4d55;}
#contacts {float:left;width:100%;height:47px;color:#7f838e;font-size: 14px;line-height:42px;}
#contacts a {color:#7f838e;font-size: 14px;line-height:47px;}
#phone {float:left;margin:0 6px;padding:0 12px 0 36px;background: transparent url('../images/sprite.png') scroll no-repeat -463px -90px;}
#envelope {float:left;margin:0 6px;padding:0 12px 0 38px;background: transparent url('../images/sprite.png') scroll no-repeat -463px 2px;}
#socials {float:right;padding:0;line-height:98px;height:98px;}
#socials a{float:left;padding:5px 3px;height:24px;line-height:98px;}
#nav a {font:14px/98px 'Montserrat', sans-serif;color:#353944;padding:0 9px;margin:0;font-weight:600;/*background-position:0 0;*/}
#nav .menu > li > a.current-link, #nav .menu > li.current-parent > a, #nav .menu > li:hover > a, #nav .menu > li ul, .slider-content-nav .slider-prev, .slider-content-nav .slider-next, .button {
/*background-color: #e07804 !important;*/
}
.wrap-slider {width:100%;}
a.btn {bottom: 70px;color:#fff;padding:0 35px;border-radius: 60px;background:#0081c6;font: 15px/50px Lato, sans-serif;font-weight:900;}
a.btn:hover {color:#0081c6;background:#fff;}
#nav .menu > li.parent:hover > a {border-radius: 15px;}
#content {float:left;width:96%;margin: 20px 2% 0;}
form input[type="text"]:focus, form select:focus, form textarea:focus {border-color: #cacbcb;}
form input[type="text"], form select, form textarea {
background: #9E9F9F;
padding: 2px 4px;
border: 1px solid #cacbcb;
margin-bottom: 4px;
font: 12px/13px 'Lato', Arial, sans-serif;
color: #fff;
height:auto;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #fff;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #fff;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #fff;
}
#cookies {z-index:100;}
.one-third {width:32%;padding: 0 2% 20px 0;box-sizing: content-box;}
.one-third:nth-child(5) {padding-right:0;}
.one-third:nth-child(10) {padding-right:0;}
form#form-contact .one-half {width:49%;padding: 0 2% 20px 0;box-sizing: content-box;}
form#form-contact .one-half:nth-child(7) {padding-right:0;margin-right:0;}
form#form-contact input[name="kod"], form#form-contact input[name="kod2"],
form#form-contact-page input[name="kod"], form#form-contact-page input[name="kod2"] {margin-top: 0px;width:100%;}
form#form-contact .rel,
form#form-contact-page .rel {position:relative;}
form#form-contact .rel img,
form#form-contact-page .rel img {position:absolute;right:0;top:2px;z-index:10;}
form#form-contact input[type="submit"],
form#form-contact-page input[type="submit"] {display:table-caption;clear:both;float:none;margin:28px auto 52px;font: 14px/1.3em 'Montserrat', sans-serif;border-radius: 45px;padding: 18px 50px;color:#fff;background:#e07804;height:auto;}
form#form-contact-page input,
form#form-contact-page textarea {margin-bottom:20px;}
/* z index*/
#nav .menu > li > a.current-link,
#nav .menu > li.current-parent > a,
#nav .menu > li:hover > a,
#nav .menu > li ul,
.slider-content-nav .slider-prev,
.slider-content-nav .slider-next,
.button
{ /*background-color: #FFB200;*/ }
.slider-content-wrap { /*border-color: #FFB200;*/ }
#nav .menu > li > a.current-link,
#nav .menu > li.current-parent > a,
#nav .menu > li:hover > a.current-link,
#nav .menu > li.current-parent:hover > a,
#nav .menu > li:hover > a,
#nav .menu > li > ul a,
#nav .menu ul li,
.button,
#footer-box { /*color: #fffaef; border-color: #ffe7b2;*/ }
#footer-box, .button:hover,
#nav .menu ul a:hover,
#nav .menu ul li > a.current-link, #nav .menu ul li.current-parent > a { /*background-color: #efa700;*/ }
.content a:not(.button) { /*color:#fff;*/ }
/***********************/
.wrap-intro-1 #header,
.wrap-intro-1 .main {}
.wrap-intro-1 {padding-top:23px;width: 480px;margin:0 auto;position:relative;z-index:1;}
.wrap-intro-1 .content {width: 100%;padding:0;margin-left:0;margin-right:0;}
.wrap-intro-1 #inside {float:left;width:404px;text-align:center;margin:0 38px;position:relative;z-index:20;}
.wrap-intro-1 .desc {float:left;margin:60px 48px 60px 52px;width:calc(100% - 110px);height: 250px;overflow: hidden;overflow-y:auto;text-align:left;font-family: 'Montserrat',sans-serif;font-size:16px;font-weight:700;line-height:21px;color:#5f6169;position: relative;z-index:30;}
.wrap-intro-1 .desc p,
.wrap-intro-1 .desc li {font-family: 'Lato',Arial,sans-serif;font-size:11px;font-weight:400;line-height:14px;color:#fff;padding-bottom: 12px;text-align:justify; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-transform: translateZ(0px); }
.wrap-intro-1 .desc p.list {font-size:13.5px;text-align:center;}
.wrap-intro-1 .desc p.dane {text-align:center;font-size:13px;line-height: 1.3;}
#inside #logo {float:left;width:100%;height:86px;margin-bottom:125px;}
#menu-circle {float:left;width:100%;height:145px;position:relative;z-index:50;}
#a01 {float:left;width:77px;height:77px;margin:54px 0 0 18px;background:none;}
#a01:hover {background:url('../images/01.png') no-repeat 0 0 transparent;}
#a02 {float:left;width:77px;height:77px;margin:17px 0 0 19px;background:none;}
#a02:hover {background:url('../images/02.png') no-repeat 0 0 transparent;}
#a03 {float:left;width:77px;height:77px;margin:16px 0 0 25px;background:none;}
#a03:hover {background:url('../images/03.png') no-repeat 0 0 transparent;}
#a04 {float:left;width:76px;height:76px;margin:50px 0 0 31px;background:none;}
#a04:hover {background:url('../images/04.png') no-repeat 0 0 transparent;}
.back { display: block; width:100%;color: #fff; font: normal 13px/1.3 'Lato',Arial, sans-serif; margin: 10px 0;text-align:center;}
.page-id-42 .desc {overflow: visible;margin-top: 30px;}
#header a {
-webkit-transition: opacity .3s ease-in-out, color .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out, color .3s ease-in-out;
-o-transition: opacity .3s ease-in-out, color .3s ease-in-out;
transition: opacity .3s ease-in-out, color .3s ease-in-out;
-webkit-font-smoothing: antialiased;
-webkit-transform: translateZ(0px);
}
#header a:active, #header a:hover {
outline: 0;
color: #8B8D92;
}
/*#wrapper {background: url('../images/bg_00.jpg') no-repeat center 0 transparent;min-height: 100vh;}*/
#a01-wrap {background: url('../images/bg_01.jpg') no-repeat center 0 transparent;min-height: 100vh;}
header, #header {display:none;}
.rwd {display:none;}
/*
video {
object-fit: fill;
}
*/
.page-id-1 #a01 {background:url('../images/01.png') no-repeat 0 0 transparent;}
.page-id-2 #a02 {background:url('../images/02.png') no-repeat 0 0 transparent;}
.page-id-3 #a03,
.page-id-31 #a03,
.page-id-32 #a03,
.page-id-33 #a03,
.page-id-34 #a03,
.page-id-35 #a03,
.page-id-36 #a03 {background:url('../images/03.png') no-repeat 0 0 transparent;}
.page-id-4 #a04,
.page-id-41 #a04,
.page-id-42 #a04,
.page-id-43 #a04 {background:url('../images/04.png') no-repeat 0 0 transparent;}
.dot {display:block;width:264px;height:264px;position:absolute;z-index:10;left:-388px;top:277px;}
.dot-1 {background:url("../images/blank.png") no-repeat scroll 0 0 transparent;}
.dot-2 {background:url("../images/dot_firma.jpg") no-repeat scroll 0 0 transparent;}
.dot-3,
.dot-31,.dot-32,.dot-33,.dot-34,.dot-35,.dot-36 {background:url("../images/dot_oferta.jpg") no-repeat scroll 0 0 transparent;left: -389px;}
.dot-4,
.dot-41,.dot-42,.dot-43,.dot-44 {background:url("../images/dot_kontakt.jpg") no-repeat scroll 0 0 transparent;left: -389px;}
/*
.arch {display:block;width:298px;height:216px;position:absolute;z-index:10;right:-720px;bottom:-180px;}
.arch-1 {background:url("../images/blank.png") no-repeat scroll 0 0 transparent;}
.arch-2 {background:url("../images/arch_firma.jpg") no-repeat scroll 0 0 transparent;}
.arch-3,
.arch-31,.arch-32,.arch-33,.arch-34,.arch-35,.arch-36 {background:url("../images/arch_oferta.jpg") no-repeat scroll 0 0 transparent;}
.arch-4,
.arch-41,.arch-42,.arch-43,.arch-44 {background:url("../images/arch_kontakt.jpg") no-repeat scroll 0 0 transparent;}
*/
.arch {display:block;width:298px;height:216px;position:absolute;z-index:0;right:0px;bottom:0px;background:url("../images/blank.png") no-repeat scroll 0 0 transparent;}
.arch-1 {z-index:0;background:url("../images/arch_onas_02.png") no-repeat scroll 0 0 transparent;}
.arch-2 {z-index:0;background:url("../images/arch_firma_02.png") no-repeat scroll 0 0 transparent;}
.arch-3,
.arch-31,.arch-32,.arch-33,.arch-34,.arch-35,.arch-36 {z-index:0;background:url("../images/arch_oferta_02.png") no-repeat scroll 0 0 transparent;}
.arch-4,
.arch-41,.arch-42,.arch-43,.arch-44 {z-index:0;background:url("../images/arch_kontakt_02.png") no-repeat scroll 0 0 transparent;}
.cross {display:block;width:22px;height:24px;position:absolute;z-index:10;background:url("../images/cross.png") no-repeat scroll 0 0 transparent;}
.cross-top-left {left:20px;top:18px;}
.cross-top-right {right:20px;top:18px;}
.cross-bottom-left {left:20px;bottom:20px;}
.gear {display:block;width:455px;height:228px;position:absolute;z-index:0;left:calc(50% - 455px);bottom:0px;background:url("../images/gear.png") no-repeat scroll 0 0 transparent;}
.background {display:block;width:437px;height:437px;position:absolute;top:321px;left:-15px;z-index:25;background:url("../images/background.png") no-repeat scroll 0 0 transparent;}
.page-id-43 h1 {font-size:13px;text-align: left;}
.page-id-43 .wrap-intro-1 .desc {margin:60px 53px 60px 57px}
.page-id-43 form input[type="submit"] {float:left;padding: 2px 4px;background:#808080;font-size:16px;color:#F39D48;margin:0;height:20px;line-height:20px;margin-left:30px;}
.page-id-43 form input[type="reset"] {float:right;padding: 2px 4px;background:#808080;font-size:16px;color:#fff;margin:0;border:none;height:20px;line-height:20px;margin-right:30px;cursor:pointer;}
.page-id-43 .desc {overflow: visible;}
.back img {margin-top:-3px}
.svg {display:none;position:absolute;left:50px;top:22px;}
/* mobile
* ============================================ */
@media only screen and (max-height: 750px){
#a01-wrap {background: url('../images/bg_03.jpg') no-repeat center 0 transparent;min-height: 100vh;}
.dot {top:180px;}
#inside #logo {margin-bottom: 28px;}
.background {top: 223px;}
}
@media only screen and (min-width: 479px){
#nav {position: static !important; top: 0 !important}
#nav .menu {display: block !important;}
}
@media only screen and (max-width: 1440px){
video {width:auto;height: calc(100% + 121px);margin-top:-60px;}
}
@media only screen and (max-width: 1280px){
}
@media only screen and (max-width: 1140px){
/*.arch {display:none;}*/
}
@media only screen and (max-width: 1080px){
}
@media only screen and (max-width: 999px){
}
@media only screen and (max-width: 720px){
}
@media only screen and (max-width: 640px){
}
@media only screen and (max-width: 520px){
}
@media only screen and (max-width: 479px){
.svg {display:block;}
.rwd {display:block;margin:0;}
.background, .gear, .arch {display:none;}
.wrap-intro-1 {width:100%;}
#a01-wrap {
background: url('../images/bg_480_4.png') no-repeat center 0 transparent;
}
header, #header {display:block;}
#menu-circle {display:none;}
.main iframe {max-width: 100%;}
.main img {max-width: 100%; height: auto !important;}
#nav {background: transparent; top: 62px; right: 22px; position: fixed; margin: 0; width: 50px; z-index: 999}
#nav .menu {background: #F4F4F6; display: none; width: 285px; position: absolute; z-index: 60; padding: 0; margin: 0; top: 55px; right: 5px}
#nav li {width: 100% !important}
#nav .menu li a,
#nav .menu ul > li > a {text-align: center; color: #22150f; float: none; padding: 8px 0; height: auto; border-radius: 0;line-height:49px;}
#nav .menu li {margin: 0; float: none; border: 0 none !important;}
#nav .menu > li:last-child {border: 0 none}
#nav .menu ul {min-width: 100%; position: static; padding: 0; border: 0 none; display: block !important; visibility: visible !important; opacity: 1 !important; border-radius: 0}
#nav .menu ul a {background: #e8e8e8; color: #222 !important}
#nav .menu ul ul a {background: #d9d9d9; }
#nav .menu ul a:hover {background: #b9bbbd !important;}
#nav .menu > li a:before {display: none; visibility: hidden}
#nav .menu > li:hover > a,
#nav .menu > li > a.current-link, #nav .menu > li.current-parent > a {background: #ABABAB; color: #fff !important}
#button-mobile-menu {display: block;}
#nav .menu {right: -10px;width:285px;}
#nav .menu > li.parent:hover > a {border-radius: 0;}
.wrap-intro-1 #inside {width: calc(100% - 50px);margin: 0 25px;}
.wrap-intro-1 .desc {width:100%;margin: 30px 0;height:340px;}
.wrap-intro-1 .desc p, .wrap-intro-1 .desc li {font-size: 14px;line-height: 15px;}
.wrap-intro-1 .desc p.dane, .wrap-intro-1 .desc p.list{font-size: 14px;line-height: 15px;}
}
@media only screen and (max-width: 480px){
}
@media only screen and (max-width: 420px){
}
@media only screen and (max-width: 360px){
.cross {display: none}
.page-id-43 .wrap-intro-1 .desc { margin: 57px 0px 60px 0px; }
.svg {left:20px;}