/*------------------------------- basic --*/
body{
	background:#f2f2f2;
	background-position:0 47px;
}

.contain-to-grid .top-bar,.row{
	max-width:1075px;
}

textarea {
    resize: none;
}

textarea, input { outline: none; }

table{
	border-spacing:0;
	background:none;
	border:0;
}

table tr.even, table tr.alt, table tr:nth-of-type(even) {
	background:none;
}

tr, th, td{
	background:none;
}

h1{
	font-size:2.2em;
	color:#101010;
}

h2{
	font-size:1.2em;
	color:#808080;
}

h2 a{
	color:#ff00ff;
}

h2 a:hover{
	color:#101010;
}

p{
	color:#808080;
}

a:active, a:visited, a:focus {
   outline: none;
}

a:hover, h1:hover, h2:hover,
.rating li a:hover,
.rating:hover li .selected{
-webkit-transition: all 0.3s ease-in-out;
	-moz-transition:    all 0.3s ease-in-out;
	-ms-transition:     all 0.3s ease-in-out;
	-o-transition:      all 0.3s ease-in-out;
	transition:         all 0.3s ease-in-out;
}

a{
	color:#101010;
}

a:hover{
	color:#ff00ff;
}

.button{
	background:#ff00ff;
	padding:0.8em 2.5em;
}

.button:hover, .button:focus{
	background:#101010;
}

.btn-black{
	background:#222;
}

.btn-black:hover, .btn-black:focus{
	background:#666;
}

.btn-group{
	display:inline;
	margin:0;
}

.btn-group li a{
	margin-right:0.5em;
	margin-bottom:0.5em;
}

.info-img{
	width:100%;
	margin-bottom:1em;
}

.info h2{
	color:#666;
	font-size:1em;
	display:inline-block;
	padding-right:0.8em;
	margin-right:0.5em;
	border-right:1px solid #e6e6e6;
}

.info h2 span{
	color:#101010;
}

/*--------------------------------------- TOPBAR --*/
.topbar, .topbar nav{
	background:#f2f2f2;
}

.topbar{
	border-bottom:5px solid #e6e6e6;
	margin-bottom:1em;
}

.topbar nav{
	height:;
}

.middle-menu{
	display:block;
	width:100%;
	text-align:center;
	vertical-align:top;
	position: absolute;
    left:0px;
	margin:0;
}

.middle-menu li{
	display:inline-block;
}

.middle-menu li a{
	text-transform:lowercase;
	font-size:1em;
	display:block;
	color:#101010;
	padding:10px 1.2em;
	padding-bottom:;
	border-bottom:5px solid #e6e6e6;
}

.middle-menu li a:hover,
.middle-menu li .active,
.subnav .middle-menu li a:hover,
.subnav .middle-menu li a.active{
	border-color:#999;
}

.topbar-main .middle-menu li a{
	text-transform:uppercase;
	font-size:0.8em;
	padding-top:15px;
}

.size-btn span{
	display:block;
	background:#ff00ff;
	padding:0 0.3em;
	color:#fff;
}

.size-btn:hover{
	border-color:#e6e6e6!important;
}

.size-btn-modal{
	padding:0.5em 0;
	margin:0;
	list-style:none;
	border-bottom:0.1em solid #262626;
}

.size-btn-modal .button{
	margin:0;
	background:#fff;
	color:#101010;
}

.size-btn-modal .button:hover,
.size-btn-modal .active{
	background:#fe03c3;
	color:#fff;
}

/*------------------------------- subnav / action --*/
.subnav{
	border-bottom:2px solid #e6e6e6;
}

.subnav .middle-menu li a{
	border-bottom:2px solid #e6e6e6;
	padding:10px 0.5em;
}

.subnav .middle-menu{
	text-align:left;
	position: initial;
}

.actions{
	border-top:2px solid #e6e6e6;
	margin:0;
}

.action-btn-wrap{
	position:absolute;
	top:2px;
	right:0;
}

.action-btn{
	display:inline-block;
	min-width:2.5em;
	height:2.5em;
	padding-right:1em;
	padding-left:1em;
	margin:0 0.5em;
	vertical-align:middle;
}

.action-btn-text{
	float:right;
	padding:0;
	padding-right:2em;
	padding-top:0.7em;
}

.icn-download{
	background:url(../images/icn-download.png) center no-repeat;
	background-size:50%;
}
.icn-download{
	background:url(../images/icn-download.png) center no-repeat;
	background-size:50%;
}
.icn-download:hover{
	background:url(../images/icn-download-h.png) center no-repeat;
	background-size:50%;
}

.icn-like{
	background:url(../images/icn-like.png) center no-repeat;
	background-size:50%;
}
.icn-like:hover{
	background:url(../images/icn-like-h.png) center no-repeat;
	background-size:50%;
}

.icn-msg{
	background:url(../images/icn-msg.png) center no-repeat;
	background-size:50%;
}
.icn-msg:hover{
	background:url(../images/icn-msg-h.png) center no-repeat;
	background-size:50%;
}

.icn-more{
	background:url(../images/icn-more.png) center no-repeat;
	background-size:50%;
}
.icn-more:hover{
	background:url(../images/icn-more-h.png) center no-repeat;
	background-size:50%;
}

.icn-flag{
	background:url(../images/icn-flag.png) center right no-repeat;
	background-size:1.5em;
}
.icn-flag:hover{
	background:url(../images/icn-flag-h.png) center right no-repeat;
	background-size:1.5em;
}

.icn-replies{
	background:url(../images/icn-replies.png) center right no-repeat;
	background-size:1.5em;
}
.icn-replies:hover{
	background:url(../images/icn-replies-h.png) center right no-repeat;
	background-size:1.5em;
}

.btn-small,
.btn-flag-small{
	float:right;
	width:2.9em;
	height:2.9em;
	background:red;
	margin:0;
	margin-left:0.5em;
	background:url(../images/icn-flag.png) center no-repeat;
	background-size:80%;
	border:1px solid #e6e6e6;
	display:none;
}

.btn-replies-small{
	background:url(../images/icn-replies.png) center no-repeat;
	background-size:80%;
}

.d-dropdown.open::after,
.d-dropdown.open::before {
	margin-left:0.5em;
}

.f-dropdown li{
	padding:0.8em;
}
/*------------------------------- modal --*/
.reveal-modal h1{
	font-size:1.1em;
	font-weight:bold;
	color:#101010;
	margin:1em 0;
	margin-top:-10px;
}

.menu-modal, .filter-modal{
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:center;
}

.filter-modal{
	text-align:left;
	margin-bottom:1em;
}

.menu-modal li a, .filter-modal li{
	display:block;
	color:#101010;
	border-top:0.1em solid #e6e6e6;
	padding:1em 0;
}

.filter-modal label{
	width:80%;
}

.menu-modal li a:hover{
	background:#ff00ff;
	color:#fff;
}

.modal-btn{
	background:url(../images/arrow.png) right center no-repeat;
}

.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section ul li,
.top-bar-section ul li:hover{
	color:#666;
	background:none;
}

.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section ul li:hover{
	color:#ff00ff;
}

/*------------------------------- item --*/
.item{
	background:#fff;
	padding:0!important;
	padding-top:0.2em!important;
	padding-bottom:0.2em!important;
	margin:2em 0;
}

.item h1{
	font-size:1.1em;
	font-weight:bold;
}

.item h2{
	font-size:0.7em;
	font-weight:bold;
	text-transform:uppercase;
}

.item p{
	font-size:0.8em;
	margin:0;
}

.item .header, .item .description{
	padding:0.3em 0.8em;
}

.item .header h1{
	text-align:center;
}

.item .footer{
	padding:0 0.8em;
}

.item .cover img{
	width:100%;
}

.item .footer h2:hover{
	color:#666;
}


/*------------------------------- rating --*/
.rating li{
	list-style:none;
	display:inline-block;
	vertical-align:middle;
}

.rating li a{
	display:inline-block;
	background:url(../images/icn-star.png) no-repeat center;
	background-size:contain;
	width:1.5em;
	height:1.5em;
	color:transparent;
}

.rating li .selected{
	background:url(../images/icn-star-selected.png) no-repeat center;
	background-size:contain;
}

.rating:hover li .selected{
	background:url(../images/icn-star.png) no-repeat center;
	background-size:contain;
}

.rating li a:hover{
	background:url(../images/icn-star-hover.png) no-repeat center!important;
	background-size:contain!important;
}

.item .rating{
	margin:0;
	padding:0;
	margin-top:0.3em;
	width:100%;
	text-align:center;
}

.item .rating li{
	width:8%;
}

.item .rating .title{
	width:40%;
}

.item .rating li a{
	width:100%;
	height:1.5em;
}

.actions .rating{
	margin:0;
	margin-top:0.5em;
}

.actions .rating .title{
	padding-left:1em;
}

/*------------------------------- item model --*/
.item-model{
	text-align:right;
	padding-top:0!important;
}

.item-model h1{
	text-align:center!important;
	font-size:1.5em;
	font-weight:normal;
	margin-bottom:0;
}

.item-model h2{
	color:#666;
	font-weight:normal;
	text-transform:initial;
	font-size:0.8em!important;
}

.item-model .left{
	text-align:left;
	border-left:1px solid #e6e6e6;
}

/*------------------------------- media --*/
.media{
	text-align:center;
	border-top:5px solid #e6e6e6;
}

.media h1{
	font-size:1.5em;
	padding:1em;
}

.media img{
	width:100%;
}

.media-tour{
	padding:1em 0;
	height:7em;
}

.media-tour p{
	padding-bottom:1em;
}

/*------------------------------- header --*/
.header{
	text-align:center;
	padding:2em;
	padding-top:0;
}

.top{
	text-align:right;
}

.top .profile-btn{
	display:inline-block;
	padding:1em;
	padding-right:0;
	color:#101010;
	font-size:0.8em;
	font-weight:bold;
}

.top .profile-btn:hover{
	color:#ff00ff;
}

.top .profile-btn span{
	color:#808080;
}

.top .f-dropdown{
	text-align:left;
}

/*------------------------------- main title --*/
.main-title{
	padding:1em;
}

.img-round {
    display: inline-block;
	width:100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
}

.img-round img  {
	width:100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
    vertical-align: middle;
	border:5px solid #fff;
}

.title-member{
	text-align:center;
}

/*------------------------------- comments --*/
.comments textarea{
	border-color:#ff00ff;
	margin-top:1em;
	background:#f2f2f2;
}

.cmnt{
	border-top:2px solid #e6e6e6;
	padding-top:0.8em;
}

.cmnt h1{
	font-size:1em;
}

.cmnt span{
	color:#b3b3b3;
	padding-left:1.5em;
}

.quote{
	font-style: italic;
	background:#ccc;
	padding:0.2em 1.5em;
	margin-bottom:0.5em;
	border-left:0.3em solid #bcbcbc;
}

.quote h1{
	font-style: italic;
}

.quote p{
	margin-bottom:0.2em;
}

/*--------------------------------------- gallery --*/
.gallery-block .gallery-item{
	border:5px solid #fff;
	background:#fff;
}

/*--------------------------------------- form --*/
.c-group{
	padding:1em 0;
}

/*--------------------------------------- login/contact --*/
.img-login img{
	margin:2em 0;
}

.login-box{
	border:1px solid #ccc;
	padding:0.5em 1em;
}

.contact{
	text-align:center;
}

.contact h2{
	color:#666;
	font-weight:bold;
}

/*--------------------------------------- video tour --*/
.video-tour img{
	width:100%;
}

.video-tour span{
	display:block;
	width:3.5em;
	height:3.5em;
	position:absolute;
	background:url(../images/play-icon.png);
	background-size:contain;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	margin-top: auto;
	margin-bottom: auto;
	top: 0;
	bottom: 0;
}

/*--------------------------------------- btn tour --*/
.btn-tour {
	/*background-color:#3bb3e0;*/
	background-color:#ff00ff;
	display:inline-block;
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-size:12px;*/
	font-size:1.2em;
	text-decoration:none;
	color:#fff;
	position:relative;
	/*padding:10px 20px;
	padding-right:50px;*/
	padding:0.8em 2em;
	padding-right:3em;
	background-image: linear-gradient(bottom, rgb(216,42,145) 0%, rgb(255,86,186) 100%);
	background-image: -o-linear-gradient(bottom, rgb(216,42,145) 0%, rgb(255,86,186) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(216,42,145) 0%, rgb(255,86,186) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(216,42,145) 0%, rgb(255,86,186) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(216,42,145) 0%, rgb(255,86,186) 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(216,42,145)),color-stop(1, rgb(255,86,186)));
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	-o-border-radius: 0.4em;
	border-radius: 0.4em;
	-webkit-box-shadow: inset 0px 1px 0px #ff00ff, 0px 5px 0px 0px #a20763, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #ff00ff, 0px 5px 0px 0px #a20763, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #ff00ff, 0px 5px 0px 0px #a20763, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #ff00ff, 0px 5px 0px 0px #a20763, 0px 10px 5px #999;
}

.btn-tour:hover {
	color:#fff;
}

.btn-tour:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(255,86,186) 0%, rgb(216,42,145) 100%);
	background-image: -o-linear-gradient(bottom, rgb(255,86,186) 0%, rgb(216,42,145) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255,86,186) 0%, rgb(216,42,145) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,86,186) 0%, rgb(216,42,145) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255,86,186) 0%, rgb(216,42,145) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(255,86,186)),
	color-stop(1, rgb(216,42,145))
	);
	-webkit-box-shadow: inset 0px 1px 0px #ff7cca, 0px 2px 0px 0px #a20763, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #ff7cca, 0px 2px 0px 0px #a20763, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #ff7cca, 0px 2px 0px 0px #a20763, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #ff7cca, 0px 2px 0px 0px #a20763, 0px 5px 3px #999;
}

.btn-tour::before {
	background-color:#ff00ff;
	background-image:url(../images/arrow-tour.png);
	background-repeat:no-repeat;
	background-position:center center;
	content:"";
	width:1.5em;
	height:1.5em;
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-13px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0px 1px 0px #a20763, 0px 1px 0px #ff7cca;
	-moz-box-shadow: inset 0px 1px 0px #a20763, 0px 1px 0px #ff7cca;
	-o-box-shadow: inset 0px 1px 0px #a20763, 0px 1px 0px #ff7cca;
	box-shadow: inset 0px 1px 0px #a20763, 0px 1px 0px #ff7cca;
}

.btn-tour:active::before {
	top:50%;
	margin-top:-16px;
	-webkit-box-shadow: inset 0px 1px 0px #ff7cca, 0px 3px 0px #a20763, 0px 6px 3px #ff00ff;
	-moz-box-shadow: inset 0px 1px 0px #ff7cca, 0px 3px 0px #a20763, 0px 6px 3px #ff00ff;
	-o-box-shadow: inset 0px 1px 0px #ff7cca, 0px 3px 0px #a20763, 0px 6px 3px #ff00ff;
	box-shadow: inset 0px 1px 0px #ff7cca, 0px 3px 0px #a20763, 0px 6px 3px #ff00ff;
}

.btn-tour-tiny{
	font-size:1em;
	padding:0.6em 2em;
	padding-right:3em;
}

.btn-tour-tiny::before {
	margin-top:-10px;
}

.btn-tour-tiny:active::before {
	margin-top:-13px;
}

/*--------------------------------------- footer --*/
#footer{
	border-top:2px solid #e6e6e6;
	text-align:center;
	padding:1em;
}

#footer p{
	margin:0;
	font-size:0.8em;
}

/*--------------------------------------- figcaption jquery plugin --*/
.grid figcaption{
	height:initial!important;
	padding-bottom:1.5em;
	background-color:#fff;
}
.cs-style-3 figcaption{
height:initial!important;
}


/*----------------------------icn download--*/
.icn-download{
background:url(../images/icn-download.png) center right no-repeat;
background-size:2.5em;
padding-right:3em;
margin-right:1em;
}

.icn-download:hover{
background:url(../images/icn-download-h.png) center right no-repeat;
background-size:2.5em;
}

.icn-download p{
float:right;
margin-top:1em;
}

.icn-download:hover p{
color:#d82a91;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition:    all 0.3s ease-in-out;
-ms-transition:     all 0.3s ease-in-out;
-o-transition:      all 0.3s ease-in-out;
transition:         all 0.3s ease-in-out;
}