@charset "utf-8";
/* CSS Document */

@font-face {  
  font-family:ALEX__;  
  src:url(../fonts/font/AlexBrush-Regular.ttf),  
  local("ALEX__"),  
 url(../fonts/font/AlexBrush-Regular.ttf); 
}

@font-face {  
  font-family:AlexBrush-Regular;  
  src:url(../fonts/font/AlexBrush-Regular.ttf),  
  local("AlexBrush-Regular"),  
 url(../fonts/font/AlexBrush-Regular.ttf); 
}
@font-face {  
  font-family:Arimo-BoldItalic-Latin_0;  
  src:url(../fonts/font/Arimo-BoldItalic-Latin_0.ttf),  
  local("Arimo-BoldItalic-Latin_0"),  
 url(../fonts/font/Arimo-BoldItalic-Latin_0.ttf);
}
@font-face {  
  font-family:Arimo-Bold-Latin_0;  
  src:url(../fonts/font/Arimo-Bold-Latin_0.ttf),  
  local("Arimo-Bold-Latin_0"),  
 url(../fonts/font/Arimo-Bold-Latin_0.ttf);
}
@font-face {  
  font-family:Arimo-Italic-Latin_0;  
  src:url(../fonts/font/Arimo-Italic-Latin_0.ttf),  
  local("Arimo-Italic-Latin_0"),  
 url(../fonts/font/Arimo-Italic-Latin_0.ttf);
}
@font-face {  
  font-family:Arimo-Regular-Latin_0;  
  src:url(../fonts/font/Arimo-Regular-Latin_0.ttf),  
  local("Arimo-Regular-Latin_0"),  
 url(../fonts/font/Arimo-Regular-Latin_0.ttf);
}
@font-face {  
  font-family:FrutigerLTStd-BlackCn_0;  
  src:url(../fonts/font/FrutigerLTStd-BlackCn_0.otf),  
  local("FrutigerLTStd-BlackCn_0"),  
 url(../fonts/font/FrutigerLTStd-BlackCn_0.otf);
}
@font-face {  
  font-family:FrutigerLTStd-BlackItalic;  
  src:url(../fonts/font/FrutigerLTStd-BlackItalic.otf),  
  local("FrutigerLTStd-BlackItalic"),  
 url(../fonts/font/FrutigerLTStd-BlackItalic.otf);
}
@font-face {  
  font-family:FrutigerLTStd-BoldCn_0;  
  src:url(../fonts/font/FrutigerLTStd-BoldCn_0.otf),  
  local("FrutigerLTStd-BoldCn_0"),  
 url(../fonts/font/FrutigerLTStd-BoldCn_0.otf);
}
@font-face {  
  font-family:FrutigerLTStd-BoldItalic;  
  src:url(../fonts/font/FrutigerLTStd-BoldItalic.otf),  
  local("FrutigerLTStd-BoldItalic"),  
 url(../fonts/font/FrutigerLTStd-BoldItalic.otf);
}
/*=======================================================*/
body{
	font-family:FrutigerLTStd-BoldCn_0;
	font-size:15px;
}

.top-bg{
	position:relative;
}
.heading{
	background-color: #F5ABF5;
    margin-top: -90px;
    height: 89px;
    opacity: 0.85;
    position: relative;
    text-align: center;
    width: 100%;
}

.heading h1{
	color: #803681;
    font-size: 35px;
    position: relative;
    top: 8px;
	font-family:FrutigerLTStd-BoldCn_0;
	
}
.heading-2{
	background-color: #F5ABF5;
    margin-top: -90px;
    height:100px;
    opacity:1;
    position: relative;
    text-align: center;
    width: 100%;
}
.heading-2 h1{
	color: #620063;
    font-family: FrutigerLTStd-BlackCn_0;
    font-size: 30px;
    margin: 9px 0 0;
}
.heading-2 p{
	color: #FFFFFF;
    font-family: FrutigerLTStd-BlackCn_0;
    font-size: 18px;
	margin:0;
    word-spacing: 3px;
}
.heading-2 a{
	color: #D10013;
    font-family: FrutigerLTStd-BlackCn_0;
    font-size: 23px;
    position: relative;
    text-decoration: none;
    top: -3px;
	transition:ease-in-out 0.5s;
}
.heading-2 a:hover{
	color:#620063;
	transition:ease-in-out 0.5s;
}
.row div.col-lg-11 p{
	margin-top:20px;
	margin-left:130px;
}

.frequent-bg{
	max-width:907px;
	min-height:280px;
	background:#E5062B;
	border-radius:10px;
	text-align:center;
	margin-top:50px;
}
.frequent-update{
	 background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 9px 0 #666666;
    height: 60px;
    margin-bottom:40px;
    margin-top: -20px;
    max-height: 502px;
}

.frequent-update h1{
	color: #781779;
    font-family: FrutigerLTStd-BlackCn_0;
    font-size: 39px;
    margin: 0;
    position: relative;
    top: 12px;
}
.frequent-bg p{
	font-family:FrutigerLTStd-BoldCn_0;
	color:#FFF;
	font-size:24px;
	padding-left:30px;
	padding-right:30px;
}
.frequent-bg h2{
	font-family:FrutigerLTStd-BoldCn_0;
	color:#000;
	font-size:30px;
	padding-left:30px;
	padding-right:30px;
}
.box-2 .frequent-update h1{
	color: #781779;
    font-family: FrutigerLTStd-BlackCn_0;
    font-size: 30px;
    margin: 0;
    position: relative;
    top: 12px;
}
.box-2 .frequent-bg p{
	font-family:FrutigerLTStd-BoldCn_0;
	color:#FFF;
	font-size:16px;
	padding-left:30px;
	padding-right:30px;
}
.box-2 .frequent-bg h2{
	font-family:FrutigerLTStd-BoldCn_0;
	color:#000;
	font-size:30px;
	padding-left:30px;
	padding-right:30px;
}
.enter-here h1{
	font-family:FrutigerLTStd-BoldCn_0;
	font-size:47px;
	color:#FC019D;
}
.enter-here a{
	font-family:FrutigerLTStd-BoldCn_0;
	font-size:54px;
	color:#8639AC;
	transition:ease-in-out 0.5s;
}
.enter-here a:hover{
	text-decoration:none;
	color:#000;
	transition:ease-in-out 0.5s;
}
.enter-here h1 a img{
	 margin: -10px 0 0;
}
.exit-here h1{
	font-size:33px;
	color:#754E66;
	font-family:FrutigerLTStd-BoldCn_0;
}
.exit-here a{
	font-family:FrutigerLTStd-BoldCn_0;
	font-size:33px;
	color:#BE4590;
	transition:ease-in-out 0.5s;
}
.exit-here a:hover{
	text-decoration:none;
	color:#000;
	transition:ease-in-out 0.5s;
}
footer{
	text-align:center;
	background:#F4CBE4;
	min-height:50px;
	font-size:15px;
	font-family:FrutigerLTStd-BlackCn_0;
	color:#FC019D;
}
footer p{
	margin-top:20px;
}

footer ul {
    list-style-type: none;
    margin-bottom: 5px;
    margin-top: 25px;
    overflow: hidden;
}
footer li {
    margin-right: 25px;
	display:inline-block
}

footer a {
    color: #000000;
    font-size: 17px;
	font-family:Arial !important;
}
footer a {
    font-weight: bold;
    transition: all 0.2s linear 0s;
}
footer a:hover {
    color: #333333;
    text-decoration: none;
}
/*---------------------------------------------------------------------------*/
/****
Images by 
Bryan Moats, Mike Dornseif, Griffin Moore, Andrea Austoni, Jack Hughes, Jeremy Fryc
****/

body { background-color: #eee; }

.collage {
  left: 451px;
    position: relative;
    top: -270px;
    width: 43%;
}

    .collage a {
        position: absolute;
       /* max-width: 220px;*/
        padding:5px;
		border-radius:5px;
		margin-left:40px;
        background-color:rgb(255,255,255);
    
            transform:rotate(25deg);
        -ms-transform:rotate(25deg); 
        -moz-transform:rotate(25deg);
        -webkit-transform:rotate(25deg);
        -o-transform:rotate(25deg);
	
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;
				
				/*** Fix for Webkit to resolve the flickering issue
	           Suggested by erikhatfield ***/
				-webkit-transform-style: preserve-3d;
    
        -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
        -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
        box-shadow:1px 1px 3px rgba(0,0,0,0.2);
       
    }

    .collage a:nth-child(2) {
         transform:rotate(-21deg);
        -ms-transform:rotate(-21deg); 
        -moz-transform:rotate(-21deg);
        -webkit-transform:rotate(-21deg);
        -o-transform:rotate(-21deg);
          margin-left: 32%;
    }

    .collage a:nth-child(3) {
            transform:rotate(-6deg);
        -ms-transform:rotate(-6deg); 
        -moz-transform:rotate(-6deg);
        -webkit-transform:rotate(-6deg);
        -o-transform:rotate(-6deg);
        margin-left: 65%;
    }
       
        .collage a:hover { 
            z-index: 999;
                transform:rotate(0deg);
            -ms-transform:rotate(0deg); 
            -moz-transform:rotate(0deg);
            -webkit-transform:rotate(0deg);
            -o-transform:rotate(0deg);
            
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            -ms-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }


/*--------------------------------------------------------------------------------*/
.center-bg{
	width:100%;
	min-height:882px;
	background-image:url(../img/design4-contant-bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.day-trail-bg{
	max-width:907px;
	min-height:304px;
	background:rgba(0, 0, 0, 0.4);
	border-radius:10px;
	text-align:center;
	margin-top:50px;
	border:2px solid #8C8481;
}
.day-trail{
	 background:url(../img/day-trail.png) repeat-x;
    border-radius: 10px 10px 10px 10px;
	border:2px solid #803681;
    height: 70px;
    margin-bottom: 40px;
    margin-top: -35px;
    max-height: 502px;
}

.day-trail h1{
	color: #FFF;
    font-family: FrutigerLTStd-BoldCn_0;
    font-size: 39px;
    margin: 0;
    position: relative;
    top: 12px;
}
.chart {
    background: url("../img/chart.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 3px solid #803681;
    border-radius: 15px 15px 15px 15px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 270px;
    min-height: 275px;
}
.chart h1{
	color: #FFF;
    font-family: FrutigerLTStd-BoldCn_0;
    font-size: 39px;	
}
.chart p{
	color:#FFA800;
    font-family: FrutigerLTStd-BoldCn_0;
    font-size: 25px;	
}
.chartp{
	font-size: 18px !important;
    margin: 0 !important;
    position: relative !important;
    top: -15px;
}
.top-0{top:0 !important;}
.join-now-btn{
	 background: #AC0386;
    border: 2px solid #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: FrutigerLTStd-BoldCn_0;
    font-size: 30px;
    padding: 5px 19px;
    position: relative;
    text-decoration: none;
    top: 25px;
	transition:ease-in-out 0.5s;
}
.join-now-btn:hover{
	transition:ease-in-out 0.5s;
	color:#AC0386;
	background: #FFF;
	text-decoration:none;
	border-color:#000;
}
.top-wrapper{
	height:290px;
	width:100%;
	background:#284568;
}
.box-1{
	background:url(../img/col-1-bg.jpg) repeat;
	width:100%;
}
.box-1 div.container div.row div.col-md-8 div.frequent-bg{
	margin-top:-30px;
}
.box-2{
	background:url(../img/box-2.png) repeat;
	width:100%;
	min-height:400px;
}
.box-2-inner{
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
}
.box-2 h1{
	font-family:FrutigerLTStd-BoldCn_0;
	font-size:28px;
	color:#FFF;
}
.box-2 h2{
	 color: #FFFFFF;
    font-family: AlexBrush-Regular;
    font-size: 54px;
    margin: 8px 0 0;
}
.box-2 p{
	font-size:15px;
	color:#FFF;
	font-family:Arial;
	margin-left:6px;
}
.img-border{
	border:3px solid #FFF;
	border-radius:5px;
}
.btn-default{
	color:#803681;
	margin-left:6px;
	padding: 7px 18px;
}
.main-bg{
	background:#000;
	background:url(../img/main-bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	min-height:1255px;
	
}

.box-3-inner{
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	text-align:center;
}
.box-3-inner h1{
	font-family:FrutigerLTStd-BoldCn_0;
	font-size:38px;
	color:#FFF;
}

.box-4-inner{
	 background: none repeat scroll 0 0 #A90B15;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    max-width: 1015px;
    padding-bottom: 40px;
    position: relative;
    text-align: center;
    z-index: 10;
}
.box-4-inner h1{
	font-family:FrutigerLTStd-BoldCn_0;
	font-size:48px;
	color:#FFF;
}
.box-4-inner h2{
	color: #FFFFFF;
    font-family: FrutigerLTStd-BoldCn_0;
    font-size: 23px;
    margin: 0;
    text-align: start;
}
.box-4-inner p{
	color: #FFFFFF;
    float: left;
    font-family: FrutigerLTStd-BoldCn_0;
    font-size: 18px;
    margin: 7px 0 0;
    text-align: start;
}

.join-now-btn-2{
	background: url("../img/join-now-btn-2.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 2px solid #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: FrutigerLTStd-BoldCn_0;
    font-size: 30px;
    padding: 5px 19px;
    text-decoration: none;
}
.join-now-btn-2:hover{
	 background:url(../img/join-now-btn-2%20-hover.png) repeat-x;
	text-decoration:none;
	color:#FFF;
}
.margin-bootam-10{ margin-bottom:10px;}
.margin-bootam-30{ margin-bottom:30px;}
.margin-top-30{ margin-top:30px;}

.flower{ background: url("../img/fl-1.png") no-repeat scroll 243px 17px, url("../img/fl-2.png") no-repeat scroll 1167px 8px rgba(0, 0, 0, 0);
    height: 120px;
    position: relative;
    top: 84px;
    z-index: 10;
}
/*-----------------------------------------------------------------*/
.view {
   width:97%;
   height:auto;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.view .mask, .view .content {
   width:100%;
   height:100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view a.info {
   background:url(../img/link.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:20px;
   height:20px;
}
.fourth-effect .mask {
	 background:url(../img/video-icon.png) no-repeat scroll center top 50% rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    height: 100%;
    position: absolute;
    visibility: visible;
    width: 100%;
	
}
/*.fourth-effect:hover .mask {
 background:url(../img/play_icon--hover.jpg) no-repeat scroll center top 50% rgba(0, 0, 0, 0.3);
}*/
html body div.container div.row ul.thumbnails{
	text-decoration:none;
	list-style-type:none;
}
.thumbnail{
	margin-top:10px;
}
.thumbnail {
    background-color: #FFFFFF;
    border-radius: 5px;
    display: block;
    height: auto;
    line-height: 1.42857;
    max-width: 100%;
    padding: 4px;
    transition: all 0.2s ease-in-out 0s;
}

#player{
	display:block;
}
.mplayer{
	display:none;
}
/*--------------------------------------------------------------*/
@media (max-width: 990px) {
	.row div.col-lg-11 p{
	margin-top:auto;
	margin-left:auto;
}
.heading div.container h1{
    font-size:20px;
}

.heading{ margin-top:0;}
.heading-2{ margin-top:0;}
.frequent-update{ margin-top:0;}
.box-2 .frequent-update{ margin-top:0;}
.col-md-4{
	width:100%;
	float:left;
}

@media (max-width: 778px) {
.frequent-update h1 {
    font-size:30px;
}
.box-2 .frequent-update h1 {
    font-size:30px;
}	
.day-trail h1{
    font-size: 30px;
}

.heading-2 h1{	
    font-size: 20px;
}
.heading-2 p{
    font-size: 14px;	
}
.heading-2 a{
    font-size: 15px;
}
.col-md-4{
	width:100%;
	float:left;
}
.row{
	margin-right: 0px;
	margin-left: 0px;
}
#player{
	display:none;
}
.mplayer{
	display:block;
}
}