@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'MyriadPro';
    font-weight:500;
    src: url("../fonts/myriad/MyriadPro-Semibold_1.otf");
}

@font-face {
    font-family: 'MyriadPro';
    font-weight:700;
    src: url("../fonts/myriad/MyriadWebPro-Bold.ttf") format("truetype");
}
@font-face {
    font-family: 'MyriadPro';
    font-weight:400;
    src: url("../fonts/myriad/MyriadPro-Regular_1.otf");
}
@font-face{ 
    font-family: MyriadPro_IE; 
    src: url("../fonts/myriad/MyriadWebPro-Bold.ttf") format("truetype");
}

.html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{background:none;border:none;margin:0; outline:0; padding:0;}
.accessibility { display: none;}
.clear {clear: both; height: 0; line-height: 0;}
a {text-decoration: none; color: white;}
input, textarea {-moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1) inset; border:1px solid #E4E4E4; color: #333; font-size: 12px; padding: 4px;}
body { font-size: 12px; color: white; font-family: 'MyriadPro', 'MyriadPro_IE', sans-serif; text-transform: uppercase;}
#bg-main{z-index:-1;background: url(../../img/claudi/bg-home.jpg) no-repeat; width: 100%; height: 100%; background-size: cover; position: fixed; background-position: center center;}

/*****header****/
#header{width: 100%; height: 123px; background: url(../../img/claudi/pattern-up.png) repeat-x; }
.top-header{width: 965px; margin: 0 auto;}
.header-logo{background: url(../../img/claudi/logo.png) transparent; width: 115px; height: 123px; float: left;}

.menu {float: right; height: 123px;}
.menu li{display: block;font-size: 18px; float: left; height: 40px;  background: url(../../img/claudi/menubg.png) no-repeat transparent;     background-size: 100% 100%; text-transform: uppercase; padding-top: 83px;}
.menu li a{font-weight: normal;padding-right: 17px; padding-left: 15px; padding-bottom: 12px; padding-top: 80px;}
.menu li#actived a{color:#c6dbd4;}


.menu li + li{margin-left: 5px;}
.m-home{background: url(../../img/claudi/menubghome.png) no-repeat transparent; }
.m-ofirmie{background: url(../../img/claudi/menubgfirma.png) no-repeat transparent;}
.m-realizacje{background: url(../../img/claudi/menubgreal.png) no-repeat transparent;}
.m-kontakt{background: url(../../img/claudi/menubgkontakt.png) no-repeat transparent;}

/**** content *****/
#content_wrapper{min-height: 380px; width: 965px; margin: 0 auto; padding-bottom: 150px; z-index: 10; position: relative;}
.content-text{margin-top: 50px;background:url(../../img/claudi/content-bg.png); margin-bottom: 30px;}
.content-text h3.cufon{text-transform: uppercase;font-size: 30px;padding-left: 25px;  color:#c6dbd4; background: url(../../img/claudi/pattern-content.png); height: 61px;line-height: 61px;  }
.page_content_text{padding-left: 25px;padding-right: 25px; padding-top: 10px; font-size: 13px; padding-bottom: 25px;color:#d2d2d2;}


/***************galeria**********/
.realizacje h3.cufon{margin-bottom:15px;}
.partnerzy h3.cufon{margin-bottom:15px;}
.gallery_photos{float: left; margin-bottom: 25px; margin-left: 27px; height: 126px; width: 207px; text-align: center;line-height: 124px;}
.gallery_photos img{ vertical-align: middle;}
.partnerzy .gallery_photos{background: white;}

/*** contact ***/
.kontakt .page_content_text{float:left;width: 235px; padding-top: 10px; padding-left: 220px; line-height: 23px; font-size: 15px;}
.contact-form{float:right; width: 473px; padding-bottom: 20px; color:#d2d2d2; line-height: 20px;}
.contact-form ul{list-style: none;}
.contact-form label{padding-left: 3px;}
input{width: 240px;border: 1px #bdbdbd solid;}
textarea{width: 240px;}
button{float:right; margin-right: 221px; background: url(../../img/claudi/button-bg.png) no-repeat; border:none; color: white; height: 23px; width: 56px; cursor:pointer;}

/*footer*/
#footer{line-height: 42px; width: 100%; height: 42px; background: #000 url(../../img/claudi/pattern-down.png) repeat-x; font-size: 11px;position: fixed; bottom:0; z-index: 999;}
.footer-inner{width: 965px; margin: 0 auto;}
.footer-left{float: left;}
.footer-right{float: right;}
.footer-right a{font-weight: bold;}
/*********Validation*******/
.info,.success,.warning,.error,.validation, .error_message { border:1px solid; margin:10px auto; padding:7px 10px 7px 35px; background-repeat:no-repeat; background-position: 10px 6px;}
.success { color:#4f8a10; background-image: url(../../img/icons/accept.png); background-color:#dff2bf;}
.error, .error_message { color:#d8000c; background-image: url(../../img/icons/exclamation.png); background-color:#ffbaba;}
.info{color:#00529b;background-image: url(../../img/icons/information.png);background-color:#bde5f8;}
.warning{color:#9f6000;background-image: url(../../img/icons/error.png);background-color:#feefb3;}

.shop_view #header {margin-bottom: 100px;}
.shop_view {margin-bottom: 42px; position: relative;}
#bg-main {}
#bg-main:before {position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.9); content: '';}
.shop_view #products_view .category_boxes {margin-left: -15px; margin-right: -15px; margin-top: 50px;}
.shop_view #products_view .category_box {float: left; width: 33.3333%; padding-left: 15px; padding-right: 15px; box-sizing: border-box; text-align: center; height: 260px; margin-bottom: 30px; position: relative;}
.shop_view #products_view .category_box > a {border: 1px solid #fff; display: block; height: 100%;}
.shop_view #products_view .category_box > a:hover {border: 1px solid #f8ec44;}
.shop_view #products_view .category_box__image {padding-top: 50px;}
.shop_view #products_view .category_box__title {font-size: 18px; text-transform: uppercase; font-weight: 500; margin-top: 50px; position: relative; padding:0px 10px;}
.shop_view #products_view .category_box__title:before {content: ''; position: absolute; top: -25px; width: 90px; height: 2px; background: #fff; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}

.shop_view #main_left {width: 25%; float: left; padding-right: 15px; box-sizing: border-box;}
.shop_view ul, .shop_view li {list-style-type: none;}
.shop_view a.active {color: #f8ec44;}
.shop_view #main_left {font-size: 14px; text-transform: uppercase; font-weight: 500;}
.shop_view #main_left > ul > li {padding: 20px 0px 20px 0;border-top: 1px solid #fff;}
.shop_view #main_content {float: left; width: 75%; padding-left: 15px; box-sizing: border-box;}
.shop_view #main_content.fullwidth {width: 100%;}

.shop_view .product-box {display: table; width: 100%; padding: 10px; border: 1px solid #fff; margin-bottom: 15px;}
.shop_view .product-box__img {display: table-cell; width: 120px; height: 120px; vertical-align: middle; background: #fff;}
.shop_view .product-box__img img {width: 120px; max-width: 120px;}
.shop_view .product-desc {display: table-cell; vertical-align: middle; padding-left: 30px; font-size: 18px;}
.shop_view .product_read_more {border: 1px solid #fff; padding: 15px;}
.shop_view .product_read_more:hover {border: 1px solid #f8ec44; color: #f8ec44;}
.shop_view .product-desc__title {width: 75%; float: left;}
.shop_view .product-desc__more {width: 25%; float: left;}
.shop_view .product-listing-header {font-size: 18px; padding-bottom: 20px;}

.shop_view #main_left a {padding-right: 20px; display: inline-block;}
.shop_view #main_left a:hover {color: #f8ec44;}
.shop_view #main_left li {position: relative;}
.shop_view #main_left ul {position: relative;}
.shop_view #main_left ul li ul {display: none;}
.shop_view .tick {background: url('../../img/claudi/plus.png') no-repeat center; width: 20px; height: 20px; position: absolute; cursor: pointer; right: 0;}
.shop_view .tick.subroot {background: url('../../img/claudi/plus.png') no-repeat center; width: 14px; height: 14px; position: absolute; cursor: pointer; background-size: cover;}
.shop_view .tick.open {background: url('../../img/claudi/minus.png') no-repeat center; background-size: cover;}
.shop_view #main_left > ul > li > ul > li {padding-top: 7px; padding-bottom: 7px;}
.shop_view #main_left li ul li ul li {padding-left: 20px; background: url('../../img/claudi/tick.png') no-repeat center left; padding-top: 7px; padding-bottom: 7px;}
.shop_view #main_left li ul li ul li:first-of-type {margin-top: 7px;}
.shop_view #main_left > ul > li > ul {padding-top: 30px;}
.shop_view #main_left > ul > li > ul:before {border-top: 1px solid rgba(255, 255, 255, 0.5); width: 100px; content: ''; position: absolute; top: 15px;}

.shop_view .slick-prev::before, .shop_view .slick-next::before {color: #d6ca22; opacity: 1;}
.shop_view .slick-prev, .shop_view .slick-next {z-index: 9;}
.shop_view .slick-arrow {display: none !important;}
.shop_view .slick-prev {left: 5px;}
.shop_view .slick-next {right: 20px; margin-right: 0;}
.shop_view #product-left {width: 45%; float: left;}
.shop_view #product-left:hover .slick-arrow {display: block !important;}
.shop_view #product-left:hover .slick-disabled {display: none !important;}
.shop_view #product-right {width: 55%; float: left;}
.shop_view #product-bottom {width: 100%; float: left; text-align: center; padding: 75px 0 0;}
.shop_view .box-title {font-size: 30px; font-weight: 500; padding-top: 45px; padding-bottom: 30px;}
.shop_view .product-info-desc {font-size: 14px; font-weight: 400; text-transform: initial;}
.shop_view .product-info__gallery__big_item_img {width: 300px; max-height: 300px; display: inline-block; vertical-align: middle;}
.shop_view .product-description {text-align: justify;}
.shop_view .product-info__gallery__big_item {height: 300px; line-height: 300px; vertical-align: middle;}

.shop_view .prod-btns__dropdown {font-size: 0; display: inline-block; height: 56px; overflow: hidden; vertical-align: top; padding: 0 10px; max-width: 50%; box-sizing: border-box;}
.shop_view .prod-btns__dropdown:hover {overflow: visible; height: auto;}
.shop_view .prod-btns__element {display: table; min-width: 200px; }
.shop_view .prod-btns__link, .shop_view .prod-btns__element span {    white-space: nowrap;border: 1px solid #fff; background: url('../../img/claudi/pdf.png') no-repeat center left 16px; padding: 0 15px 0 75px; display: block; display: table-cell; vertical-align: middle; height: 54px; filter: brightness(500%); -webkit-filter: brightness(500%);}
.shop_view .prod-btns__dropdown .prod-btns__link:hover {border: 1px solid #f8ec44; filter: brightness(100%); -webkit-filter: brightness(100%); color: #f8ec44;}
.shop_view .prod-btns__element--ldt .prod-btns__link {background: url('../../img/claudi/ldt.png') no-repeat center left 16px;}
.shop_view .prod-btns__element--ldt.prod-btns__element span {background: url('../../img/claudi/ldt.png') no-repeat center left 16px;}
.shop_view .prod-btns__element:first-of-type {display: table !important;}
.shop_view .prod-btns__element {display: table-row; font-size: 14px;}
.prod-btns__wrap {display: table; width: 100%;}

/*.shop_view .prod-btns__dropdown .prod-btns__element {display: none;}
.shop_view .prod-btns__dropdown:hover .prod-btns__element {display: table-row;}*/


/* home firm description */
.home-firm-desc{width: 100%;}
.home-firm-desc__left{padding-top:170px;
    height: 400px;display: block; float: left;  width: 37%;  background: url('../../img/claudi/light-bg.png') no-repeat top 35px right 40px;  }
.home-firm-desc-left-content{width: 290px; }
.who-we-are{ font-family: 'Raleway', sans-serif; font-weight: 900; color: white; font-size: 45px; line-height: 38px;  }
.who-we-are__meet{font-size: 18px; text-align: right; font-weight: 900;  margin-top: 4px; }

.home-firm-desc__right { display: block; float: left;  
    width: 62%; padding-top: 130px;
                        text-transform: none; color: #c6dbd4; font-size: 14px; line-height: 20px;
}
.home-firm-desc__right p{margin: 0; font-weight:  300;  }
p.firm-desc-italic{font-weight:  500;  font-style: italic; }