@import url('reset.css');
@import url('fixer.css');
@import url('mobilyslider.css');
@import url('carousel.css');
/*@import url('zakstol.css');*/
@import url('contacts.css');


html { 
height: 100%;
}

body input:focus:required:invalid,
body textarea:focus:required:invalid {
	
}
body input:required:valid,
body textarea:required:valid {
	
}
body {
font-family: LoraRegular;
font-size: 14;
width: auto;
position: relative;
height: 100%;
color: #000;
/* background: url(../img/bg1.jpg) top center no-repeat fixed; */
background: url(../img/pattern1.jpg);
}




h1{color: #044b9b; font: 30px/50px CuprumRegular;margin-bottom: 15px;}
h2{font: 28px/30px CuprumRegular; color:#044b9b; margin-bottom: 15px;}
h3{font: 26px/30px CuprumRegular; color:#044b9b; margin-bottom: 15px;}
h4{font: 24px/28px CuprumRegular; color:#044b9b; margin-bottom: 15px;}
h5{font: 20px/24px CuprumRegular; color:#044b9b; margin-bottom: 15px;}
h6{font: 18px/24px CuprumRegular; color:#044b9b; margin-bottom: 15px;}
p{color: #3c3c3c; font: 16px/22px CuprumRegular; margin-bottom: 5px;}

p strong{color: #3c3c3c; font: 16px/24px CuprumBold; margin-bottom: 5px;}

ul,ol{list-style-position: inside;margin-bottom: 15px;}
li{font: 16px/24px CuprumRegular; color:#3c3c3c;}

a{font: 16px/24px CuprumRegular; color:#de5220;}

a strong{font: 16px/24px CuprumBold; color:#de5220;}

table {
color: #3c3c3c; 
font: 14px/20px CuprumRegular;
border-collapse: collapse; 
/*background: #cfc;*/
margin-bottom: 15px;
}
table, table td {
border: 1px solid #de5220;
}
table td {
padding: 2px 5px;
}
table tr:nth-child(odd) {
background: #ffd1ab;
}
table tr.top td {
background: #de5220; 
color: white; 
text-align: center;
}


.wrapper{
min-height: 100%;
}

.topmenu-area{
height: 84px;
width: auto;
position: relative;
background: url(../img/topbottom-bg.png);

}

.topmenu-center {
width: 1034px;
margin: 0 auto;
height: 84px;
position: relative;
}

.topmenu{
	list-style: none;
	float:right;
	margin-top: 24px;
}

.topmenu li{
	
	float:left;
	margin-left:15px;
	position:relative;

}

.topmenu li a{
display: block;
font: 18px/36px CuprumRegular;
color: #fff;
height: 36px;
padding: 0 19px;
text-decoration: none;
}
.topmenu li a:hover{
background: #2b5b90;
}
.topmenu li.active a{
background: #2b5b90;
}

.topmenu li.active a:after, .topmenu li a:hover:after{
content:'';
position: absolute;
height: 3px;
left: 25px;
right: 25px;
top: 12px;

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
  
-webkit-box-shadow: 0px 11px 5px 20px rgba(0,0,0,0.65);
-moz-box-shadow: 0px 11px 5px 20px rgba(0,0,0,0.65);
box-shadow: 0px 11px 5px 20px rgba(0,0,0,0.65);
z-index:-1;
}


.header {
width: 1034px;
margin: 0 auto;
height: 300px;
position: relative;
}

a.logo{
display: block;
position: absolute;
top:-77px;
width: 430px;
height: 377px;
background: url(../img/logo1.png);
}
 
.center-header{
width: 300px;
float: right;
margin-top: 70px;
}
.center-header span{
font: 28px/36px ArsenalRegular;
color: #494848;	
margin:0;
}

.center-header div{
/*height:60px;*/
margin-bottom:15px;
padding-left: 45px;
}

.center-header p{
font: 22px/30px CuprumRegular;
color: #494848;	
margin:0;
}

.cont1{
background: url(../img/map-ico.png) left center no-repeat;
}
.cont2{
background: url(../img/tel-ico.png) left center no-repeat;
}



.right-header-brd{
margin-top: 30px;
border: solid 1px #cebea1;
outline: solid 1px #fff;
padding: 11px;
float: right;

}
.right-header{
width: 260px;
padding:11px;
background: #fff;
}

.club-day{
font: 24px/36px CuprumRegular;
color: #29598e;
text-transform: uppercase;
border-bottom: 1px solid #29598e;
margin-bottom: 5px;
}


.right-header span{
font: 20px/36px CuprumRegular;
color: #ff9805;	
margin:0;
}

.right-header p{
font: 16px/20px CuprumRegular;
color: #054b9b;	
margin-bottom: 15px;
}

.right-header p em{
color: #ff9805;
}


.main-uslugi-area{
width: 1034px;
margin: 0 auto 20px;
overflow: hidden;

}

span.title1034{
display:block;
background: url(../img/line1034.png) top center no-repeat, url(../img/line1034.png) bottom center no-repeat;
height: 50px;
text-align: center;
font: 30px/50px CuprumRegular;
color: #044b9b;
margin-bottom: 30px;
}

.main-uslugi-area a.ubox{
display: block;
min-height: 300px;
width: 330px;
float: left;
margin-right:20px;
text-decoration: none;
}
.main-uslugi-area a.ubox:nth-child(4){
margin-right:0px;
}

.main-uslugi-area .uboximg{
height: 180px;
width: 310px;
background: #fff;
padding:10px;
}

.main-uslugi-area .uboximg img{
height: 180px;
width: 310px;
}

.uboximgshadow{
height: 25px;
width: 328px;
background: url(../img/ushadow.png) center center no-repeat;
}

.utitle{
color:#3c3c3c;
font: 20px/30px RobotoRegular;
}

a.ubox:hover .utitle{
text-decoration: underline;
}

.ubox p{
color:#3c3c3c;
font: 16px/22px CuprumRegular;
}


.main-content{
width: 1034px;
margin: 0 auto;
overflow: hidden;
}

.main-text{
width: 688px;
float: left;
}
.main-text p{
margin-bottom: 15px;
}


.wide-text{
margin-bottom: 30px;
}

span.title688{
display:block;
background: url(../img/line688.png) top center no-repeat, url(../img/line688.png) bottom center no-repeat;
height: 50px;
text-align: center;
font: 30px/50px CuprumRegular;
color: #044b9b;
margin-bottom: 30px;
}

.right-content{
width: 330px;
margin-left: 15px;
float: left;
}

.main-news-area{
	width: 1034px;
	margin: 0 auto 30px;
	overflow: hidden;
}

.newsbox1{
width: 330px;
margin-right: 20px;
float: left;
}
.newsbox1:nth-child(4n){
margin-right: 0px;
}

.newsbox2{
width: 320px;
float: left;
margin-bottom: 20px;
    padding: 0 10px 10px 0;
}

.newsbox3{
width: 1030px;
float: left;
margin-bottom: 30px;
}

.newsbox1-top{
	width: 320px;
	overflow: hidden;
	margin-bottom: 10px;
	float: left;
}

.newsbox1-left{
	width: 120px;
	overflow: hidden;
	margin-bottom: 10px;
	float: left;
}
.newsbox1-right{
	width: 890px;
	overflow: hidden;
	margin-bottom: 10px;
	float: left;
	padding-left: 20px;
}

.newsbox1img{
width: 117px;
/*height: 100%;*/
float: left;
}
.newsbox1img img{
width: 117px;
height: 67px;
}

.newsbox1title{
	float: left;
	margin-left: 15px;
	width: 185px;
}

span.newsdate{
	font: 14px/20px CuprumRegular;
	color: #585858;
	display: block;
	width: 190px;
}

a.newstitle{
	font: 18px/20px CuprumRegular;
	color: #054b9b;
}

a.newstitle:hover{
text-decoration: none;
}

a.redmore1{
	float: right;
	color: #ff9805;
	font: 14px CuprumRegular;
}
a.redmore1:hover{
text-decoration: none;
}

a.redmore2{
	float: left;
	color: #ff9805;
	font: 14px CuprumRegular;
}
a.redmore2:hover{
text-decoration: none;
}


/*тектовая 1*/
.big-cover-area{
width: 1014px;
height: 280px;
background: #fff;
margin: 0 auto;
padding:10px;
}

.big-cover-area img{
width: 1014px;
height: 280px;
}



.big-cover-img-shadow{
margin: 0 auto;	
height: 50px;
width: 1034px;
background: url(../img/shadow2.png) center center no-repeat;
}



.price-box{
width: 668px;
background: url(../img/line688blue.png) top center no-repeat, url(../img/line688blue.png) bottom center no-repeat;
padding: 10px 0;
overflow: hidden;
    margin-bottom: 20px;
}

.price-title {
float: left;
}

.price-title div{
    width: 90px;
    height: 140px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.price-title  p{
    font: 18px/24px CuprumRegular; 
    text-transform: uppercase; 
    margin: 0;
    padding: 0;
    color: #054b9b;
}

table.price{
    border-collapse: inherit;
    width: 382px;
    border-spacing: 0px 10px;
    text-align: center;
    vertical-align: middle;
    font: 16px/24px CuprumRegular; 
    float: left;
    margin: 0;
    
}

table.price,  table.price td{
  border: 0;  
    
    
}

table tr:nth-child(odd) {
background: url(../img/greybg.png);
    
}

table tr td:nth-child(odd) {
text-transform: uppercase;
    
}


.price tr {
    background: url(../img/greybg.png);
    
}

.price td {
    background: url(../img/vertical34.png) right center no-repeat;
    vertical-align: middle;
}
.price td:last-child {
    background: none;
}

.price-tel {
float: left;
    margin-left: 8px;
}

.price-tel div{
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    height: 140px;
    text-align: center;
}
.price-tel p{
    font: 18px/24px CuprumRegular; 
    text-transform: uppercase; 
    margin: 0;
    padding: 0;
    color: #054b9b;
}



/*
table {
color: #3c3c3c; 
font: 14px/20px CuprumRegular;
border-collapse: collapse; 
margin-bottom: 15px;
}
table, table td {
border: 1px solid #de5220;
}
table td {
padding: 2px 5px;
}
table tr:nth-child(odd) {
background: #ffd1ab;
}
table tr.top td {
background: #de5220; 
color: white; 
text-align: center;
}
*/




/*
.price-box div{
	float: left;
}

.price-box1{
width: 100px;
height: 50px;
color:#054b9b;
font: 18px/25px CuprumRegular;
text-transform: uppercase;
}

.price-box3{
width: 195px;
height: 50px;
color:#054b9b;
font: 18px/25px CuprumRegular;
text-transform: uppercase;
}

.price-box2{
width: 166px;
height: 50px;
background: url(../img/vertical34.png) center center no-repeat, url(../img/greybg.png);
margin-right: 20px;
}

.pr-inner{
width: 70px;
padding: 5px 6px;
height: 40px;
float: left;
text-align: center;
}

.pr-inner p{
color: #3c3c3c;
margin: 0;
font: 14px/21px CuprumRegular;
text-transform: uppercase;
}
*/






/*ТАБЫ*/


.tabs-area{
	margin: 30px 0;
width: 330px;
position: relative;
}

#info{
	width: 330px;
	/*border: 1px solid #999;*/
	/*padding: 0 10px;*/
}
#info div {
	width: inherit;
	background-color: inherit;
}
#info-nav{
	margin: 0;
/*	padding: 3px 0;*/
	width: 100%;
	list-style: none;
}
#info-nav li{
display: inline-block;
margin: 0;
/*	background: #ccc;
	border: 1px solid #888;
	border-bottom: 0;*/
	/*margin-right:2px;*/
/*	padding: 3px;*/
}
#info-nav li a{
display: inline-block;
width: 36px;
height: 36px;
/*float: left;*/
}
#info-nav li a:hover{
	color:#d15600;
}
/*#info-nav li.current{ 
	background: #fff;
	padding-bottom: 4px;
  
}*/

#celebs {
	clear: both;
}

span.title330{
display:block;
background: url(../img/line330.png) top center no-repeat, url(../img/line330.png) bottom center no-repeat;
height: 50px;
text-align: center;
font: 30px/50px CuprumRegular;
color: #044b9b;
margin-bottom: 30px;
}

.right-news-area{
margin-bottom: 30px;
overflow: hidden;	
}






/*Контакты*/
.map-area{
width: 1014px;
height: 400px;
background: #fff;
margin: 0 auto;
padding:10px;
}

.cont-area{
width:1034px;
margin: 0 auto;
overflow: hidden;
margin-bottom: 30px;
}

.cont-left{
width: 420px;
height: 170px;
padding: 20px;
float:left;

text-align: center;
}

.cont-left span{
font: 24px/30px CuprumRegular;
color: #054b9b;
text-transform: uppercase;
margin-bottom: 30px;
display: block;
}

.cont-left p{
font: 24px/30px CuprumRegular;
color: #3c3c3c;
text-transform: uppercase;
}



.cont-right{
	border-left: 2px solid #9e9580;
	float: left;
width: 540px;
padding-left: 30px;
    min-height: 200px;
}




.gal-area{
overflow: hidden;

}

.gal-area a{
display: block;
float: left;
width: 312px;
height: 180px;
background: #fff;
padding:9px;
margin-right:20px;
margin-bottom: 30px;
position: relative;
    overflow: hidden;
}

.gal-area a:nth-child(3n){
margin-right:0px;
}

.gal-area a img{
width: 312px;
height: 180px;
	
}

.imginfo{
    width: 292px;
    height: 66px;
    padding: 20px 10px;
    background: url(../img/galhover.png);
    position:absolute;
    bottom:9px;
    opacity: 0;
    transition: all 300ms cubic-bezier(0.59, 0.59, 0.59, 0.59) 0s;
    overflow: hidden;
}

.gal-area a:hover .imginfo{
   
    opacity: 1;
}

.imginfo p{
font: 14px/18px CuprumRegular;
color: #fff;
    margin: 0;
}
.imginfo span{
font: 16px/18px CuprumRegular;
color: #fff;
    margin: 0;  
}


.gal-area iframe{
display: block;
float: left;
width: 330px;
height: 198px;
background: #fff;
margin-right:20px;
margin-bottom: 30px;
}

.gal-area iframe:nth-child(3n){
margin-right:0px;
}







/*.pagin {
height: 46px;
position: relative;
font: 16px CuprumRegular;
margin: 20px 0;
}
.pagin a {
display: inline-block;
padding: 14px 20px;
width: 6px;
height: 18px;
background: url(../img/pagination/link.png);
color:#533629;
font-style: normal;
text-decoration: none;
margin: 0 10px;
}
.pagin a:hover {
background: url(../img/pagination/active.png);
color:#fff; 

}

.pagin .ditto_currentpage {
display: inline-block;
padding: 14px 20px;
width: 6px;
height: 18px;
background: url(../img/pagination/active.png);
color:#fff; 
}

.pagin .ditto_previous_link{
margin:0px;
text-indent: -9999px;
background: url(../img/pagination/link.png), url(../img/pagination/larr.png) center center no-repeat;
}
.pagin .ditto_previous_link:hover{
margin:0px;
text-indent: -9999px;
background: url(../img/pagination/larrhov.png) center center no-repeat, url(../img/pagination/active.png);
}
.pagin .ditto_next_link{
margin:0px;
text-indent: -9999px;
background: url(../img/pagination/link.png), url(../img/pagination/rarr.png) center center no-repeat;
}
.pagin .ditto_next_link:hover {
margin:0px;
text-indent: -9999px;
background: url(../img/pagination/rarrhov.png) center center no-repeat,url(../img/pagination/active.png);
}

*/

.blog-area{
overflow: hidden;

}


.pagin{margin: 20px 0;height:25px; position:relative; text-align:center}
.pagin a{color:#FF8500; font:14px/25px RobotoRegular; display:block; width:25px; height:25px; text-decoration:none; float:left; background:url(../img/pag/btn.png); text-align:center; margin-right:7px}
.pagin a:hover{
background:url(../img/pag/btnhover.png);
color:#fff;
}
.pagin a.spliter{background:none}
.pagin .ditto_currentpage{background:url(../img/pag/btnhover.png); font:14px/25px RobotoRegular; display:block; width:25px; height:25px; float:left; text-align:center; margin-right:7px; color:#fff;}
.pagin .ditto_previous_link{left:20px; padding:0; float:left; display:block; width:25px; height:25px; background:url(../img/pag/larr.png); text-indent:-9999px}
.pagin .ditto_next_link{right:20px; padding:0; float:left; display:block; width:25px; height:25px; background:url(../img/pag/rarr.png); text-indent:-9999px}
a.ditto_previous_link:hover{background:url(../img/pag/larrhover.png); padding:0}
a.ditto_next_link:hover{background:url(../img/pag/rarrhover.png); padding:0}










.inst__inner {

max-width: 1034px;
margin: 0 auto;

}

.inst {
max-width: 580px;
margin: 0 auto;
}





.footer108{
height: 108px;
}


.footerarea{
margin-top: -108px;
height: 108px;
width: auto;
position: relative;
background: url(../img/topbottom-bg.png);
}

.footer {
width: 1034px;
margin: 0 auto;
height: 108px;
position: relative;
}

.f1{
width: 33%;
margin-top: 20px;
float: left;
}



.like-btns{
width: 255px;
height: 37px;
margin-top: 5px;
}

.share {
width: 255px;
height: 37px;
overflow: hidden;
margin: 0 auto;
}




.social-bt a {
background: url("../img/like-sprite.png") no-repeat;
display: block;
float: left;
height: 38px;
width: 37px;
margin-right: 5px;

transition-duration: 0.8s;
transition-property: transform;
}


.social-bt a:hover {
transform: rotate(360deg);
}

a.sc-b1 {background-position: 0px 0px;}
/* a.sc-b1:hover {background-position: -639px -72px;} */

a.sc-b2 {background-position: -46px 0px;}
/* a.sc-b2:hover {background-position: -675px -72px;} */

a.sc-b3 {background-position: -92px 0px;}
/* a.sc-b3:hover {background-position: -712px -72px;} */

a.sc-b4 {background-position: -138px 0px;}
/* a.sc-b4:hover {background-position: -747px -72px;} */

a.sc-b5 {background-position: -184px 0px;}
/* a.sc-b5:hover {background-position: -783px -72px;} */

/*a.sc-b6 {background-position: -230px 0px;}*/
/* a.sc-b6:hover {background-position: -639px -72px;} */











.f2{
width: 33%;
margin-top: 30px;
float: left;
text-align: center;
}

.tm1{
color: #3c3c3c;
font: 18px/32px CuprumRegular;
padding-left: 30px;
background: url(../img/tm.png)left center no-repeat;
display: inline-block;
}


.f3{
width: 33%;
margin-top: 20px;
float: left;
}

a.logosc{
display: block;
width: 79px;
height: 58px;
text-decoration: none;
position: relative;
background: url(../img/slogo.png)left center no-repeat;
float: right;
margin-right:30px;
}

.counter{
margin-top: 10px;
text-align: right;
float: right;
}


 #vk_groups {
display: block;
}