@charset "utf-8";
/* --------------- reset --------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	font-size:100%;
	border: 0px solid white;
}
img{display:inline-block;}
html { height:100%; }
body { height:auto !important; height:100%; min-height:100%; position:relative; background: #f2f2f0; overflow-x: auto;}
a {                                      	
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	outline: none;
}
table {						
	border-collapse:collapse; 
	border-spacing:0;
}
td, td img {
	vertical-align:top;			
} 
input, select, button, textarea {
	margin:0; 				
	font-size:100%; 			
}
input[type="text"], input[type="password"], textarea {
	padding:0; 				
}
input[type="checkbox"] { 		
	vertical-align:bottom;
}
input[type="radio"] {
	vertical-align:text-bottom;
}
sub {
	vertical-align:sub;
	font-size:smaller;
}
sup {
	vertical-align:super;
	font-size:smaller;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
nav ul, ul {
	 list-style:none;
}
/* --------------- /reset --------------- */

/* --------------- fix styles ---------*/
.cc { clear:both; }
.container { width:100%;}
.container:after, .cfix:after { content:" "; display:block; height:0; clear:both; visibility:hidden;}
.hidden { display:none; }
.show { display:block!important; }
.no-margin { margin:0!important; }
.no-padding { padding:0!important; }
.no-bg { background:none!important; }
.no-border, a img { border:none!important; }
.img-repl { text-indent:-9999px; overflow:hidden; display:block; }
.left{float:left;}
.right{float:right;}
.center{margin: 0 auto;display: block;}
.txtleft{text-align: left;}
.txtright{text-align: right;}
.txtcenter{text-align: center;}
.page-layout{
	width: 90%;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.indent{
	margin: 0 50px;
}
.alert{
	border-color: red !important;
}
.out, .outhref, .modalgall{
	cursor: pointer;
}
/* --------------- /fix styles ---------*/

/* --------------- header styles ---------*/
.header{
	width: 100%;
	height: 40px;
	padding: 0;
	/*border-bottom: 1px solid #cccccc;*/
	margin-bottom: 10px;
	text-align: center;
}
.head-row{
	position: fixed;
	display: block;
	width: 100%;
	height: 40px;
	padding: 0;
	text-align: center;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
	background: url(../img/head-bg.png) repeat-x;
	opacity: 0.6;
	z-index: 10;
}
.head-row:hover{
	opacity: 10;
}
.h-row-menu{
	display: block;
	position: absolute;
	width: 34px;
	height: 30px;
	margin: 5px;
	background: url(../img/menu.png) no-repeat center top;
	cursor: pointer;
	vertical-align: middle;
	left: 0;
}
.h-row-menu:hover{
	background-position: 0 -30px;
}
.h-row-logo{
	display: block;
	width: 175px;
	height: 40px;
	margin: 0 auto;
	background: url(../img/logo.png);
	cursor: pointer;
}
.h-row-search{
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	margin: 5px;
	background: url(../img/search.png) no-repeat center top;
	cursor: pointer;
	vertical-align: middle;
	right: 0;
}
.h-row-search:hover{
	background-position: 0 -30px;
}

.menu-block{
	color: #ffffff;
	width: 1000px;
	margin: 15px auto;
	padding: 0;
	text-align: center;
	z-index: 1;
}
.menu-block-tabs{
	font: normal 16px/26px Courier,sans-serif;
}
.tab-one{
	margin: 5px auto;
	padding: 5px;
	display: inline-block;
	font-weight: bold;
	min-width: 120px;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 5px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAPSURBVHjaYmBgYNgMEGAAALgAtNah8fUAAAAASUVORK5CYII=) repeat scroll transparent;
	opacity: 0.9;
}
.tab-one:hover{
	opacity: 1;
}
.m-box{
	margin: 15px;
	/*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAPSURBVHjaYmBgYNgMEGAAALgAtNah8fUAAAAASUVORK5CYII=) repeat scroll transparent;
	opacity: 0.9;*/
}
.m-box .column-row:hover{
	text-decoration: underline;
}
.m-box span{
	margin: 5px auto;
	padding: 5px;
	display: inline-block;
	min-width: 25px;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 5px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAPSURBVHjaYmBgYNgMEGAAALgAtNah8fUAAAAASUVORK5CYII=) repeat scroll transparent;
}
.m-box span:hover{
	font-weight: bold;
}

.search-form{
	position: fixed;
	left: 5%;
	right: 5%;
	margin: 10px auto;
	line-height: 40px;
	text-align: center;
	vertical-align: top;
	z-index: 2;
}
.s-row{
	display: block;
	text-align: left;
	margin-right: 45px;
	line-height: 40px;
	padding: 0 5px;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 5px;
}
.s-btn{
	width: 40px;
	height: 40px;
	position: absolute;
	text-align: center;
	float: right;
	top: 0;
	right: 0;
}
.s-row input[type="text"] {
	font: normal 16px/40px Arial,sans-serif;
	width: 100%;
	border: 1px solid #ffffff;
	border-radius: 5px;
}
.s-btn .btn{
	display: block;
	width: 40px;
	height: 40px;
	background: url(../img/search-2.png) center top;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 5px;
}
.s-btn .btn:hover{
	background-position: 0 40px;
}
.search-info{
	color: #ffffff;
	width: 1000px;
	margin: 60px auto;
	padding: 0;
	text-align: center;
	z-index: 1;
}
.s-column{
	display: inline-block;
	width: 24.5%;
	padding: 0;
	vertical-align: top;
}
.column-row{
	display: block;
	margin: 3px 0;
	padding: 0 5px;
	text-align: left;
	font: normal 14px/30px Arial,sans-serif;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 5px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAPSURBVHjaYmBgYNgMEGAAALgAtNah8fUAAAAASUVORK5CYII=) repeat scroll transparent;
	opacity: 0.9;
}
.column-row:hover{
	opacity: 1;
}
/* --------------- /header styles ---------*/


/* ---------------  content styles ---------*/
.page{
	text-align: center;
	margin-bottom: 15px;
}

.titleline{
	background-color: #edecec;
	display: block;
	text-align: left;
	margin-bottom: 15px;
	color: #7f7f7f;
	line-height: 32px;
	font: normal 16px/32px Arial,sans-serif;
	padding: 2px 5px;
}
.title-wrap{
	line-height: 32px;
}
.title-wrap h1, .title-wrap h2, .title-wrap h3{
	display: inline-block;
	font: normal 16px/32px Arial,sans-serif;
}
i.ico-title{
	background: url(../img/ico-title.png) no-repeat center center;
	width: 20px;
	padding: 0 12px;
}

.thumbs-main{}
.thumb{
	display: block;
	text-align: left;
	border: 1px solid #cccccc;
	margin-bottom: 15px;
	min-width: 250px;
}
.thumb-block{
	margin: 5px;
}
.thumb-block img{
	margin-right: 15px;
	/*cursor: pointer;*/
}
.thumb-block-left{
	float: left;
}
.bord{
	border: 1px solid #cccccc;
}
.bord:hover{
	border: 1px solid #7F7F7F;
}
.thumb-block-right{
	
}
.thumb-main-stat{
	font: normal 12px/22px Tahoma,sans-serif;
	color: #7f7f7f;
}
.tmstat-block{
	display: inline-block;
	margin-right: 5px;
}
i.ico-eye{
	background: url(../img/ico-eye.png) no-repeat center center;
	width: 23px;
	vertical-align: middle;
	line-height: 22px;
	padding: 0 14px;
}
i.ico-like{
	background: url(../img/ico-like.png) no-repeat center center;
	width: 18px;
	vertical-align: top;
	line-height: 22px;
	padding: 0 12px;
}
i.ico-date{
	background: url(../img/ico-date.png) no-repeat center center;
	width: 15px;
	vertical-align: top;
	line-height: 22px;
	padding: 0 12px;
}
.tmstat-llink{
	display: inline-block;
	margin-right: 5px;
	text-decoration: underline;
	float: right;
	font: normal 14px/22px Tahoma,sans-serif;
	cursor: pointer;
}
.tmstat-llink:hover{
	color: #c91a00;
}
i.ico-link{
	background: url(../img/ico-link.png) no-repeat center center;
	width: 12px;
	vertical-align: middle;
	line-height: 22px;
	padding: 0 8px;
}
.thumb-main-titl{
	color: #333333;
	font: normal 22px/28px Courier,sans-serif;
	margin-bottom: 10px;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.thumb-main-titl:hover{
	text-decoration: underline;
}
.thumb-main-desc{
	color: #666666;
	font: normal 14px/20px Courier,sans-serif;
	margin-bottom: 15px;
}
.thumb-main-link{
	color: #666666;
	font: normal 16px/20px Courier,sans-serif;
	margin-bottom: 15px;
}
.thumb-main-link span{
	color: #333333;
	font: normal 14px/20px Tahoma,sans-serif;
	text-decoration: underline;
	margin-right: 15px;
	cursor: pointer;
}
.thumb-main-link span:hover{
	color: #c91a00;
}
.thumb-block-all{
	width: 100%;
	text-align: center;
	margin: 5px auto;
}
.thumb-block-all img{
	max-width: 95% !important;
}

.gal-h{
	color: #cccccc;
	font: normal 22px/30px Arial,sans-serif;
	display: block;
	text-align: center;
	max-width: 800px;
	/*white-space: nowrap;*/
	overflow: hidden;
	text-overflow: ellipsis;
}
.images{
	text-align: center;
	max-width: 800px;
	display: inline-block;
}
.hidden-link{
	display: block;
	width: 95%;
	padding: 5px;
	margin: 15px auto;
	color: #cccccc;
	font: normal 24px/30px Courier,sans-serif;
	border: 1px solid #999999;
	text-align: center;
	cursor: pointer;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAPSURBVHjaYmBgYNgMEGAAALgAtNah8fUAAAAASUVORK5CYII=) repeat scroll transparent;
	opacity: 0.9;
}
.hidden-link span{
	color: #85BC20;
	text-decoration: underline;
}
.hidden-link:hover{
	color: #ffffff;
	border: 1px solid #cccccc;
}
.gal-info{
	float: right;
	width: 200px;
	text-align: left;
}
.info-like{
	display: inline-block;
	position: fixed;
	width: 170px;
	height: 50px;
	background: url(/img/like-btn.png) center top;
	cursor: pointer;
}
.info-like:hover{
	background-position: 0 -50px;
}
.info-psite{
	display: block;
	position: fixed;
	margin-top: 55px;
	width: 170px;
	color: #cccccc;
	border: 1px solid #cccccc;
	cursor: pointer;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	font: normal 24px/50px Arial,sans-serif;
}
.info-psite span{
	text-decoration: underline;
	font-weight: bold;
	color: #85bc20;
}
.info-psite:hover{
	color: #ffffff;
	border: 1px solid #999999;
}

.hidden-comments{
	width: 95%;
	background-color: #ffffff;
	padding: 5px;
	margin: 15px auto;
	text-align: left;
	color: #000000;
	font: normal 14px/18px Arial,sans-serif;
}
.comment-form{
	display: block;
	margin-bottom: 15px;
}
.comm-name{
	line-height: 25px;
	min-width: 200px;
	border: 1px solid #cccccc;
	margin-bottom: 5px;
}
.comm-text{
	display: block;
	width: 100%;
	border: 1px solid #cccccc;
	margin-bottom: 5px;
}
.comm-form-btn{
	display: block;
	border: 1px solid #333333;
	width: 80%;
	margin: 10px auto;
	padding: 10px;
	font: bold 20px/22px Courier,sans-serif;
	text-align: center;
	background-color: #85BC20;
	color: #333333;
	cursor: pointer;
	box-shadow: 0 1px 3px rgba(0,0,0,3.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,3.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,3.5);
	-o-box-shadow: 0 1px 3px rgba(0,0,0,3.5);
}
.comm-form-btn:hover{
	color: #666666;
	border-color: #666666;
	box-shadow: 0 1px 1px rgba(0,0,0,3.5);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,3.5);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,3.5);
	-o-box-shadow: 0 1px 1px rgba(0,0,0,3.5);
}
.comment-all{
	display: block;
}
.comment-all span{
	display: block;
	margin: 5px auto;
	padding: 5px;
	color: #666666;
	font: normal 16px/20px Courier,sans-serif;
}
.one-comment{
	display: block;
	margin: 20px 10px;
	padding: 3px;
	border: 1px solid #cccccc;
}
.one-com-name{
	display: inline-block;
	color: #85BC20;
	font: normal 14px/16px Courier,sans-serif;
	padding: 0 15px 0 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 200px;
}
.one-com-country{
	display: inline-block;
	color: #666666;
	font: normal 14px/16px Courier,sans-serif;
	padding: 0 15px 0 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 200px;
}
.one-com-text{
	display: block;
	margin: 20px 0 1px 0;
	padding: 5px 10px;
	font: normal 16px/20px Courier,sans-serif;
	color: #333333;
	background-color: #f7f7f7;
}
.one-com-date{
	display: block;
	text-align: right;
	margin: 2px 0;
	padding: 0 5px;
	color: #cccccc;
	font: normal 14px/14px Arial,sans-serif;
}

.load-more{
	display: block;
	color: #7f7f7f;
	font: normal 26px/40px Tahoma,sans-serif;
	text-decoration: underline;
	margin-bottom: 20px;
	cursor: pointer;
	border: 1px solid #f2f2f0;
}
i.ico-more{
	background: url(../img/ico-more.png) no-repeat center center;
	width: 27px;
	vertical-align: middle;
	line-height: 40px;
	padding: 0 18px;
}
.load-more:hover{
	border: 1px solid #cccccc;
}
#loading-more{
	display: none;
	color: #7f7f7f;
	font: normal 26px/40px Tahoma,sans-serif;
	text-decoration: none;
	margin-bottom: 20px;
	cursor: pointer;
	border: 1px solid #f2f2f0;
}

.archive{
	line-height: 25px;
	color: #7f7f7f;
	font: normal 16px/25px Tahoma,sans-serif;
}
.arch-btn{
	display: inline-block;
	margin: 5px;
	padding: 2px 5px;
	min-width: 30px;
	border: 1px solid #cccccc;
	cursor: pointer;
}
.arch-btn:hover{
	color: #404040;
	border: 1px solid #404040;
	text-decoration: underline;
}
.archive .active{
	color: #404040;
	border: 1px solid #404040;
	text-decoration: underline;
}
.archive span{
	display: inline-block;
	margin: 5px;
	padding: 2px 5px;
	min-width: 30px;
	border: 1px solid transparent;
}

.hr{
	border:none;
	background:#cccccc;
	height:1px;
}

.thumb-model{
	display: inline-block;
	text-align: center;
	padding: 2px;
	margin: 2px;
	border: 1px solid #cccccc;
	cursor: pointer;
}

.ifr-video{
	width: 660px;
	height: 390px;
	text-align: center;
}
.ifr-video iframe{
	width: 100%;
	height: 100%;
	margin: 1px auto;
}
/* --------------- /content styles ---------*/


/* ---------------  footer styles ---------*/
.footer{
	background-color: #404040;
	padding: 15px 0;
	color: #cccccc;
	font: normal 14px/18px Courier,sans-serif;
}
.footer a{
	color: #999999;
	overflow: hidden;
	text-decoration: none;
}
.footer a:hover{
	text-decoration: underline;
}
.footer-logo{
	float: left;
	min-width: 250px;
	min-height: 90px;
	text-align: center;
	margin-right: 15px;
}
.footer-content{
	min-width: 250px;
	min-height: 90px;
}
.footer-content p{
	margin-bottom: 5px;
}
#right-btns{
	position: fixed;
	bottom: 35%;
	right: 3px;
	display: fixed;
}
#back-top{
	/*position: fixed;
	bottom: 40%;
	right: 3px;
	display: fixed;*/
}
.top-btn{
	display: block;
	width: 40px;
	height: 40px;
	background:url(../img/to-top.png) center bottom;
	background-color: #f2f2f0;
	border: 1px solid #cccccc;
	clear: both;
}
.top-btn:hover{
	background-position: 0 0;
	background-color: #cccccc;
	border: 1px solid #cccccc;
}
.chat-btn{
	display: block;
	margin: 10px 0;
	width: 40px;
	height: 40px;
	background:url(../img/chat.png) center top;
	border: 1px solid #cccccc;
	clear: both;
	cursor: pointer;
}
.chat-btn:hover{
	background-position: 0 40px;
}
/* --------------- /footer styles ---------*/
