.main-logo{width:170px;position:absolute;top:0;left:0;z-index:9;}
.main-logo a img{width: 100%;}
.big-close a {
    position: absolute;
    top: 13px;
    right: 15px;
    z-index: 9;
}
.bg-black{position:fixed;background:rgba(0,0,0,0.8);width:100%;height:100%;top:0;left:0;display:none;}
.btn-download a {
    color: #fff;
    background: #333;
    padding: 10px 45px;
    font-size: 18px;
    text-decoration: none;
    border-radius: 30px;
    outline: none;
}
.btn-download a:hover, .btn-download a:active, .btn-download a:focus {
    color: #333;
    background: #fff;
    transition: 0.35s ease-in;
}
.table-area0{
	width: 47%;
	position: absolute;
	top: 34.5%;
	right: 12px;
	height: 54%;
}
.table-area1{
	width: 47%;
	position: absolute;
	top: 32%;
	left: 20px;
	height: 59%;
}
.table-area2{
	width: 47%;
	position: absolute;
	top: 34.5%;
	right: 12px;
	height: 62%;
}
.table-area1{
	width: 47%;
	position: absolute;
	top: 40%;
left: 20px;
height: 56%;

}
.table-area1 img, .table-area2 img, .table-area3 img{width:100%;height:100%;}
.table-item{position:relative;}
.bg-open{background:rgba(0,0,0,0.7);position:fixed;width:100%;height:100%;display:none;}
.table-popup0, .table-popup1, .table-popup2{width:70%;height:auto;padding:15px;background:#fff;display:none;z-index: 999;top: 30px;left: 0px;right:0;margin:auto;position:fixed;-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);}
.black-bg{background:rgba(0,0,0,0.8);position:fixed;width:100%;height:100%;display:none;z-index: 9;}
.open-table{width:100%;height: 570px;overflow-y:scroll;overflow-x:hidden;}
.open-table img{width:100%;}
.close-table{position:absolute;top: -17px;right: -17px;background: url(../images/close-btn.png) no-repeat;z-index:9999;cursor:pointer;display:none;width: 35px;
height: 35px;}

span.rollover {
	opacity: 1;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	background:url(../images/mag.png) center center no-repeat #333;
	cursor: pointer;
	height: 100%;
width: 100%;
position: absolute;
z-index: 10;
opacity: 0;
top: 0px;
left: 0;
border-radius: 5px;
opacity: .7;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;

}
.preview-comp{display:none;width: 98%;height: 50%;position: absolute;top: 35%;left: 0;right: 0;margin: auto;z-index:999;}
.hover-comp-box{position:absolute;bottom: 10%;right: 7%;margin: auto;width: 15%;height: 5%;cursor:pointer;}
.hover-comp-box img{position:relative !important;}
.thumb-choose-box {position: absolute;bottom: 10%;left: 9%;margin: auto;width: 42%;height: 27%;cursor: pointer;}
.item img{
    display: block;
    width: 100%;
    height: auto;
}
.item{width: 75%;
height: 100%;
margin: 20px auto 0;position: relative;}
body > img{position:fixed;top:0px;left:0px;width:100%;height:100%;z-index: -9;}
.owl-nav{
    text-align: center;
    position: absolute;
    width: 100%;
    top: 35%;
}
.owl-prev{ 
	position:absolute;
	left:2%;
	background:transparent !important;
}
.owl-next{ 
	position:absolute;
	right:2%;
	background:transparent !important;
}

.btn-download{width: 100%;
text-align: center;position:relative;margin-bottom:15px;margin-top: 25px;}
.btn-download a{color: #fff;background: #333;padding: 10px 45px;font-size: 18px;text-decoration:none;border-radius:30px;outline:none;}
.btn-download a:hover, .btn-download a:active, .btn-download a:focus{color: #333;
background: #fff;transition:0.35s ease-in;}

@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (orientation:landscape)
and (-webkit-min-device-pixel-ratio:2)
{
.item {
    width: 65%;
}
.btn-download a {
    padding: 8px 35px;
    font-size: 15px;
}
.owl-nav {
    top: 42%;
}
}
@media (min-width:1550px) and (max-width:1900px)
{
	.owl-carousel .owl-wrapper-outer {
  	  margin-top: 3%;
}
.open-table {
    height: 665px;
}
}
@media (min-width:1200px) and (max-width:1300px)
{
.owl-prev{left:5%;}
.owl-next{right:5%;}
}
@media (max-width:1199px){
.item {
  width: 56%!important;
}
.big-close img {
    width: 76px;
}
}