/******************************************


***          YT Framework: CSS          ***


*******************************************/


/****** Override *****/


a,


a:focus,


select,


select:focus,


button,


button:focus,


.btn,


.btn:focus{


	outline:none;


}


a.btn{


	padding:4px 10px;


}


h1, h2, h3, h4, h5, h6{


	font-weight:normal;


}


@media (min-width: 1200px) {


  .row {


    margin-left: -20px;


  }


  [class*="span"] {


    float: left;


    margin-left: 20px;


  }


  .container,


  .navbar-static-top .container,


  .navbar-fixed-top .container,


  .navbar-fixed-bottom .container {


    width: 1180px;


  }


  .span12 {


    width: 1180px;


  }


  .span11 {


    width: 1080px;


  }


  .span10 {


    width: 980px;


  }


  .span9 {


    width: 880px;


  }


  .span8 {


    width: 780px;


  }


  .span7 {


    width: 680px;


  }


  .span6 {


    width: 580px;


  }


  .span5 {


    width: 480px;


  }


  .span4 {


    width: 380px;


  }


  .span3 {


    width: 280px;


  }


  .span2 {


    width: 180px;


  }


  .span1 {


    width: 80px;


  }


  .offset12 {


    margin-left: 1220px;


  }


  .offset11 {


    margin-left: 1120px;


  }


  .offset10 {


    margin-left: 1020px;


  }


  .offset9 {


    margin-left: 920px;


  }


  .offset8 {


    margin-left: 820px;


  }


  .offset7 {


    margin-left: 720px;


  }


  .offset6 {


    margin-left: 620px;


  }


  .offset5 {


    margin-left: 520px;


  }


  .offset4 {


    margin-left: 420px;


  }


  .offset3 {


    margin-left: 320px;


  }


  .offset2 {


    margin-left: 220px;


  }


  .offset1 {


    margin-left: 120px;


  }


}





/****** Difine *****/


@media (min-width: 1200px) {


	.span2d4{


		width:220px;


	}


	.span4d8{


		width:460px;


	}


	.span7d2{


		width:700px;


	}


	.span9d6{


		width:940px;


	}


	.offset2d4{


		margin-left:260px;


	}


	.offset-7d2{


		margin-left:-740px;


	}


	.offset-9d6{


		margin-left:-940px;


	}


	.nogroup-right .offset-9d6,


	.offset-12{


		margin-left:-1180px;


	}


	/*.nogroup-right .offset-9d6{


		margin-left:-1180px


	}*/


	


	


	/*.content.layout-lmr.nogroup-left .span7d2,


	.content.layout-lmr.nogroup-right .span7d2,


	.span9d6{


		width:940px;


	}*/


	/*.content.layout-lmr.nogroup-right.nogroup-left .span7d2{


		width:1180px;


	}*/


	.row-fluid .span2d4 {


		width: 17.94871794871793%;  /* 2.4*8.54700854700854-2.564102564102564 */


	}


	.row-fluid .span4d8 {


		width: 38.46153846153843%;  /* 4.8*8.54700854700854-2.564102564102564 */


	}


	.row-fluid .span7d2 {


		width: 58.97435897435892%;  /* 7.2*8.54700854700854-2.564102564102564 */


	}


}


/* Normal(>980) && Tablet landscape (1024x768) */


@media (min-width: 980px) and (max-width: 1199px){


	.span3d1 {


		width: 180px;


	}


	.span3d2 {


		width: 260px;


	}


	.span2d4{


		width:172px;


	}


	.span4d8{


		width:364px;


	}


	.span7d2{


		width:556px;


	}


	.span9d6{


		width:728px;


	}


	.offset2d4{


		margin-left:232px;


	}


	.offset-7d2{


		margin-left:-728px;


	}


	.offset-9 {


		margin-left: -700px;


	}


	.offset-12 {


		margin-left: -940px;


	}


	.row-fluid .span2d4 {


		width: 17.94871794871793%;  /* 2.4*8.54700854700854-2.564102564102564 */


	}


	.row-fluid .span4d8 {


		width: 38.46153846153843%;  /* 4.8*8.54700854700854-2.564102564102564 */


	}


	.row-fluid .span7d2 {


		width: 58.97435897435892%;  /* 7.2*8.54700854700854-2.564102564102564 */


	}


	#content_right .row > div{





	}


	#content_right .row  > div > div{





	}


	.layout-mlr #content_right .row  > div > div,


	.layout-mlr #content_right .row  > div > div,


	.layout-mlr #content_right .row  > div > div{


		float: left;


    	/*margin-left: 20px;*/


	}


	#content_right .row > div > div:first-child {


		margin-right: 20px;


	}


	#content_left .moduletable.w50 {


    margin-right: 10px;


    width: 46.5%;


	}


	#content_left .moduletable.mr0 {


    margin-right: 0px;


	}


	#content_right .moduletable.w50, #content_right .moduletable_menu.w50 {


    margin-right: 10px;


    width: 104px;


	}


	#content_right .moduletable_menu.mr0{


    margin-right: 20px;


	}


	#content_right .moduletable.bgcolor1, #content_right .moduletable.bgcolor3{


    width:48.7%;


	}


	#content_right .moduletable.bgcolor1{


	margin-right:20px;


	}


	#position-14{


		height:auto !important;


	}


}


@media (min-width: 980px) and (max-width: 1024px) {


	#yt_logoposition h1.logo a {top: 10px;}


	#yt_menuposition ul.navi{margin-top:0px;}


	#position-13 .moduletable, #position-14 .moduletable{


		border-right:none;


	}


	#position-10, #position-11, #position-12, #position-13{


		overflow:hidden;


	}


	#position-14{


		height:auto !important;


	}


}


@media (max-width: 979px){


#position-0, #nav2 {


    margin: 15px 0 0;


}


}


@media (max-width: 767px){


#yt_logoposition {


    width: 100%;


}


#yt_header h1.logo {


    float: none;


    text-align: center;


}


#yt_logoposition h1.logo a {


    margin: 0 auto;


}


#position-0, #nav2 {


    margin: 10px 0;


    text-align: center;


    width: 100%;


}


ul.yt-login-regis,


#nav2 form {


    display: inline-block;


    float: none;


    margin: 0 10px;


}





}


@media (max-width: 479px){


ul.yt-login-regis > li a {


    padding: 0 20px;


}


.item-headinfo.resorts.clear > * {


    margin: 0;


    padding: 0;


    width: 100%;


}


}


/* Tablet portrait (768x1024) && Small tablet landscape (800x600) */


@media (min-width: 768px) and (max-width: 979px) {


	.span2d4 {


		width: 122px;


	}


	.span4d8 {


		width: 268px;


	}


	.span7d2 {


		width: 412px;


	}


	.span9d6{


		width:534px;


	}


	.offset-12{


		margin-left:-724px;


	}


	.row-fluid .span2d4 {


		width: 17.79005524861876%;  /* 2.4*8.5635359116022-2.7624309392265194 */


	}


	.row-fluid .span4d8 {


		width: 38.34254143646404%;  /* 4.8*8.5635359116022-2.7624309392265194 */


	}


	.row-fluid .span7d2 {


		width: 59.09335599943328%;  /* 7.2*8.5635359116022-2.564102564102564 */


	}


	


	#content_right .row > div{


		width:auto;


	}


	#content_right .row  > div > div{


		/*width:220px;*/


		width:225px;


	}


	.layout-mlr #content_right .row  > div > div,


	.layout-mlr #content_right .row  > div > div,


	.layout-mlr #content_right .row  > div > div{


		float: left;


    	margin-left: 20px;


	}


	#content_right .row > div > div:first-child {


		margin-left: 0px;


	}


	/*ul.navi li.level1 {


		padding: 0 5px 0 8px;


		position: relative;


	}


	ul.navi li.level1.first {


		background:none;


		padding: 0 5px;


	}*/


	#yt_logoposition h1.logo a {top: 5px;}


	#yt_menuposition ul.navi{margin-top:30px;}


	


	/*Listing Content*/


	div.blog div.items-row .span6{width:100%;}


	#yt_spotlight2 .row > div#position-11{


		background:none;


	}


	div.carousel-caption {


		top: 25px;


		width: 60%;


	}


	#yt_menuposition {


    margin: 7px 0px 0px 15px;


	}


	#yt_menuposition ul.navi,


	#meganavigator{


		display:none;


	}


	#yt-mobilemenu{


		display:block;


		border:1px solid #CCC;


		margin-left:5px;


	}


	#nav2{





	}


	


	#position-d{


		margin-top:10px;


	}


	#content_right .row > div > div:first-child{


		margin-right:0px;


	}


	#content_left .moduletable.w50 {


		width: 46.5%;


	}


	#content_right .moduletable.w50, #content_right .moduletable_menu.w50  {


		width: 109px;


		margin-left:20px !important;


		margin-right:0px;


	}


	#content_right .moduletable.mr0, #content_right .moduletable_menu.mr0 {


    	margin-right: 0px;


		margin-left:10px !important;


	}


	.layout-mlr #content_right .row > div > .moduletable.bgcolor2{


		margin-left:0px;


		clear:left;


	}


	#yt_spotlight3 #position-10,  #yt_spotlight3 #position-11{


		overflow:hidden;


	}


	#yt_spotlight3 #position-11 .moduletable, #yt_spotlight3 #position-14 .moduletable{


		border-right:none;


	}


	#yt_spotlight3 #position-12:hover{


		background:none;


	}


	#position-14{


		height:auto !important;


	}


}


/* Small tablet portrait (600x800) & Mobile landscape (480x320) */


@media (max-width: 767px){


	body {


		padding:0;


	}


	.container {


	  	margin:0 auto;


		padding:0 5px;


	}


	#cpanel_btn{


		display:none;


	}


	.hidden-max676{


		display:none !important;


	}


	#yt_menuposition ul.navi,


	#meganavigator{


		display:none;


	}


	#yt-mobilemenu{


		display:block;


		border:1px solid #CCC;


		margin-left:5px;


	}


	#yt_logoposition{


		text-align:center;


	}


	#yt_logoposition h1{


		margin-top:10px;


	}


	#yt_logoposition h1.logo a {


		position:static;


	}


	#position-0, #nav2 {


	    margin: 15px 0 0;


	}


	#yt_header .container{


		position:relative;


	}


	#yt_slideshow{


		display:none;


	}


	#yt_menuposition{


		margin:7px 0 0;


		width:50%;


	}


	#position-0{


		position:absolute;


		height:32px;


		width:30%;


		right:5px;


		bottom:33px;


	}*


	/*#position-0{


		position:absolute;


		height:32px;


		width:40px;


		right:5px;


		bottom:7px;


	}*/


	#position-0 .search{


		margin:0 0;


		position:relative;


		height:32px;


		width:32px;


	}


	#position-0 .search-inner{


		background: #FFF url(../images/search-btn.png) no-repeat center center;


		border: 1px solid #CCCCCC;


    	border-radius: 5px 5px 5px 5px;


		height:28px;


		width:32px;


	}


	#position-0 form{


		margin:0 0;


	}


	#position-0 .search button{


		background-color:#FFF;


		border:1px solid #CCC;


		border-radius:5px;


		padding:4px 15px;


		display:none;


	}


	#position-0 input.search-query{


		display:none;


		width:180px;


		top:32px;


		right:0;


	}


	#position-0 .search:hover input.search-query{


		display:block;	


	}


	#yt_menuwrap{


		/*margin:25px 0 20px;*/


	}


	#yt_component .component-inner{


		padding:0 10px;


	}


	#content_main > div >  #breadcrumb > div{ margin:0 0 10px 0;}


	[class*="span"] {


		width: 100%;


		float:left;


	}


	[class*="span"] > div{


		/*margin: 5px;*/


	}


	#yt_component,


	#content_left,


	#content_right,


	#content_main{


	  	width:100%;


		margin:0 0;


	}


	#content_main > div > div{


	  	width:100%;


		margin:0 0;


	}


	#content_right > div,


	#content_right > div,


	#content_left > div,


	#content_left > div{


	 	width:auto;


	}


	


	#content_right > div > div,


	#content_right > div > div,


	#content_left > div > div,


	#content_left > div > div{


	  	float:left;


	  	margin-bottom: 20px;


	  	width:100%;


	}


	#content_right > div > div > div,


	#content_right > div > div > div,


	#content_left > div > div > div,


	#content_left > div > div > div{


	  	width: 50%;


	  	float:left;


		margin:0 0;


	}


	#content_right > div > div > div div.module-inner,


	#content_right > div > div > div div.module-inner,


	#content_left > div > div > div div.module-inner,


	#content_left > div > div > div div.module-inner{


		margin:5px;


	}


	#yt_spotlight2 .row > div{


		background:none;


	}


	#yt_spotlight .moduletable{ margin:5px !important;}


	#content_left > div > div > div,


	#content_right > div > div > div {


		margin-top:10px;


		width:47.555% !important;


		box-sizing: border-box;


		-moz-box-sizing: border-box;


		-webkit-box-sizing: border-box;		


	}


	#content_left > div > div > div:first-child,


	#content_left > div > div > div:first-child + div + div,


	#content_left > div > div > div:first-child + div + div + div + div {


		margin-right: 4.888% !important;


		margin-top: 0;	


	}


	#content_left > div > div > div{


		margin-left:20px;


	}


	#content_left .row > div > div:first-child + div + div + div + div, 


	#content_right .row > div > div:first-child + div + div + div + div,


	#content_left .row > div > div:first-child + div + div, 


	#content_right .row > div > div:first-child + div + div,


	#content_left .row > div > div:first-child, 


	#content_right .row > div > div:first-child{


    	margin-right: 4.888%;


		margin-left:0px;


	}


	#content_left .row > div > div:last-child {


		margin:0 0px 10px 0px;


	}


	#content_left > div > div .moduletable.w50{


		margin-right:10px;


		margin-left:0px;


		width:22% !important;


	}


	#content_left > div > div .moduletable.mr0{


		margin-right:0px;


		margin-left:0px;


	}


	#content_right > div > div .moduletable_menu.w50{


		margin-right:10px;


		margin-left:0px;


		width:22% !important;


	}


	#content_right > div > div .moduletable_menu.mr0{


		margin-right:0px;


		margin-left:0px;


	}


	#content_right .moduletable.bgcolor2{


		margin-left:25px;


	}


	#content_right .moduletable.bgcolor3{


		margin-left:20px;


	}


	#content_right .moduletable.bgcolor1,


	#content_right .moduletable.bgcolor3{


		width:47% !important;


	}


	#yt_spotlight2  #position-1 > div, #yt_spotlight2  #position-2 > div{


		margin-top:20px;


	}


	#yt_spotlight2  #position-1 > div, #yt_spotlight2  #position-3 > div{


		margin-right:10px;


	}


	#yt_spotlight2  #position-2 > div, #yt_spotlight2  #position-4 > div{


		margin-left:10px;


	}


	


	#yt_spotlight2  > div > div > div  > div > div{ }


	#yt_spotlight3 #position-10, 


	#yt_spotlight3 #position-11, 


	#yt_spotlight3 #position-12,


	#yt_spotlight3 #position-13{


		overflow:hidden;


	}


	#position-11 .moduletable, #position-13 .moduletable{ border-right:none;}


	#position-12 , #position-13 {


		 border-bottom:1px solid #333;


		 border-top:1px solid #333;


	}


	#position-14{/* width:100%;*/ height:auto !important;}


	#position-14  .moduletable{ border-right:none;}


	#yt_footer .group-footnav{width:100% !important;}


	#yt_footer > div > div > div > div,


	#yt_footer > div > div > div > div > div	{


		width:100%;


	}


	.row-fluid [class*="span"]:first-child  {


		margin-left: 0;


	}


	.row-fluid .span6 {


		width: 48.6188%;


		margin-left: 2.76243%;


		float: left;


	}


	.row-fluid .span4 {


		width: 31.4917%;


		margin-left: 2.76243%;


		float: left;


	}


}


/* Mobile portrait (320x480) */


@media (max-width: 479px){


	[class*="span"] {


		width: 100%;


	}


	/*#yt_component .component-inner {


		width: 93%;


	}*/


	#content_right > div > div > div,


	#content_right > div > div > div,


	#content_left > div > div > div,


	#content_left > div > div > div{


	  	width: 100% !important;


	  	float:left;


		margin:10px 0 0 0;


	}


	#content_left > div > div .moduletable.w50,


	#content_right > div > div .moduletable_menu.w50{


		width: 46.5% !important;


	}


	#content_right .moduletable.bgcolor1,


	#content_right .moduletable.bgcolor3{


		width: 100% !important;


	}


	#content_right .moduletable.bgcolor2,


	#content_right .moduletable.bgcolor3 {


		margin-left: 0px;


	}


	#yt_spotlight2 #position-1 > div, #yt_spotlight2 #position-3 > div {


   		margin-right: 0px;


	}


	#yt_spotlight2 #position-2 > div, #yt_spotlight2 #position-4 > div {


	    margin-left: 0px;


	}


	#yt_spotlight .moduletable {


    	margin: 0px !important;


	}


	#position-10 .moduletable, #position-12 .moduletable {


		border-right: none;


	}


	#position-11 .moduletable{


		border-top:1px solid #333;


	}


	#position-12{ border-bottom:none;}


	div.blog-featured div.article-info,


	div.item-page div.article-info,


	div.blog div.article-info{position: static;overflow: hidden;margin-bottom: 10px;padding: 0;}


	div.blog-featured div.article-info:after,


	div.blog div.article-info:after,


	div.item-page div.article-info:after{border: none;}


	


	.pull-left{float: none;}


	


	#yt_top > div > div > div > div{width:100%;}


	#yt_header  > div > div > div > div{width:100%;}


	


	/*#nav2{


		display:none;


	}


	#top-1{width:70%;}


	#top-2{width:30%; margin:0px;}


	#top-2 > div{ margin:0px;}


	#yt_logoposition{width:60%;}


	#yt_menuwrap{margin:0px;}


	#position-0{ width:40%; bottom:33px;}*/


	#position-b, #position-c, #position-d{ margin-top:10px;}


	#main_top > div{margin:0px 0px 10px 0px;}\


	#content_left > div > div > div , #position-1 .moduletable{margin-top:10px !important;}


	#position-7 .moduletable, #position-7 .moduletable_menu{margin-top:10px;}{margin-top:10px;}


	#yt_footer .group-footnav{width:100% !important;}


	


	.row-fluid .span6,


	.row-fluid .span4 {


		width: 100%;


		margin-left: 0;


		float: none;


	}


	#nav2 {


		text-align: center;


	}


	#nav2 ul.yt-login-regis,


	#nav2 > form {


		display: inline-block;


		margin: 0 10px;


		float: none;


	}


	#nav2 > form {


		padding: 10px 0;


	}


	#yt_logoposition {


		text-align: center;


	}


	#yt_header h1.logo {


		display: inline-block;


		float: none;


	}


	#yt-mobilemenu {


		margin: 0;


		width: 100%;


	}


	#yt-mobilemenu,


	#yt_menuposition {


		width: 100%;


	}


}


@media (max-width: 320px){


	#nav2 {


		display: none !important;


	}


}


@media (max-width: 480px){


.contact-image img {


	width: 100%;


}


}


/*** ///////////////////////////////////////////////////////////////// ***/


/* Large desktop */


@media (min-width: 1200px) {





}


/* Default */


@media (min-width: 980px) and (max-width: 1199px) {





}


/* Portrait tablet to landscape and desktop */


@media (min-width: 768px) and (max-width: 979px) {





}


 


/* Landscape phone to portrait tablet */


@media (max-width: 767px) {





}


 


/* Landscape phones and down */


@media (max-width: 480px) {


#yt_logoposition {


	width: 100%;


}


#position-0, #nav2 {


    width: 100%;


    text-align: center;


}


#yt_logoposition h1.logo a {


    margin: 0 auto;


}


#yt_header h1.logo {


	width: 100%;


}


#position-0, #nav2 > ul,


#position-0, #nav2 > form {


    display: inline-block;


    float: none;


    margin:0 10px 10px;


}











}


/*** ///////////////////////////////////////////////////////////////// ***/