/************************************************************************************/
/* Html 
/************************************************************************************/
@-ms-viewport {width:device-width;}
html {box-sizing:border-box; -ms-overflow-style:scrollbar; font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; overflow-x:hidden; height:100%;}
*, *::before, *::after {box-sizing:inherit;}
body {height:100%; font-weight:normal; padding:0; font-size:17px; background:#fff; color:#000; min-height:100vh; font-family:'open_sansregular';}
a:link {color:#000; text-decoration:none;}
a:visited {color:#000; text-decoration:none;}
a:hover {color:#000;}
button:hover {color:#000; text-decoration:none;}
a:active {color:#000; text-decoration:none;}
.stack {position:relative; display:inline-block; height:1.2em; line-height:1em; vertical-align:middle;}
.img-rounded {border-radius:8px; border:1px solid #fff;}
.img-thumbnail {padding:4px; line-height:1.42857143; background-color:#fff; border:1px solid #ccc;}
.img-circle {border-radius:50%; border:1px solid #fff; padding:4px;}
ul {margin-top:0; margin-bottom:0;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; padding:0;}
a img {border:none; outline:0;}
* {-webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-focus-ring-color:rgba(0, 0, 0, 0); outline:none;}
.wrap {display:flex; flex-direction:column; height:100vh;}
p {padding-top:0; padding-bottom:15px;}
.text-left, .text-left-d {text-align:left;}
.text-right, .text-right-b, .text-right-d {text-align:right;}
.navbar-right {margin-right:0;}
* {-webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-focus-ring-color:rgba(0, 0, 0, 0); outline:none;}
/************************************************************************************/
/* Slider */
/************************************************************************************/
#slider-a {text-align:center; height:100vh; z-index:999;}
#slider-b {text-align:center; z-index:999;}
.fr {display:flex; justify-content:center; align-items:center; height:100vh;}
#slider-b .fr {height:400px;}
.big-text {color:#fff; text-transform:uppercase; font-size:40px; font-family:'open_sanssemibold'; text-shadow:2px 2px 2px #000;}
#slider-b .mask {position: relative; width: 100%; height:300px; z-index:10; background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(0,0,0,1));}
/************************************************************************************/
/* Header 
/************************************************************************************/
header .top {background:#000; color:#fff; padding:15px 0; font-size:14px;}
.sticky {z-index:99;}
.city i {padding-right:8px; color:#FEB100; font-size:15px;}
.city a:link, .city a:visited, .city a:hover {color:#fff; text-decoration:none; font-size:19px;}
.city a.active {color:#FEB100; text-decoration:none;}
.city ul li {display:inline; color:#fff;}
.city span {padding-right:18px;}
.city-s span {padding-left:18px; padding-right:0;}
.large-a {background:rgba(255, 255, 255, 1);}
.small-a {background:rgba(255, 255, 255, 1); border-bottom:1px solid #FEB100;}
.logo .logo-dark {display:none;}
.hid {display:none;}
.city .people {padding:0 6px; font-family:'open_sanssemibold'; font-size:16px;}
.ins {padding-right:0 !important;}
/************************************************************************************/
/* Nav 
/************************************************************************************/
.logo img {height:45px; margin:10px 0;}
.large-a li a {color:#000;}
.small-a li a {color:#000;}
.large-a li a:hover {color:#FEB100; opacity:1;}
.small-a li a:hover {color:#FEB100; opacity:1;}
.large-a .navbar-nav a.active, .large-a .navbar-nav a.active:hover {color:#FEB100; border-bottom:1px solid #FEB100;}
.small-a .navbar-nav a.active, .small-a .navbar-nav a.active:hover {color:#FEB100; border-bottom:1px solid #FEB100;}
.large-a .icon-bar {background:#000; margin-top:10px;}
.small-a .icon-bar {background:#000; margin-top:10px;}
.nav > li > a:link {position:relative; display:block; padding:0 0 0 0; margin:0 0 0 16px; text-transform:uppercase; font-family: 'open_sanssemibold'; font-size:16px; margin-top:22px; opacity:1; border-bottom:none;}
.nav .active:hover {border-bottom:none;}
.navbar-toggle {padding:9px 0; margin-top:0; margin-right:0; margin-bottom:8px;}
.dropdown-toggle, .dropdown-menu {width:100vw;}
.abs {z-index:9; position:relative;}
.mask {position: relative; width: 100%; height:100vh; z-index:10; background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(0,0,0,1));}
/************************************************************************************/
/* Main 
/************************************************************************************/
main {flex:1 0 auto; z-index:0;}
/*main {flex:1 0 auto; z-index:0; background: url(../images/df2.jpg) top center no-repeat; background-size:cover; background-attachment:fixed;}*/
h1, h2 {color:#000; font-size:26px; text-transform:uppercase; font-family:'open_sanssemibold'; padding-bottom:5px; border-bottom:3px solid #FEB100; display: inline-block; margin-bottom:30px;}
h1, h2 {margin-bottom:50px;}
.cd-section {padding-top:120px;}
.cd-section-a {padding-top:40px;}
.cd-section-b {padding-top:110px;}
.fon {background:#FBFBFB;}
.page-parallax-like {padding: 0; color: #fff; width:100%;}
.page-parallax-like .overlay {padding: 80px 0 80px 0;}
.page-parallax-like h3 {color:#FEB100; font-size:20px; text-transform:uppercase; font-family:'open_sanssemibold'; padding:0 0 20px 0;}
a.btn-read-a, .btn-read-a  {border-radius:6px; color:#000; background:#FEB100; border:none; padding:8px 22px; margin:15px 0 0 0; text-transform:uppercase; font-size:16px; font-family:'open_sanssemibold';}
a.btn-read-a:hover, a.btn-read-a:focus, a.btn-read-a:active, .btn-read-a:hover, .btn-read-a:focus, .btn-read-a:active {background:#FEB100; padding:8px 22px; border:none; color:#000; outline:none !important; box-shadow:none;}
.circle img {height:80px; background:#FEB100; padding:18px; border-radius:10px;}
h4 {font-family: 'open_sanssemibold'; color:#000; font-size:18px; padding:15px;}
.rts {border-bottom: 2px solid #FEB100;}
.dr a {font-family:'open_sanssemibold'; color:#D93600;}

.radio-toolbar-one input[type="radio"] {
    display: none;
}
.radio-toolbar-one label {
    display: inline-block;
    background: none;
    padding: 0 12px 5px 0;
    font-size: 16px;
}
.radio-toolbar-one label:hover {
    cursor: pointer;
    background: none;
}
.radio-toolbar-one input[type="radio"]:checked + label {
    background: none;
    padding: 0 12px 5px 0;
    color: #000;
}
.radio-toolbar-one label:before {
    content: '\e927';
    font-family: 'icomoon';
    color: #fff;
    margin-right: 7px;
}
.radio-toolbar-one input[type="radio"]:checked + label:before {
    content: '\e928';
    font-family: 'icomoon';
    color: #000;
    margin-right: 7px;
}

.filter {padding:20px 0;}
.filter h1, .filter h2 {color:#000; font-size:20px; text-align:center; text-transform:uppercase; font-family:'open_sanssemibold'; padding:0; border: none;margin-bottom:0;}

.borders {border-radius:8px; background:#FEB100; padding:12px;}
.borders-items {border-radius:8px; border:1px solid #ccc; text-align:center; padding:12px; position:relative;}

.borders h2 {font-size:16px; font-family:'open_sanssemibold';}
.borders i {padding-right:8px;}
/*.borders span {padding-left:8px;}*/

.mycatalog .borders-items {border-radius:8px; border:1px solid #ccc; text-align:center; padding:12px; background:#eee;}


.img {height:120px;}
hr {margin-top: 10px; margin-bottom: 20px; border: 0; border-top: 1px solid rgba(255,255,255,.4);}
.borders-items h3 {font-family:'open_sanssemibold'; font-size:19px; padding:12px 0; margin:0;}

.filterDiv {display: none;}
.show {display: block;}

span.category {position: absolute; z-index:1; bottom:0; float:left; left:20px; top:20px; padding:0 10px; color: #fff; height: 30px; line-height: 30px; text-align: center; font-size: 14px; display: inline-block; margin: 0; border-radius:6px;}
.green {background:#82BD25;}
.orange {background:#FFBF00;} 
.red {background:#D93600;}
.blue {background:#336699;}
.close-a {background:#D93600;}
.circles img {height:100px; border-radius:10px;}

/*ABYK */
#products_container .product_item .btn-add-two, #products_container .product_item .close-a {display:none}
#products_container .product_item.mycatalog .btn-add-two, #products_container .product_item.mycatalog .close-a {display:block;}

#products_container .product_item .btn-add-one {display:block}
#products_container .product_item.mycatalog .btn-add-one {display:none;}



span.close-a {position: absolute; z-index:20; bottom:0; float:right; right:20px; top:20px; padding:0 10px; color: #fff; height: 30px; line-height: 30px; text-align: center; font-size: 14px; display: inline-block; margin: 0; border-radius:6px; cursor:pointer;}

.btn-add-one {color:#000; background:#FEB100; border-color:#FEB100; padding:4px 15px; margin:0; border-radius:8px; font-size:16px;}
.btn-add-one a, .btn-add-one:hover, .btn-add-one:focus, .btn-add-one:active {color:#fff; background:#FEB100; border-color:#FEB100;}

.btn-add-two {color:#fff !important; background:#008C23; border-color:#008C23; padding:4px 15px; margin:0; border-radius:8px; font-size:16px;}
.btn-add-two a, .btn-add-two:hover, .btn-add-two:focus, .btn-add-two:active {color:#fff !important; background:#008C23; border-color:#008C23;}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {cursor:not-allowed; filter:none; -webkit-box-shadow:none; box-shadow:none; opacity:1;}
#modal, #modals {z-index:99999 !important; overflow-x:hidden; text-align:center; border-radius:8px;}
.fancybox-bg {opacity:1 !important; background:#000; z-index:9999 !important;}
#modal h3, #modals h3 {font-family:'open_sanssemibold'; font-size:16px; padding-bottom:12px; margin:0;}
#modal img {height:150px;}

.btn-adds {color:#000; background: none; border-color:#fff; padding:4px 15px; margin:0; border-radius:8px; font-size:16px;}
.btn-adds a, .btn-adds:hover, .btn-adds:focus, .btn-adds:active {color:#000;background: none; border-color:#fff;}
.btns {cursor: pointer; position: relative; border: none; outline: none; color:#000; background:#FEB100; border:none; padding:8px 22px; margin:15px 0 0 0; text-transform:uppercase; font-size:16px; font-family:'open_sanssemibold'; height: 45px;}
.btn-future::after, .btn-future::before {content: ""; position: absolute; border: 1px solid #000; width: calc(100% + 8px); height: 45px; transition: 0.5s ease;}
.btn-future::after {top: -8px; left: -8px; border-right: none; border-bottom: none;}
.btn-future::before {bottom: -8px;right: -8px; border-left: none; border-top: none;}
.btn-future:hover:after, .btn-future:hover:before {width: calc(100% - 30px); height: 45px;}
.animat {animation:fadeIn .6s infinite alternate;}
@keyframes fadeIn { 
from {opacity:0;} 
}
/************************************************************************************/
/* Footer 
/************************************************************************************/
.sticky-footer {flex:0 0 auto;}
footer {padding-top:0;}
footer h4 {color:#fff; font-size:17px; text-transform:uppercase; padding-bottom:14px;}
.form-control-footer {color:#fff; margin-bottom:18px; display:block; width:100%; height:34px; padding:3px 12px; font-size:15px; line-height:1.42857143; background:none; background-image:none; border:1px solid #fff;}
.form-control-footer:focus {border:1px solid #fff; outline:0; -webkit-box-shadow:none; box-shadow:none;}
.form-control-footer::-moz-placeholder {color:#fff; opacity:1;}
.form-control-footer:-ms-input-placeholder {color:#fff; opacity:1;}
.form-control-footer::-webkit-input-placeholder {color:#fff; opacity:1;}
footer textarea {resize:none; height:80px !important; padding:15px;}
.btn-read-b {color:#000; background:#fff; border:none; padding:8px 22px; margin:15px 0 0 0; text-transform:uppercase; font-size:14px; font-family:'open_sanssemibold'; border-radius:6px;}
.btn-read-b:hover, .btn-read-b:focus, .btn-read-b:active {background:#fff; padding:8px 22px; border:none; color:#000; outline:none !important; box-shadow:none;}
.copyright {font-size:13px; background:#000; padding:10px 0; color:#fff !important;}
footer a {color:#fff !important;}
.yello {background:#FEB100; padding:10px 0; text-align:center;}
.yello p {padding:0;}
.rt i {padding:0 8px; color:#FEB100; font-size:20px;}
.alp a {color:#FEB100 !important;}
/************************************************************************************/
/* Form 
/************************************************************************************/
.form-control-b {display: block; width:100% !important; padding:5px 12px; border-radius:4px; font-size:15px; line-height:1.42857143; color:#000; background-color: transparent; background-image:none; border:1px solid #ccc; margin-bottom:10px;}
.form-control-b:focus {border:1px solid #000; outline:0; -webkit-box-shadow:none; box-shadow:none;}
.form-control-b::-moz-placeholder {color:#000; opacity:1;}
.form-control-b:-ms-input-placeholder {color:#000;}
.form-control-b::-webkit-input-placeholder {color:#000;}
textarea {resize:none; height:150px !important; padding:10px 12px;}

label {font-weight:normal; color:#000; text-align:left; padding:5px 0; font-size:16px;}
#zlak_form label span {color:#D93600; padding-left:3px;}
/************************************************************************************/
/* Media 
/************************************************************************************/
/* col-mx */
@media only screen and (min-width:320px) and (max-width:480px) {
.nav > li > a:link {padding:4px 8px; margin:0;}
.logo img {height:40px; margin:10px 0;}
.large-a .icon-bar, .small-a .icon-bar {margin-top:15px;}
.large-a {background:#fbfbfb;}
ul.leaders-a li span + span {float:none; padding:0 0 0 7px;}
ul.leaders-a li span:first-child {float:none; padding:0;}
ul.leaders-a li:after {content:""; height:0; border-bottom: none;}
ul.leaders-a li {padding:0;}
.portfolio-filter li {margin:10px 8px;}
.text-left {text-align:center !important;}
.text-right {text-align:center !important;}
}
/* col-mp */
@media only screen and (min-width:481px) and (max-width:576px) {
.nav > li > a:link {padding:4px 8px; margin:0;}
.logo img {height:40px; margin:12px 0;}
.large-a .icon-bar, .small-a .icon-bar {margin-top:15px;}
.large-a {background:#fbfbfb;}
ul.leaders-a li span + span {float:none; padding:0 0 0 7px;}
ul.leaders-a li span:first-child {float:none; padding:0;}
ul.leaders-a li:after {content:""; height:0; border-bottom: none;}
ul.leaders-a li {padding:0;}
.portfolio-filter li {margin:10px 8px;}
.text-left {text-align:center !important;}
.text-right {text-align:center !important;}
}
/* col-ml */
@media only screen and (min-width:577px) and (max-width:768px) {
.nav > li > a:link {padding:4px 8px; margin:0;}
.large-a .icon-bar, .small-a .icon-bar {margin-top:20px;}
#slider-a .item .big-text {font-size:20px;}
.large-a {background:#fbfbfb;}
ul.leaders-a li span + span {float:none; padding:0 0 0 7px;}
ul.leaders-a li span:first-child {float:none; padding:0;}
ul.leaders-a li:after {content:""; height:0; border-bottom: none;}
ul.leaders-a li {padding:0;}
.portfolio-filter li {margin:10px 8px;}
.text-left {text-align:center !important;}
.text-right {text-align:center !important;}
}
/* col-tp */
@media only screen and (min-width:769px) and (max-width:992px) {
.large-a .icon-bar, .small-a .icon-bar {margin-top:20px;}
#slider-a .item .big-text {font-size:22px;}
.portfolio-filter li {margin:10px 8px;}
}
/* col-ts */
@media only screen and (min-width:993px) and (max-width:1300px) {
#slider-a .item .big-text {font-size:26px;}
.text-center-a {text-align:left !important;}
}
/* col-tl */
@media only screen and (min-width:1301px) and (max-width:1600px) {
.text-center-a {text-align:left !important;}
}
/* col-tb */
@media only screen and (min-width:1601px) {
.text-center-a {text-align:left !important;}
}
/* nav-breakpoint */
@media (max-width:500px) {
.nav > li > a:link {padding:4px 8px; margin:0;}
.navbar-header {float:none;}
.navbar-toggle {display:block;}
.navbar-collapse.collapse {display:none !important;}
.small-a .navbar-nav {float:none !important; border-bottom:none;}
.large-a .navbar-nav {float:none !important;}
.navbar-nav > li {float:none;}
ul.nav {padding-bottom:17px;}
.navbar-collapse.collapse.in {display:block !important;}
.collapsing {overflow:hidden !important;}
}