html{background: #fff}


.sub header{display: none;}
.sub .header_sub{top: 0; opacity: 1;}
.sub .top, .sub .top .slide{height: 89px !important; opacity: 0; visibility: hidden;}


html:not(.notouch) .top{height: calc(100vh - 56px);}
html:not(.notouch) .top .bg{height: calc(100vh - 56px);}
html:not(.notouch) .top .box{height: calc(100vh - 56px);}


.top .arrow{bottom: 40px;}

header nav ul li, .header_sub nav ul li{margin: 0 -4px 0 8px}
header nav ul li.lang, .header_sub nav ul li.lang{padding: 0 0 0 8px}
header nav ul li a, .header_sub nav ul li a{padding: 0 10px;}


footer{text-align: center;}
footer .map_bg{display: none;}
footer .contact{padding-left: 0;}
footer .box{width: calc(100% - 310px - 4%); max-width: 600px;}


.fotogalerie a.swipebox{width: 25%}

.project_list .img{width: calc(90% - 440px)}
.project_list .box{width: 440px;}


aside{width: 240px; padding-left: 27px;}
.c_column{width: calc(100% - 300px)}


.detail .tab_line li{margin-right: 5px;}
.detail .tab_line li a{padding-left: 10px; padding-right: 10px;}

#MyGmaps{height: 300px;}



.detail .img{width: 40%;}
.detail .img a.swipebox{width: calc( (100% - 5px) / 2); margin: 0 0 5px !important;}
.detail .img a.swipebox:nth-child(2n){margin: 0 5px 5px 0 !important;}
.detail .text{width: 55%;}
.detail .img a.swipebox{height: 110px;}





footer{padding-bottom: 60px;}
footer p.title{display: none;}
footer .contact{width: 260px;}
footer .contact p, footer .contact p.title{text-align: center;}
footer .box{width: calc(100% - 270px - 4%)}




.hp #content::before{display: none;}
.box_list .item{width: calc(47% - 4px); margin: 0 0 40px !important}
.box_list .item:nth-child(2n){margin: 0 0 40px 6% !important;}
.specialization{float: none; margin: 0 auto 20px;}

.category_list .item{width: calc(47% - 4px); margin: 0 0 -2px !important}
.category_list .item:nth-child(2n){margin: 0 0 -2px 6% !important;}

.cd-product-viewer-wrapper{display: none;}
.cd-product-viewer-wrapper {text-align: center;padding: 0 0 35px; position: relative; }
.cd-product-viewer-wrapper .product-viewer {position: relative;z-index: 1;display: block;overflow: hidden; padding: 0; margin: 0; }
.cd-product-viewer-wrapper img {display: block;position: relative;z-index: 1;}
.cd-product-viewer-wrapper .product-sprite {position: absolute;z-index: 2;top: 0;left: 0;height: 100%;width: 900%;background: url(../img/drag_sprite.jpg) no-repeat center center;background-size: 100%;opacity: 0; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; transition: opacity 400ms ease;}
.cd-product-viewer-wrapper.loaded .product-sprite {opacity: 1; cursor: ew-resize;}

.cd-product-viewer-handle {position: relative; z-index: 2;width: 60%;max-width: 300px;-webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; margin: 10px auto 30px;height: 2px;background: #cccccc;}
.cd-product-viewer-handle::before{opacity: 0; position: absolute; left: 0; top: -12px; height: 26px; bottom: 0; width: 2px; background: #ccc; content: ""; display: block; -webkit-transition: all 400ms ease 500ms; -moz-transition: all 400ms ease 500ms; -o-transition: all 400ms ease 500ms; -ms-transition: all 400ms ease 500ms; transition: all 400ms ease 500ms;}
.cd-product-viewer-handle::after{opacity: 0; position: absolute; right: 0; top: -12px; height: 26px; bottom: 0; width: 2px; background: #ccc; content: ""; display: block; -webkit-transition: all 400ms ease 500ms; -moz-transition: all 400ms ease 500ms; -o-transition: all 400ms ease 500ms; -ms-transition: all 400ms ease 500ms; transition: all 400ms ease 500ms;}
.loaded .cd-product-viewer-handle::before{opacity: 1;}
.loaded .cd-product-viewer-handle::after{opacity: 1;}

.cd-product-viewer-handle .fill {position: absolute;z-index: 1;left: 0;top: 0;height: 100%;width: 100%;border-radius: inherit;background: #009bc4;-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: left center;-moz-transform-origin: left center;-ms-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;-webkit-transition: -webkit-transform 0.5s;-moz-transition: -moz-transform 0.5s;transition: transform 0.5s;}
.no-csstransitions .cd-product-viewer-handle .fill {display: none;}
.loaded .cd-product-viewer-handle .fill {opacity: 0;-webkit-transition: -webkit-transform 0.3s, opacity 0.2s 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.2s 0.3s;transition: transform 0.3s, opacity 0.2s 0.3s;}


.cd-product-viewer-handle .handle {position: absolute;z-index: 2;display: inline-block;height: 24px;width: 24px;left: 0;top: -13px;background: url(../img/drag_arrow.svg) no-repeat scroll center center #fff; background-size: 17px auto; border: 2px solid #009bc4;border-radius: 50%;box-shadow: 0 0 0 6px rgba(0, 155, 196, 0.3), 0 0 20px rgba(0, 0, 0, 0.2);/* replace text with image */text-indent: 100%;white-space: nowrap;overflow: hidden;color: transparent;-webkit-transform: translateX(-50%) scale(0);-moz-transform: translateX(-50%) scale(0);-ms-transform: translateX(-50%) scale(0);-o-transform: translateX(-50%) scale(0);transform: translateX(-50%) scale(0);-webkit-transition: box-shadow 0.2s;-moz-transition: box-shadow 0.2s;transition: box-shadow 0.2s;}
.cd-product-viewer-handle .handle:active {box-shadow: 0 0 0 0 rgba(0, 155, 196, 0), 0 0 20px rgba(0, 0, 0, 0.2);}
.loaded .cd-product-viewer-handle .handle {-webkit-transform: translateX(-50%) scale(1);-moz-transform: translateX(-50%) scale(1);-ms-transform: translateX(-50%) scale(1);-o-transform: translateX(-50%) scale(1);transform: translateX(-50%) scale(1);-webkit-animation: cd-bounce 0.3s 0.3s;-moz-animation: cd-bounce 0.3s 0.3s;animation: cd-bounce 0.3s 0.3s;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;animation-fill-mode: both;cursor: ew-resize}

@-webkit-keyframes cd-bounce {0% {-webkit-transform: translateX(-50%) scale(0);}60% {-webkit-transform: translateX(-50%) scale(1.1);}100% {-webkit-transform: translateX(-50%) scale(1);}}
@-moz-keyframes cd-bounce {0% {-moz-transform: translateX(-50%) scale(0);}60% {-moz-transform: translateX(-50%) scale(1.1);}100% {-moz-transform: translateX(-50%) scale(1);}}
@keyframes cd-bounce {0% {-webkit-transform: translateX(-50%) scale(0);-moz-transform: translateX(-50%) scale(0);-ms-transform: translateX(-50%) scale(0);-o-transform: translateX(-50%) scale(0);transform: translateX(-50%) scale(0);}60% {-webkit-transform: translateX(-50%) scale(1.1);-moz-transform: translateX(-50%) scale(1.1);-ms-transform: translateX(-50%) scale(1.1);-o-transform: translateX(-50%) scale(1.1);transform: translateX(-50%) scale(1.1);}100% {-webkit-transform: translateX(-50%) scale(1);-moz-transform: translateX(-50%) scale(1);-ms-transform: translateX(-50%) scale(1);-o-transform: translateX(-50%) scale(1);transform: translateX(-50%) scale(1);}}











@media screen and (min-width: 768px) and (max-width: 960px) {

header{display: none;}
.header_sub{top: 0; opacity: 1;}
.header_sub nav{display: none;}

.open_close_navigation{display: block;}


.project_list .img {width: 100%;}
.project_list .img, .project_list .img .owl-wrapper-outer, .project_list .img .slide{height: 280px;}
.project_list .box{padding: 35px 5%; width: 90%; max-width: 100%; text-align: center;}
.project_list .box .centering, .project_list .box .centering .item{height: initial; height: auto; display: block; width: 100%;}
.project_list .box .centering .item h1, .project_list .box .centering .item p.title, .project_list .box .centering .item ul li{display: block; text-align: center; }
.project_list .box .centering .item ul li a, .project_list .box .centering .item ul li span{display: inline-block; zoom: 1; *display: inline; padding: 6px 30px}

.contact_page{padding: 0;}
.contact_page .item{padding: 20px 0; float: none; border: 0; border-top: 1px solid #eaeaea; width: 100%; margin: -20px 0 0;}
.contact_page .item.first{border-top: 0; padding: 40px 0 20px;}
.contact_page .item.last{padding: 20px 0;}
.contact_page .item .box{height: initial !important; height: auto !important;}
.contact_page .item p.title{font-size: 18px;}
.contact_page .item p.title{text-align: left}
.contact_page .item p{text-align: left}
.contact_page .item::before{display: none;}


aside{width: 100%; margin: 0; padding: 55px 0 0; float: none;}
aside::before{display: none;}
aside.event_show{display: block; padding: 0 0 35px}
aside.event_hide{display: none;}

aside ul li{margin: 0; display: inline-block ; zoom: 1; *display: inline; vertical-align: middle; margin: 0 -4px 10px; width: calc( (100% - 20px) / 3 );}
aside ul li:nth-child(3n - 1){margin: 0 10px 10px;}
aside ul li a{padding: 10px 20px; line-height: 20px; font-size: 14px; text-align: center; border: 1px solid #f2f2f2; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;}
aside ul li a::before{display: none;}
.notouch aside ul li a:hover, aside ul li.active a{background: #009bc4; color: #fff;}


.c_column{width: 100%; float: none; display: block; padding: 35px 0 60px}




.detail .img{width: 100%;}
.detail .img a.swipebox{width: calc( (100% - 10px) / 3); margin: 0 0 5px !important;}
.detail .img a.swipebox:nth-child(2n){margin: 0 0 5px 0 !important;}
.detail .img a.swipebox:nth-child(3n){margin: 0 5px 5px !important;}


.detail .text{width: 100%; padding: 30px 0 0;;}






footer .contact{width: 100%; text-align: center; padding: 0;}
footer .contact p, footer .contact p.title{text-align: center;}
footer .box{width: calc(100% - 270px - 4%)}
footer .box p.title{text-align: center; padding: 40px 0 8px; margin-bottom: -15px;}
footer .box table, footer .box table tbody, footer .box table tr, footer .box table th, footer .box table td{display: block; text-align: center; width: 100%; padding: 0;}
footer .box table th{padding: 18px 0 8px;}



.next_prev_product{display: none;}







}



#tracy-debug{display: none !important;}