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: #4790ac url(../images/row.png) no-repeat center center; */
    }   
    .cn-nav a.cn-nav-row2 span{
    /* background: #4790ac 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 #4790ac;
	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 { 
    padding: 0;
margin: 0;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 99;
    display: block
    }
    
    .main-menu li {list-style-type: none;
    font-size: 20px;
    margin: 0px 0px 10px 0px;
    line-height: 20px;
    display: block;
    color: #ccc;
    cursor: pointer;
    }
    
    .main-menu li:hover {
   opacity: .8
    }
        
            .main-menu li i {color: #4790ac; font-size: 18px;}
    
    #stage1 {padding-left: 0px;
  /*     background: url(../images/DetailMenu-LeftF8991D.png) left center no-repeat;                                           url(../images/DetailMenu-RightF8991D.png) right center no-repeat;*/
    }
   
    #stage2 {padding-left: 0px;
     /*   background: url(../images/DetailMenu-LeftF8991D.png) left center no-repeat;                                            url(../images/DetailMenu-RightF8991D.png) right center no-repeat;*/
    }    
    #stage3 {padding-left: 0px;
       /*      background: url(../images/DetailMenu-LeftF8991D.png) left center no-repeat;
          url(../images/DetailMenu-RightF8991D.png) right center no-repeat;*/
    }
    
    #stage4 {padding-left: 0px;
          /*   background: url(../images/DetailMenu-LeftF8991D.png) left center no-repeat;                                      url(../images/DetailMenu-RightF8991D.png) right center 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.7); padding: 20px; margin: 0; height: 0; width: 235px; position: absolute; z-index: 2; right: 20px; top: 20px; color: #fff; overflow: hidden; opacity: 0; overflow: hidden; border-top: 1px solid #4790ac; border-bottom: 1px solid #4790ac;}
    
#content2 { background: rgba(0,0,0,0.7); padding: 20px; margin: 0; height: 0; width: 330px; position: absolute; z-index: 2;  left: 20px; bottom: 60px; color: #fff; overflow: hidden; opacity: 0; overflow: hidden;  border-top: 1px solid #4790ac; border-bottom: 1px solid #4790ac;}

    
#row1 {    
position:absolute;
left: 47%;
top: 46%;
max-width: 10%;
z-index: 5;
opacity: 0; 
display: none
}

#row2 {   
position:absolute;
right: 50%;
top: 55%;
max-width: 10%;
z-index: 5;
opacity: 0; 
display: none
}
    
    
    #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;}
    }