/*-------------------------------------------
	CSS / KW COMMERCIAL / SUMAN
-------------------------------------------*/
/*
* { margin:0;  border:0; outline:0; padding:0;}

body { font-family:'Open Sans', sans-serif; font-weight:400; font-size:13px; color:#666; margin:0; background:#f5f5f5;}
ul, dl { list-style:none;} img { border:0;} a { text-decoration:none;}

.left { float:left;} .right { float:right;} 
.clear {clear:both; font-size:0.01em; height: 0; padding:0 !important;} 

input[type=text], input[type=password] { outline: none;}
label, input[type=submit],input[type=button] { cursor:pointer;}
*/
/*------------------------------ animation -------------------------------*/
/*
a, a:after, input, select, textarea, img, a:hover, input:focus, select:focus, texarea:focus, input, select, textarea, img,  input:focus, select:focus, texarea:focus { -webkit-transition: background-color .4s ease, border .4s ease, color .4s ease, opacity .4s ease-in-out; -moz-transition: background-color .4s ease, border .4s ease, color .4s ease, opacity .4s ease-in-out; -ms-transition: background-color .4s ease, border .4s ease, color .4s ease, opacity .4s ease-in-out;  -o-transition: background-color .4s ease, border .4s ease, color .4s ease, opacity .4s ease-in-out; transition: background-color .4s ease, border .4s ease, color .4s ease, opacity .4s ease-in-out;}
*/

/*------------------------------ font-face -------------------------------*/
/*
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal;}

h1 { font-size:30px; color:#404040;}
h2 { font-size:26px; color:#333; font-weight:700; font-family:'Droid Sans', sans-serif; margin-bottom:10px;}
h3 { font-size:24px; color:#333; font-weight:bold; margin:0 0 12px;}
h4 { font-size:28px; color:#fff; margin-top:-10px; text-shadow:1px 2px 0 #333; font-weight:800;}
h5 { font-size:18px; color:#990000; font-weight:800; background:url(../images/divider-bg.jpg) repeat-x; line-height: 12px; margin: 0 0 15px;}
h6 { font-size:15px; color:#fff;}

*/
/*------------------------------ home page -------------------------------*/

/*  wrap  */
/*
html, body { height: 100%;}
.wrap { width:100%; height:100%; min-width:970px;}
.main-wrap { min-height: 100%;  margin-bottom: -115px;}
.main-wrap:after { content: ""; display: block;}
footer, .page-wrap:after {  height: 115px;}

header { width:100%; min-width:970px; min-height:66px; border-bottom:5px solid #000; background:#fff;}
	.mainHeader { width:970px; margin:0 auto; position:relative;}
	.logoz { position:absolute; left:0; top:14px; z-index:999;}
	.navz { float:right;} .popsy {margin-left: -12px; padding-top: 26px;}
	.navz li { float:left; margin-right:2px;}
	.navz li a { color:#990000; display:inline-block; font-size:14px;  font-weight:700; text-align:center; padding:0 12px; line-height:61px; text-transform:uppercase; display:block;}
	.navz li a:hover, .this { color:#000; border-bottom:5px solid #000;}

.banner { width:100%; min-width:970px; background:url(../images/bannerBG.jpg) center top repeat; min-height:501px;}
	.mainBanner { width:970px; margin:0 auto; position:relative; position:relative; padding-top:100px;}
	.socialnetwork { position:absolute; top:30px; right:0;}
	.socialnetwork li { float:left; margin-left:8px;}
	.socialnetwork li:hover { opacity:0.9;}
*/			
	

@media only screen 
and (min-width : 0)
and (max-width : 320px) {


.fancybox-overlay .fancybox-opened { left: 0px !important; position: absolute; top: 20px; width: 300px !important;}

}

@media only screen 
and (min-width : 321px)
and (max-width : 360px) {
	
.fancybox-overlay .fancybox-opened { left: 0px !important; position: absolute; top: 20px; width: 340px !important;}

}



@media only screen 
and (min-width : 361px)
and (max-width : 480px) {
.fancybox-overlay .fancybox-opened { left: 0px !important; position: absolute; top: 20px; width: 91%;}

}


@media only screen 
and (min-width : 481px)
and (max-width : 640px) {
	
.fancybox-overlay .fancybox-opened { left: 80px !important; position: absolute; top: 20px; width: 420px !important;}
}



@media only screen 
and (min-width : 641px)
and (max-width : 720px) {
	

}



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

.fancybox-overlay .fancybox-opened { left: 169px !important; position: absolute; top: 20px; width: 420px !important;}

}


@media only screen 
and (min-width : 769px)
and (max-width : 800px) {

.fancybox-overlay .fancybox-opened { left: 190px !important; position: absolute; top: 20px; width: 420px !important;}

}


@media only screen 
and (min-width : 801px)
and (max-width : 1024px) {
.fancybox-overlay .fancybox-opened { left: 325px !important; position: absolute; top: 60px; width: 420px !important;}

}




	 

	
.opis { padding:20px;}
.fancybox-opened { top:30% !important;}


/*  css added 0n 17 oct by SUman Dutta  */
.tiltfix { float:left !important; margin-top: 2px !important;}



.fancybox-opened { border: 10px solid rgba(166, 166, 166, 0.4) !important; border-radius: 8px 8px 8px 8px; height: auto; left: 570px !important; opacity: 1; overflow: visible; position: absolute; top: 20px; width: 445px;}



footer { padding:20px !important;}