@charset "UTF-8";
/* CSS Document */

*{outline:none; list-style:none; text-decoration:none; box-sizing:border-box !important; }
body, div, span, applet, h1, h2, h3, p, a, img, strong, sub, sup, center, dl, dt, dd, ol, ul, li, table, tr, th, td {margin:0px;padding:0px;border:0px;outline:0px; list-style:none;}
input,textarea,select,label,option{-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important;}
textarea, input[type="text"], input[type="button"], input[type="submit"], input[type="tel"], input[type="email"] { border-radius: 0; border:none; font-family:'Raleway'; font-size:13px; }
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button { padding:0;}


body { font-family: 'Open-Sans', sans-serif; background:#FFF; overflow-x: hidden; }
.clear { clear:both;}
a { transition: all 0.4s ease;}
input.error {border: 1px solid red !important;}
input.valid {border: 1px solid green !important;}


.top-menu { width:auto; height:43px; background:#002f5e; border-bottom:3px solid #00247e;}

header {width:100%;height:auto;float:none;position:relative;z-index:99;background:#fff;display:table;}
.relative {position:relative;}
.logo {width:auto;display:table;float:left;top: 20px;position: relative;}
.logo a{ display:block;  }
.logo a img  {width:auto;max-width:100%;height: 75px;margin:auto;display:block;}
.logo span {font-size:11px; color:#bdbdbd; padding:15px 0 0 15px; display:block; clear:both;}
.topbar {background: #1c517b;padding: 6px 0px;color: #fff;}
.topbar a {color: #fff;}

.mobileSearch a#searchIcon {
    margin: 0px;
    float: right;
    position: relative;
    padding: 35px;
    margin: 0px 10px;
}
.mobileSearch{
	display: none;
}
nav { width:auto; padding:0; position: relative; display:block ;  }
nav ul {float: left;margin: 0px 20px;}
nav ul li{ width:auto; float:left; text-align:right;   }
nav ul li a{font-size:14px;text-align:center;color:#292929;padding: 45px 15px;display:table;font-weight: 600;}
nav ul li a:hover{ background:#0886c2; color:#fff; }
nav ul li ul {display: none;	position: relative;  z-index: 2000;}
nav ul li ul li  a {  text-decoration: none;}
nav ul li ul { width:auto; height:auto; display:none;  position:absolute; z-index:999; }
nav ul li ul li{ width:auto; text-align:left; float:none; min-height:30px;  line-height:30px; border-left:none; }
nav ul li ul li a{min-width: -webkit-fill-available;font-size:13px;line-height:30px;text-align:left;color:#fff;background: #0886c275;padding:0;padding:5px 25px 5px 25px;}
nav ul li ul li a:hover { color:#fff;}
nav ul li a:hover {background-color:#0886c2; color:#fff;}
.activee {background: #0886c2;color:#fff;}
.mobil-menu { display:none;} 
.open { display:block !important; overflow:inherit !important;}
.nav-tabs a{
	border-radius:0px!important;
}
.nav-tabs .active a{
	background:#ececec!important;
}
@media screen and (max-width:768px){
    .desktop-slider{
        display:none!important;
    }

    .mobileSearch{
    	display: block;
    }
}
@media screen and (min-width:769px){
    .mobile-slider{
        display:none!important;
    }
}
.nav-tabs .active a {
	background: white!important;
	border: none!important;
	border-bottom: 3px solid red!important;
}

.nav-tabs li a {
	color: #555!important;
}
ul.sidelogo li img {
	max-height: 30px;
}

ul.sidelogo li {
	padding: 10px 20px;
	background: #eeeeee;
	margin: 4px 0px!important;
}
.filtre {
	margin-top: -15px;
	font-size: 9pt;
}

.filtre small a {
	float: right;
	color: #8a0404;
	font-weight: bold;
}
.brand_selector {
	width: 100%;
	background: #f0f0f0;
	color: #010101;
	line-height: 25px;
	font-size: 14px;
	cursor: pointer;
	font-weight: bold;
	margin: 10px 0px 20px 0px;
	border: none;
	padding: 5px 15px;
}

.sidelogo {
	display: none;
	position: absolute;
	background: #dddddd;
	margin: -19px 0% 0px 2%;
	box-shadow: 0px 1px 18px 0px black;
	z-index: 999;
}

.sidelogo > li {
	width: 200px;
	background: #eee;
	line-height: 25px;
	font-size: 14px;
	padding: 0 10px;
	cursor: pointer;
}

.sidelogo > li:hover {
	background: #aaa;
}
.urun-img {
	text-align: center;
	margin: 30px 0px!important;
}

.urun-img img {
	height: 250px!important;
}
.ttf {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 175px;
}
article.detail-product {
	padding: 20px;
}
.slider { width:100%; max-height:650px; position:relative;}
.slider img{ width:100%; height:auto; display:flex; }
.slider .slider-title { max-width:1100px; margin:auto; height:auto; position:absolute; right:0; left:0; top:40%; display:block; z-index:999;  } 
.slider .slider-title .caption { width:50%; height:auto;  float:left; position:relative; display:block; z-index:99; padding: 20px 0; }
.slider .slider-title .caption h1{ width:auto; font-size:35px; text-align:left; color:#FFF; line-height:45px; font-weight:200; }
.slider .slider-title .caption h1 strong{ font-weight:400; }
.slider .slider-title .caption p{width:100%; font-size:14px; text-align:left; color:#FFF; margin:15px 0 0 0; padding: 10px 0; line-height:20px; clear:both; font-weight:300; }
.grade{ width:100%; height:100%; position:absolute; top:0; left:0; right:0; background:rgba(0,0,0,0.6); }

.home-contact {  position:fixed; left:-40px; top:50%;  }
.home-contact { }
.home-contact span a{width:auto; height:auto; background:#0886c2; color:#fff; font-size:18px; font-weight:200; text-align:center; margin:auto; display:block; padding:25px;}
.home-contact span a{-ms-transform: rotate(-90deg) ; -webkit-transform: rotate(-90deg);  transform: rotate(-90deg);}
.home-contact span a strong{ font-weight:400; }
.home-contact span a:hover{background:#58575f;}

.home-boxes {
	padding: 0px!important;
}

.home-boxes img {
	width: 100%;
	height: 175px!important;
}

.home-boxes strong {
	text-align: center;
	width: 100%;
	display: block;
}
.home-slider .owl-nav {
	position: relative;
	width: 100%;
	top: -300px;
	z-index: 999999;
	display: block;
}

.owl-stage-outer {
	z-index: 10;
	position: relative;
	display: block;
}

.home-slider .owl-nav button span {
	z-index: 999;
	padding:14px 30px;
	position: relative;
	float: left;
	display:block;
	background:#dcdcdc54;
	font-size:22pt

}
.home-slider .owl-nav button.owl-prev {
	float: left;
}
.home-slider .owl-nav button.owl-next {
	float: right;
}
.btn-slider {
	position: absolute;
	z-index: 99999;
	display: block;
	border: 2px solid red;
	left: 14%;
	color: #e30714;
	bottom: 8%;
}
aside ul li a.active {
	color: #bd1818!important;
	font-weight: bold;
}
ul.sub-categories {margin: 0px 0px 0px 20px;padding: 10px 0px;display: none;}

ul.sub-categories li {
	list-style: disc;
	margin: 10px auto!important;
}
.home-boxes a {
	color: #383838;
}
.home-boxes h4 {
	background: white;
	margin: 10px 10px 0px 10px!important;
	top: -40px;
	position: relative;
	box-shadow: 0px 6px 20px 0px #e4e4e4;
}

.product-slider-items img {
	width: 175px!important;
	display: block;
	position: relative;
}
.product-slider-items a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 10px;
}

.product-slider-items {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
}

.product-slider-items h3 {
	color: #5a5a5a;
	font-size: 13pt;
}
.product-slider-items a,.product-slider-items:hover {
	text-decoration: none!important;
}

.product-slider-items:hover {
	opacity: 0.8;
}
.product-slider .owl-next, .product-slider .owl-prev {
	background: #ececec!important;
	position: relative;
	display: block;
	font-size: 26pt!important;
	width: 30px;
}

.product-slider button.owl-prev {
	right: 30px;
	top: -140px;
	float:left;
}

.product-slider button.owl-next {
	left: 30px;
	top: -140px;
	float:right;

}
.topbar i {
	font-size: 12pt!important;
}

.topbar .fa {
	border: none!important;
	padding:0px;
}
li.page.selected a {
	background: #2196F3;
	color: #fff;
}
section.slide-bottom {
	background-image: url(http://www.elr.co.za/images/Pylon.png);
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
}
span.top-social a {
	margin: 0px 0px 0px 10px;
}
.button {background: #0886c2;padding:6px 15px;position:absolute;bottom:0;right:0;color:#fff !important;font-size:13px !important;}
.button:hover { background:#292929;}
.hidden { display:none;}

.home-button { width:100%; background:#58575f; padding:35px 0; height:auto; }
.home-button p { display:block; color:#fff; font-size:16px; text-align:left; font-weight:400;}
.home-button span a{ background:#2e2c37; padding:15px 20px; display:block; color:#fff; font-size:17px; text-align:center; position:absolute; right:0; top:-15px;}
.home-button span a:hover{ background:#bd1818;}

.home-img {width:100%;height:auto;position:relative;height: 175px;}
.home-img img{/* display: block; *//* height: 175px!important; */}

.home-news { width:100%; height:auto; position:relative; }
.home-news ul li{  padding:0; line-height:normal; height:195px;}
.home-news ul li:before{ content:'' !important;}
.home-news .home-news-img { width:49%;  float:left; }
.home-news .home-news-img a{ }
.home-news .home-news-img a img{}
.home-news .home-news-title { width:49%; min-height:175.91px;  float:right; position:relative; }
.home-news .home-news-title h5{ padding:0 0 0 0;}
.home-news .home-news-title .date{ font-size:12px; font-weight:600; padding:3px 0 10px 0; display:block;}
.home-news .bx-controls .fa { font-size:30px; color:#292929;}

.home-news .bx-controls { width:auto;  position:absolute; top:15px; right:0; }
.home-news .bx-controls .bx-next { }
.home-news .bx-controls .bx-prev {right:20px;} 

.home-about { position:relative; margin:64px 0 0 0;}
.home-about-img { height:483px; position:relative;}
.home-about-img img{ height: 100% !important; width:auto; display:flex;}
.home-about-title { position:absolute; top:80px; padding:0 45px;}
.home-about-title p, .home-about-title h2{color: #484848 !important;margin: 20px 0px;line-height: 30px;letter-spacing: 0px;text-align: justify;}
.home-about-title h2 span{left: 45px;  position: absolute;}
.home-about-title .button { position:relative;}

.home-section {
	background: #f3f3f3;
	/* padding: 40px 0px; */
	}.home-section .col-50 {
		margin: 0px;
	}
	img.img-responsive {
		width: 100%;
		display: block;
	}
	.home-gallery { width:100%; height:auto; display:table;}
	.home-gallery ul {}
	.home-gallery ul li { width:20%; float:left;}
	.home-gallery ul li a { }
	.home-gallery ul li a img { width:100%; height:auto; display:flex; }
	.home-gallery ul li a img {filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1);}
	.home-gallery ul li a img:hover {filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0);}

	.col-25, .col-30, .col-33, .col-40, .col-50, .col-60, .col-70, .col-75, .col-100 {margin:1%;float:left;}
	.col-25 { width:23%; }
	.col-30 { width:28%; }
	.col-33 { width:31.3334%; }
	.col-40 { width:38%; }
	.col-50 { width:48%; }
	.col-60 { width:58%;}
	.col-70 { width:68%; }
	.col-75 { width:73%; }
	.col-100 { width:98%; }
.row {/* margin-left:-1%; *//* margin-right:-1%; */}
.content { width:1100px; margin:auto; height:auto; padding:25px 0; display:inherit; }
.center { width:1100px; margin:auto; height:auto; position:relative;}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { padding:15px 0; color:#292929; margin:0; font-weight:400; }
.content h1 span, .content h2 span, .content h3 span, .content h4 span, .content h5 span, .content h6 span {width:75px;margin: 10px 0 0px 35%;border-bottom: 2px solid #0886c2;display:block;align-items: center;}

.content h1 { font-size:25px; }
.content h2 { font-size:23px; }
.content h3 { font-size:21px; }
.content h4 {font-size: 16px;}
.content h5 { font-size:17px; }
.content h6 { font-size:15px; }
.content p{ font-size:14px; color:#555555; line-height:23px;}
.content p a{ color:#555555;}
.content p a:hover{ color:#0886c2;}
.content p strong { font-weight:bold; color:#555555;}
.content img{width:auto;max-width:100%;/* height:auto; */}
.content ul { }
.content ul li{ font-size:14px; color:#555555; line-height:23px; margin:0 0 0 0;}
.content ul li a{color:#0886c2; }
.content ul li strong{color:#555555; }
.content table { font-family:inherit; font-size:14px;}
.content table span{ font-family:inherit; font-size:18px; color:#af0707;}
.content table tr td{ padding:10px 15px;}
.content table tr td a{ color:#fff; font-weight:600; }

span.ghostdate {
	background: #ffffffbf;
	position: absolute;
	bottom: 0px;
	right: 15px;
	padding: 10px 20px;
	text-align: center;
	color: #3a3a3a;
}

.haberler-page .content {
	background: #f9f9f9;
	display: block;
	margin: 0px 0px 10px 0px;
}
.content-read-more {
	position: absolute;
	margin: 120px 0px 0px 0px;
	right: 50px;
}
article.detail {
	background: #f7f7f7;
	padding: 20px;
}

.col-md-4.content-sidebar {
	background: #f7f7f7;
}

ul.sidebar-list li a {
	color: #555;
	border-left: 2px solid #4f9cd0;
	padding: 10px;
	display: block;
	margin: 0px 0px 10px 0px;
}
a.active + .sub-categories {
	display: block;
}
aside { }
aside .aside-menu {background:#eeeeee;padding: 20px;}
aside ul li:before{ content:'' !important; padding:0 !important; margin:0 !important;}
aside ul li {margin: 20px 0 20px 0 !important;line-height:normal !important;}
aside ul li:last-child { margin: 0 !important; }
aside ul li a{ color:#555555 !important; }
aside ul li span { width:50px; margin:10px 0 0 0; border-bottom:2px solid #bd1818; display:block;}
aside .aside-title { width:100%; height:auto; padding: 15px ; display:none; background:#ddd; cursor:pointer;}
aside .aside-title .fa{ color:#555555; float:right; padding:3px; }
aside .aside-title span {font-size:18px; color:#555555;}

.content img{ width:auto; max-width:100%;}
.bg-sky { background:url(../img/sky.png) center top no-repeat; display:table; }
.bg-page { background:url(../img/sky.png) center top no-repeat, url(../img/footer-content.png) center bottom no-repeat ; display:table; padding:0 0 250px 0 }

.associations { width:100%; height:auto; background:#f4f4f4; }
.associations ul { width:auto; height:auto; margin:auto; display:table;}
.associations ul li {margin:0;display: flex;align-items: center;justify-content: center;height: 120px;}
.associations ul li img {max-height: 60px;width: auto!important;margin:auto;display:block;max-width: 200px;}
.associations ul li img {filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1);}
.associations ul li img:hover {filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0);}
.associations ul li img:hover{}

.breadcrumb {
	background: none!important;
	text-transform: lowercase;
	margin: 0px!important;
}

.breadcrumb li a {
	color: #cccccc!important;
}
.product-box {
	background: whitesmoke;
	padding: 0px 0px 0px 0px!important;
	border: 5px solid #fff;
	display: block;
	margin: 0px 0px 40px 0px;
}
.page-title {width:100%;height:230px;position:relative;background:url(../img/page-title.jpg) center no-repeat;background-size: cover!important;background-position: center center!important;}
.page-title .page-title-center { width:1100px; height:auto; position:absolute; bottom:25px; left:0; right:0; margin:auto; }
.page-title .page-title-center h1{ color:#fff !important; font-weight:400;}
.page-title .page-title-center h1 span{ width:75px; margin:10px 0 0 0; border-bottom:2px solid #bd1818; display:block;}
.page-title ul{position: relative;display: block;padding: 0px;}
.page-title ul li {font-size:13px;float:left;margin: 10px 5px 0 0;font-size: 10px;color:#fff;}
.page-title ul li a{font-size: 12px;color:#fff;font-weight:400;}


.page-gallery ul li:before { content:''; padding:0; margin:0;  line-height:none;}
.page-gallery ul li { width:23%; height:auto; margin:5px 1% !important; float:left;}
.page-gallery ul li a{ display:table;}
.page-gallery ul li img {filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1);}
.page-gallery ul li img:hover {filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0);}

.product-category {}
.pc-img {
	display: block;
	width: 100%;
}
.pc-img a{
	background: #fff;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0px;
}
.pc-img a img{display: block;width: auto;height: 220px;}
.pc-title {
	z-index: 1;
	position: relative;
	padding: 0px 10px;
	height: 80px;
}
.pc-title span a{ text-align:center; font-size:15px; color:#555555; margin:auto; display:block; padding:15px 0;}
.pc-grade{width:100%;height:100%;position:absolute;top:0;left:0;right:0;background:rgba(238,238,238,0.3);}
.pc-img:hover .pc-grade{ display:none !important;}

.product {}
.product h2 { padding:0 0 15px 0;}

.pagination { margin:25px auto; display:table;}
.pagination ul { }
.pagination ul li { float:left; margin:0 2px; }
.pagination ul li:before { content:''; padding:0; margin:0;  line-height:none;}
.pagination ul li a{ background:#eee; color:#555555; font-size:13px; text-align:center; padding:15px 20px;}
.selected { background:#0886c2 !important; color:#fff !important;}

.catalog { width:100%; height:70px; background:url(../img/katalog-bg.png) no-repeat left center #eee; margin:15px 0; transition: all 0.4s ease;}
.catalog:hover { background:url(../img/katalog-bg.png) no-repeat left center #d7d7d7; }
.catalog-logo { padding:0 0 0 10px;}
.catalog a span{font-size: 17px;vertical-align: top;line-height: 70px;font-weight: 200;color:#555555;padding: 0px 30px;height: 40px;top: 15px;}
.catalog a span strong{ font-size:35px; display: table-caption;}
.catalog a span font {font-size:25px; vertical-align:top; line-height:70px; padding:0 0 0 5px}
.catalog-pdf{ width:auto; height:60px !important; float:right !important; margin:6px;}

footer { width:100%; height:auto; background:#2e2c37; display:table;}
footer img {width:auto;margin:auto;display:block;}
footer .footer-logo { padding:15px; border-right:2px solid #797979; }
footer .footer-logo img{ width:auto; max-width:100%; -webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);}
	footer .footer-logo img {filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1);}
	footer .footer-logo img:hover {filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0);}

footer .footer-title {/* padding:20px 0 0 0; */}
footer .footer-title p{ font-size:14px ; color:#fff;}
footer .footer-title ul {/* padding:20px 0; */}
footer .footer-title ul li{ font-size:14px ; color:#fff;}
footer .footer-title ul li strong{color:#fff;}
footer .footer-title ul li a{color:#fff;}
footer .footer-title ul li a:hover{color:#0886c2;}
footer .footer-title ul li:before  { content:'';  }

footer .social {width:auto;margin:auto;float:right;padding: 25px 0 25px 0;}
footer .social ul {}
footer .social ul li { float:left;  margin:0 0 0 1px;  }
footer .social ul li:before  { content:'';  }

.fa-facebook, .fa-instagram, .fa-twitter {font-size:20px !important; color:#fff; border:1px solid #fff; transition: all 0.4s ease; border-radius:25px;}
.fa-twitter:hover, .fa-facebook:hover, .fa-instagram:hover { color:#0886c2;}
.fa-facebook {  padding:12px 16px; }
.fa-instagram{ padding:12px 13px; }
.fa-twitter{ padding:12px 13px; }

.copright { width:100%; background:#1e2225; padding:20px 0;}
.copright span{ font-size:11px; color:#fff; font-weight:300; margin:auto; display:table; }

.contact-form { margin:0; display:table;}
.contact-form label{ width:100%; float:left; display:table; margin:0 auto 5px auto; position:relative; }
.contact-form label input{ width:100%; float:left; margin:auto; display:table; border:1px solid #dddddd; padding:10px 15px; background:#f3f3f3; font-family:inherit; font-weight:300; }
.contact-form label textarea{width:100%;float:left;margin:auto;display:table;border:1px solid #dddddd;padding:10px 15px;background:#f3f3f3;font-family:inherit;font-weight:300;height: 128px;}
.contact-form label select{ width:100%; float:left; margin:auto; display:table; border:1px solid #dddddd; padding:10px 15px; background:#f3f3f3; font-family:inherit; font-weight:300; }
.contact-form label ::-webkit-input-placeholder { color:#292929;} /* Chrome/Opera/Safari */ 
.contact-form label ::-moz-placeholder { color:#292929;} /* Firefox 19+ */
.contact-form label :-ms-input-placeholder { color:#292929;} /* IE 10+ */  
.contact-form label :-moz-placeholder { color:#292929;} /* Firefox 18- */
.contact-form button {width:auto;float:left;padding:10px 25px;border:1px solid #dddddd;font-family:inherit;color:#292929;background:#f3f3f3;cursor:pointer;font-weight:300;}
.contact-form button:hover { border:1px solid #db7631; color:#fff; background:#0886c2;}
.popup-form button { width:100%; color:#fff; background:#bd1818; border:1px solid #bd1818; transition: all 0.4s ease;}
.popup-form button:hover { background:#292929; border:1px solid #292929;}

a#searchIcon {
	color: #303030;
	float: right;
	position: relative;
	margin: 45px 0px;
}
form#seachForm {
	display:none;
	position: absolute;
	right: 0px;
	top: 100px;
	background: #7b7b7b;
	padding: 10px;
	width: 70%;
	border-radius: 10px;
}
form#seachForm button {
	background: #dcdcdc;
}
form#seachFormMobile {
	display:none;
	position: absolute;
	right: 0px;
	top: 90px;
	background: #0000008c;
	width: 100%;
	padding: 10px;
	margin: 0px;
}
form#seachFormMobile button {
	background: #dcdcdc;
}
a#searchIconMobile {
color: #303030;
    float: right;
    position: relative;
    padding: 35px 50px;
}
#errorSummary {display:none;}
form span.error-indicator{ font-size:14px; color:#0886c2; font-weight:400; position:absolute; display: inherit;  top: 10px; right: 15px;}
[aria-hidden="true"] {    display: none; }
.error-indicator[aria-hidden="true"] { display: none;}

.overlay {position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0, 0, 0, 0.7); transition:opacity 500ms; visibility:hidden; opacity: 0;}
.overlay:target { visibility: visible; opacity: 1;}
.popup { width:650px; margin: 50px auto 0 auto;  background: #fff; border-radius: 5px;  position: relative; transition: all 5s ease-in-out;}
.popup .close { position: absolute; top: 20px; right: 30px;transition: all 200ms; font-size: 40px; font-weight: bold; text-decoration: none; color: #444444;}
.popup .close:hover { color: #bd1818;}

.popup-form { padding:25px;}
.popup-form h1{color:#bd1818; font-size:25px; display:block; padding:0 0 25px 0; font-weight:400;}

.maps iframe { width:100%; height:450px}

.filter { width:98%; margin:1%;}
.filter a{ padding:0 20px 0 0; color:#222449; margin:0; font-size:14px; font-weight:bold;}
.current { color:#db7631 !important;}
.isotope-item {  z-index: 2;}
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1;}
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s;  transition-duration: 0.8s;}
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width;  transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity;  transition-property: transform, opacity;}


@media screen and (max-width: 1600px) and (min-width: 1100px) {

}


@media all and (max-width: 1100px) {
	.row { margin-left:0; margin-right:0; }
	.content { width:95%; }
	.center { width:95%;}

	.center { width:95%;}
	header { position:relative;}
	.slider .slider-title {display:none;} 
	.grade {display:none;} 
	.logo { width:50%; }
	.logo a img{ width:auto; height:40px; float:left; }
	.mobil-menu {display:block;position:absolute;right:0;top:30px;z-index: 999;}
	.mobil-menu .fa { font-size:27px; color:#555555; }
	nav {clear:both;display:none;width:100%;height:auto;float:none;margin:0;padding:0;z-index: 1;}
	nav ul{ width:100%; }
	nav ul li { width:100%; height:auto; float:left;  border-top:1px solid #313131; border-left:none; background-color:#292929; }
	nav ul li:first-child { border-top:none; }
	nav ul li a { display:inline-block; font-size:14px; color:#FFF; display:block; font-weight:600;padding:10px 0px; text-align:center;}
	nav ul li ul { width:100%; display:none;  position:relative; top:0; }
	nav ul li ul li{  border-top:1px solid #7d0808;}

	.home-contact {  position:fixed; left:-40px; top:240px; }
	.page header { padding:0;}
	.associations { width:220px; background:none; margin:auto;   }
	.page-title { width:100%; height:120px; position:relative; background:url(../img/page-title.jpg) center no-repeat;}
	.page-title .page-title-center { width:95%; height:auto; position:absolute; bottom:25px; left:0; right:0; margin:auto; }
	.page-title .grade { display:block !important;}

	footer .footer-logo img{ width:auto; max-width:90%; height:auto;}

}

@media all and (max-width: 991px) {
	.phone { width:80%;  float:left;}
	.phone ul li{ padding:10px 10px 10px 0;}
	.phone ul li a strong{ font-size:14px; color:#fff; font-weight:400}
	.flag { width:20%; float:left;  }
	
	.col-25, .col-30, .col-33, .col-40, .col-50, .col-60, .col-70, .col-75, .col-100 { margin:1% auto; float:none; display:block;}
	.col-25 { width:100%; }
	.col-30 { width:100%; }
	.col-33 { width:100%; }
	.col-40 { width:100%; }
	.col-50 { width:100%; }
	.col-60 { width:100%;}
	.col-70 { width:100%; }
	.col-75 { width:100%; }
	.col-100 { width:100%; }
	.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { text-align:left;}
	.content h1 span, .content h2 span, .content h3 span, .content h4 span, .content h5 span, .content h6 span { display:block;}

	.content p{ }
	.button { width:100px;  float:none; margin:25px auto; display:table; text-align:center;}
	.content img{ margin:auto; display:block;}
	.bx-controls-direction { float:none;  margin: 15px auto; }
	.home-gallery ul li { width:50%; }
	.filter { width:100%; height:auto; float:none; }
	.filter a{ width:100%; height:auto; float:left; display:block; text-align:center; padding:5px 0;}
	.gallery-content { width:100%; height:auto; display:block;}

	.home-button { padding:15px 0; }
	.home-button p { font-size:14px; display:block; margin:auto; text-align:center; }
	.home-button span a{ padding:10px 15px; display:table;  position:relative; top:15px; margin:0 auto 15px auto; font-size: 12px;}

	.home-news { width:100%; height:auto; position:relative; }
	.home-news ul li{  padding:0; line-height:normal; height:auto; overflow:hidden;}
	.home-news ul li:before{ content:'' !important;}
	.home-news .home-news-img { width:100%;  float:left; }
	.home-news .home-news-title { width:100%;  float:left; }
	.home-news .home-news-title h5{ padding:10px 0 0;}
	.home-about { display:none;}

	.page-title .page-title-center .page-info span{text-align:center; margin:auto; display:block; }
	.page-title ul{ margin:auto; display:table; }
	.page-title ul li {font-size:13px; float:left; margin:7px 5px 0 5px; font-size:15px; color:#fff;  }
	.page-title ul li a{ font-size:15px; color:#fff;  font-weight:200; text-align:center;}
	aside .aside-title { display:block;}
	aside .aside-menu { display:none;}
	.product-category { margin-top:0;}
	.product h2 { padding:15px 0;}

	.catalog-logo { float:left;}
	.catalog a span strong{ font-size:18px;}
	.catalog a span font {font-size:15px;}

	.catalog-pdf{margin:6px !important;}

	footer {padding: 25px 0;}
	footer .footer-menu ul li{ float:none; margin:0 auto; text-align:center; padding:0 0 7px 0;}
	footer .footer-logos ul li{ float:none; margin:0 auto; padding:0 0 25px 0}
	footer .social { width:auto; margin:auto; display:table; padding:0 0 25px 0;     float: initial; }
	footer .footer-logo { border:none;}
	.contact-form { margin:0;}
	.home-contact { width:100%;  position:fixed; left:inherit; top:inherit; bottom:0; }
	.home-contact span{ margin:auto; }
	.home-contact span a{padding:15px 20px 15px 20px;}
	.home-contact span a{-ms-transform: rotate(0deg) ; /* IE 9 */    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */    transform: rotate(0deg);}

}


@media all and (max-width: 768px) {
	@media all and (max-width: 768px) {
    html{
        overflow-x:hidden;
    }
}
	article.detail-product {
		padding: 0px;
	}

	h2 {
		font-size: 12pt!important;
		font-weight: 300!important;
	}
	.breadcrumb.v2 {
		display: none;
	}
	.footer-title {
		text-align: center;
	}

	footer .footer-title ul li {
		margin: 10px 0px;
	}

	.page-gallery ul li { width:48%; margin:5px 1% !important; }
	.bos { display:none;}
	ul#menu {
		top: 35px;
		position: relative;
	}

	header {
		height: 80px;
	}

	.topbar {
		text-align: center;
		display: none;
	}

	nav {
		display: none;
		height: 290px;
	}

	.home-about-img {
		height: auto;
	}
	.nav-tabs li {
		width: 100%;
		display: block;
	}
		.nav-tabs li.active a{
		background: #00BCD4!important;
		color:#fff!important;
		border-bottom: none!important;
	}
	.tab-content iframe {
		width: 100%;
		height: auto;
	}
	.content-read-more {
		position: relative;
		text-align: center;
		margin: 10px auto;
		right: auto;
	}

}

@media all and (max-width: 480px) {
	.associations {width: auto;}
	.page-title .page-title-center h1 { font-size:16px;}
	.page-title ul li a { font-size:12px}
	.catalog a span { font-size:13px;}
	.popup { width:100%; height: auto; margin:0;   border-radius: 0;   overflow: auto; top:25%;   }
	.popup .close { position: absolute; top: 0px; right: 15px;transition: all 200ms; font-size: 40px; font-weight: bold; text-decoration: none; color: #444444;}
	.popup .close:hover { color: #003366;}

	.popup-form { padding:15px;}
	.popup-form h1{font-size:18px; display:block; padding:0 0 10px 0;}
	.maps iframe { width:100%; height:250px}

}

@media all and (max-width: 394px) {
	.phone { display:none;}
	.flag { width:40%; float:right;}
}

@media all and (max-width: 320px) {
	.page-gallery ul li { width:98%; margin:5px 1% !important; }
	.catalog-pdf { display:none !important;}
}