#mainPageCon 
{
    position:relative;
	width:994px;
	height:376px;
}
#backCon {
	position: absolute;
	z-index: 1;
	width:418px;
	height:376px;
}
#frontCon {
	position: absolute;
	z-index: 2;
	width:418px;
	height:376px;
}

/*****/
#mainPageBanners 
{
    
}
#mainPageBanners .item img {
    display: block;
    width: 100%;
    height: auto;
}
#mainPageBanners .bannerTitCon {
    position:absolute;
    bottom:20px;
    color:white;
    width:100%;
    font-size:12px;
}
#mainPageBanners .bannerTit {
    text-align:center;
}
/****/
.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
}
.owl-theme .owl-controls .owl-buttons .owl-prev, 
.owl-theme .owl-controls .owl-buttons .owl-next {
    top: 50%;
    height:45px;
    width:40px;
    margin-top:-22px;
    background:url('../owl-carousel/buttons.png');
}
.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 0px;
    background-position:0 0;
}
.owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0px;
    background-position:0 45px;
}
.owl-theme .owl-controls  {
    display:none !important;
}
.owl-theme:hover .owl-controls {
	display:block !important;
}
/* Move pagination over carousel. */
.owl-theme .owl-controls .owl-pagination
{
    position:relative;
    top:-20px;
    margin-top:-32px;
}
/****/
.controllers
{
    height:30px; /* for centering indicators. */
}
.carousel-indicators
{
    bottom:0; /* for centering indicators. */
}
.controllers .carousel-control
{    
    /* Anchor have 1px height when bottom is 0 and its background-color is shown. Set height to 0 or bottom to >0px to fix it.*/
    height:0;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right
{
    margin-top:0px; /* icons have margin-top: 15px. */
}
.carousel-indicators li 
{
    margin:0 4px;
}
.carousel-inner>.item>img {
  visibility:hidden;
}
/****/