/*
Quick.Cms default stylesheet
More about design modifications - http://opensolution.org/docs/?p=pl-design
font-family: 'Roboto', sans-serif;
font-family: 'Poppins', sans-serif;
*/

/* GLOBAL STYLES */
body, body *{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body,table{color:#282828;font-size:1em;font-family: 'Poppins', sans-serif;}
h1,h2,h3,h4{font-size:1em;}

body{padding:0;background:#f4f4f4;text-align:center;}

input[type="text"], input[type="email"], select, textarea{padding:2px;border-width:1px;border-style:solid;border-color:#0093dd;}
input[type="text"].warning-required, input[type="password"].warning-required, input[type="email"].warning-required, select.warning-required, textarea.warning-required{background:#fbefef;}
input[type="submit"]{padding:5px 14px;border-width:1px;border-style:solid;background:#333;color:#fff;}
input[type="submit"]:hover{background:#666;cursor:pointer;}
label{color:#1D1D1F;}
label span{padding-left:10px;color:#aaa;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;font-size:100%;}
tbody, tfoot, thead{margin:0;padding:0;}
caption, tr, th, td{margin:0;padding:2px 4px;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

a{color:#fff;text-decoration:none;transition: all 0.5s ease}
a:hover{color:#de9553;text-decoration:none;transition: all 0.5s ease}

#page #show:hover{cursor:pointer}
#ukryj{display:none}
#ukryj.check{display:block}

.msg.error h1{padding:20px 0;text-align:center;}

#container, #head1 .container, #head2 .container, #head3 .container, #head4 .container, #head5 .container, #foot .container, #foot-contact .container{clear:both;position:relative;width: 1200px;margin:0px auto;text-align:left;}
#container:after{content:"";display:table;clear:both;}

#header{}
#body, #foot, #head1, #head2, #head3, #head4, #head5, #foot-contact{float:left;width:100%;margin:0 auto;padding:0;}
#body img, #header img{max-width:100%;height:auto}

/* QUICK LINKS */
#skiplinks{position:absolute;top:0px;left:0px;}
#skiplinks a{position:absolute;top:-500px;left:0px;z-index:10;min-width:200px;padding:10px;color:#fff;}
#skiplinks a:focus{top:0;background:#000;color:#fff;}

.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#1b1b1b;}
.preloader span{ background-position:center center; background-repeat:no-repeat; background-image:url(img/preloader.jpg);animation-name: fadeIn
;transform-origin: center bottom;animation-duration:2s;animation-fill-mode: both; position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; }

/* LOGO, HEADER BACKGROUND AND SLOGAN */
#head1{float:left;width:100%;background:#1b1b1b;border-bottom: 1px solid #343434;}
#head1 .container{display: table;padding: 0;background:#1b1b1b;border-bottom: 1px solid #343434;padding: 6px 0;}
#head1 .container:after{/* content:""; */height:1px;background:#de9553;width:100%;margin:40px 0 0;float: left;}

#logo1{font-family: 'Meddon', cursive;float:left;font-size:3em}
#logo{float:left;padding:0;margin-top:36px}
#logo #title{float:left;animation-name: fadeIn;transform-origin: center bottom;animation-duration:2s;animation-fill-mode: both;}
#logo #title a{color:#fff;line-height:1.33em;text-decoration:none;font-size:1.75em}
#logo #title a:hover{color:#de9553}
#logo #title h1{font-weight:600;display: inline-block;}
#logo #title span{font-size:0.5em}

#contact{float:right;width: 45%;padding:41px 0 0;}
#tel, #mail{display:inline-block;margin:0;font-size:1em;float:right;padding:4px 15px;color: #FFF;}
#mail a{/* color:#383535; */text-decoration:none;}
#mail a:hover{color:#de9553;}

#flags-fb{width: 100%;float:right}
#fb{float:right;margin: 10px 0 0 25px;position: relative;}
#fb a{float:right;margin-left: 20px;position: relative;z-index: 1001;}
#fb .fb_iframe_widget{margin: 0px 18px 0 0;float: left;}
/*#fb .fb_iframe_widget span{width:165px !important}*/
#fb .fb_iframe_widget iframe{
    width: 89px!important;
}

#head2 .whatsapp{float:left;margin: 7px 18px 0 0;}
#head2 a.wz {background: #43c553;color: #fff;text-transform: inherit;padding: 5px 10px;font-size: 0.78em;border-radius: 4px;}

#contact #tel:after{display:block;content: url(img/tel.png);float:left;padding-right:12px}
#contact #mail:after{display:block;content: url(img/mail.png);float:left;padding-right:12px;padding-top: 2px;}

/* HEADER WITH TOP MENU */
#head2{float:left;width:100%;background:#1b1b1b;position:relative}
#head2 .container{display: table;text-align:center;margin:0 auto;padding:0;background:#1b1b1b}
#head2:after{content: "";display: block;position: absolute; left: 0;bottom:-8px;height:8px; width:100%;box-shadow: inset 1px 5px 7px -2px rgba(0, 0, 0, 0.26);z-index:9999;}

#slogan{float:left;clear:left;padding:10px 0 20px;background:inherit;color:#ccc;font-size:1.33em;animation-name: fadeIn;transform-origin: center bottom;animation-duration:2s;animation-fill-mode: both;font-size:0.75em;font-family: 'Poppins', sans-serif;}

#head4 .container{margin-top: -11%;display: table;background: #fff;padding: 40px;}
#page19 #head4 .container{margin-top:0}

#head4 .container div.content table td{position:relative}
#head4 .container div.content table td strong{display:block;margin-bottom:5px}
#head4 .container div.content table a.all{position:absolute;left: 0;right: 0;bottom: 2px;background: #fffc;padding: 8px;color: #1e1e1e;font-weight: 500;border: 1px solid #de9553;box-shadow: 0px 3px 3px rgb(0 0 0 / 15%);width: 80%;margin: 0 auto;}
#head4 .container div.content table a:hover{padding:12px 8px;}
#head4 .container div.content table td:hover img{transform: scale(1.1,1.1) rotate(3deg); transition: all 4s ease;transition: transform 4s ease;}


#head5 .container{margin-top: -135px;}
#head5 .container h1{margin:10px 0 25px;color: #f7f7f7;font-size: 2.75em;font-weight:700;position:relative;padding-bottom: 0px;text-shadow: 2px 2px 2px #303030;}
#head5 .container h1:after{content:'';display:block;position:absolute;bottom:0;margin:auto;width:60px;height:3px;background:#de9553;transition:all 0.5s ease;}

/* MENU TOP */
.menu-1{float: left;}
.menu-1 ul{float:left;width:100%;height:100%;margin:0;list-style:none;}
.menu-1 li{position:relative;float:left;padding:0;border-right: 1px solid #343434;}
.menu-1 a{float:left;width:100%;margin:0;padding: 20px 38px;color: #fff;font-size:0.875em;text-decoration:none;/* text-transform: uppercase; */font-weight:400;}
.menu-1 a:hover, .menu-1 .selected a, .menu-1 li:last-child a:hover{color:#fff;transition:all 0.5s ease;background:#de9553}
.menu-1 li:last-child a{border:0}

.menu-1 > ul{margin:0;line-height:1.5em;}
.menu-1 ul ul li:after{display:none;}

.menu-1 li:nth-child(3) a{/* animation-name: fadeInUp; *//* transform-origin: center bottom; *//* animation-duration:3s; *//* animation-fill-mode: both; *//* border: 1px solid #fff; *//* padding: 18px 38px; */}
#page18 .menu-1 li:nth-child(3) a{animation-name:none}
.menu-1 ul ul{display:none;position:absolute;top:52px;left:-20px;z-index:10;height:auto;white-space:nowrap;background:#de9553;padding:15px 20px 15px;width:330px;}
.menu-1 > ul > li:hover > ul{display:block;}
.menu-1 ul ul li{clear:left;display:block;width:100%;margin-left:0;}
.menu-1 ul ul li a{margin:0;padding:8px 10px 8px 0px;font-size:0.813em;border-bottom:1px solid #7c9de8;color:#fff;border-right:0;font-weight:600;font-style:inherit;white-space: pre-wrap;}
.menu-1 li li a:hover, .menu-1 li li.selected a{text-decoration:none;color:#b3c8f9}
.menu-1 ul ul li a:before{content:"\25b8";float:left;padding:0 10px 2px 0;font-size:1em;color:#fff}

.menu-1 .selected  li a{color:#fff}

.menu-1 > ul > li > ul > li > ul{top:0;left:100%;}
.menu-1 > ul > li > ul > li:hover ul{display:block;}
.menu-1 ul ul ul li a{font-size:0.875em;}

/* HEADER WITH SLIDER */
#slider{position:relative;clear:both;max-height:700px;overflow:hidden;color:#fff;width:100%} 
#slider li > img{width:100%;height:auto}
.quick-slider{position:relative;margin:auto;overflow:hidden;}
.quick-slider ul{padding:0;margin:0px;list-style:none;}
.quick-slider-slide{position:absolute;width:100%;display:none;text-align:left;overflow:hidden;line-height:0px;}
.quick-slider-slide:first-child{display:block;}
.quick-slider-nav-arrows{z-index:5;position:absolute;top:50%;bottom:75px;float:right;display:block;transform:translateY(-50%);min-height:60px;height:40%;margin:0;padding:0 10px;opacity:0.5;color:#fff;text-decoration:none;background:rgba(0,0,0,0.4);}
.quick-slider-nav-arrows:hover{color:#000;text-decoration:none;opacity:0.6;background:#000;transition:all 0.3s ease;}
.quick-slider-nav-arrows:before{content:"";display:block;position:relative;top:50%;transform:translateY(-50%);width:32px;height:32px;background:url('img/arrows.png') no-repeat 0 0;}
.quick-slider-nav-arrows-next{right:0;}
.quick-slider-nav-arrows-prev{left:0;}
.quick-slider-nav-arrows-next:after{content:"";}
.quick-slider-nav-arrows-prev:before{content:"";background-position:0 -32px;}
.quick-slider-nav-dots-wrapper{position:absolute;top: 10%;right:0px;float:right;width: 15%;list-style:none;}
.quick-slider-nav-dots{float:left;width:14px;height:14px;margin:0 10px 0 0;background:#333131;color:transparent;border-radius: 15px;}
.quick-slider-nav-dots.active, .quick-slider-nav-dots:hover{background: #de9553;transition:all 0.3s ease;color:transparent;}
.quick-slider-slide .description{ z-index:3;position:absolute;top:16%;left:15%;width:70%;min-width:150px;margin-top:10px;padding:10px;background:rgba(51, 49, 49, 0.45);line-height:1.5em;color:white;text-align:center;font-size:1.1em;}
.quick-slider-slide .description strong{font-size:1.33em;font-weight:500;text-transform: uppercase;}
.quick-slider-slide .description a{color:inherit;}
.quick-slider-slide .description a:hover{text-decoration:none;}
.quick-slider-slide .description .more{background:#f16e35;padding:6px;width:120px;text-align:center;margin:20px auto;font-size:0.813em;clear:both;border-radius:2px}
.quick-slider-slide .description .more a{text-decoration:none}
.quick-slider-slide .description .more a:hover{text-decoration:underline}
#slider h2{font-weight:normal}
#slider{animation-name: fadeIn;transform-origin: center bottom;animation-duration:2s;animation-fill-mode: both;}
#slider li:first-child .description{animation-name: fadeInRight;transform-origin: center bottom;animation-duration:2s;animation-fill-mode: both;}

.slide3 .description{animation-name: fadeInRight;transform-origin: center bottom;animation-duration:2s;animation-fill-mode: both;}
.slide7 .description{animation-name: fadeInLeft;transform-origin: center bottom;animation-duration:2s;animation-fill-mode: both;}
.slide8 .description{animation-name: flipInY;transform-origin: center bottom;animation-duration:2s;animation-fill-mode: both;}

.slide25{background:#007ebb;} /* CUSTOM */

/* BODY/CONTENT STYLES */
#body{clear:both;margin:0;}
#body:after{content:"";display:table;clear:both;}

#form{display:block;margin:0 auto 30px}
#form legend{display:none;font-size:1.25em;text-align:center;padding:10px 0 20px;font-weight:700}
#form .box{clear:both;float:left;width:100%;padding:6px 0;}
#form label{font-size:1.1em;width:30%;float:left;text-align: right;margin-right: 2%;padding-top: 4px;}
#form input, #form textarea{width:68%;float:left;padding:10px;border-radius:4px;border:0;background:#fff}
#form input[type="submit"]{width:100px;padding:8px 25px;text-align:center;background: #1d961d;}
#form .box.captcha input{width:85px}
#form #wyslij{margin-left:20px;padding: 11px;}
#form label.error{float:right;text-align:center;width: 100%;color:red;font-size:1em}
#form label.error[for="iSum"]{float:right;width:34%}
.message{text-align:center}

/* PAGE */
#page{position:relative;float:left;width: 100%;margin: 30px 0px 60px;text-align:left;font-size:1.1em;background: #fff;border: 1px solid #e1e0e0;}

#page.column{width:60%;float:left}
#column{width:30%;float:right;margin:40px 2% 30px 0;padding:0 0 30px 0;position:relative;font-size:0.938em}
#column div.content > h2, #column div.content > h3{font-size:1.33em;line-height:1.75em;font-weight:600;}

#newsletter{background:#f5f5f5;margin-top:50px;padding:40px 20px}
#newsletter .title{font-size:1.1em;font-weight:600;text-align:center}
#newsletter .info{font-size:1em;font-weight:400;text-align:center;padding:33px 33px 20px 33px}


/* PAGE - BREADCRUMB (navigation path) */
.breadcrumb{color: #858585;padding: 13px 0 10px;font-size: 0.913em;border-bottom: 1px solid rgba(0, 0, 0, .1);display: flex;flex-flow: row wrap;justify-content:flex-start;}
.breadcrumb ol{list-style:none;flex: 0 0 auto;}
.breadcrumb li{display:inline-block;/* text-transform: uppercase; */}
.breadcrumb strong{color:#858585}
.breadcrumb li a{color: #de9553;font-weight: 500;}
.breadcrumb li:last-child{color:#00a3c8;font-weight: 500;}
.breadcrumb li:before{content:"/";display:inline-block;padding:0 .5em;color: #858585;}
.breadcrumb > span{flex: 0 0 auto;}


#page2 #page div.content{float:left;width:50%}
.map{float:right;width:50%;margin-top: 0;}

/* PAGE CONTENT */
#page div.content{line-height:1.5em;text-align: left;font-size: 0.913em;font-family: 'Roboto', sans-serif;/* background: #fff; *//* border: 1px solid #e1e0e0; */padding:3%;}
#page div.content > ul, #page div.content table ul, #page div.content > ol{margin: 16px 40px 32px 40px;display: table;list-style:none;}
#page div.content > ul:after, #page div.content > ol:after{content:"";display:table;clear:both;}
#page div.content > ul li:before, #page div.content > ol li:before, #page div.content table td ul li:before{content:"\2714";position: absolute;color: #f16e35;left: 10px;}  

#page div.content table td ul li{position:relative;padding-left: 40px;}

#page div.content > ul li, #page div.content table ul li, #page div.content > ol li{margin:4px 0;padding:0;font-weight:600}
#page div.content > h2, #page div.content > h3{font-size: 1.9em;line-height:1.75em;font-weight:600;}
#page div.content > h3{font-size: 1.5em;color: #de9553;line-height: 1.5em;padding-bottom: 15px;}
#page div.content p{padding-bottom: 18px;}
#page19 #page div.content a, #page2 #page div.content a{color: #ffffff;padding: 5px 10px;background: #43c553;border-radius: 2px;border:1px solid #ffffff}
#page19 #page div.content a:hover, #page2 #page div.content a:hover{color: #43c553;padding: 5px 10px;background: #ffffff;border-radius: 2px;border:1px solid #43c553}
#page2 #page div.content a{text-decoration:none}
#page2 #page div.content a:hover{color:#232938}

#page18 #page div.content a{color: #de9553;}

#page .title{width:100%;text-align:center;font-weight:700;font-size:1.1em}
#page .title a{width:100%;text-align:center;font-weight:700;font-size:1.33em;background: #f4f4f4;padding:25px 0;display: table;border: 1px solid #de9553;color: #de9553;}

#page div.content > ul{margin: 16px 20px 32px 0px;display: table;list-style:none;}
#page7 #page div.content > ul li{float:left;margin:5px;border:1px solid #ccc;padding:5px 12px}
#page7 #page div.content > ul li:before{content:"\279E";display:inline-block;color: #f16e35;padding-right:10px}  

#page2 .content{float: left;width:44%;}
#page2 #page .marker:before{content: url(img/pin.png);float: left;margin: 4px 22px 0 8px;height: 67px;}
#page2 #page table{/* color:#fff */}
#page2 #page td{padding:4px 10px 4px 4px}
#page2 #page tr{display: block;/* border-bottom: 1px solid #e1e0e0; */}
#page2 #page div.content p{padding-bottom:2px;}

#page6 #page div.content ul{width: 96%;margin: 0px 2% 20px;clear: both;display:flex;flex-flow: row wrap;justify-content: space-between;margin: 20px 0;}
#page6 #page div.content ul li{flex: 1 0 23%;padding: .3rem 0.15em .65rem;text-align: left;border: 1px solid #ccc;padding: 6px 11px 6px 41px;position: relative;margin: 0 1.5% 10px;}
#page6 #page div.content h5, #page6 #page div.content h6{display:inline-block;font-size:1em}

#page6 #page div.content table td{position:relative}
#page6 #page div.content table a.all{position:absolute;left: 0;right: 0;bottom: 49px;background: #fffc;padding: 8px;color: #1e1e1e;font-weight: 500;border: 1px solid #de9553; box-shadow: 0px 3px 3px rgb(0 0 0 / 15%); width: 80%; margin: 0 auto}
#page6 #page div.content table a:hover{padding:12px 8px;}
#page6 #page div.content table td:hover img{transform: scale(1.1,1.1) rotate(3deg); transition: all 4s ease;transition: transform 4s ease;}


#page div.content .button, #slider .button{border:2px solid #af8d66;color:#312a28;padding:8px 16px;font-weight:700;font-family: 'Quicksand', sans-serif;margin-top:10px;/*display: table;*/}
#slider .button{color:#fff}
#page div.content .button:hover, #slider .button:hover{border:2px solid #de9553;color:#fff;background:#de9553}
#page div.content .button:after, #page div.content .button:hover:after{content:"\279E";color:#312a28;padding-left:8px;font-weight:700;transition: all 0.5s ease}
#page div.content .button:hover:after{color:#fff}


/* IMAGES STYLES */
/* global */

#content li img{border:0;max-height: 157px;}
#content li img:hover{opacity:0.8;border:0}

/* list global */
.images-1, .images-2, .images-51{list-style:none;}
.images-1 li, .images-2 li{margin:0 0 20px 0;background:inherit;text-align:center;}
.images-1 p, .images-2 p{display:none;max-width:250px;margin:0 auto;color:transparent;font-size:0.875em;}
/* list custom */
.images-1{clear:left;float:left;margin:6px 40px 30px 0;}
.images-2{clear:right;float:right;margin:36px 32px 20px 50px}

.images-51{clear:both;display:flex;flex-flow:row wrap;justify-content:space-between;}
.images-51 li{flex:1 0 auto;padding: .3rem 0.75rem;text-align: center;}

#page22 .images-51{clear:both;display:flex;flex-flow:row wrap;justify-content:space-between;margin:0 10%;width: 80%;}
#page22 #content li img{max-height: 400px;width: auto;max-width: 100%;}
#page22 .images-51 li{flex:1 0 auto;padding: .3rem 1%;text-align: center;}


/* FILES LIST STYLES */
.files-list{width:99%;float:left;margin:15px 0 5px;list-style:none;vertical-align:middle;border-left:2px solid #c8cccf;font-size:0.9em;}
.files-list li{float:left;clear:left;width:83%;height:20px;margin:9px 0 9px 20px;padding-left:30px;background:url('img/files-ext.gif') no-repeat 0 -260px;}
.files-list p{display:inline;color:#de9553;font-style:italic;}
.files-list p:before{content:" - ";}
.files-list .zip{background-position:0 0;}
.files-list .xml{background-position:0 -20px;}
.files-list .xls{background-position:0 -40px;}
.files-list .web{background-position:0 -60px;}
.files-list .vcf{background-position:0 -80px;}
.files-list .txt{background-position:0 -100px;}
.files-list .sys{background-position:0 -120px;}
.files-list .swf{background-position:0 -140px;}
.files-list .psd{background-position:0 -160px;}
.files-list .pps{background-position:0 -180px;}
.files-list .png{background-position:0 -200px;}
.files-list .pic{background-position:0 -220px;}
.files-list .pdf{background-position:0 -240px;}
.files-list .nn{background-position:0 -260px;}
.files-list .eml{background-position:0 -280px;}
.files-list .media{background-position:0 -300px;}
.files-list .fla{background-position:0 -320px;}
.files-list .exe{background-position:0 -340px;}
.files-list .chm{background-position:0 -360px;}
.files-list .cdr{background-position:0 -380px;}

/* QUICK.BOX */
#quick-box{position:fixed;width:100%;height:100%;left:0px;top:0px;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:0px;}
#quick-box .image-wrapper img{margin:0px;padding:0px;border-radius:5px;}
#quick-box .navigation{position:absolute;bottom:0px;margin:0px;padding:5px 0;text-align:center;font-size:0.875em;font-weight:bold;color:#ddd;line-height:normal;background:rgba( 0, 0, 0, 0.2 );width:100%;}
#quick-box .description{margin:0px;padding:5px 0;text-align:center;font-size:0.875em;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 .prev, #quick-box .next{position:absolute;display:block;width:50%;top:15%;height:70%;margin:0px;color:#fff;font-family:Verdana;z-index:100;opacity:0.15;text-decoration:none;}
#quick-box .prev span, #quick-box .next span{position:absolute;top:47%;left:0px;padding:10px;border:1px solid #fff;background:#000;}
#quick-box .next span{left:auto;right:0px;border-right:none;}
#quick-box .prev span{border-left:none;}
#quick-box .next:hover, #quick-box .prev:hover{opacity:0.8;}
#quick-box .prev{left:0px;}
#quick-box .next{right:0px;}
#quick-box .close{position:absolute;top:0px;right:0px;padding:0px 4px 2px;opacity:0.5;background:#000;color:#fff;font-weight:bold;font-family:"Trebuchet MS";text-decoration:none;border:1px solid #fff;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 .prev, #quick-box .next{line-height:normal;}
#quick-box .loading{display:block;padding:40px 35px;color:white;line-height:1em;}

/* SUBPAGES LIST STYLES */
.pages-list{float:left;width:100%;margin:7px 0;list-style:none;}
.pages-list li{clear:left;float:left;width:100%;margin:15px 0;padding:25px 0 20px;}
.pages-list li .image{float:left;margin:0 20px 5px 0;}
.pages-list h2{padding:0 2.5% 15px 0;}
.pages-list h2 a{color:#1D1D1F;font-size:1.25em;font-weight:600;background:none;text-decoration:none;}
.pages-list h2 a:hover{color:#de9553;background:none;text-decoration:none;}
.pages-list div.description{margin:0;font-weight:normal;font-size:0.938em;line-height:1.4em;}
.pages-list ul, .pages-list ol{float:left;width:96%;margin:5px 0 0 4%;padding:0;list-style:disc;}
.pages-list li li{padding:0;border:0;background:none;}
.pages-list li ol{list-style:decimal;}
.pages-list p{padding-bottom:10px;}
.pages-list .more a{font-weight:600;color:#de9553;text-decoration:none;padding-top:10px;display: block;}
.pages-list .more a:hover{color:#1d1d1f}

/* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */
#foot{clear:both;font-size:0.85em;background: #1b1b1b;color: #ccc;padding: 30px 0;}
#foot .container{padding:22px 25px;display:table;/* border-top:1px solid #818182 */}
#foot .container:after{content:"";display:table;clear:both;}
#foot a{color:#fff;text-decoration:none;}
#foot a:hover{text-decoration:underline;}
#foot .copy, #foot .copy2{float:left;width: 100%;text-align: center;margin: 20px 0;}
#foot .os{float:right;width: 100%;text-align: center;}
#foot .os span{display:inline;margin-right: 8px;float:left;}

#foot-box{color:#fff;border-bottom: 1px solid #343434;padding:0 0 20px 0;margin-bottom:20px;width:100%;float:left;}
#foot-box .box{float:left;width: 100%;display: flex;flex-flow: row wrap;justify-content: space-between;}
#foot-box .uslugi ul{display: flex;flex-flow: row wrap;justify-content: space-between;width: 100%;padding:15px 0;}
#foot-box .uslugi{padding: 10px 0 30px;}
#foot-box .box span{padding:15px 10px;}
#foot-box .box span, #foot-box .uslugi ul li{flex: 0 auto;}
#foot-box .box span img{float: left;margin-right: 20px;padding-top: 2px;}
#foot-box .uslugi ul li{background: #de9553;margin: 1%;list-style:none;text-align: center;padding: 10px;}
#foot-box .uslugi ul li:hover{background: #fff;color: #de9553;cursor:pointer;transition: all 0.5s ease}

#foot-box h4, #foot-box h3{font-weight:normal;border: 0;font-size: 1em;}
#foot-box h3{padding: 0 32px;font-weight: 500;}
#foot-box .ods.tel, #foot-box .ods.mail{font-size:2em;line-height: 1.1em;}
#foot-box .ods.mail{font-size:1.33em;line-height: 1.1em;}
#foot-box .ods{display: inline-block;}
#foot-box .title{font-size:1.25em;float: left;width: 100%;margin: 20px auto 0;text-align: center;font-size: 2em;font-weight: 700;letter-spacing: 3px;}
#foot-box .box li{margin-left:25px}
#foot-box .box iframe{padding-top:0;border:0}


#foot-contact{clear:both;font-size:0.85em;}
#foot-contact .container{background:#fff;display: table;}

::-webkit-input-placeholder{color: #646464; opacity: 1;}
:-moz-placeholder{color: #646464; opacity: 1;}
::-moz-placeholder{color: #646464; opacity: 1;}
:-ms-input-placeholder {color: #646464; opacity: 1;}
#form{margin: 20px 15% 80px;width: 70%;background: #f4f4f4;padding: 10px 0;}
#form h2{padding-bottom:10px;font-size:1.33em}
#form legend{display:none;font-size:1.25em;text-align:center;padding:10px 0 20px;font-weight:700}
#form .box{clear:both;float:left;width:100%; padding: 6px 15px;position:relative}
#form input, #form textarea, #form select{font-size:1em;width:100%;float:left;padding:10px;border-radius:2px;background:#fff;color:#1D1D1F;outline: 0;font-family: 'Kanit', sans-serif;border:1px solid #ccc}
#form input[type="submit"], #newsletter  input[type="submit"]{padding:11px 35px;text-align:center;background:#de9553;color:#fff}
#form .box.captcha input[type="submit"]{width:auto}
#newsletter  input[type="submit"]{padding:11px 35px;text-align:center;background:#de9553;color:#fff;margin-top:10px}

#form .box.min1{width: 48%;float:left;}
#form .box.min2{width: 48%;float:right;clear: none;}
#form .box.min3{width: 30%;float:left;margin-right:0;clear: none;}
#form .box.min4{width: 33%;float:left;clear: none;margin:0}
#form .box.min5{width: 33%;float:right;clear: none;margin-left:0}

#form .left-ramka{float:left;width:48%}
#form .right-ramka{float:right;width:48%;margin-top: 26px;}

#form .box.cm input{width:85%}
#form .box.cm span{padding: 10px 0 0 4px;display: table;}
#form .title-form{width:100%;float: left;padding: 6px 15px;}
#form .szary{background: #e9e9e9;display:table;padding:10px 0}

#form .clear{float:left;width:100%;padding: 8px 0;}
#form label{display:none;}
#form label.boxOk{display:none;font-size:1em;float:left;text-align: right;background: #fff;padding:0 10px;color:#847f7f}
#form label.suma{display:block;float: left;padding: 10px 10px 0 0;}
#form label.boxOk{position:absolute;right:20px;top:13px;font-size: 0.65em;}
#form label.boxOk.show{display:block;animation-name: fadeInLeft;transform-origin: center bottom;animation-duration:2s;animation-fill-mode: both;}

#form .min-form label.suma{display:block;float: left;padding: 10px 5px;width: auto;margin: 0;font-weight: 700;}
#form .min-form .box.captcha span{display:block;margin: 0 0 6px 7px;color: #6e6e6e;font-size: 0.913em;}

#miasto1, #miasto2{display:none}
#profil-foto, .paleta-foto-box{position:relative}
#profil-foto-box{display:none;position:absolute;right:0;top: -260px;z-index:101;border: 9px solid #de9553;line-height: 0;}
#paleta-foto-box{display:none;position:absolute;left:-200px;top:0px;z-index:101;border: 9px solid #de9553;line-height: 0;}

#form .box.captcha input{width:85px}
#form #wyslij{margin-left:20px;}
#form #wyslij:hover{background:#1d1d1f;transition: all 0.5s ease}
#form label.error{float:right;text-align:center;width: 100%;color:red;font-size:1em}
#form label.error[for="iSum"]{float:right;width:34%}
.message{text-align:center;margin:50px 0;padding: 50px;background: #00a700;color:#fff;font-size:1.5em}

.regulamin{float:left;width:100%;clear:both;margin: 15px 0;font-size: 0.875em;line-height: 1.33em;padding: 0 15px;}


#form .regulamin input[type="checkbox"]{transform: scale(1.2);float: left;width: auto;margin-right: 10px;}



@media print{
  /* PRINT STYLES */
  * {color:#000 !important;background:#fff !important;border-color:#444 !important;border-width:1px !important;}

  body{margin:1cm 0;font-size:0.875em;}
  #container{position:static;width:17.2cm;height:auto;margin:0;box-shadow:none;}
  #head1{height:auto;}
  #logo{padding:0 0 0.2cm;}
  #logo #title a{font-size:2em;}
  #header .menu-1{margin-top:0.3cm;}
  #header .menu-1 li a{padding:0.1cm 0.2cm;border:0px;border-right:1px solid #000;font-size:1em;}
  #header .menu-1 .selected a{font-weight:bold;}
  #head2 .container{position:static;}

  #body{clear:none;border-top:0px;}
  #page{clear:both;position:static;float:none;}
  #page h1{margin:0;}

  #body, #head1, #foot{float:none;}
  #search#foot .options{display:none;}
  #slider, .quick-slider img, .quick-slider-nav-arrows, .quick-slider-nav-dots{display:none;}
}

/* RESPONSIVE WEB DESIGN - media queries */
@media screen and (max-width:1366px){
  #slider{max-height:673px}
}

@media screen and (max-width:1240px){
	
  #container, #head1 .container, #head2 .container, #head3 .container, #head4 .container, #head5 .container, #foot .container, #foot-contact .container{width:95%;}
	.menu-1 a{padding: 20px 18px;}
	#slogan{font-size: 1em;}
  #head4 .container #box1:before, #head4 .container #box2:before{display:none}
	#form{margin: 20px 3% 80px;width:94%;}
}
@media screen and (max-width:1023px){
	#head4 .container a{margin-top:5px;}
	#head4 .container strong, #head4 .container span{width:95%}
}
@media screen and (max-width:900px){
	.menu-1 li:nth-child(4) a{animation-name:none}
  #menuResponsive{float:right;width:38px;height:46px;background:url('img/menu_smart.png') no-repeat center center;cursor:pointer;margin: 6px 20px 10px 0px;z-index:9999;}
  #header .menu-1{float:left;top:5px;position:relative;list-style:none;width:100%;display:none;background:#F5F5F5;z-index:99999;padding-top:0;padding-bottom:0}
  #header .menu-1 ul{padding-left:0;float:left;width: 100%;background: #de9553;}
  #header .menu-1 li{width:100%;margin-left:0;background:none}
  #header .menu-1 a{background:none;color:#fff;}
	.menu-1 li:first-child a{padding-left:20px;}
	.menu-1 a:hover, .menu-1 .selected a, .menu-1 li:last-child a:hover{text-decoration:underline}
	
  #header .menu-1 > ul > li:hover > ul,  #header .menu-1 > ul > li > ul > li:hover ul, #header .menu-1 > ul > li:after{display:none;}
  #header .menu-1 ul ul, #header .menu-1 > ul > li > ul > li > ul{position:relative;top:0;width:100%;left:0;white-space:normal;padding:0}
  #header .menu-1 ul li a{padding:12px 20px;border-bottom: 1px solid #d7d7d7;}
  #header .menu-1 ul li li a{padding:12px 36px;}
  #header .menu-1 ul li li li a{padding:12px 46px;}
  #header .menu-1 li:hover:after, #header .menu-1 .selected:after, #header .menu-1 .selected-parent:after{display:none}
  #header .menu-1 > ul > li > ul > li > ul{box-shadow:none}
  #header .menu-1 li.drop-down:before{top:10px;}

   ul[class*='images-'] img{max-width:95%;}
	 #contact{width: 60%;}
	 
	 #fb{float:left;margin: 10px 0 0 0;}
	 #fb a{float:left}
	 #fb .fb_iframe_widget{margin-left:10px;}
}
@media screen and (max-width:840px){
  #head4 .container #box1, #head4 .container #box2{width: 100%;margin: 20px auto;text-align: center;float: none;}
  #page2 .content{width: inherit;}
  #foot-box .box{width: auto;}
  #foot-box .box.map{display:none}
	#head4 .container #box1 img, #head4 .container #box2 img, #head4 .container .box, #head4 .container a{text-align:center;margin: 0 auto;left: 0;right: 0;float: none;}
	#head4 .container{margin: 0px auto 10px;}
	#head4 .container a{padding-top:20px;display: table;}
	#head4 .container .box{padding:20px}
	#foot-box .uslugi ul li{flex: 1 0 auto;}
	#head4 .container h2{width:100%}
	#foot-box h3{padding: 0;}
	
	#page6 #page div.content table td, #head4 div.content table td{display:block;width:100%;margin-bottom: 30px;}
	#page6 #page div.content ul li{flex: 1 0 47%;}
}
@media screen and (max-width:720px){

  #page1 .images-2{width:27%}
	
  #foot .copy, #foot .os, #contact, #logo, #logo #title{width:100%;text-align:center;margin:0 auto}
  #foot .os span{float:none;display:block}
	#logo1{width:100%;text-align:center}
	#contact{padding: 10px 0;}
} 
@media screen and (max-width:720px){
	#slider li.img img{max-width:inherit}
	#slider{height:262px !important}
	#slider.bannerStatic{height:auto !important}
	#slider li > img, #slider-1.bannerStatic > img{width:720px}
}

@media screen and (max-width:640px){
 #page{width:94%;margin: 0 3% 50px;}
 .images-2, .images-2 li{margin:5px;width:100%;text-align:center}
 #page h1{font-size:1.5em;}
 #foot-box .box{/* width:70% */}
 #foot-box .box.uslugi{width: 100%;}
 #form .box{width:100% !important}
 
 #logo{width:100%;padding: 12px 0;margin:0 auto;text-align:center}
 #logo #title, #logo #slogan{width:100%;margin:0 auto;text-align:center;float:none}
 #contact{margin-top: 2px;}
 .quick-slider-nav-dots-wrapper{display:none}
 #page22 .images-51{width:100%;margin:0}
 #page22 .images-51 li{flex: 1 0 48%;}
 
 #page22 div.content table td{display:block;width: 100% !important;height:auto !important;padding:0px;margin:0}
 #page22 div.content table{width:100% !important}

}
@media screen and (max-width:600px){
  .quick-slider-slide .description .more{display:none}

  /* iframe{margin:20px 0} */
  #form input, #form textarea{clear:both}
  #form label, #form input, #form textarea{width:100%;text-align:left}
  #form #wyslij{clear:none;margin-left:40px}
	#page6 #page div.content ul li{flex: 1 0 97%;}
	
	#page2 #page div.content, .map{width:100%;}
	.map{margin-top:20px}
	#logo #title a{font-size: 2em;}
	#slider-1.bannerStatic img{width:600px;max-width:600px}
	#slider-1{height:148px !important;overflow: hidden;}
	
	#form .min-form #wyslij{clear:both;width:100%;margin: 20px 0;}
	#form .min-form .box.captcha input{clear:none}
	
	
	#form .left-ramka{float:left;width:100%}
	#form .right-ramka{float:right;width:100%;margin-top: 26px;}
}
@media screen and (max-width:480px){
 #tel, #mail{right:5px}
 #mail{top:40px}
 #head5 .container h1{font-size:1.75em;margin: 9% 3% 0px;}

 
 #logo #slogan{font-size: 1.1em;}
 #tel, #mail{font-size:0.875em}
 #contact{margin-top: 12px;}
 #fb a{margin-left: 10px;}
 #head2 .whatsapp{float:right;margin: 7px 0 0 6px;}
 #foot .container{padding: 9px 8px;}
}
@media screen and (max-width:420px){
  #logo{margin-top:10px}
  #mail{top:60px;}
  #tel{top: 14px;}
  #foot-box{overflow: hidden;}
  #foot-box .box, #foot-box .box.uslugi{/* width:99%; *//* margin-left: 18%; */}
  #foot-box .box.uslugi{/* margin:10px 0 10px 34% */}

	#head4 .container #box1, #head4 .container #box2, #head4{overflow: hidden;}
	#head4 .container #box1 img, #head4 .container #box2 img{width: 500px;height: auto;max-width: 500px;margin-left: -84px;}
	#head4 .container .box{width:82%;left: 0%;right:35%;text-align: left;top: 5%;}
	#foot-box .ods.tel, #foot-box .ods.mail{font-size:1.1em;}
	#page div.content .button{display: inline-block;}
	#head4 .container a{padding-top:6px;}
	#head4 .container #box2 a{margin-top: 5px;}
	
	#form .min-form label.suma{font-size: 0.875em;}
	#page18 #form{margin: 20px 0 80px;width: 100%;}
	#form .min-form .box.captcha input{ width:60px }
	
}
@media screen and (max-width:410px){
	#logo #title a{font-size:1.5em;}
	#logo, #contact{margin:0}
	.preloader span{background-size:280px;}
	#foot-box .ods.mail{font-size: 0.875em;}
	#form #wyslij{width:90%;margin:10px 5%}
}
@media screen and (max-width:320px){
  #logo{margin:0 auto;text-align:center}
  #tel{top: 35px;}

}
/* PLUGINS */
