/******************************************
***          YT Framework: CSS          ***
*******************************************/
body{
  font-size:12px;
  background:#fff;
  font-family:Arial, Helvetica, sans-serif;
  color: #333;
  line-height:1.6em;
}
body #yt_wrapper{
  overflow: hidden;
}
.clear{
  clear:both;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.pos-html{
  float:left;
  overflow:hidden;
}
body.contentpane h2{
  font-weight:normal;
}
body.contentpane .mailto-close {
    position: absolute;
    right: 10px;
    text-align: right;
    top: 20px;
}
body.contentpane .mailto-close a{
  font-size:92%;
  text-decoration:none;
}
body.contentpane .formelm {
    margin: 10px 0;
}
body.contentpane .formelm label {
    display: inline-block;
    min-width: 100px;
}
.tip{
  background:#FFC;
  border:1px solid #DDD;
}
.tip-title{
  padding:5px 8px;
  border-bottom:1px solid #DDD;
  font-weight:bold;
}
.tip-text{
  padding:8px;
}
body.print .item-page {
    border: 0px solid #DCDCDC;
    padding: 50px;
}
.container {
  min-width: 280px;
}
.contact-form label {
  float: left;
}
.rtl .contact-form label {
  float: right;
}
.contact-form input,
.contact-form textarea {
  clear: both;
  display: block;
}
/* Begin: Update css for basic.css */
img{
  max-width:100%;
}
.content img:hover{
  box-shadow: 0 0 20px 0px rgba(0,0,0,0.3) inset;
}
.content a:hover{
  box-shadow: 0 6px 6px -6px;
  text-decoration: none;
}
ul.menu {
    margin: 0;
}
ul {
    list-style: none outside none;
}
ul li {
  background:url(http://c-supervision.net/templates/sj_resorts/images/dot1.png) no-repeat left 6px;
  padding:0 0 0 15px;
}
a:hover{
  text-decoration:underline;
}
textarea{
  border:1px solid #E5E5E5;
  padding:2px 5px;
  margin:0 5px 0 0;
}
input{
  padding:3px 2px 3px 5px;
  margin:0 5px 0 0;
}
select{
  border:1px solid #E5E5E5;
  padding:2px 2px 2px 5px;
  margin:0 5px 0 0;
}
.formelm input,
.inputbox{
  background:#FFF;
  border:1px solid #ccc;
    color: #515151;
    margin: 0;
    padding: 3px 2px 3px 5px;
  box-shadow:none;
}
.checkbox{
  border:none;
}
textarea:hover,
select:hover,
.inputbox:hover{
  background:#FFFFDD;
}
.invalid{
  border-color:#F00;
  box-shadow:none;
}
select.inputbox{
  padding:1px 1px 1px 5px;
}
button,
.button{
  background:#3377BB;
  font-size:92%;
  color:#FFF;
    padding: 5px 15px;
  font-weight: bold;
  border:none;
  font-weight:normal;
}
button{
  padding-top:4px !important;
  padding-bottom:4px !important;
}
button:hover,
.button:hover, .button:active, .button:focus, .button:visited {
  background:#225180;
  color:#FFF;
    cursor: pointer;
    text-decoration: none;
}
/* End: Update css for basic.css   */


/* Fontsize */
body.fs1 {font-size: 10px;}
body.fs2 {font-size: 11px;}
body.fs3 {font-size: 12px;}
body.fs4 {font-size: 13px;}
body.fs5 {font-size: 14px;}
body.fs6 {font-size: 15px;}

/* Blocks in template */
.block{
  width:100%;
  clear:both;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Color(sitestyle) for element to change */
h1, h2, h3, h4, h5, 
.contentheading,
.componentheading, 
.blog_more strong, .nftitle {
    font-weight: bold;
    line-height: 1.2;
}
h2.contentheading,
.contentheading {
    color: #07AFD9;
    font-size: 250%;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 0;
}
h2.contentheading a,
.contentheading a {
    color: #07AFD9;
}
a, 
span.separator,
div.userBlock h2,
div.itemListCategory h2,
h1.componentheading, 
.componentheading {
  color:#666;
}
a:hover, 
span.separator:hover,
div.userBlock h2:hover,
div.itemListCategory h2:hover,
h1.componentheading:hover, 
.componentheading:hover {
  color:#006699;
}
/* Pagination style */
ul.pagination li{

  background:none;
  padding:0 0;
  display:inline-block;
}
ul.pagination span{
}
ul.pagination a{
  padding:0 0;
}
ul.pagination a:hover{
}
/* -----------------------------*/
/*     Yt tolls                 */
/* -----------------------------*/

/* Switch modes view */
.yt-switch_modes {
  margin:0 0 0 10px;
  font-size:92%;
}
.yt-switch_modes span.title-swm{
  float:left;
  display:inline-block;
  color:#666;
}
.yt-switch_modes ul.nav-swm{
  margin:0 0;
  overflow:hidden;
  float:left;
  width:46px;
}
.yt-switch_modes ul.nav-swm:hover{
}
.yt-switch_modes ul.nav-swm li{
  background:none;
  padding:0 5px;
  display:inline;
  float:left;
}
.yt-switch_modes ul.nav-swm li a span{
  display:none;
}
.yt-switch_modes ul.nav-swm li a{
  background-image:url(../images/switch-modes.png);
  background-repeat:no-repeat;
  display:block;
}
.yt-switch_modes ul.nav-swm li.window a{
  background-position:0px -17px;
  width:16px;
  height:17px;
}
.yt-switch_modes ul.nav-swm li.window.active a,
.yt-switch_modes ul.nav-swm li.window:hover a{
  background-position:0px 0px;
}
.yt-switch_modes ul.nav-swm li.mobile a{
  background-position:0px -34px;
  width:10px;
  height:16px;
}
.yt-switch_modes ul.nav-swm li.mobile.active a,
.yt-switch_modes ul.nav-swm li.mobile:hover a{
  background-position:0px -50px;
}

/* Link validate and language support  */
.yt-linkfooter ul{
  margin:0 0;  
}
.yt-linkfooter ul li{
  display:inline;
  padding:0 8px;
  background:none;
}
.yt-linkfooter ul li.first{
  background:none;
  padding:0 8px 0 0;
}
.yt-linkfooter ul li a{
  font-size:100%;
  color:#666;
  display:inline-block;
}
.yt-switch_modes{
}
/* Croll to top */
#yt_scroll_top{
  float:left;
  width:100%;
}
#yt_scroll_top .yt-main{
  position:relative;
}
#yt_scroll_top .pos-html .top {
    position: absolute;
    right: -80px;
    top: -30px;
    width: 30px;
}
.top a{
  line-height:30px;
  font-weight:bold;
  color:#000;
  text-decoration:underline;
  text-transform:uppercase;
}
/* Default module */
.moduletable {
  border:1px solid #dedede;
}
.moduletable h3{
  padding: 10px 10px 0;
  /*line-height:300%;*/
}
.moduletable .yt-mod-mainbox{
  padding:8px 10px;
}
/* Suffix class: clear */
.moduletable.clear{
  border: none;
  padding: 0;
}
.moduletable.clear h3{
  border:none;
  padding: 0;
}
.moduletable.clear .yt-mod-mainbox {
  padding: 0;
}
/* Suffix class: _menu */
.moduletable_menu h3 {
  padding: 0 10px 10px;
}
.moduletable_menu ul {
    margin: 0;
}
.moduletable_menu ul li {
  background: none;
  padding: 0;
}
/* level1 */
.moduletable_menu ul.menu > li > .separator,
.moduletable_menu ul.menu > li > a,
.moduletable_menu ul.level0 > li > .separator,
.moduletable_menu ul.level0 > li > a {
    background: #E7E7E7;
    display: block;
    line-height: 250%;
    margin-top: 1px;
    padding: 0 30px;
    position: relative;
    text-decoration: none;
}
.moduletable_menu ul.menu > li > .separator > img,
.moduletable_menu ul.menu > li > a > img,
.moduletable_menu ul.level0 > li > .separator > img,
.moduletable_menu ul.level0 > li > a > img {
    margin-right: 5px;
}
.moduletable_menu ul.menu > li > .separator:before,
.moduletable_menu ul.menu > li > a:before,
.moduletable_menu ul.level0 > li > .separator:before,
.moduletable_menu ul.level0 > li > a:before {
  background: url(../images/arrow-r.png) no-repeat;
  content: "";
  display: block;
  width: 10px;
  height: 9px;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -5px;
}
.moduletable_menu ul.menu > li.activeCategory > .separator:before,
.moduletable_menu ul.menu > li.activeCategory > a:before,
.moduletable_menu ul.menu > li.active > .separator:before,
.moduletable_menu ul.menu > li.active > a:before,
.moduletable_menu ul.menu > li:hover > .separator:before,
.moduletable_menu ul.menu > li:hover > a:before,
.moduletable_menu ul.level0 > li.activeCategory > .separator:before,
.moduletable_menu ul.level0 > li.activeCategory > a:before,
.moduletable_menu ul.level0 > li.active > .separator:before,
.moduletable_menu ul.level0 > li.active > a:before,
.moduletable_menu ul.level0 > li:hover > .separator:before,
.moduletable_menu ul.level0 > li:hover > a:before {
  background-position: 0 -9px;
}
.moduletable_menu ul.menu > li.parent > .separator:after,
.moduletable_menu ul.menu > li.parent > a:after,
.moduletable_menu ul.level0 > li.parent > .separator:after,
.moduletable_menu ul.level0 > li.parent > a:after {
  background: url(../images/arrow-r2.png) no-repeat;
  content: "";
  display: block;
  width: 16px;
  height: 16px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -8px;
}
.rtl .moduletable_menu ul.menu > li.parent > .separator:after,
.rtl .moduletable_menu ul.menu > li.parent > a:after,
.rtl .moduletable_menu ul.level0 > li.parent > .separator:after,
.rtl .moduletable_menu ul.level0 > li.parent > a:after {
    right: auto;
    left: 10px;
}
.rtl .moduletable_menu ul.menu > li > .separator:before,
.rtl .moduletable_menu ul.menu > li > a:before,
.rtl .moduletable_menu ul.level0 > li > .separator:before,
.rtl .moduletable_menu ul.level0 > li > a:before {
    right: 10px;
    left: auto;
}
.rtl .moduletable_menu ul.menu > li > .separator > img,
.rtl .moduletable_menu ul.menu > li > a > img,
.rtl .moduletable_menu ul.level0 > li > .separator > img,
.rtl .moduletable_menu ul.level0 > li > a > img {
    margin: 0 0 0 5px;
}
.rtl .moduletable_menu ul.menu li ul, 
.rtl .moduletable_menu ul.level0 li ul {
    padding-left: 0;
    padding-right: 25px;
}
.moduletable_menu ul.menu > li.activeCategory > .separator:after,
.moduletable_menu ul.menu > li.activeCategory > a:after,
.moduletable_menu ul.menu > li.active > .separator:after,
.moduletable_menu ul.menu > li.active > a:after,
.moduletable_menu ul.level0 > li.activeCategory > .separator:after,
.moduletable_menu ul.level0 > li.activeCategory > a:after,
.moduletable_menu ul.level0 > li.active > .separator:after,
.moduletable_menu ul.level0 > li.active > a:after {
  transform:rotate(90deg);
  -ms-transform:rotate(90deg); /* IE 9 */
  -moz-transform:rotate(90deg); /* Firefox */
  -webkit-transform:rotate(90deg); /* Safari and Chrome */
  -o-transform:rotate(90deg); /* Opera */
}
.moduletable_menu ul.menu > li.activeCategory > .separator,
.moduletable_menu ul.menu > li.activeCategory > a,
.moduletable_menu ul.menu > li:hover > .separator,
.moduletable_menu ul.menu > li:hover > a,
.moduletable_menu ul.menu > li.active > .separator,
.moduletable_menu ul.menu > li.active > a,
.moduletable_menu ul.level0 > li.activeCategory > .separator,
.moduletable_menu ul.level0 > li.activeCategory > a,
.moduletable_menu ul.level0 > li:hover > .separator,
.moduletable_menu ul.level0 > li:hover > a,
.moduletable_menu ul.level0 > li.active > .separator,
.moduletable_menu ul.level0 > li.active > a {
  background: #333;
  color: #08ceff;
  font-weight: normal;
}
.moduletable_menu ul.menu > li > ul,
.moduletable_menu ul.level0 > li > ul {
  padding-top: 5px;
  padding-bottom: 5px;
}
/* level2 & ... */
.moduletable_menu ul.menu li ul,
.moduletable_menu ul.level0 li ul {
  padding-left: 25px;
}
.moduletable_menu ul.menu li ul li,
.moduletable_menu ul.level0 li ul li {
  line-height: 200%;
}
.moduletable_menu ul.menu li ul li a,
.moduletable_menu ul.menu li ul li .separator,
.moduletable_menu ul.level0 li ul li a,
.moduletable_menu ul.level0 li ul li .separator {
  background: url(http://c-supervision.net/templates/sj_resorts/images/listb.png) no-repeat left 5px;
  color: #666;
  padding: 0 0 0 10px;
  text-decoration: none;
  border-bottom: 1px dashed transparent;
}
.rtl .moduletable_menu ul.menu li ul li a,
.rtl .moduletable_menu ul.menu li ul li .separator,
.rtl .moduletable_menu ul.level0 li ul li a,
.rtl .moduletable_menu ul.level0 li ul li .separator {
  background: url(http://c-supervision.net/templates/sj_resorts/images/listb.png) no-repeat right 5px;
  padding: 0 10px 0 0;
}
.moduletable_menu ul.menu li ul li.activeCategory > a,
.moduletable_menu ul.menu li ul li.activeCategory > .separator,
.moduletable_menu ul.menu li ul li a:hover,
.moduletable_menu ul.menu li ul li .separator:hover,
.moduletable_menu ul.menu li ul li.active > a,
.moduletable_menu ul.menu li ul li.active > .separator,
.moduletable_menu ul.level0 li ul li.activeCategory > a,
.moduletable_menu ul.level0 li ul li.activeCategory > .separator,
.moduletable_menu ul.level0 li ul li a:hover,
.moduletable_menu ul.level0 li ul li .separator:hover,
.moduletable_menu ul.level0 li ul li.active > a,
.moduletable_menu ul.level0 li ul li.active > .separator {
  border-bottom: 1px dashed #666;
  color: #006666;
}
/* Suffix class: title1, title2, title3, title4, title5 */
.moduletable h3, .moduletable_menu h3, .moduletable_text h3 {
    color: #04677F;
    font-size: 170%;
    margin: 0;
    text-transform: uppercase;
}
.moduletable h3 span.desc, .moduletable_menu h3 span.desc, .moduletable_text h3 span.desc {
    color: #7F7F7F;
    font-size: 55%;
    text-transform: none;
    padding:0 5px;
}
.rtl .moduletable h3 span:first-child, 
.rtl .moduletable_menu h3 span:first-child, 
.rtl .moduletable_text h3 span:first-child {
  float: right;
}
.moduletable .custom p img {
    float: left;
    margin: 0;
}
.moduletable, .moduletable_menu, .moduletable_text {
    margin: 0 0 20px;
}
.badge-hot, .badge-new, .badge-best , .badge-top {
    position: relative;
}
.badge-hot .yt-mod-mainbox, 
.badge-new .yt-mod-mainbox, 
.badge-best .yt-mod-mainbox, 
.badge-top .yt-mod-mainbox {
  font-size: 120%;
}
.badge-hot .title h3, 
.badge-new .title h3, 
.badge-best .title h3, 
.badge-top .title h3 {
  font-size: 150%;
  color: #333;
}
.moduletable.badge-new,
.moduletable.badge-hot, 
.moduletable.badge-top, 
.moduletable.badge-best {
    border: 1px solid #E5E5E5;
    padding: 10px;
}
.moduletable h3 span.badge, 
.moduletable_menu h3 span.badge, 
.moduletable_text h3 span.badge {
    background: url("../images/badges.png") no-repeat scroll 0 0 transparent;
    height: 73px;
    position: absolute;
    right: -5px;
    text-indent: -999em;
    top: -5px;
    width: 72px;
    z-index: 2;
  border-radius:0px;
  padding:0px;
}
.rtl .moduletable h3 span.badge, 
.rtl .moduletable_menu h3 span.badge, 
.rtl .moduletable_text h3 span.badge {
    background: url("http://c-supervision.net/templates/sj_resorts/images/badges_rtl.png") no-repeat scroll 0 0 transparent;
    left: -5px;
    right: auto;
}
.moduletable.badge-new h3 span.badge, 
.moduletable_menu.badge-new h3 span.badge, 
.moduletable_text.badge-new h3 span.badge {
    background-position: 0 -75px;
}
.moduletable.badge-best h3 span.badge, 
.moduletable_menu.badge-best h3 span.badge, 
.moduletable_text.badge-best h3 span.badge {
    background-position: 0 -150px;
}
.moduletable.badge-top h3 span.badge, 
.moduletable_menu.badge-top h3 span.badge, 
.moduletable_text.badge-top h3 span.badge {
    background-position: 0 -225px;
}
/*** #yt_top ***/
#yt_top {
    background:#222;
    color: #fff;
}
#yt_top .yt-main {
    height: 32px;
    line-height: 32px;
}
#yt_top ul.menu {
    margin: 0px;
}
#top-1 ul li {
    background:none;
    border-left: 1px solid #333;
    display: inline;
    float: left;
    font-size: 100%;
    padding: 0 8px;
  line-height:32px;
}
#top-1 ul li:first-child {
    border: none;
    padding-left: 0;
}
#top-1 ul li a {
    color: #666666;
}
#top-1 ul li a:hover{
  color:#FFFFFF;
  text-decoration:none;
}
#top-2 p {
    margin: 0;
}

#top-2 a.flag-first {
    display: inline-block;
    float: right ;
    margin: 0 0px 0 5px;
    width: 20px;
}
#top-2 a.flag-last {
    display: inline-block;
    float: right;
    margin: 0 5px 0 0px;
    width: 21px;
}
/* ----------------------------*/
/*     Block: yt_header        */
/* ----------------------------*/
#yt_header{

}
#yt_header .yt-main{
  min-height:86px;
}
.yt-logo{
  width:300px;
}
.site-slogan{
  padding:0;
  margin:5px 0 0 0;
  width:100%;
  float:left;
  text-align:center;
  color:#FFF;
}
#yt_header h1.logo {
  float:left;
  margin:20px 0 0 2px;
  padding:0;
}
#yt_header h1.logo a{
  height:90px;
  width:400px;
  display:block;
}
#yt_header h1.logo a span{

  display:none;
}
h1.logo-text{
  text-align:center;
  margin:20px 0 0 0;
}
h1.logo-text a{
  color:#FFF;
}
#header1{
  height:100px;
  overflow:hidden;
  width:465px;
}
#header2{
  width:215px;
}
ul.yt-login-regis{
  float:right;
  border: 0px solid #ccc;
  border-radius: 3px;
  
}
ul.yt-login-regis > li {
  position:relative;
  background:none;
  cursor: pointer;
  padding:0;
  float:left;
  border-left: 1px solid #ccc;
}
ul.yt-login-regis > li a {
  padding: 0 30px;
  border-left: 0px solid #ccc;
  line-height: 28px;
  display: block;
  color: #fff;
  background: #04677f;
}
ul.yt-login-regis > li a:hover,
ul.yt-login-regis > li a.show {
  background: #08CEFF;
  text-decoration: none;
}
ul.yt-login-regis > li.hiuser:hover > a,
ul.yt-login-regis > li.hiuser:hover > a:hover {

}
ul.yt-login-regis > li:first-child {
  border-left: 0px solid #ccc;
}
ul.yt-login-regis > li > a,
ul.yt-login-regis > li > span{
  position:relative;
  z-index:666;
  line-height: 28px;
}

ul.yt-login-regis ul.yt-login-links li a{
  background:none;
  padding:0 0;
}
#yt_overlaywrap {
    background: none repeat scroll 0 0 #000000;
    height: 100% !important;
    left: 0;
    min-height: 100% !important;
    position: fixed !important;
    top: 0;
    width: 100% !important;
    z-index: 555;
}
.register-switch:hover,
.login-switch:hover{
  text-decoration:none;
}
.title-link{
  
}
ul.yt-login-regis li.hiuser{
  background:none;
  display:inline;
}
ul.yt-login-regis li.hiuser span {
  padding: 0 15px;
}
ul.yt-login-regis li.hiuser a.logout-switch{
  font-weight:bold;
}
ul.yt-login-regis .show-box{
    background: none repeat scroll 0 0 #08CEFF;
    border: 0 solid #D6E4F1;
    color: #FFFFFF;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 190px;
    z-index: 999;
}
ul.yt-login-regis .show-box.mobile {
  top: 50%;
  left: 50%;
  margin-left: -95px;
  position: fixed;
}
ul.yt-login-regis .show-box h3{
  margin:0 0 10px;
}
ul.yt-login-regis .show-box label{
  display:block;
}
ul.yt-login-regis .show-box .inputbox{
  width:170px;
}
ul.yt-login-regis .show-box span.note,
ul.yt-login-regis .show-box label span{
  display:block;
}
ul.yt-login-regis .show-box label span.star{
  display:inline;
}
ul.yt-login-regis .show-box label input{
  
}
p#form_login_remember{
  display:block;
}
p#form_login_remember input{
  float:left;
  margin-top:3px;
  border:none;
  padding:0 0;
}
p#form_login_remember label{
  display:inline;
  margin:0 5px;
}
ul.yt-login-links {
    clear: both;
    display: block;
    margin: 0;
    padding: 5px 0;
}
ul.yt-login-links li{
    background: none;
    display: block;
    padding: 0;
}
ul.yt-login-links li a {
  text-decoration: underline;
  color: #fff;
}
/* ----------------------------*/
/*     Block: yt_menuwrap      */
/* ----------------------------*/
#yt-mobilemenu{
  display:none;
}
#yt_menuwrap .yt-main{
  position:relative;
  z-index:99;
  border-width:1px;
  background-color: #04677f;
  height:45px;
  margin-bottom: 20px;
}
#yt_menuwrap .yt-main-in1{
}
#yt_menuwrap .yt-main-in2{

}

#yt_menuwrap #nav2{
  /*margin: 0 0;*/
}
#yt_searchcustom{
  display:block;
  padding:8px 8px 0 0;
}
#yt_menuwrap #nav2 .yt-position-inner{
  margin:3px 0 0;  
}
#nav2 form{
  margin:0 0;
}
#yt-menu #nav2 .search,
#yt-menu #nav2 .finder{
  overflow:hidden;
  height:24px;
}
#yt_menuwrap #nav2 .finder,
#yt_menuwrap #nav2 .search{
  width:195px;
  position:relative;
  float:right;
  margin-top:8px;
}
#yt_menuwrap #nav2 .finder input.inputbox,
#yt_menuwrap #nav2 .search input.inputbox{
  padding:0 10px;
  height:28px;
  width:175px;
  line-height:28px;
  border:none;
  background:#F2F2F2;
  color:#222;
  border-radius:0px;
  margin-bottom:0px;
}
#yt_menuwrap #nav2 .finder .button,
#yt_menuwrap #nav2 .search input.button{
  background-image:url(../images/search-btn.png);
  background-color:transparent;
  background-position:left top;
  background-repeat:no-repeat;
  border:none;
  vertical-align:center;
  height:16px;
  width:16px;
  padding:0 0;
  margin:7px 0 5px 0;
  position:absolute;
  right:10px;
  text-indent:-999em;
  * text-transform: capitalize;
}
ul.autocompleter-choices{
  border:none;
}
/* ----------------------------*/
/*     Block: yt_slideshow     */
/* ----------------------------*/
/* ----------------------------*/
/*     Block: yt_spotlight1    */
/* ----------------------------*/
#yt_spotlight .yt-main{
  margin-top:10px;
  overflow:hidden;
}
#yt_spotlight .yt-main-in2{
  padding: 0 0;
}
#yt_spotlight .position-last .yt-position-inner{
}
#yt_spotlight .moduletable h3{

}
#yt_spotlight .moduletable{
  margin:0 0;
}
#yt_spotlight .moduletable .yt-mod-mainbox {
  padding-top:15px;
}
#yt_spotlight1 .yt-main .yt-main-in1.container{
    border-bottom: 1px solid #E7E7E7;
    margin-bottom: 20px;
}
/* ----------------------------*/
/*     Block: yt_spotlight2    */
/* ----------------------------*/
#yt_spotlight2 .yt-main {
  padding:20px 0 0px 0;
  overflow:hidden;
  background-color: #08ceff;
  background-image: url(../images/bg-sp2.png);
  background-repeat: repeat-x;
  background-position:  top center;
  color: #fff;
}
#yt_spotlight2 .moduletable {
  border: none;
}
#yt_spotlight2 .moduletable h3 {
  font-size: 130%;
  color: #333333;
}
.rtl #yt_spotlight2 .moduletable h3 span:first-child {
  float: none;
}
#yt_spotlight2 .moduletable h3 span.desc {
    color: #04677F;
    display: block;
    font-size: 77%;
    padding: 0;
    text-transform: uppercase;
}
.yt-social a {
  float: left;
  width: 20px;
  height: 20px;
  display: block;
  text-indent: -999em;
  margin: 0 3px;
  background: url(../images/ico-social.png) no-repeat;
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  box-shaddow: 1px 1px 2px #333;
  border-radius: 9px;
}
.rtl .yt-social a {
  float: right;
}
.yt-social a span{ color:#666;}
.yt-social a:hover{
  text-decoration:none;
  color:#666;
}
.yt-social a.facebooks {    background-position: -20px 0px;    }
.yt-social a.facebooks:hover {  background-position: 0 0;      }
.yt-social a.twitters {      background-position: -20px -20px;  }
.yt-social a.twitters:hover {  background-position: 0 -20px;    }
.yt-social a.flick {      background-position: -20px -40px;  }
.yt-social a.flick:hover {    background-position: 0px -40px;    }
.yt-social a.vimeo {      background-position: -20px -60px;  }
.yt-social a.vimeo:hover {    background-position: 0px -60px;    }
.yt-social a.rss {        background-position: -20px -80px;  }
.yt-social a.rss:hover {    background-position: 0px -80px;    }
.follow-us .yt-mod-mainbox {
    margin: 0 10px;
    padding: 15px 0;
  border-bottom: 1px solid #D7D7D7;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
#yt_spotlight2 .moduletable.follow-us {
  margin: 0;
}
.subscribe .inputbox {
    background: #EAEAEA;
    background: rgba(255,255,255,0.8);
    border: 0 none;
    border-radius: 4px 4px 4px 4px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    height: 26px;
    padding: 0 10px;;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px 0;
}
.button1 {
  background: url(../images/bg-btn1.png) repeat-x center center;
    border-radius: 10px 0;
    box-shadow: 1px 1px 2px #666666;
    -moz-box-shadow: 1px 1px 2px #666666;
    -webkit-box-shadow: 1px 1px 2px #666666;
    float: left;
}
.rtl .button1 {
  float: right;
}
.button1 span {
    color: #FFFFFF;
    display: inline-block;
    font-size: 100%;
    height: 30px;
    line-height: 30px;
    margin: 0 15px;
    padding: 0 15px 0 0;
    background: url(../images/arrow_r.png) no-repeat right center;
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.button1:hover {
  cursor: pointer;
}
.button1:hover span {
  padding: 0 20px 0 0;
}
.button2 {
    background: url(../images/bg-btn1.png) repeat-x scroll center center transparent;
    border-radius: 10px 0 10px 0;
    box-shadow: 1px 1px 2px #666666;
    float: left;
  transition: all 0.25s;
  -moz-transition: all 0.25s; /* Firefox 4 */
  -webkit-transition: all 0.25s; /* Safari and Chrome */
  -o-transition: all 0.25s; /* Opera */
}
button2:hover, .button2:hover, .button2:active, .button2:focus, .button2:visited {
    background: url(../images/bg-btn1.png) repeat-x scroll center center transparent;
    border-radius: 0 10px 0 10px;
}
/* ----------------------------*/
/*     Block: yt_spotlight3    */
/* ----------------------------*/
#yt_spotlight3 {
  background-color: #222;
  color: #fff;
  padding: 10px 0 10px;
  text-shadow: -1px -1px #000000;
}
#yt_spotlight3 .yt-main{
  overflow:hidden;

}
#yt_spotlight3 .moduletable {
  border: none;
  height:100%;
  padding: 10px;
  margin: 0;
}
#yt_spotlight3 #position-11, 
#yt_spotlight3 #position-12,
#yt_spotlight3 #position-13,
#yt_spotlight3 #position-14{

}
#yt_spotlight3 .moduletable .mod-inner{
  background:none;
  border:none;
  margin:0 0;
}
#yt_spotlight3 .position-last .moduletable {
    border:none;
  height:auto;
}
#yt_spotlight3 .position-last .moduletable:hover {
    background:none;
  height:auto;
}
#yt_spotlight3 .position-first .yt-position-inner{
  border:none;
}
#yt_spotlight3 #user14 .yt-position-inner:hover{
  background:none;
}
#yt_spotlight3 .moduletable h3{
  background:none;
  color:#FFF;
  font-size: 120%;
  float: left;
  padding:0 0 5px;
  border-bottom: 2px solid #929292;
}
.rtl #yt_spotlight3 .moduletable h3{
  float: right;
}
#yt_spotlight3 .yt-mod-mainbox{
  padding: 10px 0 0;
}
#yt_spotlight3 ul li{
  line-height:200%;
  background: none;
  padding: 0;
}
#yt_spotlight3 ul li a {
  color: #fff;
  display: block;
  position: relative;
}
#yt_spotlight3 ul li a:before {
  content: "";
  position: absolute;
  top:0;left:0;bottom:0;right:100%;
  transition: all 0.25s;
  -moz-transition: all 0.25s; /* Firefox 4 */
  -webkit-transition: all 0.25s; /* Safari and Chrome */
  -o-transition: all 0.25s; /* Opera */
    background: rgba(0,0,0,0.2);
}
#yt_spotlight3 ul li a:hover:before {
  right:0;
    border-radius: 4px 4px 4px 4px;
}
#yt_spotlight3 ul li:hover a{
  color:#FFF;
  text-decoration:none;
}
#yt_spotlight3 li a {
  transition: all 0.25s;
  -moz-transition: all 0.25s; /* Firefox 4 */
  -webkit-transition: all 0.25s; /* Safari and Chrome */
  -o-transition: all 0.25s; /* Opera */
}
#yt_spotlight3 li a:hover {
    padding-left: 15px;
}
.rtl #yt_spotlight3 li a:hover {
    padding-right: 15px;
}
/* ----------------------------*/
/*     Block: yt_footer        */
/* ----------------------------*/
#yt_footer {
  background-color: #222;
  color: #999;
}
#yt_footer .yt-main{
  height:100%;
  background: url(../images/bg-footer2.png) repeat-x center top;
}
#yt_footer .yt-main-in1{
  height:100%;
}
#yt_footer .yt-main-in2{
  padding: 25px 0 20px;
  overflow:hidden;
}
#yt_footer .group-footnav{
  width:50%;
}
#yt_footer #footnav,
 {
  margin-left:0px;
}
#yt_footer .group-footnav .yt-position-inner{
  margin: 0 0;
    overflow: hidden;
}
#yt_footer #footnav ul, #yt_footer .validate ul{
  margin: 0 0;
  overflow:hidden;
  float:left;
}
#yt_footer #footnav li, #yt_footer .validate li{
  background:none;
  display:inline;
  padding:0 0;
}
#yt_footer #footnav li:first-child{
  background:none;
}
#yt_footer #footnav li span.separator,
#yt_footer #footnav li a, 
#yt_footer .validate li a{
  display:inline-block;
    padding: 0 9px;
  font-size:100%;
}
#yt_footer #footnav li:first-child a, #yt_footer .validate li:first-child a{
  padding-left:0;
}
#yt_footer #footnav li#current a,
#yt_footer #footnav li a:hover,
#yt_footer #footnav li a#active_menu-nav{
  text-decoration:underline;
}
.yt-linkfooter{
  margin: 0 0;
}
#yt_footer .yt-copyright{

}
.body-percentage #yt_footer .yt-copyright{
  float:right !important;
}
#yt_footer span.separator,
#yt_footer a{

}
#yt_footer span.separator:hover,
#yt_footer a:hover{

}
#yt_footer #yt_copyrightposition .footer1,
#yt_footer #yt_copyrightposition .footer2{
  padding: 0 0 0;
}
img#yt-backtotop{ cursor:pointer}  
.yt-change_modes a{
  padding:0 10px;
}
#yt_footer .logo-footer a {
  display: block;
  text-indent: -999em;
  width: 133px;
  height: 31px;
  background: url(../images/logo-footer.png) no-repeat;
}
/* 888888 */
.pattern_1 {  background-image: url(../images/pattern/pattern_1.png);}
.pattern_2 {  background-image: url(../images/pattern/pattern_2.png);}
.pattern_3 {  background-image: url(../images/pattern/pattern_3.png);}
.pattern_4 {  background-image: url(../images/pattern/pattern_4.png);}
.pattern_5 {  background-image: url(../images/pattern/pattern_5.png);}
.pattern_6 {  background-image: url(../images/pattern/pattern_6.png);}
.pattern_7 {  background-image: url(http://c-supervision.net/templates/sj_resorts/images/pattern/pattern_7.png);}
.pattern_8 {  background-image: url(../images/pattern/pattern_8.png);}
.pattern_9 {  background-image: url(../images/pattern/pattern_9.png);}
/* ----------------------------*/
/*     Block: content          */
/* ----------------------------*/
/* breadcrumb */
#breadcrumb{
  margin-bottom:10px;
}
#breadcrumb .yt-position-inner{
  margin:0 0;
}
#breadcrumb .moduletable{
  margin:0 0;
}
#breadcrumb .moduletable .yt-mod-mainbox{
  padding:0 0;
}
#breadcrumb .breadcrumbs{
  line-height:30px;  
  padding:0 0 0 7px;
  display:inline-block;
}
.showHere{
  font-weight:bold;
  margin:0 5px 0 0;
  float:left;
}
#breadcrumb .breadcrumbs span.separator,
#breadcrumb .breadcrumbs a{
  padding:0 0;
  float:left;
}
#breadcrumb .breadcrumbs span.separator:hover{
  color:#000;
}
#breadcrumb .breadcrumbs span.current{
  padding-left:5px;
}
#breadcrumb .breadcrumbs a:hover{
  text-decoration:underline;
}
.image-content{
  background:url(../images/loading.gif) no-repeat center;
  text-align:center;
  margin-bottom:10px;
}
.arrow-bre{
  background:url(../images/arrow-bre.png) no-repeat center center;
  width:6px;
  padding:0;
  height:9px;
  display:inline-block;
  padding: 0 2px;
}
#content .moduletable p{
  margin:0 0;
  font-stretch: narrower;
}
.group-col1-top{
  width:100%;
}
/* System-messag */
#system-message{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: none repeat scroll 0 0 #FFEEEE;
    border: 1px solid #FF8080;
    float: left;
    margin: 0 0 20px;
    padding: 20px;
    width: 100%;
}
#system-message dd ul{
  margin:0 0;
}
#system-message dd ul li{
  background:none;
  margin:0 0;
  padding:0 0;
}
/* Inner content */
#content{
}
a.readon{
  font-size:100%;
}
a.readon:hover{
  text-decoration:underline;
}
#content .yt-main{

}
#content .yt-main-in1{  
}
#content .yt-main-in2{  
}
/* module in content */
#yt_component{
  margin:0 0 0 20px; 
  padding:0 0 20px;
}
.component-inner {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0px solid #E5E5E5;
    padding: 0 0 10px 0;
}
/*.component-inner{
  margin:5px;
}*/
/*.component-inner2{
  background:#FFF;
  padding:8px;
}*/
h1.componentheading, .componentheading{
  text-transform:uppercase;
  font-size:160%;
}
.leading_separator {
    display: block;
    width: 100%;
}
.leading_separator {
    border-top: 1px dotted #DDDDDD;
    margin-top: 10px;
}
.stats-module dt{
  float:left;
  font-weight:bold;
  padding:0 0 0 0;
  margin:0 0
}
.stats-module dd{
  margin:0 0;
}
/* module main content */
#main1_50, 
#main2_50 {
    width: 50%;
  *width: 49.99%;
}
#main1_100 {
    width: 100%;
}
#main1_50 .yt-position-inner{
  margin:0 5px 0 0;
}
#main2_50 .yt-position-inner{
  margin:0 0 0 5px;
}
/* moudel left */
#content_left .moduletable.w50{
  width:47.5%;  
  margin-right:10px;
}
#content_left .moduletable.mr0{
  margin-right:0px;
}
#content_left ul{
  margin:0px;
}
#content_left .moduletable{
  float:left;
  width:99%;
}
/*#content_left .left1{
  width:135px;
}
#content_left .left2{
  width:135px;
  margin-left:6px;
  float:right;
}
#content_left .left1 div, #content_left .left2 div, #content_left .left2 .stats-module{
  width:auto;
  float:none;
}*/

.moduletable.border1,
.moduletable.border2,
.moduletable.border3 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.moduletable.border1 {
    border: 1px solid #17d1ff;
}
.moduletable.border2 {
  box-shadow: 0 0 20px #DEDEDE inset;
  -moz-box-shadow: 0 0 20px #DEDEDE inset;
  -webkit-box-shadow: 0 0 20px #DEDEDE inset;
}
/* moudel right */
#content_right .moduletable, #content_right .moduletable_menu{
  float:left;
  width:99%;
}
#content_right .moduletable.w50, #content_right .moduletable_menu.w50{
  width:47.5%;  
  margin-right:10px;
}
#content_right .moduletable.mr0, #content_right .moduletable_menu.mr0{
  margin-right:0px;
}
#content_right .moduletable.bgcolor2 {
    background: none repeat scroll 0 0 #4488BB;
    border: 1px solid #E5E5E5;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
  color: #FFFFFF;
}
#content_right .moduletable.bgcolor1 {
    background: none repeat scroll 0 0 #A772AE;
    border: 1px solid #E5E5E5;
    color: #FFFFFF;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
#content_right .moduletable.bgcolor3 {
    background: none repeat scroll 0 0 #EC534D;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
  color: #FFFFFF;
}
.moduletable.title5 h3 {
    background: none repeat scroll 0 0 #81A800;
    color: #FFFFFF;
}
.moduletable.bgcolor2 h3 {
    color: #FFFFFF;
    font-size: 120%;
    line-height: 250%;
    margin: 5px 10px 0;
}
.moduletable.bgcolor1 h3 {
    color: #FFFFFF;
    font-size: 120%;
    line-height: 250%;
    margin: 5px 10px 0;
}

.moduletable.bgcolor3 h3 {
    color: #FFFFFF;
    font-size: 120%;
    line-height: 250%;
    margin: 5px 10px 0;
}
#content_right ul{
  margin:0px;
}
/*#content_right .right1{
  width:135px;
  float:left;
}
#content_right .right2{
  width:135px;
  margin-left:6px;
  float:right;
}
#content_right .right1 div, #content_right .right2 div, #content_right .right2 .stats-module{
  width:auto;
  float:none;
}
*//* module left, right content */
.moduletable.currencies form{
  text-align:center;
  padding-bottom:15px;
}
.moduletable.currencies select.inputbox{
  padding:2px;
  width:150px;
}
.moduletable.currencies input.button{
  font-weight:normal;
  font-size:100%;
  padding-top:4px;
  padding-bottom:4px;
  margin:0 0;
}
.yt-poll span.title{
  font-weight:bold;
}
.yt-poll .poll-select{
  line-height:26px;
  margin:0 0 10px;
}
.yt-poll .poll-select input,
.yt-poll .poll-select label{
  vertical-align:middle;
}

#login-form p,
#login-form ul{
  margin:5px 0;
}
#login-form #form-login-username label,
#login-form #form-login-password label{
  display:block;
}
#form-login-remember input{
  /*vertical-align:middle;*/
  margin:0 3px;
}
/* -- Component content -- */
.formelm-buttons{
  margin:10px 0 5px;
}
#editor-xtd-buttons {
    padding: 0 0;
}
.formelm-area,
.formelm{
  margin:5px 0;
}
.formelm .fltlft{
  float:left;
}
.calendar, 
.calendar table{
  vertical-align:text-bottom;
  margin:0 3px;
}
.formelm-area label,
.formelm label{
  display:block;
  width:180px;
  float:left;
}
.image-content{
  text-align:center;
  margin-bottom:10px;
  position: relative;
}
.com_content .blog p{
  margin:0 0;
}
.com_content .blog p.readmore{

}
.com_content .blog p.img_caption {
  margin:3px 0 0;
  line-height:normal;
}
div.pagination{
  padding:20px 0 10px 0;
  margin:0 0;
  overflow:hidden;
  clear: both;
}
ul.pagination{
  float:left;
  padding:0 0;
}
.browse-view .result{
  float:right;
}
p.counter{
  float:right;
  margin:0 0;
}
#yt_component .item-page .item-headinfo.resorts{
  width:100%;
  overflow:hidden;
  padding-bottom:10px;
  background: #e7e7e7;
  direction: ltr;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px 20px;
}
.item-headinfo > * {
  display: inline-block;
}
ul.actions{
  float:right;
  margin:0 0;
}
ul.actions li{
  background:none;
  padding:0 0;
  margin:0 0;
}
ul.actions img{
  border: medium none;
    margin: 0 5px 0 0;
    padding: 0;
}
dl.article-info{
  float:left;
  line-height:16px;
  margin: 0;
}
.com_content .categories-list ul{
  margin:0 0;
}
.com_content .categories-list ul li{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: none;
    float: left;
    padding: 0 10px;
    width: 50%;
}
@media (max-width: 480px){
.com_content .categories-list ul li{
    width: 100%;
}
}
.com_content .categories-list ul li .item-title{
  text-transform:uppercase;
  font-weight:bold;
  font-size:150%;
}
.com_content .categories-list ul li .category-desc{
  padding:5px 0 0;
}
.com_content .categories-list ul li .category-desc p{
  margin:0 0 10px 0;
}
.com_content .categories-list ul li dl dt{
  float:left;
  margin:0 5px 0 0;
}
.com_content .categories-list ul li dl dd{
  margin:0 0;
}
.items-leading,
.items-row{
  width:100%;

}
.items-leading .leadingItem {
  margin-bottom: 20px;
  border: 1px solid #e7e7e7;
  padding: 20px;
}
.items-leading .leadingItem .image-content:hover .item_icon {
  display: inline;
}
.items-leading .leadingItem:hover {
  border: 1px solid #08CEFF;
}
.items-row .contentheading{
  margin-top:15px;
}
.blog .item {
  border: 1px solid #dcdcdc;
  padding: 3px 3px 10px 3px;
}
.blog .item:hover {
  border: 1px solid #transparent;
}
.blog .item .item-inner > * {
  padding: 0px 7px;
}
.blog .item .item-inner > .image-content {
  padding: 0px;
  margin: 10px 0;
  position: relative;
}
/*
.item_icon {
  top: 50%;
  bottom: 50%;
  position: absolute;
  right: 0;
  left: 0;
  overflow:hidden;
  background: rgba(255,255,255,0.7);
}
.catItemImage:hover .item_icon,
.blog .item .item-inner > .image-content:hover .item_icon {
  bottom: 0;
  top: 0;
}
*/
.item_icon {
    background-color: #08CEFF;
    bottom: 0;
    height: 0px;
    left: 0;
    padding: 0;
    position: absolute;
    right: 0;
    overflow:hidden;
}
.catItemImage:hover .item_icon,
.blog .item .item-inner > .image-content:hover .item_icon {
    height: 80px;
}
.catItemImage:hover .item_icon a.zoom_img,
.blog .item .item-inner > .image-content:hover .item_icon a.zoom_img {
  left: 50%;
}
.catItemImage:hover .item_icon a.read_more,
.blog .item .item-inner > .image-content:hover .item_icon a.read_more {
  right: 50%;
}
.item_icon a.zoom_img {
  left: 0;
  margin-left: -31px;
}
.item_icon a.read_more {
  right: 0;
  margin-right: -31px;
}
.item_icon a {
  position: absolute;
  display: inline-block;
  text-indent: -999em;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  background: url(../images/item_icon.png) no-repeat;
}
.item_icon a:hover {
  background-position: -30px top;
}
.item_icon a.read_more {
  background-position: 0 -30px;
}
.item_icon a.read_more:hover {
  background-position: -30px -30px;
}
.items-row {
  margin-bottom: 20px;
}
.leading .item-content{
  overflow:hidden;
}
.cols-2 .item{
  float:left;
  overflow:hidden;
}
.cols-2 .column-1 .item-inner{

}
.cols-2 .column-2 .item-inner{

}
ul.actions li{
  display:inline-block;
  * display:inline;
  vertical-align: middle;
}
ul.actions li > *:first-child {
  margin-top: 7px;
}
.row-separator,
.items-leading .item-separator{
  border-bottom:1px solid #DDDDDD;
  width:100%;
  display:block;
  overflow:hidden;
}
.item-page {
  border: 1px solid #dcdcdc;
}
#yt_component .item-page p{
  margin:10px 0;
}
#yt_component .item-page > * {
  padding-left: 15px;
  padding-right: 15px;
}
#yt_component .item-page .item-headinfo {
  padding: 0;
}
p.readmore{ 
}
ul.pagenav{
  overflow:hidden;
  padding:0 0;
}
ul.pagenav .pagenav-prev{
  float:left;
  background:none;
  padding:0 0;
  margin:0 0;
}
ul.pagenav .pagenav-next{
  float:right;
  background:none;
  padding:0 0;
  margin:0 0;
}



div.info{
  margin:0 0;
}
div.info p{
  margin:0 0;
}
div.info p.buttonheading img{
  margin:0 0;
}
.article-tools .buttonheading{

}

.published{
  color:#999;
  display:block;
  margin:0 0;
}
.article-toolswrap{
  margin:0 0 10px;
}
#yt_component h2.contentheading{
  margin:5px 0 10px;
}
.blog h2.contentheading, .blog .contentheading {
    font-size: 150%;
}
.articleinfo,
.blog .article_row .articleinfo, .article-meta{
  width:70%;
}
.createdby,
.hits{
  float:left;
  margin:0 0;
}
.hits{
  background:url(../images/line_ver.gif) no-repeat left center;
  margin-left:5px;
  padding-left:6px;
}
.article_default{
  margin-bottom:20px;
}
.row_separator{
  border-bottom:1px dotted #DDD;
  line-height:normal;
  height:1px;
  padding-top:10px;
}
.leading_separator{
  margin-top:10px;
  border-top:1px dotted #DDD;
}
.leading-content img{
  float:left;
  margin:0 15px 10px 0;
  padding:6px;
  border:1px solid #dedede;
}
.leading-content .buttonheading img{
  padding:0 0;
  border:none;
  margin:0 5px 0 0;
}
.article_default img.image-article{
  margin-top:15px;
}
.article_default img{
  margin:0 15px 10px 10px;
  float:left;
}
#image-content img{
  padding:0 0;
  border:1px solid #DDDDDD;
}
.article_column_pad{
  padding:0 10px;
}
.colfirst .article_column_pad{
  padding:0 10px 0 0;
} 
.collast .article_column_pad{
  padding:0 0 0 10px;
}
#image-content img.image-intro{
  float:left;
  margin-right:10px;
}
#yt_component .login-page {
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 5px #999999;
    margin: 0 auto;
    max-width: 100%;
    padding: 20px;
    width: 600px;
    -moz-box-sizing: border-box;
}
#yt_component .login-page .login-fields {
    float: left;
    min-width: 49.99%;
    width: 230px;
}
#yt_component .login-page .login-fields.buttons > * {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}
#yt_component .login-page .login-fields.buttons > .button2 {
  margin: 0 10px;
}
#yt-totop {
  -webkit-transition: height 0.5s ease-in-out;
     -moz-transition: height 0.5s ease-in-out;
      -ms-transition: height 0.5s ease-in-out;
       -o-transition: height 0.5s ease-in-out;
          transition: height 0.5s ease-in-out;
    bottom: 0;
    position: fixed;
    right: 4%;
    z-index: 40;
    width: 100px;
    height: 50px;
    background: url(../images/scroll-top.png) center top;
}
#yt-totop:hover {
  padding-bottom: 10px;
}
/* newsfeed-category */
.newsfeed-category,
.categories-list,
.component-inner2 > .finder {
    border: 1px solid #E7E7E7;
    overflow: hidden;
    padding: 20px;
}
.newsfeed-category > h2 {
  margin-top:0;
  color: #07afd9;
}
.newsfeed-category fieldset.filters {
  margin-bottom: 20px;
}
.newsfeed-category .item-title {
  border-right: 1px solid #ccc;
}
.newsfeed-category .item-title,
.newsfeed-category .item-link {
  padding: 5px 10px;
  border-bottom: 1px solid #ccc;
}
table.calendar tr td.calendarDateLinked a:hover,
table.calendar tr td.calendarToday {
    background-color: #444444;
}
.rtl .bread .st1 {
  float: right
}
.rtl .bread .st2 {
  padding: 0 5px;
}
.rtl div.k2CategoriesListBlock ul li a span.catCounter {
    display: inline-block;
    float: right;
}
.rtl div.k2CategoriesListBlock ul li a span.catTitle {
    display: inline-block;
}
.regis_page .k2AccountPage table.admintable {
  float: left;
  margin: 0 10px;
  padding: 0;
}
.regis_page .k2AccountPage .formRecaptcha {
  clear: both;
}
.regis_page .k2AccountPage td.gender > *{
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}
.regis_page .k2AccountPage .k2AccountPageUpdate {
  text-align: left;
}
.k2AccountPage table.admintable tr td {
    padding: 0 10px;
}
.k2AccountPage table.admintable tr td input[name="gender"],
.k2AccountPage table.admintable tr td label[for="genderm"],
.k2AccountPage table.admintable tr td label[for="genderf"] {
  display: inline-block;
    margin: 5px 0;
    vertical-align: middle;
}
/* CSS for sj_resorts */
#position-0,
#nav2 {
  margin-top: 40px;
}
#yt_header .mod-finder-searchform div.finder {
  float: right;
  position: relative;
}
#yt_header .mod-finder-searchform .finder .inputbox {
    background: none repeat scroll 0 0 #666666;
    border: 0 none;
    color: #CCCCCC;
    height: 28px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    width: 210px;
    border-radius: 4px;
    padding: 5px 40px 5px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
       -o-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
}
#yt_header .mod-finder-searchform .finder .inputbox:focus {
  width: 250px
}
#yt_header .mod-finder-searchform .finder .inputbox:focus {
  box-shadow: none;
}
#yt_header .mod-finder-searchform .finder .button.finder{
  background: url(../images/find-ico.png) no-repeat center center #08ceff;
    border-radius: 0 4px 4px 0;
    position: absolute;
    right: 0px;
    text-indent: -999em;
    width: 35px;
    top: 0;
    bottom: 0;
    margin: 0;
    height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#yt_header .mod-finder-searchform .finder .button.finder:hover {
  background-size: 60%;
}
/* sufix class
*************************** */
.moduletable.bg1 .mod-inner,
.moduletable.bg2 .mod-inner {
  padding: 10px;
}
.moduletable.bg1,
.moduletable.bg2 {
  border: none;
}
.moduletable.bg1 {
  background: #08ceff;
}
.moduletable.bg1 .title h3,
.moduletable.bg2 .title h3 {
  color: #333;
  font-size: 150%;
  padding: 10px;
}

.moduletable.title3 h3 {
    color: #08ceff;
}
.moduletable.bg1 .yt-mod-mainbox-in {
  font-size: 120%;
  color: #fff;
}
.moduletable.bg2 {
  background: #e7e7e7;
}
.moduletable.bg2 .yt-mod-mainbox-in {
  font-size: 120%;
  color: #666;
}
div.list {
  padding: 10px;
}
div.list .title h3 {
  font-size: 150%;
  color: #333;
}
div.lista ul,
div.listb ul,
div.listc ul {
    list-style: none;
    margin: 0;
}
div.lista ul li {
  padding: 0;
  background: none;
  color: #04677F;
  line-height: 200%;
  border-top: 1px dashed transparent;
}
div.lista ul li a {
  color: #04677F;
  text-decoration: none;
}
div.listb ul li {
  padding: 0;
  background: none;
  color: #333;
  line-height: 200%;
  border-top: 1px dashed transparent;
}
div.listb ul li a {
  color: #333;
  text-decoration: none;
  background: url(http://c-supervision.net/templates/sj_resorts/images/listb.png) no-repeat left 5px;
  padding-left: 10px;
}
.rtl div.listb ul li a {
  background: url(http://c-supervision.net/templates/sj_resorts/images/listb.png) no-repeat right 5px;
  padding: 0 10px 0 0;
}
.rtl div.listb ul li a:hover,
.rtl div.listb ul li a:focus {
  background-position: right -56px;
}
div.listb ul li a:hover,
div.listb ul li a:focus {
  color: #04677F;
  border-bottom: 1px dashed #333;
  background-position: left -56px;
}
div.listc ul li {
  padding: 0 0 0 15px;
  background: url(../images/listc.png) no-repeat left 8px;
  color: #333;
  line-height: 200%;
  border-top: 1px dashed #e7e7e7;
}
.rtl div.listc ul li {
  padding: 0 15px 0 0;
  background: url(../images/listc.png) no-repeat right 8px;
}
.rtl div.listc ul li:hover {
  background-position: right -22px;
}
div.listc ul li:first-child {
  border-top: 1px dashed transparent;
}
div.listc ul li:hover {
  color: #04677F;
  background-position: left -22px;
}
div.listc ul li:hover a {
  color: #04677F;
}
div.listc ul li a {
  color: #333;
  text-decoration: none;
}
.who-ol {
  background: #08ceff;
  color: #fff;
  border: none;
}
.who-ol h3 {
    border-bottom: 1px solid #FFFFFF;
    padding: 10px 10px 5px;
    color: #fff;
}
.moduletable.breadcrum {
    border-bottom: 1px solid #E7E7E7;
    padding: 0;
}
.moduletable.breadcrum .breadcrumbs {
  font-size: 92%;
}
/* component
*********************** */
.item-headinfo.resorts {
  color: #999;
  background: #e7e7e7;
  padding: 3px 20px;
  overflow: hidden;
}
.item-headinfo.resorts * {
  text-transform: capitalize;
  margin: 0;
  vertical-align: middle;
}
.item-headinfo.resorts .block-yt-fontsize {
  margin: 0 0 0 50px;
}
.block-yt-fontsize .yt-fontsize-title,
.block-yt-fontsize .yt-fontsize {
  display: inline-block;
  vertical-align: middle;
}
.block-yt-fontsize ul.yt-fontsize {
  margin: 0;
}
.block-yt-fontsize ul.yt-fontsize li {
    display: block;
    float: left;
    height: 14px;
    margin: 0 2px;
    padding: 0;
    text-indent: -999em;
    width: 13px;
    background: url(../images/change_font.png) no-repeat;
}
.block-yt-fontsize ul.yt-fontsize li.dec {
  background-position: left -14px;
}
.block-yt-fontsize ul.yt-fontsize li.dec:hover {
  background-position: -13px -14px;
}
.block-yt-fontsize ul.yt-fontsize li.reset {
  background-position: left -28px;
}
.block-yt-fontsize ul.yt-fontsize li.reset:hover  {
  background-position: -13px -28px;
}
.block-yt-fontsize ul.yt-fontsize li.inc {
  background-position: left top;
}
.block-yt-fontsize ul.yt-fontsize li.inc:hover  {
  background-position: -13px top;
}
.block-yt-fontsize ul.yt-fontsize a {
  display: block;
}
.print-icon a,
.email-icon a {
  width: 15px;
  height: 11px;
  background: url(../images/print_email.png) no-repeat;
  display: block;
  margin: 0 2px;
  text-indent: -999em;
}
.print-icon a:hover {
  background-position: left -11px;
}
.email-icon a {
  background-position: -15px top;
}
.email-icon a:hover {
  background-position: -15px -11px;
}
.print-icon a img,
.email-icon a img {
  display: none;
}
.smartaddons > span {
  display: block;
  position: relative;
}
.smartaddons > span.add:before,
.smartaddons > span.email:before,
.smartaddons > span.phone:before {
    background: url(../images/ico-location.png) no-repeat;
    content: "";
    display: block;
    border-radius: 50px;
    height: 28px;
    left: 0;
    margin-top: -14px;
    position: absolute;
    top: 50%;
    width: 28px;
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.rtl .smartaddons > span.add:before,
.rtl .smartaddons > span.email:before,
.rtl .smartaddons > span.phone:before {
  left: auto;
  right: 0;
}
#yt_spotlight2 .moduletable.location h3 {
  background: url(http://c-supervision.net/templates/sj_resorts/images/bg-title-location.png) no-repeat right center;
  padding: 0 25px 0 15px;
  height: 84px;
  line-height: 84px;
    position: relative;
    margin-left: 110px;
    white-space: nowrap;
    text-align: left;
    color: #08CEFF;
    margin-top: 10px;
}
#yt_spotlight2 .moduletable.location h3:before {
  background: url(../images/bg-title-location-left.png) no-repeat;
    content: "";
    display: block;
    height: 84px;
    width: 110px;
    position: absolute;
    right: 100%;
}
#yt_spotlight2 .moduletable.location .yt-mod-mainbox {
  padding: 0 20px 0 40px;
}
#yt_spotlight2 a:hover {
  text-shadow: 0px 0px 2px #fff;
  text-decoration: none;
  box-shadow: 0 6px 6px -6px  #FFFFFF;
}
.smartaddons a {
  color: #fff;
}
.smartaddons > span.email:before {
  background-position:  0 -28px;
}
.smartaddons > span.phone:before {
  background-position: 0px -56px;
}
.smartaddons > span.add:hover:before {
  background-position: -28px 0;
}
.smartaddons > span.email:hover:before {
  background-position: -28px -28px;
}
.smartaddons > span.phone:hover:before {
  background-position: -28px -56px;
}
.smartaddons > span.add,
.smartaddons > span.email,
.smartaddons > span.phone {
    margin: 3px 0;
    padding: 5px 0 5px 35px;
}
.smartaddons > span.add {
  padding-top:0;
  margin-top:0;
}
.rtl .smartaddons > span.add,
.rtl .smartaddons > span.email,
.rtl .smartaddons > span.phone {
    padding: 5px 40px 5px 5px;
}
.smartaddons .phone_number {
  color: #333;
  font-size: 200%;
}
#jform_contact_email_copy {
  margin-bottom: 10px;
}
/* module breadcrumbs */
#content-3 {
  margin: 0 0 0 20px;
}
.breadcrumbs h3.bread {
  padding: 0px 0 10px;
}
.breadcrumbs h3.bread .st1 {
  font-size: 100%;
  text-transform: uppercase;
  color: #04677F;
}
.breadcrumbs h3.bread .st1,
.breadcrumbs h3.bread .st2 {
  text-decoration: none;
}
.breadcrumbs h3.bread .st2 {
    color: #7F7F7F;
    font-size: 55%;
    padding-left: 5px;
    text-transform: none;
}
/* pagination */
ul.paginations {
  margin: 0;
  padding: 0;
  text-align: center;
}
ul.paginations li {
  padding: 0;
  background: 0;
  display: inline;
  cursor: pointer;
}
ul.paginations li > * {
  display: inline-block;
}
ul.paginations li > span > * {
  display: block;
  padding: 5px 15px;
}
ul.paginations li.number > span {
  background: #04677f;
}
ul.paginations li.number > span > * {
  color: #fff;
}
ul.paginations li > span:hover,
ul.paginations li > span.active {
  background: #08ceff;
}
ul.paginations li > span:hover > * {
  color: #fff;
  text-decoration: none;
}
ul.paginations li.text > span > * {
  padding: 5px 10px;
}
ul.paginations li.text {
  color: #08ceff;
}
/* module latest news */
ul.latestnews {
  padding: 0;
  margin: 0;
}
ul.latestnews li {
  background: none;
  position: relative;
  padding: 5px 35px;
  margin: 5px 0;
}
ul.latestnews li span {
    background: none repeat scroll 0 0 #04677F;
    border-radius: 20px 20px 20px 20px;
    color: #08CEFF;
    display: block;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    margin-top: -14px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 28px;
    left:0;
}
.rtl ul.latestnews li span {
    left: auto;
    right: 0;
}
ul.latestnews li a {
    color: #FFFFFF;
    text-decoration: none;
}

table.calendar {
    width: 100%;
}
/* module k2 lastes new */
div.catItemTagsBlock ul.catItemTags li {
  background: none;
}
.k2ItemsBlock.k2_lastest ul {
  margin: 0;
  padding: 0;
}
.k2ItemsBlock.k2_lastest ul li {
  margin: 0;
  border: none;
  background: none;
  padding: 0 0 10px;
}
.k2ItemsBlock.k2_lastest .item-image {
  float: left;
  margin-right: 10px;
}
.rtl .k2ItemsBlock.k2_lastest .item-image {
  float: right;
  margin: 0 0 0 10px;
}
.k2ItemsBlock.k2_lastest .item-image img {
  width: 74px;
  height: 52px;
  border: 4px solid #9cebff;
}
.k2ItemsBlock.k2_lastest .item-image img:hover {
  border: 4px solid #fff;
}
.k2ItemsBlock.k2_lastest .item-title a {
  font-weight: bold;
  color: #fff;
}
.k2ItemsBlock.k2_lastest .item-title {
  padding-bottom: 2px;
}
.k2ItemsBlock.k2_lastest .yt-mod-mainbox {
  padding-top: 20px;
}
/* module k2_popular */
.k2ItemsBlock.k2_popular ul {
  margin: 0;
  padding: 0;
}
.k2ItemsBlock.k2_popular ul li {
  margin: 0;
  border: none;
  background: none;
  padding: 0 0 15px;
}
.k2ItemsBlock.k2_popular .item-image {
  float: left;
  margin-right: 10px;
}
.rtl .k2ItemsBlock.k2_popular .item-image {
    float: right;
    margin-left: 10px;
  margin-right: 0;
}
.k2ItemsBlock.k2_popular .item-footer .moduleItemComments {
    border: 0 none;
    display: block;
    margin: 0;
    padding: 0;
}
.k2ItemsBlock.k2_popular .item-footer {
  color: #666;
  font-size: 86%;
}
.k2ItemsBlock.k2_popular .item-footer > * {
  color: #666;
}
.k2ItemsBlock.k2_popular .item-image img {

}
.k2ItemsBlock.k2_popular .item-title a {
  font-weight: bold;
}
/* *************** */
div.k2TagCloudBlock {
    padding: 0;
}
div.k2TagCloudBlock a {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DCDCDC;
    border-radius: 5px 5px 5px 5px;
    margin: 3px;
    padding: 4px 20px 4px 10px;
    position: relative;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(237,237,237,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
}
.rtl div.k2TagCloudBlock a {
  float: right;
}
div.k2TagCloudBlock a:hover {
  border-radius: 5px 5px 5px 5px;
  background: inherit;
  color: inherit;
    padding: 4px 20px 4px 10px;
}
div.k2TagCloudBlock a:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0px;
  width: 5px;
  background: #08ceff;
  border-radius: 0 5px 5px 0;
}
div.k2TagCloudBlock a:hover:after {
  background: #04677f;
}
/* k2 comment */
.k2Avatar img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #08CEFF;
    display: block;
    float: left;
    margin: 0px 10px 5px 0;
    padding: 5px;
  transform:rotate(5deg);
  -ms-transform:rotate(5deg); /* IE 9 */
  -moz-transform:rotate(5deg); /* Firefox */
  -webkit-transform:rotate(5deg); /* Safari and Chrome */
  -o-transform:rotate(5deg); /* Opera */
}
.rtl .k2Avatar img {
    float: right;
    margin: 0px 0px 5px 10px;
}
div.k2LatestCommentsBlock ul li {
  padding: 5px 10px 15px;
  border: medium none;
}
div.k2LatestCommentsBlock ul li span.lcUsername {
  display: block;
  color: #666;
}
div.k2LatestCommentsBlock ul li span.lcUsername a {
  color: #666;
}
div.k2LatestCommentsBlock ul li span.lcCommentDate {
  display: block;
  color: #666;
}
div.k2LatestCommentsBlock ul li .comment-info {
  padding-top: 10px;
  font-size: 86%;
}
/* k2 listting */
div.catItemHeader h3.catItemTitle {
    font-family: inherit;
    font-size: 130%;
    font-weight: bold;
    color: #08ceff;
    padding: 10px 5px 4px;
}
div.catItemHeader h3.catItemTitle a {
    color: #07afd9;
}
#k2Container [class*="span"] {
  border: 1px solid #dcdcdc;
}
#k2Container [class*="span"]:hover {
  border: 1px solid #08ceff;
}
#k2Container .row-fluid {
  padding-bottom: 20px;
}
div.catItemImageBlock {
    margin: 0 0 16px;
    padding: 0;
    text-align: center;
}
div.catItemImage {
    display: inline-block;
    position: relative;
    text-align: center;
    max-width: 100%;
}
#k2Container div.catItemImage img {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    padding: 0;
}
#k2Container .catItemHeader .catItemDateCreated {
  font-size: 86%;
  color: #666;
  padding: 0 5px;
}
div.catItemIntroText {
    padding: 4px 5px 0px;
}
div.catItemFooter {
  padding: 0 5px;
}
div.catItemRatingBlock {
    padding: 0;
}
div.catItemBody {
    margin: 0;
    padding: 8px 0 0;
}
div.catItemCommentsLink {
  border: 0;
  position: relative;
  padding-left: 25px;
  margin-left: 5px;
}
div.catItemCommentsLink:before {
  position: absolute;
  content: "";
  top: 50%;
  left:0;
  width: 16px;
  height: 14px;
  margin-top: -7px;
  background: url(../images/k2-icon.png) no-repeat;
}
div.catItemLinks {

}
div.catItemTagsBlock > span {
    background: url(../images/k2-icon.png) no-repeat 0 -14px;
    display: inline-block;
    text-indent: -999em;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle;
}
div.catItemImage:hover .item_icon {
  display: block;
}
div.catItemTagsBlock {
    border: none;
}
div.catItemTagsBlock ul.catItemTags li a {
  color: #666;
}
.itemRatingLog {
    font-size: inherit;
    color: #999;
}
div.k2Pagination {
    margin: 0;
    padding: 0;
}
/* k2 detail */
#k2Container.itemView {
  border: 1px solid #e7e7e7;
}
div.itemHeader h2.itemTitle {
    font-family: inherit;
    font-size: 220%;
    padding: 10px 15px 4px;
    color: #07afd9;
}
span.itemImage img {
    border: 0px solid #CCCCCC;
    padding: 0px;
  border: 4px solid #aed2f0;
}
span.itemImage img:before {

}
span.itemImage {
    margin: 0;
}
div.itemImageBlock {
    margin: 0 20px 10px 0;
    padding: 0;
    float: left;
    max-width: 60%;
    *width: 60%;
}
div.itemBody {
  overflow: hidden;
    padding: 20px;
}
div.itemIntroText {
    color: #999999;
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
}
div.itemIntroText {
    padding: 0;
}
#k2Container .itemFooter1 {
  display: block;
  clear: both;
  border: 1px solid #e7e7e7;
  margin: 0 20px 20px;
  color: #666;
}
#k2Container .itemFooter1 .column-left {
  display: table-cell;
  vertical-align: top;
  border-right: 1px solid #e7e7e7;
}
#k2Container .itemFooter1 .column-right {
  display: table-cell;
  width: 50%;
}
@media (max-width: 479px){
  #k2Container .itemFooter1 .column-right {
    display: block;
    width: 100%;
  }
}
#k2Container .itemFooter1 .column-left > * {
  border-top: 1px solid #e7e7e7;
  margin: 0;
  padding: 0;
  display: block;
  overflow: hidden;
  padding: 10px;
}
#k2Container .itemFooter1 .column-left > *:first-child {
  border-top: 0px solid #e7e7e7;
}

div.k2CalendarBlock {
    height: auto;
}
span.itemHits {
    float: none;
}
div.itemAuthorBlock {
    background: none;
    border: 0px solid #DDDDDD;
    margin: 0 0 16px;
    padding: 8px;
}

div.itemTagsBlock {
    border-bottom: 0px dotted #CCCCCC;
    padding: 0px;
}
div.itemTagsBlock span {
    background: url("../images/k2-icon.png") no-repeat scroll 0 -14px transparent;
    display: inline-block;
    height: 16px;
    margin-right: 5px;
    text-indent: -999em;
    vertical-align: middle;
    width: 16px;
}
div.itemTagsBlock ul.itemTags li {
    background: none;
    font-size: 86%;
}
div.itemTagsBlock ul.itemTags li a {
    color: #666;
}
div.itemRatingBlock span {
    color: inherit;
}
div.itemAuthorBlock img.itemAuthorAvatar {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #08CEFF;
    display: block;
    float: left;
    margin: 15px 15px 5px 15px;
    padding: 5px;
  transform:rotate(5deg);
  -ms-transform:rotate(5deg); /* IE 9 */
  -moz-transform:rotate(5deg); /* Firefox */
  -webkit-transform:rotate(5deg); /* Safari and Chrome */
  -o-transform:rotate(5deg); /* Opera */
}
div.itemAuthorBlock h3.itemAuthorName {
  font-size: 100%;
  text-transform: uppercase;
}
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {
    border-right: 0px solid #CCCCCC;
    margin: 0 4px 0 20px;
    color: inherit;
}
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl a, div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a {
    color: #08ceff;
}
.itemAuthorLatest-itemRelated {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    padding: 0 20px 20px;
    width: 100%;
}
.itemAuthorLatest-itemRelated .itemAuthorLatest,
.itemAuthorLatest-itemRelated .itemRelated {
  display: table-cell;
  width: 50%;
}
.itemAuthorLatest-itemRelated .itemAuthorLatest h3,
.itemAuthorLatest-itemRelated .itemRelated h3 {
  font-size: 120%;
  font-weight: bold;
  color: #999;
}
.itemAuthorLatest-itemRelated .itemAuthorLatest ul,
.itemAuthorLatest-itemRelated .itemRelated ul {
  list-style: disc;
}
.itemAuthorLatest-itemRelated .itemAuthorLatest li,
.itemAuthorLatest-itemRelated .itemRelated li {
  border: none;
}
.itemAuthorLatest-itemRelated .itemAuthorLatest li a,
.itemAuthorLatest-itemRelated .itemRelated li a {
  color: #08CEFF;
}
div.itemNavigation {
    background: none;
    border-style: dashed solid dashed solid;
    border-width: 1px;
    border-color: #e7e7e7;
    margin: 0 20px 20px;
    padding: 5px 10px;
}
div.itemComments {
    background: none;
    border: 0px solid #DDDDDD;
    padding: 0;
    margin: 0 20px 20px;
    color: #666666;
}
h3.itemCommentsCounter {
  margin: 0;
}
div.itemComments ul.itemCommentsList li img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #08CEFF;
    display: block;
    float: left;
    margin: 10px 15px;
    padding: 5px;
  transform:rotate(5deg);
  -ms-transform:rotate(5deg); /* IE 9 */
  -moz-transform:rotate(5deg); /* Firefox */
  -webkit-transform:rotate(5deg); /* Safari and Chrome */
  -o-transform:rotate(5deg); /* Opera */
}
div.itemComments ul.itemCommentsList li span.commentDate {
    font-size: inherit;
    font-weight: inherit;
}
div.itemComments ul.itemCommentsList li span.commentAuthorName {
    font-size: inherit;
    font-weight: inherit;
}
div.itemComments ul.itemCommentsList li span.commentLink {
    float: none;
    margin-left: 0px;
}
div.itemComments ul.itemCommentsList li p {
    padding: 4px 0 0;
}
div.itemComments ul.itemCommentsList li {
    border-bottom: 1px dotted #DDDDDD;
    margin: 0;
    padding: 10px 5px;
}
div.itemComments ul.itemCommentsList li span.commentLink a {
    font-size: 86%;
    color: #08ceff;
    text-decoration: none;
}
div.itemComments ul.itemCommentsList li span.commentLink a:hover {
    color: inherit;
    font-size: 86%;
}
.itemCommentsForm div.box-3 {
  display: table-cell;
  padding-left: 10px;
}
.itemCommentsForm div.box-3:first-child {
  padding-left: 0px;
}
div.itemCommentsForm form input.inputbox {
    width: auto;
}
div.itemCommentsForm #comment-form {
  display: table;
}
div.itemCommentsForm form textarea.inputbox {
    width: 100%;
     -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
div.itemCommentsForm p.itemCommentsFormNotes {
    border-top: 0px solid #CCCCCC;
}
div.itemCommentsForm form input#submitCommentButton {
    background: url(../images/bg-btn1.png) repeat-x center center;
    border-radius: 10px 0 10px 0;
    box-shadow: 1px 1px 2px #666666;
    float: left;
    border: 0px solid #CCCCCC;
    display: block;
    font-size: inherit;
    margin: 16px 0 0;
    padding: 8px 15px;
}
div.itemSocialSharing {
    margin: 0 20px 20px;
    overflow: hidden;
    padding: 8px 0;
}
div.itemToolbar {
    margin: 0 20px 20px;
}
/* contact page */
div.contact {

}
div.contact .pane-sliders {
  border: 1px solid #e7e7e7;
}
div.contact .pane-sliders .panel:first-child {
  border-top: 0px solid #e7e7e7;
}
div.contact .pane-sliders .panel {
  border-top: 1px solid #e7e7e7;
}
div.contact .pane-sliders h3 {
  font-size: 180%;
  margin: 0;
  cursor: pointer;
  padding: 5px 15px;
}
div.contact .pane-sliders h3 a:hover {
  box-shadow: none;
}
div.contact .pane-sliders h3:hover,
div.contact .pane-sliders h3.pane-toggler-down {
  background: #e7e7e7;
}
div.contact .pane-sliders h3:hover a,
div.contact .pane-sliders h3.pane-toggler-down a {
  color: #333;
}
div.contact .pane-sliders .panel > div.pane-down {
    -moz-box-sizing: border-box;
    padding: 20px !important;
    width: 100%;
}
div.contact input,
div.contact textarea {
  width: auto;
}
/* k2 tag page */
span.tagItemImage img,
span.userItemImage img {
    border: 0px solid #CCCCCC;
    padding: 0px;
}
div.tagItemView,
div.userItemView {
    border: 1px solid #E7E7E7;
    margin: 0 0 20px;
    padding: 20px;
}
div.tagItemHeader h2.tagItemTitle,
div.userItemHeader h3.userItemTitle {
  color: #07afd9;
  font-size: 150%;
  font-family: inherit;
  font-weight: bold;
  padding-top: 0;
}
div.tagItemHeader h2.tagItemTitle a,
div.userItemHeader h3.userItemTitle {
  color: #07afd9;
  text-decoration: none;
}
div.tagIteminfo > * {
    color: #666666;
    display: table-cell;
    font-weight: normal;
    padding-right: 10px;
    border: none;
}
div.tagItemImageBlock,
div.userItemImageBlock {
    max-width: 100%;
}

/* module accordion */
.accordion_content {
  max-width: 100%;
}
.accordion_content h2,
.accordion_content h2 span {
  font-size: 100%;
}
.moduletable.accordion_modules .yt-mod-mainbox {
    padding: 8px 0 0;
}
.yt-accordion-content {
    color: #666;
}
.yt-accordion {
    padding: 0;
}
h2.sj-toggler {
  background: #333;
  color: #fff;
    margin: 0;
    padding: 7px 0 7px 30px;
    position: relative;
  background: #000;
}
h2.sj-toggler:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  left: 10px;
  cursor: pointer;
    background: url(../images/ico-accordion.png) no-repeat;
}
h2.sj-toggler:after {
  content: "";
  display: block;
  position: absolute;
  top:0;left:0;right:0;bottom:0;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.2) 32%, rgba(255,255,255,0.1) 74%, rgba(255,255,255,0.1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(32%,rgba(255,255,255,0.2)), color-stop(74%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0.1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.2) 32%,rgba(255,255,255,0.1) 74%,rgba(255,255,255,0.1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.2) 32%,rgba(255,255,255,0.1) 74%,rgba(255,255,255,0.1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.2) 32%,rgba(255,255,255,0.1) 74%,rgba(255,255,255,0.1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.2) 32%,rgba(255,255,255,0.1) 74%,rgba(255,255,255,0.1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#1affffff',GradientType=0 ); /* IE6-8 */

}
.rtl h2.sj-toggler:before {
  right: 10px;
  left: auto;
}
.rtl h2.sj-toggler {
  padding: 7px 30px 7px 0px;
}
h2.sj-toggler.open:before {
  background-position: -15px -15px;
}
h2.sj-toggler.open {
  border: none;
}
h2.sj-toggler.open,
h2.sj-toggler:hover {
  cursor: pointer;
  background: #08ceff;
}
.moduletable.accordion_modules {
  padding: 0;
}
#search-form .inputbox {
  margin: 0;
}
#search-form .word .inputbox {
  margin-bottom: 10px;
}
#search-form .search-button > * {
  display: inline-block;
}
ul#finder-filter-select-list li {
  background: none;
  padding: 0;
}
#advanced-search {
  padding: 15px 0;
}
/* com finder */
.phrases-box > *,
.phrases-box input {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
fieldset.only > label,
fieldset.only > input {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
fieldset.word > * {
  display: block;
}
.block a.sbCatName {
  color: #08CEFF;
}
/* /////// ------ Hover effect ------- \\\\\\\ */
a,li,img,
div.separator,
.itemContainer, .itemContainer *,
.sbCatItem, .sbCatItem * {
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.about_the_rooms_tab img:hover,
.k2ItemsBlock img:hover,
.widget-wrap img:hover {
  box-shadow: 0 0 7px 2px #999;
  -moz-box-shadow: 0 0 7px 2px #999;
    -webkit-box-shadow: 0 0 7px 2px #999999;
}
.sbCatItem:hover,
.itemContainer:hover {
    box-shadow: 0 0 5px 1px #04677F;
}
div.k2ItemsBlock a.moduleItemImage {
  display: block;
  position: relative;
  overflow: hidden;
}
.up_events.clear h3 {
  padding-top: 10px;
}
/* before */
div.k2ItemsBlock a.moduleItemImage:before {
  background: rgba(255,255,255,0.5);

  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
    top: 100%;
    right: 100%;
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
          transform-origin: left center;
       -o-transform-origin: left center;
      -ms-transform-origin: left center;
     -moz-transform-origin: left center;
  -webkit-transform-origin: left center;
}
div.k2ItemsBlock a.moduleItemImage:hover:before {
    bottom: -100%;
    left: 50%;
    right: -50%;
    top: -100%;
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
/* after */
div.k2ItemsBlock a.moduleItemImage:after {
  background: rgba(0,0,0,0.2);

  content: "";
  position: absolute;
  bottom: 100%;
  left: 100%;
    top: 0;
    right: 0;
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
          transform-origin: right center;
       -o-transform-origin: right center;
      -ms-transform-origin: right center;
     -moz-transform-origin: right center;
  -webkit-transform-origin: right center;
}
div.k2ItemsBlock a.moduleItemImage:hover:after {
    bottom: -100%;
    left: -50%;
    right: 50%;
    top: -100%;
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
/* com contact */
.rtl .contact #contact-slider.tabs,
.rtl .contact #contact-slider.tabs > * {
  float: right;
}
.contact #contact-slider.tabs {
  overflow: hidden;
  float: left;
  border: solid #e7e7e7;
  margin: 0;
  border-width: 1px 1px 0 0;
}
.contact #contact-slider.tabs > * {
  float: left;
  border-left: 1px solid #e7e7e7;
}
.contact .current {
  border: 1px solid #e7e7e7;
  clear: both;
}
.contact .current .tabs {
  margin: 20px;
}
.contact #contact-slider.tabs h3 {
    font-size: inherit;
    margin: 0;
}
.contact #contact-slider.tabs h3 a {
    padding: 5px 15px;
    text-transform: uppercase;
    color: #666;
    display: block;
    line-height: 20px;
}
.contact #contact-slider.tabs .open h3 a,
.contact #contact-slider.tabs h3 a:hover {
    background: #04677F;
    color: #FFFFFF;
}
.sienna .contact #contact-slider.tabs .open h3 a,
.sienna .contact #contact-slider.tabs h3 a:hover {  background: #A0522D;}
.orange .contact #contact-slider.tabs .open h3 a,
.orange .contact #contact-slider.tabs h3 a:hover {  background: #FFD701;}
.green .contact #contact-slider.tabs .open h3 a,
.green .contact #contact-slider.tabs h3 a:hover {  background: #008001;}
.black .contact #contact-slider.tabs .open h3 a,
.black .contact #contact-slider.tabs h3 a:hover {  background: #000000;}

.contact .tabs #contact-form legend {
    border: medium none;
    font-size: 120%;
    margin: 0;
}
.contact .tabs #contact-form input,
.contact .tabs #contact-form textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.contact .tabs #contact-form input {
    height: 30px;
}
.contact .tabs #contact-form input[type="checkbox"] {
    width: auto; height: auto;
    display: inline-block;
    margin: 0 10px;

}
.contact .tabs #contact-form button[type="submit"] {
  display: block;
  clear: both;
}
.contact .tabs #contact-form input {      width: 30%;}
.contact .tabs #contact-form textarea {      width: 40%;}
@media (max-width: 1200px){
.contact .tabs #contact-form input {      width: 40%;}
.contact .tabs #contact-form textarea {      width: 50%;}
}
@media (max-width: 1024px){
.contact .tabs #contact-form input {      width: 50%;}
.contact .tabs #contact-form textarea {      width: 60%;}
}
@media (max-width: 979px){
.contact .tabs #contact-form input {      width: 60%;}
.contact .tabs #contact-form textarea {      width: 70%;}
}
@media (max-width: 768px){
.contact .tabs #contact-form input {      width: 100%;}
.contact .tabs #contact-form textarea {      width: 100%;}
.contact #contact-slider.tabs, 
.contact #contact-slider.tabs > * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
.contact #contact-slider.tabs > * {
  border: solid #e7e7e7;
    border-width: 1px 0 0 1px;
}
.contact #contact-slider.tabs > *:first-child {
    border-width: 0px 0 0 1px;
}
}



img.jev_help {display:none;!important}