html, body {background: #222222;}
        body {padding: 0; margin: 0!important; font-family:'NovecentowideUltraLightBold', Arial, sans-serif;}
        #preloader {
            position:fixed;
            top:0;
            left:0;
            right:0;
            bottom:0;
            background-color:#000000;
            z-index:99999;
                width: 100%;
            height: 100%;
        }
        
        #status {
            width:60px;
            height:60px;
            position:absolute;
            left:50%;
            top:50%; 
            background-image:url(../images/status.gif); 
            background-repeat:no-repeat;            
            background-size:60px;
            background-position:center;
            margin:-30px 0 0 -30px;
        }

        
        h1 {
        	position: relative;
        	margin: 0px;
        	font-size: 36px;
        	font-weight: normal;
        	text-transform:uppercase;
			line-height: 1;
			padding: 0;
			font-family:'NovecentowideUltraLightBold', Arial, sans-serif;
        }
        h2 {
        	position: relative;
        	font-size: 22px;
        	font-weight: normal;
        	color: #fff;
			line-height: 1;
			padding: 0;
			margin: 0px;
			font-family:'NovecentowideUltraLightBold', Arial, sans-serif;
        }
        h3 {
        	position: relative;
        	font-size: 20px;
        	font-weight: normal;
        	color: #fff;
			padding: 0;
			margin: 0px;
			line-height: 1;
			font-family: 'NovecentowideUltraLightBold', Arial, sans-serif;
       }

        p {position: relative; line-height: 1.8; font-size: 15px; font-weight: normal; font-family:'AmbleRegular', Arial, sans-serif;}
        #content4 ul {padding: 0px 0px 0px 18px;}
        .clickHere {font-family: 'NovecentowideUltraLightBold', Arial, sans-serif;}
        #content4 li {position: relative; line-height: 1.95; font-size: 14px; padding-bottom: 8px; font-weight: normal; font-family:'AmbleRegular', Arial, sans-serif}
		
        a, a:visited, a:hover, a:active {text-decoration: none; text-decoration: none; outline: 0; border: 0;}   
            
     
        #homeSlider {
          font-weight: bold;
          width: 100%;
            height: 100%;
                    overflow: hidden;
        }
        #homeSlider .rsThumbsHor {
          height: 44px;
          padding: 0;
        }
        .rsDefaultInv,
        .rsDefaultInv .rsOverflow,
        .rsDefaultInv .rsSlide,
        .rsDefaultInv .rsVideoFrameHolder,
        .rsDefaultInv .rsThumbs {
          background: #000;
        }

        #homeSlider .example-link {
          padding: 5px 12px 6px;
          color: #FFF;
          background: #999;
          position: absolute;
          color: #222;
          right: 12px;
          bottom: 12px;
          text-decoration: none;
          font-weight: normal;
        }
        #homeSlider > .rsContent {
          height: auto;
        }
        
        #homeSlider .example-link:hover {
          text-decoration: none;
          background: #222;
          color: #FFF;
        }
        .rsWebkit3d .example-link {
          -webkit-backface-visibility: hidden;
          -webkit-transform: translateZ(0);
        }
        #homeSlider .rsThumb {
            font-size: 12px;
            width: 910px;
            height: 44px;
            cursor: pointer;
        }
        #homeSlider .rsTmb {
            text-align: center;
            line-height:44px;
            font-weight: normal;
            text-transform: uppercase;
        }
        #homeSlider .rsThumb i {
            font-style: normal;
            white-space:nowrap;
        }
        
      
            .floating-content {
                background: rgba(0,0,0,0.7); 
                padding: 15px; 
                position: absolute;
            z-index: 9;
            top: 22%;
            right: 0;
            width: 65%;
            color: #fff;
                font-weight: normal
            }
             .floating-content h3 {color: #fff}
                 .floating-content p {color: #fff}


            .cn-nav a.cn-nav-prev span{
            background: #fff;    
            width: 30px;
            height: 30px;
              margin: -15px 0 0 -15px;
            }
            .cn-nav a.cn-nav-next span{
            background: #fff;    
            width: 30px;
            height: 30px;
              margin: -15px 0 0 -15px;
            }    
			
            .cn-nav a.cn-nav-row3 span{
            /* background: #8d5584 url(../images/row.png) no-repeat center center; */
            }   
            .cn-nav a.cn-nav-row2 span{
            /* background: #8d5584 url(../images/row.png) no-repeat center center; */
            }
            .cn-nav a.cn-nav-row1 span{
			backgrond: none;
            }
            
            #rowSeg1 a{margin-top: 20px}
                    
        	.dot {
                position: absolute;
                height: 60px;
        		width: 60px;
        		top: 15px;
        		left: 14px;
        		z-index: 0;
        		opacity: 1;
        		border: 8px solid #8d5584;
        			background: url(../images/background.png) no-repeat;
        		-webkit-border-radius: 60px;
        		-moz-border-radius: 60px;
        		border-radius: 60px;
        	}
        
            .cn-nav > a{
            position: absolute;
            top: 0px;
            height: 70px;
            width: 70px;
            }
            a.cn-nav-prev{
            left: 19px;
            top: -30px;
            
            }    
            a.cn-nav-row1, a.cn-nav-row2, a.cn-nav-row3{
            left: 19px;
            top: 30px;
            }
        
            a.cn-nav-row1 p, a.cn-nav-row2 p, a.cn-nav-row3 p {
            left: -15px;
            top: 90px;
            width: 100px;
            text-align: center;
            color: #ffffff;
            font-size: 14px;
            opacity: .9;
            line-height: 1;
            text-decoration:none;
            white-space:nowrap;
            }
            
            a.cn-nav-next{
            right: 19px;
            top: -30px;
            }
            .cn-nav a span{
            width: 70px;
            height: 70px;
            display: block;
            text-indent: -9000px;
            -moz-border-radius: 35px;
            -webkit-border-radius: 35px;
            border-radius: 35px;
            cursor: pointer;
            opacity: 0.9;
            position: absolute;
            top: 50%;
            left: 50%;
            background-size: 17px 25px;
            margin: 0;
        } 
          
        
        .cn-nav a div{
            width: 0px;
            height: 0px;
            position: absolute;
            top: 50%;
            left: 50%;
            overflow: hidden;
            background-size: 100% 100%;
            background-position: center center;
            background-repeat: no-repeat;
            margin: 0px;
       // border: 2px solid #fff;
        }
		
		.cn-nav a div .inside-pop1 { color: #fff; text-decoration: none; position: absolute; top: 60px; left: 40px; width: 160px;}
		.cn-nav a div .inside-pop2 { color: #fff; text-decoration: none; position: absolute; top: 60px; left: 40px; width: 160px;}
		.cn-nav a div .inside-pop3 { color: #fff; text-decoration: none; position: absolute; top: 60px; left: 40px; width: 160px;}
				
		.main-menu { 
		width:300px;
		height: 225px;
		background: url(../images/left-menu.png) 0 0 no-repeat;
		position: absolute;
		top: -15px;
		left: 0;
		z-index: 99;
		display: block
		}
		
		.main-menu li {list-style-type: none;
		font-size: 20px;
		margin: 0;
		line-height: 30px;
		display: block;
		color: #ccc;
		cursor: pointer;
		}
		
		.main-menu li:hover {
		color: #ffffff;
		}
		
		#stage1 {position: absolute; top: 30px; left: 25px;  padding-left: 15px;  background: url(../images/underline.png) bottom left no-repeat;}
		
		#stage2 {position: absolute; top: 90px; left: 35px; padding-left: 20px; background: url(../images/underline.png) bottom left no-repeat;}
		
		#stage3 {position: absolute; top: 150px; left: 15px;  padding-left: 25px;  background: url(../images/underline.png) bottom left no-repeat;}

/***************
*
*  1. Arrows
*
****************/

.rsDefaultInv .rsArrow {
z-index: 20;
height: 32px;
width: 210px;
line-height: 32px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 22;
}

.rsDefaultInv.rsHor .rsArrowLeft { 
left: 26px; bottom: 11px;
text-align: center;
color: #bababa;
text-decoration: none;
}
 
.rsDefaultInv.rsHor .rsArrowRight { 
right: 11px; bottom: 11px; 
text-align: center;
color: #bababa;
text-decoration: none;
}
.rsDefaultInv.rsHor .rsArrowRight:hover { 
color: white
}
.rsDefaultInv.rsHor .rsArrowRight:hover .rsArrowIcn {background-color: rgba(30,30,30,1); }
.rsDefaultInv.rsHor .rsArrowLeft:hover { 
color: white
}
.rsDefaultInv.rsHor .rsArrowLeft:hover .rsArrowIcn {background-color: rgba(30,30,30,1); }
        
	.rsDefaultInv .rsArrow { z-index:999; }
		
.rsDefaultInv .rsArrowIcn {		
	width: 32px;
	height: 32px;
	margin-top:-16px;	
	margin-left: -16px;

	position: absolute;	
	cursor: pointer;	
	background: url('../images/rs-default.png');

	background-color: #FFF;
	background-color: rgba(0,0,0, .75);
	*background-color: #FFF;
	
	border-radius: 0px;
}

.rsArrowRight .rsArrowIcn {		
	bottom: 0;
	right:0;
}	

.rsArrowLeft .rsArrowIcn {		
	bottom: 0;
	left: 0;
}	

.rsDefaultInv .rsArrowIcn:hover {
	background-color: rgba(0,0,0,0.9);
}

.rsDefaultInv.rsHor .rsArrowLeft .rsArrowIcn { background-position: -64px -32px; }
.rsDefaultInv.rsHor .rsArrowRight .rsArrowIcn { background-position: -64px -64px; }

.rsDefaultInv.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px; }
.rsDefaultInv.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px; }

.rsDefaultInv .rsArrowDisabled .rsArrowIcn { filter: alpha(opacity=20); opacity: .2; *display: none; }


/***************
*
*  8. Global caption
*
****************/
.rsDefaultInv .rsGCaption {
position: absolute;
float: none;
bottom: 6px;
left: 6px;
height: 25px;
line-height: 25px;
background: #000;
background: rgba(0,0,0, 0.65);
width: 97%!important;
color: #fff;
padding: 8px;
width: auto;
font-size: 20px;
text-align: center;
z-index: 20;
}

#content1 {background: rgba(0,0,0,0.6); padding: 20px; margin: 0; height: 0px; width: 290px; position: absolute; z-index: 2; left: 20px; top: 20px; color: #fff; overflow: hidden; opacity: 0;  border-bottom: 1px solid #8d5584; border-top: 1px solid #8d5584}

#content2 {background: rgba(0,0,0,0.6); padding: 20px; margin: 0; height: 0px; width: 280px; position: absolute; z-index: 2;  left: 20px; top: 20px; color: #fff; overflow: hidden; opacity: 0;  border-bottom: 1px solid #8d5584; border-top: 1px solid #8d5584}

/*
@media screen and (min-width: 1900px) and (max-width: 3000px){
                #row1 { left: 63%!important; top: 53%!important; } #row3 { left: 45%!important; top: 47%!important; } #row2 { left: 30%!important; top: 61%!important; }
    }*/
        
#row1 {    
position:absolute;
left: 52%;
top: 45%;
max-width: 10%;
z-index: 5;
opacity: 1; 
}

#row2 {   
position:absolute;
left: 76%;
top: 15%;
max-width: 10%;
z-index: 5;
opacity: 1; 
}


#row3 {    
position:absolute;
left: 30%;
top: 61%;
max-width: 10%; 
z-index: 5;
opacity: 1; 
}

 
#counter {
    display: block;
}    

    @media only screen 
    and (min-device-width : 300px) 
    and (max-device-width : 767px)  { 
     .clickHere {display: none;}
    }
    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px)  { 
     .clickHere {display: none;}
    }