.black {background-color: #000;}
.red {background-color: #ed1c24;}
.grey {background-color: #333333;}
.silver {background-color: #ededed;}
.white-text {color:#fff;}
.red-text {color:#ed1c24;}

img {vertical-align: middle}

.height-auto {min-height: auto !important;}
.wraper  {margin: auto;}
a {color: inherit;}


body {font-size:16px;font-weight:300 !important; overflow-x: hidden;}
.menu-call {top:20px; right:20px;}
.menu-call span , .menu-call span:after, .menu-call span:before, .menu-call.open span:after, .menu-call.open span:before {background-color: #000; }

header {position: fixed; top:0; left:0; width: 100%; background-color: #fff; box-shadow: 0 0 5px 0 rgba(0,0,0,0.23); z-index: 20;}
section {min-height: 100%;}


.menu {position: fixed; z-index: 19; top:0; left: 0; right: 0; bottom: 100%; background-color: rgba(0,0,0,0.81); ;-o-transition: all  .5s ease;-moz-transition: all  .5s ease;-webkit-transition: all  .5s ease;transition: all  .5s ease; opacity: .00001; overflow: hidden;}
.menu.open {display: block;-o-transition: all  .3s ease;-moz-transition: all  .3s ease;-webkit-transition: all  .3s ease;transition: all  .3s ease; bottom:0; opacity: 1;}
.menu ul {list-style: none;}
.menu ul a {text-decoration: none;display: block; line-height: 50px;}
.index-info {position: absolute; bottom: 0; height: 30%; max-height: 300px; min-height: 200px;width: 100%; z-index: 3;}
.index-info h1 {position: relative;}
.index-info h1:after {width: 250px; height: 1px; background-color:#ed1c24; margin-left: auto; margin-right: auto; content:''; position: absolute;bottom: -10px; left: 1%; right: 1%;}
.mask {position: absolute; top:0; left:0; width: 100%; height: 100%; background-color: rgba(0,0,0,.2)}
.big-logo {width: 33%; max-width: 600px; min-width: 200px; top:20%; position: absolute; margin-left: auto; margin-right: auto; left:1%; right: 1%;}
.big-logo svg #path {stroke: black;filter: url(#blur-filter);}

.index_slider {position: absolute !important; top:0; left:0; right:0; bottom:0;overflow: hidden;}
.imgmask {background-image: url(/public/images/mask.png); position: absolute; top:0; left:0; right:0; bottom:0; background-color: rgba(0,0,0,0.46);}
.onecolor {background-image: url(../images/optavan1.jpg); background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}
.uv {background-image: url(../images/uv.jpg); background-size: cover; background-repeat: no-repeat;background-attachment: fixed;}
.floor {background-image: url(../images/floor.jpg); background-size: cover; background-repeat: no-repeat;background-attachment: fixed;}
.pad-top-25p {padding-top: 20%;}
.cmspage {position: relative; z-index: 3;}
.cmspage p {margin-bottom: 8pt; position: relative; }

.button {padding-left: 20px; padding-right: 20px; padding-bottom: 10px; padding-top: 10px;}
.button.lined {padding-left: 20px; padding-right: 20px; padding-bottom: 10px; padding-top: 10px; color:#fff; border: solid 1px #fff; text-transform: uppercase; background: transparent; font-size: 16px;}
.button.lined.invert {border: solid 1px #000; color:#000;}

.whitebg-50p {background-color: #fff; position: absolute; top:0; left:40%; right:0; bottom:0;z-index: 1;}

.breadcrumbs {font-size: 14px; opacity: .7;}
.breadcrumbs a {font-size: 14px; text-decoration: none; }

.ed {background-image: url(/public/images/ed1.jpg); background-size: cover;} 
.ed2 {background-image: url(/public/images/ed2.jpg); background-size: cover;}
.ed3 {background-image: url(/public/images/ed3.jpg); background-size: cover;}
.ed4 {background-image: url(/public/images/ed4.jpg); background-size: cover;}
.ed5 {background-image: url(/public/images/ed5.jpg); background-size: cover; background-position: bottom;}

.cmspage table {margin-bottom:40px !important; border-bottom:#e10000 solid 2px !important; border-left:#e10000 solid 2px !important; box-shadow: #E8E8E8 5px -5px 0px; }
.cmspage table, table td {border:#D3D3D3 solid 1px; border-collapse:collapse; padding:5px; }
.cmspage table p {margin:0px !important;}
.cmspage table tr:hover {background-color: #F3F3F3 ;}
.blured_cover {position: absolute; height: 250px; width: 100%; overflow: hidden; background-color: #000;}
.blured_cover img {max-width: inherit; width: 130%; position: absolute;    -webkit-filter: blur(10px); /* Safari 6.0 - 9.0 */
    filter: blur(10px); top:-30px; left:-30px; opacity: .6;}

.date {display: none;}
.title a {display: block; padding-top: 5px; text-decoration: none; font-size: 1.2em;font-weight: 700;}
.gallery .img {float: left; height: 180px; padding: 1px; border: solid 1px hsla(0,0%,87%,1.00); overflow: hidden; margin-right: 10px; margin-bottom: 10px;}
.gallery .img img {min-width: 100%;height: 100%; max-width: inherit;}
footer a {text-decoration: none;}
@media (min-width:2560px) {
	
	body {font-size: 20px; font-weight: 100;}
	
}
@media (max-width:900px){
	
	.wraper {width: 100%; max-width: 100%; min-width: 100%;}
	body{overflow-x: hidden}
	.uv{background-image: none}
	.uv .wraper .row {background-image: url(../images/uv.jpg); background-size: cover; background-repeat: no-repeat;background-attachment: fixed;}
	.menu ul a {font-size: 16px;}
	
	.logo {width: 80px;}
	.index_slider {position: relative !important;}
	.big-logo {display: none}
	.index-info {position: relative;}
	.onecolor {background-image: url(../images/optavan1.jpg); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center;}
.uv {background-image: url(../images/uv.jpg); background-size: cover; background-repeat: no-repeat;background-attachment: fixed;}
.floor {background-image: url(../images/floor.jpg); background-size: cover; background-repeat: no-repeat;background-attachment: fixed;}
	.whitebg-50p {left:0; opacity: .8;}
	.col-50.pad-top-25p.col-push-50 {position: inherit;}
	.copyright {padding-left: 50px; padding-right: 50px;}
	.fix-mobile {padding-top: 65px;}
}