hr {content:''; height: 1px; width: 100%; background-color: #7c6eb0; margin: 30px 0}
#mainMenu nav>ul>li>a { font-size: 17px; color:#fff; }
.background-grey { background-color: #dedede!important; }
.background-lightgrey { background-color: #efefef!important; }

#header[data-transparent=true]:not(.sticky-active) .header-inner, .dark #header[data-transparent=true]:not(.sticky-active) #header-wrap, #header.dark[data-transparent=true]:not(.sticky-active) .header-inner, #header.dark[data-transparent=true]:not(.sticky-active) #header-wrap {
	background-color:rgba(0,0,0,.5)!important; }
#page-title .overlay { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#343434),to(#e74f27)); background-image: -o-linear-gradient(left,#343434 0,#e74f27 100%); background-image: linear-gradient(to right,#343434 0,#e74f27 100%); opacity: .5; }

.bg-company {position:absolute; top:0; min-height:500px; background:url('../images/bgs/bg-company.jpg') center center repeat; background-size:cover; }
.bg-services {position:absolute; top:0; min-height:500px; background:url('../images/bgs/bg-services.jpg') center center repeat; background-size:cover; }
.bg-contact {position:absolute; top:0; min-height:500px; background:url('../images/bgs/bg-contact.jpg') center center repeat; background-size:cover; }
.bg-erga {position:absolute; top:0; min-height:500px; background:url('../images/bgs/bg-erga.jpg') center center repeat; background-size:cover; }
.bg-products {position:absolute; top:0; min-height:500px; background:url('../images/bgs/bg-products.jpg') center center repeat; background-size:cover; }
.bg-tentopana {position:absolute; top:0; min-height:500px; background:url('../images/bgs/bg-tentopana.jpg') center center repeat; background-size:cover; }
.bg-auto-moter {position:absolute; top:0; min-height:500px; background:url('../images/bgs/bg-auto-moter.jpg') center center repeat; background-size:cover; }

.page-title {padding: 40px 0 20px 0; text-align: center; }
.page-inner {padding:0; margin-top:-220px; overflow:visible!important; }

.bg-over {background-color: rgba(0, 0, 0, 0.5); position: absolute; bottom: 10%; left:0; width:100%; height:40px; z-index:10; }
.bg-over-text {color:#fff; text-align: center; font-size: 24px; line-height:40px; }
.pb20 {padding-bottom: 20px; }

.orange { color:#f48120; }

#sre-panel{padding:0; background-color:#000a; width:50vw; padding:40px; min-height:100vh; color:#fff;font-size:18px;line-height: 1.7}
#sre-panel h1, #sre-panel p {color:#fff}
#sre-panel h1 {font-size: 30px; text-align: center;}
#sre-panel p {font-size: 18px;}
#sre-slider #sre-panel{transition:.3s}
#sre-slider.active #sre-panel{transform:translateX(-100%)}
#sre-images-container{position:absolute; z-index:-1; top:0; left:0; width: 100vw; height: 100vh;overflow: hidden; display: flex; align-items: center;}
#sre-slider.active #sre-nav{display:block; height:60px; padding:10px}
#sre-images {width: 200000px; display: flex; height:100vh; transform: translateX(0); transition: .3s; will-change: transform}
#sre-images .slide {width:100vw; transition:.3s; overflow:hidden; background-size: cover; background-position: center; background-repeat: no-repeat;}
#sre-images .slide img{opacity: 0; width:100%}
#sre-images .slide.active {}
#sre-controls {text-align: center; user-select: none; padding-top: 20px;}
#sre-controls a {padding:0; color:#fff;user-select: none }
#sre-nav {position:absolute; bottom:10px; left:50%; transform:translateX(-50%); transition: .5s; height:0; overflow:hidden; padding:0; white-space: nowrap;}
#sre-nav a {margin:0 30px; cursor: pointer; color:#000}
#sre-nav a i, #closebutton i {text-shadow: 0 0 10px #fff}
#sre-nav a i:hover, #closebutton i:hover {text-shadow: 0 0 10px #f58220}
#closebutton {position: absolute;right: 10px; top:-40px; transition: .3s}
.active #closebutton {top:10px;}


@media (max-width: 1024px) {
	#header #logo { position: absolute!important; width: 100%; text-align:left; margin: 0!important; float: left; height: 80px; left:10px; right:0; padding: 0!important; }
	.lines, .lines:before, .lines:after { background-color: #fff; }
}

@media only screen and (max-width: 768px) {
	#sre-panel { width:100%; padding:20px; font-size: 18px; line-height: 1.7}
	#sre-panel p { font-size: 18px; line-height: 1.7}
	#sre-panel h1 {font-size: 24px; text-align: center;}
	#sre-images {height:auto;}
}

@media (max-width: 480px) {
	#header #logo>a img { max-width: 240px; }
}