/*CSS RESET*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align: baseline;background:transparent;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, output, section, summary{display:block;}meter,progress,mark, time{display:inline;}ol, ul {list-style: none;}blockquote,q{quotes: none;}html,body{height:100%;}img {border:0;vertical-align:top;text-align:left;}object{vertical-align:top;outline:none;}ul,ol{list-style:none;}table,table td{padding:0;border:none;border-collapse:collapse;}input,select,textarea{font-family:'Roboto Condensed',sans-serif;font-size:1em;vertical-align:middle;font-weight:normal;margin:0;padding:0;}textarea{overflow:auto;}

/*GLOBAL*/
html{min-width:950px; height: 100%;}
body{background:#000;
/*font-family:Arial, Helvetica, sans-serif;*/
/*font-family: 'Lobster', cursive;*/
/*font-family: 'Playfair Display', serif;*/
font-family: 'Roboto Condensed', sans-serif;
font-size:100%;line-height:1em;
/*color:#000;*/
height: 100%;}

#glob{
	width:100%;
    min-height: 840px !important;
	left:0;
	top:0;
	z-index:1;
	min-width:950px;
   	background:url(../images/aside.png) no-repeat;
   /*	font:14px/22px Arial, Helvetica, sans-serif;*/
   /*	color:#787878;*/
}

#gspinner{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:999;
	background:url(../images/ajax-loader.gif) #000 50% 50% no-repeat;
}

/*ELEMENTS*/
a {color:#A3EAF3;outline:none;}
a:hover{text-decoration:none;}


p,.blo{
	line-height:22px;
	margin-bottom:15px;
}

.p1{
	margin-bottom:15px;
}

.post {
    margin-bottom: 10px;
}
/*aside*/

aside{
	width:670px;
	height:100%;
	left:0;
	top:0;
	position: relative;
	z-index:2;
}

aside>.tail{
	/*position:absolute;*/
	z-index:-1;
	bottom:0;
	left:0;
	width:561px;
	top:1000px;
	background:url(../images/aside-tail.png) repeat-y;
}

#home {
float: left;
    margin: 22px 0 0 222px;
    position: absolute;
    width: 260px;
    z-index: 999;
    height: 315px;
}
#home a {    color: #2F919F;
    display: block;
    font-size: 22px;
    font-weight: bold;
    line-height: 26px;
    padding: 0 0 0 10px;
    text-decoration: none;
}

#logo {
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
}

#logo_text {
color: #2F919F;
    display: block;
    font-size: 23px;
    font-weight: normal;
    line-height: 28px;
    padding: 20px 0 50px 10px;
}

.sidebar.pleft {
float: left;
    margin: 370px 0 0 222px;
    position: relative;
    width: 340px;
    z-index: 999;
}

.workarea h1 {
font-size: 24px; color: #86CDCE;
    font-weight: normal;
    line-height: 26px;
    margin: 0 0 10px;
}
.workarea h3 {
    color: #86CDCE;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 20px;
    margin-top: 0px; line-height: 24px;
}

.modern-page-title { float: left; font-size: 13px;}

div.modern-page-navigation a, span.modern-page-dots {
    border-left-style: solid; float: left;
    border-left-width: 1px;
    font-size: 12px;
    padding: 0 10px;
    text-decoration: none; color: #999;
}
span.modern-page-current {
 color: #333 !important;
    border-left-style: solid; float: left;
    border-left-width: 1px;
    font-size: 12px;
    padding: 0 10px;
    text-decoration: none; color: #999;

}

aside .soc-links{
	position:absolute;
	left:310px;
	bottom:60px;
}

aside .soc-links li{
	float:left;
	/*background:url(../images/soc-ico-sep.png) 100% 50% no-repeat;*/
	padding-right:10px;
	margin-right:10px;
}

aside .soc-links li.lst{
	background:none;
	margin:0;
	padding:0;
}

aside .soc-links a{
	font:12px/1.2em 'Alegreya SC', serif;
	color:#b0b0b0;
	text-transform:uppercase;	
}

aside nav{
	position:absolute;
	left:369px;
	top:0;
	z-index:1;
	background:url(../images/nav-bg.png) 0 4px;
	width:189px;
	height:444px;
}

aside .nav-mask-1{
	position:absolute;
	left:0;
	top:0;	
	z-index:2;
}

aside .nav-mask-2{
	position:absolute;
	left:0;
	top:111px;	
	z-index:2;
}

aside .nav-mask-3{
	position:absolute;
	left:0;
	top:355px;
	z-index:2;
}

aside nav>ul{
    left: 49px;
    position: absolute; display: none;
    top: 168px;
    z-index: 99;
}

aside nav li{
	position:relative;
}

aside nav>ul>li>a{
	font-size:12px; line-height: 22px;
	color:#dbdbdb;
	text-decoration:none;

	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

aside nav>ul>li>a:hover,aside nav>ul>li.active>a,aside nav>ul>li._hover>a{
	color:#fff;
}

aside nav>ul>li>ul{
	position:absolute;
	left:84px;
	top:-14px;
	width:122px;
	background:url(../images/dropDown-lvl1-sp.png);
	padding:12px 20px 12px 26px;
}

aside nav>ul>li>ul ul{
	position:absolute;
	left:142px;
	top:-10px;
	width:76px;
	padding:10px 20px;
	background:url(../images/dropDown-lvl2-sp.png);
}

aside nav>ul>li>ul a{
	font:17px/40px 'Rosarivo', serif;
	color:#dbdbdb;
	text-decoration:none;
	background:url(../images/dd-sep.png) 0 100% repeat-x;
	display:block;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

aside nav>ul>li>ul .lst>a{
	background:none;
}

aside nav>ul>li>ul a:hover,aside nav>ul>li>ul ._hover>a{
	color:#fff;
}

aside nav .open-menu{
	width:47px;
	height:96px;
	left:133px;
	top:173px;
	z-index:10;
	position:absolute;
	display:block;
	background:url(../images/blank.gif);
}

/*#content*/
#content{
	/*position:absolute;*/
	width:600px;
	left:0;
	top:0;
	margin-left:690px;
	height:100%; color: #fff;
}

#content>ul>li{
	position:absolute;
	left:745px;
	top:120px;
	width:470px;
}

h2,h3{
	color:#cecece;
	font:35px;
	margin-bottom:14px;
}

h3{
	font-size:30px;
	margin-bottom:26px;
}

h4{
	color:#cecece;
	font:18px/1.2em;
	margin-bottom:16px;
}
.news_short {
   margin: 35px 0 0;
    width: 270px !important;
}
.news_short h3 {
  color: #2F919F;
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 10px;
}
#all_news {
    color: #999999;
    float: right;
    font-size: 12px;
    line-height: 17px; padding-top: 1px;
}
#all_news a {
  color: #999 !important;
}

.news_short .news-list h3 {
color: #555555 !important;
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
    margin-bottom: 0;
    margin-top: 0;
}
.news_short .news-list h3 a {
    color: #555555 !important;
}

.news_short .news-list p {
    color: #333333;
    font-size: 13px;
    line-height: 15px;
}

.news-date-time {
color: #FFFFFF;
    font-size: 12px !important;
    line-height: 17px;
    margin: 0 10px 0 0;
    padding: 3px 7px 3px 0;
    text-align: center;
    width: 46px;
}
.news-date-time a { color: #A6A6A6;
    text-decoration: none;}
.news-date-time a:hover { color: #999;}

.post .news-date-time {
color: #FFFFFF;
    font-size: 12px !important;
    line-height: 30px;
    margin: 0 10px 0 0;
    padding: 3px 7px 3px 0;
    text-align: center;
}


.news-list h3 {
color: #A3EAF3;
    font-size: 21px;
    font-weight: normal;
    line-height: 25px;
    margin-bottom: 10px;
    margin-top: 0;
}

.date dt{
	width:64px;
	background:#333;
	text-align:center;
	margin-right:16px;
	font:30px/24px 'Rosarivo', serif;
	padding:14px 0;
	color:#d6d6d6;
	
	-webkit-border-radius: 9px;
	border-radius: 9px; 
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

#catalogue .carousel>ul>li{
	margin-right:14px;
}

#catalogue .imgs{
	margin-left:-14px;
	margin-top:-27px;
	width:480px;
}

#catalogue .imgs li{
	float:left;
	margin-left:14px;
	padding-top:27px;
}

#catalogue .pags{
	padding-top:32px;
	margin-left:160px;
}

#catalogue .pags>ul>li{
	float:left;
	margin-right:12px;
}

#catalogue .pags>ul>li a{
	color:#757575;
	font:15px/1.2em 'Rosarivo', serif;
	text-decoration:none;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#catalogue .pags>ul>li a:hover,#catalogue .pags>ul>li.active a{	
	color:#fff;
}

#catalogue .pags>ul{
	float:left;
}

#catalogue .pags .prev,#catalogue .pags .next{
	width:25px;
	height:25px;
	float:left;	
	background:url(../images/prev-next-sp.png);
}

#catalogue .pags .prev{
	margin-right:16px;
}

#catalogue .pags .prev:hover{
	background-position:0 100%;
}

#catalogue .pags .next{
	margin-left:4px;
	background-position:100% 0;
}

#catalogue .pags .next:hover{
	background-position:100% 100%;
}

#shop .img-box-set{
	margin-top:-27px;
}

#shop .img-box-set dl{
	padding-top:27px;
}

#shop .img-box-set dt{
	margin-right:17px;
}

#shop .img-box-set .btn{
	margin-right:15px;
}

#shop .img-box-set .price{
	font:15px/30px 'Rosarivo', serif;
	color:#fff;
}

#contacts .address dd{
	width:194px;
	margin-left:136px;
}

/*footer*/
footer{
/*	position: relative;*/
	width:100%; float: left;  	background:url(../images/content-ov.png);
/*	left:0;
	bottom:0;*/
	z-index:3;
}
.foot { width: 971px; margin: 0 auto; }

footer .privacy{
	width:222px; float: left;
	bottom:30px;
	font:11px/18px Arial, Helvetica, sans-serif;
	color:#808080;
}

footer .privacy>span{
	color:#b3b3b3;
}

footer .bg-pags{

	bottom:59px;
}

footer .bg-pags li{
	float:left;
	margin-right:2px; width: 30px !important; margin-top: 0px !important;
}

footer .bg-pags li a{
	width:34px;
	height:6px;
	display:block;
	background:#313131;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

footer .bg-pags li a:hover,footer .bg-pags li.active a{
	background:#fff;
}


/*forms css*/
#form1{
	position:relative;
	z-index:1;
}

#form1 label{
	float:left;
	position:relative;
	z-index:1;
}

#form1 input,#form1 textarea{
	outline:none;
	box-shadow:none;
	width:443px;
	background:#2c2c2c;	
	border:1px #3d3d3d solid;
	float:left;
	color:#787878;
	font:14px Arial, Helvetica, sans-serif;
	margin-bottom:8px;
	padding:10px 12px;
	
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

#form1 textarea{
	resize:none;
	height:157px;
	margin-bottom:28px;
}

#form1 .btns{
	float:right;
	margin-right:124px;
}

#form1 .btns a{
	float:left;
	margin-left:8px;
}

#form1 .error,#form1 .empty{
	position:absolute;
	right:0;
	top:0;
	z-index:1;
	font-size:10px;
	color:#fff;
}

#form1 .success{
	width:100%;
	height:64px;
	padding-top:18px;
	background:#2c2c2c;	
	border:1px #3d3d3d solid;
	color:#fff;
	
	position:absolute;
	z-index:2;
	
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;	
}


/*js css*/

#bgStretch .spinner{
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:url(../images/ajax-loader.gif) 50% 50% no-repeat;
}

/*additional classes*/
.light{
	color:#d2d2d2;
}

.white{
	color:#fff;
}

.f16{
	font-size:16px;
}

.border-bottom{
	background:url(../images/border.png) 50% 100% no-repeat;
	padding-bottom:42px;
	margin-bottom:24px;
	overflow:hidden;
}

.fl{float:left;}
.fr{float:right;}
.col-1,.col-2,.col-3{float:left;}
.all{text-align:left;}
.alr{text-align:right;}
.alc{text-align:center;}
.wrapper{width:100%;overflow:hidden;}
a.und,.und a{text-decoration:none;}
a.und:hover,.und a:hover{text-decoration:underline;}
a.nocolor, .nocolor a{color:inherit;}
.upc{text-transform:uppercase;}
.bold{font-weight:bold;}
.wrap{overflow:hidden;}
.nopa{padding:0;}
.noma{margin:0;}
.nobg{background:none;}
.nobd{border:none;}
.nofl{float:none;}
.dn{display:none;}
.clear{clear:both;line-height:0;}



/*custom boxes*/
.btn{
	font:15px/30px 'Rosarivo', serif;
	color:#ddd;
	display:inline-block;
	padding:0 12px;
	background:#333;
	text-decoration:none;
	
	
	-webkit-border-radius: 2px;
	border-radius: 2px; 
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;

	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.btn:hover{
	background:#ddd;
	color:#333;
}

.list a{
	font:11px/26px Arial, Helvetica, sans-serif;	
	color:#787878;
	text-transform:uppercase;
	text-decoration:none;
	background:url(../images/mrk.png) 0 45% no-repeat;
	padding-left:10px;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.list a:hover{
	color:#fff;
}

dl.address{overflow:hidden;}
dl.address dd{text-align:right;clear:both;}
dl.address dd span{float:left;}

dl.img-box,.img-box-set dl,dl.img-box dd,.img-box-set dl dd{overflow:hidden;}
dl.img-box dt,.img-box-set dl dt{float:left;}

.content-inner ul > li ul li:after, .sidebar .nav.popup > li > ul > li ul li:after {
    content: "";
}

/*menu*/


.sidebar .nav.popup > li > ul {
    display: block;
}
.sidebar .nav.popup > li > ul > li > ul {
    box-shadow: none !important;
    display: none;
    margin-bottom: 10px;
    padding: 3px 0 0 30px;
}


/**/

.topnav {

    padding: 40px 28px 25px 0;
    width: 300px;
}
ul.topnav {
    font-size: 1em;
    line-height: 0.5em;
    list-style: none outside none;
    margin: 0 0 30px 0;
    padding: 0;     border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
}
ul.topnav li {
}
ul.topnav li a {
    color: #2F919F;
    display: block;
    font-weight: bolder;
    line-height: 10px;
    padding: 10px 5px 10px 10px;
    text-decoration: none;
    background: transparent;
    border-bottom: 1px solid #D3D3D3;
}
ul.topnav li a:hover {
    background-color: #F5F5F5;
    color: #2F919F;
}
ul.topnav li ul  {
    display: block;
    margin: 0;
    padding: 0;
}
ul.topnav li ul li ul {
    display: none;
    margin: 0;
    padding: 0;
}

ul.topnav ul li {
    clear: both;
    margin: 0;
    padding: 0; border: none;
}
ul.topnav ul li a {
    font-size: 14px;
    font-weight: normal;
    outline: 0 none;
    padding-left: 15px;
    line-height: 16px;
}
ul.topnav ul li a:hover {
    background-color: #F5F5F5;
    color: #555;
}
ul.topnav ul ul li a {
    color: #2F919F;
    padding-left: 30px;
}
ul.topnav ul ul li a:hover {
    background-color: #F5F5F5;
    color: #555555;
}
.topnav li span {
    float: right; display: block;
}
.topnav ul li span {
    float: right; display: block;
}