.flexslider{
	font-family: Arial,Tahoma,san-serif;
	font-size: 11px;
	color: #000;
	font-weight:normal

}

.flexslider a{text-decoration:none;color:#ccc;font-size:11px;}



.paginated img{width:100%}

.flexslider{	overflow:hidden;background:#fff;	position:relative;
}
.imgmain{width:100%}



/* Direction Nav */


.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

.flex-direction-nav a  { 
display: block; 

  width:38px;
  height:178px;
  cursor: pointer;

margin: 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0.8;

}
.flex-direction-nav .flex-prev { left: -42px;background:transparent url(../images/prev.gif) no-repeat 0 0; }
.flex-direction-nav .flex-next { right: -42px;background:transparent url(../images/next.gif) no-repeat 0 0; }

.flex-direction-nav:hover .flex-prev { opacity: 1;  }
.flex-direction-nav:hover .flex-next { opacity: 1;  }

/*.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }*/




.ip_slide{position: relative;}
.ip_slide img{max-width: 100%;}
.ip_tooltip {
    padding: 0;
    position: absolute;
    text-align: left;
}

.ip_descr:before{
	width: 0;
	height: 0;
    content: "";
    position: absolute;
}
.ip_descr.ltr-before:before{
    border-left: 18px solid transparent;
    top: 2px;
	left: -27px;
}

.bgblack.ltr-before:before{
	border-top: 22px solid rgba(0, 0, 0, 0.8);
}
.ip_descr.rtl-before:before{
    border-right: 18px solid transparent;
    top: 2px;
	right: -27px;
}
.bgblack.rtl-before:before{
	border-top: 22px solid rgba(0, 0, 0, 0.8);
}
.ip_descr.btt-before:before{
    border-right: 22px solid transparent;
	bottom: -28px;
	left: 0px;
}

.bgblack.btt-before:before{
	border-top: 18px solid rgba(0, 0, 0, 0.8);
}
.ip_descr.ttb-before:before{
    border-right: 22px solid transparent;
	top: -26px;
	left: 2px;
}

.bgblack.ttb-before:before{
	border-bottom: 18px solid rgba(0, 0, 0, 0.8);
}
.ip_tooltip .ip_descr {
    opacity: 0;
    position: absolute;
    text-align: center;
/*     min-width: 225px; */
	transition: left 0.25s ease-out, opacity 0.25s ease-out, right 0.25s ease-out, bottom 0.25s ease-out, top 0.25s ease-out;
	-moz-transition: left 0.25s ease-out, opacity 0.25s ease-out, right 0.25s ease-out, bottom 0.25s ease-out, top 0.25s ease-out;
	-webkit-transition: left 0.25s ease-out, opacity 0.25s ease-out, right 0.25s ease-out, bottom 0.25s ease-out, top 0.25s ease-out;
	z-index: -10;
	display: block;
	width: auto;
    height:auto;
    padding: 10px;
    min-height: 15px;
}
.ip_descr {
	min-width:249px;
	min-height:70px;
}
.ip_tooltip .ltr-before {
	left: -3px;
}
.ip_tooltip .rtl-before {
	right: -60px;
}
.ip_tooltip .ttb-before {
	top: -3px;
}
.ip_tooltip .btt-before {
	bottom: -60px;
}
.ltr-slide {
	opacity: 1 !important;
	left: 34px !important;
	padding: 0;
}
.rtl-slide {
	opacity: 1 !important;
	right: 13px !important;
	padding: 0;
}
.btt-slide {
	opacity: 1 !important;
	bottom: 16px !important;
	padding: 0;
}
.ttb-slide {
	opacity: 1 !important;
	top: 34px !important;
	padding: 0;

}


.descrContainer {
	width: 0;
	height:0;
	display: block;
	visibility: hidden;
}
.show .descrContainer {
	width:100%;
	height:100%;
	visibility: visible;
}
.ip_img32 .button{
  width: 20px;
  height: 20px;
  float: left!important;
  position: absolute;
}

.bgblack{
/*	background: url('../images/bubble.png');*/
background:#fff;
border:10px solid #000;
/*padding:10px;
border:10px solid #000;*/
}

/* white round bg */
.ip_img32 .roundBgW{
	height: 35px;
    width: 35px;
    left: -7px;
    position: absolute;
    top: -7px;
}
.ip_img32 .roundBgWIn{
	height: 28px;
    width: 28px;
    position: absolute;
    left: -4px;
    top: -4px;
}
.ip_img32 .roundBgWInner{
	height: 23px;
    width: 23px;
    position:absolute;
    left: -2px;
    top: -2px;
}
.roundBgW{
	border-radius: 30px;
	position: absolute;
	animation: pulseW 1.5s 1s infinite alternate; 
	-moz-animation: pulseW 1.5s 1s infinite alternate; /* Firefox */
	-webkit-animation: pulseW 1.5s 1s infinite alternate;  /* Safari and Chrome */
	-o-animation: pulseW 1.5s 1s infinite alternate; /* Opera */
}
.roundBgWIn{
	border-radius: 30px;
	position: absolute;
	top: 4px;
	left: 4px;
	animation: pulseWIn 1.5s 0.5s infinite alternate;
	-moz-animation: pulseWIn 1.5s 0.5s infinite alternate; /* Firefox */
	-webkit-animation: pulseWIn 1.5s 0.5s infinite alternate; /* Safari and Chrome */
	-o-animation: pulseWIn 1.5s 0.5s infinite alternate; /* Opera */
}
.roundBgWInner{
	border-radius: 30px;
	position: absolute;
	top: 7px;
	left: 7px;
	animation: pulseWInner 1.5s infinite alternate;
	-moz-animation: pulseWInner 1.5s infinite alternate; /* Firefox */
	-webkit-animation: pulseWInner 1.5s infinite alternate; /* Safari and Chrome */
	-o-animation: pulseWInner 1.5s infinite alternate; /* Opera */
}
@keyframes pulseW
{
from {background: rgba(255,255,255, 0);}
to {background: rgba(255,255,255, 0.2);}
}

@-moz-keyframes pulseW /* Firefox */
{
from {background: rgba(255,255,255, 0);}
to {background: rgba(255,255,255, 0.2);}
}

@-webkit-keyframes pulseW /* Safari and Chrome */
{
from {background: rgba(255,255,255, 0);}
to {background: rgba(255,255,255, 0.2);}
}

@-o-keyframes pulseW /* Opera */
{
from {background: rgba(255,255,255, 0);}
to {background: rgba(255,255,255, 0.2);}
}
@keyframes pulseWIn
{
from {background: rgba(255,255,255, 0);}
to {background: rgba(255,255,255, 0.3);}
}

@-moz-keyframes pulseWIn /* Firefox */
{
from {background: rgba(255,255,255, 0);}
to {background: rgba(255,255,255, 0.3);}
}

@-webkit-keyframes pulseWIn /* Safari and Chrome */
{
from {background: rgba(255,255,255, 0);}
to {background: rgba(255,255,255, 0.3);}
}

@-o-keyframes pulseWIn /* Opera */
{
from {background: rgba(255,255,255, 0);}
to {background: rgba(255,255,255, 0.3);}
}

@keyframes pulseWInner
{
from {background: rgba(255,255,255, 0);}
to {background: rgba(255,255,255, 0.6);}
}

@-moz-keyframes pulseWInner /* Firefox */
{
from {background: rgba(255,255,255, 0);}
to {background: rgba(255,255,255, 0.6);}
}

@-webkit-keyframes pulseWInner /* Safari and Chrome */
{
from {background: rgba(255,255,255, 0);}
to {background: rgba(255,255,255, 0.6);}
}

@-o-keyframes pulseWInner /* Opera */
{
from {background: rgba(255,255,255, 0);}
to {background: rgba(255,255,255, 0.6);}
}
/* end white round bg */

/* ###################################################################

                          buttons classes
                          
   ################################################################### */
   
.beadblack{
  background: url("../images/button.png") no-repeat scroll left center transparent;
}


.hide {
display: none;
visibility: hidden;
}



#container {
 margin: 0 auto;
 max-width: 1000px;
 max-height:700px;
 position:relative;
}

#topp img{
 width: 100%;
 max-width: 1000px;
 max-height:150px;
}

#foot img{
 width: 100%;
 max-width: 1000px;
 max-height:80px;
}


/*
Any styles defined in that block will only apply to user using a device with a minimum screen size of 1440 pixels. 
*/

@media only screen and (max-width: 1000px) {

	#container {
	 margin: 0 auto;
	 width: 100%;
	}

	#topp img{
	 width: 100%;
	}

	#foot img{
	 width: 100%;
	}

}


@media only screen and (min-width: 1000px) {

	#container {
	 margin: 0 auto;
	 max-width: 630px;
	 max-height:700px;
	}

	#topp img{
	 width: 100%;
	 max-width: 1000px;
	 max-height:150px;
	}

	#foot img{
	 width: 100%;
	 max-width: 1000px;
	 max-height:80px;
	}

}




@media only screen and (min-width: 1250px) {

	#container {
	 margin: 0 auto;
	 max-width: 670px;
	 max-height:700px;
	}

	#topp img{
	 width: 100%;
	 max-width: 1000px;
	 max-height:150px;
	}

	#foot img{
	 width: 100%;
	 max-width: 1000px;
	 max-height:80px;
	}

}


@media only screen and (min-width: 1400px) {

	#container {
	 margin: 0 auto;
	 max-width: 720px;
	 max-height:700px;
	}

	#topp img{
	 width: 100%;
	 max-width: 1000px;
	 max-height:150px;
	}

	#foot img{
	 width: 100%;
	 max-width: 1000px;
	 max-height:80px;
	}

}

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

	#container {
	 margin: 0 auto;
	 max-width: 760px;
	 max-height:700px;
	}

	#topp img{
	 width: 100%;
	 max-width: 1000px;
	 max-height:150px;
	}

	#foot img{
	 width: 100%;
	 max-width: 1000px;
	 max-height:80px;
	}

}

@media only screen and (min-width: 1800px) {

	#container {
	 margin: 0 auto;
	 max-width: 1000px;
	 max-height:700px;
	}

	#topp img{
	 width: 100%;
	 max-width: 1000px;
	 max-height:150px;
	}

	#foot img{
	 width: 100%;
	 max-width: 1000px;
	 max-height:80px;
	}

}