﻿@import url("style1/header.css");
@import url("style1/header-media.css");
@import url("style1/page-home.css");
@import url("style1/page-landing.css");
@import url("style1/footer.css");
@import url("style1/single.css");
@import url("style1/category.css");
@import url("style1/sidebar.css");
@import url("style1/cf7.css");
body{
  margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
font-family: tahoma;
line-height: 16px;
color: #6C6C6C;
}
html{
  /*margin: -17px 0 0;*/
  padding: 0;
  height: 100%;
  width: 100%;
}
#site-header img {
  margin: 6px 0 7px;
  width: 330px;
  
}
/* ===================== */
.gallery-caption {
    margin-left: 0;
    position: relative;
    color: #000;
    background: rgba(255, 255, 255, 0.6);
    height: 50px;
    overflow: hidden;
    display: block;
    margin-top: -50px;
    padding: 5px;
    line-height: 20px;

}

.wrapper {
 position: absolute;
 width: 100%;
}
.alignleft {
	display: inline;
	float: left;
	letter-spacing: 1px;
}

.alignright {
	display: inline;
	float: right;
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
	margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
	margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
	margin-top: 0.4em;
	margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
	margin-bottom: 1.2em;
}
/* =================== */
.preheader{
background: #fefcec;
font-size: 17px;
height: 55px;
}
.attachment-thumbnail{
	width: 100%;
    height: auto;
}
#gallery-1 img {
    border: 2px solid #fff !important;
    margin: 0 !important;
}
.gallery-item, #gallery-1 {
    margin: 0 !important;
}
#gallery-3 img {
    border: 2px solid #fff !important;
}






























/*
@media screen and (min-width: 800px) {
#site-header {
  visibility: hidden;
  position: absolute;
}
}
*/
.phone {background: #1e66ab;float: right;font-size: 18px;font-weight: bold;}
.menubron {background: #f35248;float: right;}
.phoneNumber li {
  color: #a32431;
  float: left;
  list-style: outside none none;
  margin: 0 18px 0 0;
}
.menuDontUp {
    float: right;
    text-transform: uppercase;
}
.big-menu li {
  float: left;
  list-style: outside none none;
}
.big-menu a {

  color: #888888;
  padding: 0 30px;
  text-align: center;
  text-decoration: none;
}


.inPreheader {
  max-width: 1200px;
  margin: 0 auto;
  min-width: 250px;
}

.prostoParalaxOne{
background:  url("../../img/aa.jpg") repeat fixed center center;
min-height: 400px;
}
.paralaxForImageBlock{
background:  url("../../img/textura/textura_fon_bordo.png") repeat fixed center center;
min-height: 400px;
margin-top: -20px;
}
.specialForLayerSlaider {
margin: -77px auto 0;
}
  .rtbs {
  margin: 0 !important;
}
.rtbs .rtbs_menu ul {

    background-color: #D7FF89;
}

.rtbs .rtbs_menu li a {
    display: block !important;
}
.rtbs_full .rtbs_menu ul li a {
  text-align: center;
}
.rtbs .rtbs_menu li {
 // width: 100%;
}

section {
  margin: 0 auto;
  min-width: 250px;
  max-width: 1100px;
}
.leftSidebar {float: left;width: 220px;}

.inSection {
  margin: 0 2% 30px;
  /*max-width: 1000px;*/
  min-height: 500px;
  min-width: 250px;
  padding: 30px;
  padding-bottom: 60px;
  text-align: justify;
  background: rgba(255, 255, 255, 0.54) none repeat scroll 0% 0%;
  /*width: 96%;*/
  border: solid 1px rgba(0, 0, 0, 0.2);
  width: 66%;
  float: left;


}
.sectionInleftsidebar,.inRigthSideBar {
  margin: 0 auto;
  /*max-width: 1200px;*/
  min-width: 250px;
}
.inSectionLeftSidebar {
margin-left: 235px;
text-align: left;
}

.forInOneParalax {
  margin-top: -20px;
  background: #a32431  url("../../img/22.jpg") repeat fixed center center;
}


.hotelreteringrestoran > p {
  display: none;
}


/* rightSidebar */
.rightSidebar {
 float: left;
 max-width: 350px;
 /*min-height: 200px;
 min-width: 250px;*/
 /*margin-top: -20px;*/
 color: #A1A1A1;
 font-size: 16px;
 margin-top: -20px;
 width: 30%;
 padding-right: 2%;
}

.inSectionRightSidebar {
  margin-right: 370px;
  margin-left: 20px;
  min-height: 500px;
  text-align: justify;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 30px;
  border: solid 1px #C8C8C8;
  color: #6B6B6B;
}
.sota {
  margin: -12px 0 0 0 ;
  padding: 0;
}
/* rightSidebar */


/* =========Columns========== */
.column {
  float: left !important;
  width: 100%;
  padding: 10px;
}
.columnpadding {
  float: left !important;
  width: 100%;
  padding: 10px 5% 20px 5%;
}
.column1-2 {
  float: left !important;
  width: 50%;
  padding: 10px;
}
.column1-4 {
  float: left !important;
  width: 25%;
  min-width: 200px;
  padding: 10px;
}
.column2-3 {
  float: left !important;
  width: 67%;
  padding: 10px;
}
.column1-3 {
  float: left !important;
  width: 33%;
  padding: 10px;
}
.column3-4 {
  float: left !important;
  width: 75%;
  padding: 10px;
}
.column1-4block{
  float: left !important;
  width: 21%;
  padding: 2%;
  background-color: #DBDBDB;
  color: #727272;
}


  .bgToFirstPage {
  height: 100%;
  width: 100%;
  background: #2b303a;
  padding-bottom: 1px;
}
.imgkvartira {
  height: auto;
  width: 200px;
}
.imgauto {
  height: auto;
  width: 100%;
  border: solid 1px #C6C6C6;
  /*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.23);
  max-width: 700px;*/
}

.kvartiraTable {
  font-size: 17px;
}
.kvartiraTable td {
  text-align: left;
  width: 30%;
}
.IncolumnsThreCol {
  display: block;
  margin: 0 auto;
  max-width: 1000px;
  min-width: 250px;
}
.columnsThreCol {

}
/*------------------Table-----------*/
.Table{
  font-size: 20px;
}
.Table td {
  text-align: left;
  padding: 3px 10px;
}
.Table tr:nth-child(2n+1){
    background-color: #cbd5d9;
}
.Table tr:nth-child(2n){
    background-color: #bdc6ca;
}
.Table td:nth-child(2n){
    text-align: center;

}
/*------------------Table New-----------*/
.kvartiraTablenew{
  font-size: 20px;
}
.kvartiraTablenew td {
  text-align: left;
  width: 100%;
  padding: 5px 20px;
}
.kvartiraTablenew tr:nth-child(2n+1){
    background-color: #E7E7E7;
	color: #8C8C8C;
}
.kvartiraTablenew tr:nth-child(2n){
    background-color: #c2c2c2;
	color: #fff;
}
.kvartiraTablenew td:nth-child(2n){
    text-align: right;

}
/*------------------Table 1floor-----------*/
.firstfloorTable{
  /*font-size: 20px;*/
  text-decoration: none;
}
.firstfloorTable td {
  text-align: left;
  /*width: 100%;*/
  padding: 0.5rem 40px;
}
.firstfloorTable tr:nth-child(2n+1){
    background-color: #E7E7E7;
	color: #8C8C8C;
}
/*.firstfloorTable tr:nth-child(2n+1){
    background-color: #c2c2c2;
	color: #fff;
}*/
.firstfloorTable td:nth-child(2n+1){
    background-color: #335f85;
	color: #fff;
}
.firstfloorTable td:nth-child(2n+2){
    background-color: #f6f6f6;
	color: #333;
}
.firstfloorTable td:nth-child(2n+3){
    background-color: #f6f6f6;
	color: #333;
	}
/*-----------------------------*/
.rtbs > .rtbs_content {
  background: rgba(249,249,249,0.5) !important;
  color: #333;
  display: none;
  padding: 23px 30px 1px;
}
#accordions-98 #ui-id-1 {
  background: #ee7676 none repeat scroll 0 0;
}
#accordions-98 #ui-id-3 {
  background: #eede76 none repeat scroll 0 0;
}
#accordions-98 #ui-id-5 {
  background: #70df6d none repeat scroll 0 0;
}
#accordions-98 #ui-id-7 {
  background: #769dee none repeat scroll 0 0;
}
#accordions-98 #ui-id-9 {
  background: #cb76ee none repeat scroll 0 0;
}
/* Timer */
.endOfBuilding {

margin: 139px auto;
padding: 36px 0;
text-align: center;
}
.endOfBuilding h2 {
  color: #fff;
  padding: 15px;
}
/* Timer */
.hotelreteringrestoran {
  margin: 0 auto;
  max-width: 900px;
  min-width: 250px;
  padding: 60px;
  min-height: 900px;
}
.olStyleForROKK {
  display: block;
  font-size: 1.5em;
  margin: 0px auto;
  max-width: 980px;
  min-height: 330px;
  min-width: 250px;
  width: 100%;
  padding: 10px;
}
 .sad {
  height: 620px;
}
.olStyleForROKK img {
display: block;
float: left;
height: 300px;
margin:15px  20px 15px 0;
width: auto;
}
.olStyleForROKK > br {
  display: none;
}

.olStyleForROKK > h2 {
    color: #fff;
    text-align: left;
    font-size: 40px;
}
.olStyleForROKK ul li a {
color: #fff;
line-height: 26px;
text-align: left;
text-decoration: none;
}
.olStyleForROKK ul li a:hover{
  text-decoration: underline;
}
.olStyleForROKK > ul {
  list-style: none;
  text-align: left;
}

.olStyleForROKK img:hover {
  opacity: 0.7;
  transition: ease-in 100ms;

}

.restaraunt {
  background: rgba(109, 54, 15, 0.9) none repeat scroll 0px 0px;

}
.ketering {
    background: rgba(72, 90, 27, 0.9) none repeat scroll 0px 0px;
}
.cook {
    background: rgba(35, 55, 55, 0.9) none repeat scroll 0px 0px;
}

.ketering > h2,.cook > h2 {
  text-align: right !important;
}

.ketering li, .cook li {
  text-align: right;
}
.hotel {
    background: rgba(143, 104, 56, 0.9) none repeat scroll 0% 0%;
}

.rightPositio {
  float: right !important;
  margin: 15px 0 15px 20px !important;
}
.sixImages {
  max-width: 900px;
  min-width: 250px;
  padding: 57px 0px 30px 0;
  margin: 0 auto;
  min-height: 700px;
}

.olStyleForROKK a h2 {
  text-decoration: none;
  color: #fff;
}
.olStyleForROKK a {
    text-decoration: none;
}
.olStyleForROKK a:hover{
  text-decoration: underline #FFFFFF;

}
.ketering.olStyleForROKK h2,.cook.olStyleForROKK h2 {
  text-align: right;
}

.imageToblock  img {
  background: #fff none repeat scroll 0 0;
  display: block;
  height: 250px;
  margin: 0 auto;
  width: 250px;
  border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.3);
border: 3px solid #fff;
}

.imageToblock > h2 {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.3);
    color: #335f85;
    margin-top: -54px;
    padding: 15px;
    text-align: center;
    z-index: 3;
    position: relative;
}
.imageToblock {
  display: block;
  width: 270px;
  margin: 15px;
  float: left;
}

.compact-theme.wp-posts-carousel .wp-posts-carousel-container {

  border: none !important;
}
.compact-theme.wp-posts-carousel .wp-posts-carousel-container:hover{
  border: none !important;
  background: none !important;
}

.compact-theme.wp-posts-carousel .wp-posts-carousel-image img {
  border: 10px solid #fff !important;
  border-radius: 100%;
  width: 265px !important;
}
.compact-theme.wp-posts-carousel .wp-posts-carousel-image img:hover {
  border: 5px solid #fff !important;
  border-radius: 100%;
  width: 275px !important;
  transition: ease 50ms;
}

.comment-body a {
  color: #335f85;
  text-decoration: none;
}

.comment-body a:hover{
  text-decoration: none;
  background: #335f85;
  color: #5FC7E9;
}

.comment-author {
  height: 50px;
}
.avatar {
  /*float: left;*/
  margin-right: 20px;
  border-radius: 50px;
}
.fn {
  font-size: 17px;
  padding: 7px;
  font-style: normal;
}

.comment-body {
  margin-bottom: 20px;
}

#respond > form {min-width: 250px;padding: 10px 10px 60px 25px;background-color: #F8F8F8;border-width: 1px;border-style: solid;border-color: #e7e7e7;}
form a{
   color: #335f85;
}

#commentform input {
  display: block;
  text-align: center;
  float: right;
  font-family: tahoma;
  font-size: unset;

}
#submit{
  background: #41ABE8;
  border: none;
  color: #fff;
  padding: 10px 30px;
}
.children {
  list-style: outside none none;
}
.commentlist li {
margin: 10px 0 20px;
list-style: outside none none;
padding: 20px;
border-width: 1px;
border-style: solid;
border-color: #e7e7e7;
background: #F8F8F8;
}
.comment-body > p {font-style: italic;}

.site-content {
  margin: 0 auto;
  max-width: 1280px;
  min-width: 250px;
  width: 70%;
  float: left;
}
@media screen and (max-width: 900px) {
.site-content {
  width: 100%;
}
.rightSidebar,.leftSidebar {
width: 100%;	
padding: 2%;
max-width: 100%;
	
}
.inSectionLeftSidebar {
    margin-left: 0;
}
}
.plitochka {
  /*padding: 5%;*/
  width: 96%;
  /*max-width: 300px;
  min-height: 430px;*/
  /*background: rgba(255, 255, 255, 0.54) none repeat scroll 0% 0%;*/
  width: 96%;
  border: 2px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 5%;
}
.plitochka a img {
  height: auto;
  width: 100%;
  transition: all 0.2s linear 0s;
}
.plitochka a img:hover {
  height: auto;
  padding: 3px;
  transition: all 0.2s linear 0s;
}
.inpl {
  float: left;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 33%;
}
.plitochka a h2 {
  text-align: center;
  font-size: 22px;
  margin: 0px;
  background: #4b7a1f;
  color: #D9EC97;
  padding: 8px;
}
.plitochka a h2:hover  {
  background: #629123;
  color: #fff;
}
.plitochka a:hover {
  text-decoration: none;
}
.plitochka-category {
  padding: 8px; 
  height: 100px;
  color: fff;
}
.reply a{
  background: #5FD1E9;
  display: block;
  padding: 10px;
  text-align: center;
  width: 200px;
  float: right;
}
.reply {
  height: 27px;
}
.inCont {
  min-height: 500px;
}
.creatingBy > a {
  color: gray;
  text-decoration: none;
}
.creatingBy > a:hover
{
  text-decoration: underline;
}

#respond a {
  color: #335f85;
  text-decoration: none;
}

#respond a:hover{
  text-decoration: underline;
}

.ContetPOst {
    font-size: 17px;
    line-height: 22px;
    text-align: justify;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}
.inKuhar{
  background-color: rgba(255, 255, 255, 0.8);
  padding: 30px;
}

.OurContacts {
  float: right;
  min-width: 250px;
  padding-left: 0;
  width: 100%;
}
.inOurContakts {
  margin-left: 40px;
  width: 290px;
  margin: 0 auto;
  color: #335f85;
}
.commentlist {
  /*background: rgba(255,255,255,0.7);*/
  padding: 0px;
}
.adress {
background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
margin-bottom: 20px;
min-height: 250px;
padding: 0;
}
.widthFivespercent{
    max-width: 50%;
}
.inOurContakts li {
  list-style: none;
}



.comment-meta.commentmetadata{
  display: none;
}
.clearfix{
  clear: both;
}

.creatingBy {
  text-align: center;
   padding: 16px;
   /*background: #1B4254;*/
}

.imgToFooter > p {
  text-align: center;
}
.inFooter {
  max-width: 1200px;
  min-width: 250px;
  margin: 0 auto;
  display: block;
min-height: 300px;
padding: 28px 0;

}
.firstFoterWidget, .secondFoterWidget, .thirdthFoterWidget, .forthFoterWidget{
  float: left;
  display: block;
  width: 25%;
}
/*======= Сайдбар(виджет) ======*/
.widget h2 {font-size: 20px;padding: 7px;margin: 0;text-align: center;}
.widget-title {background: #41ABE8;color: #fff;}
.cat-item {padding: 2px;background: #f2fed3;margin-top: 3px;border-radius: 25px;}
/*======= END Сайдбар(виджет) ========*/
.inFooter aside {
  margin: 0 0 0 20px;
}
.footerlogo {
  width: 100%;
  height: auto;
  margin: 50px auto;
}
@media screen and (max-width: 1250px){
 .inFooter aside {
  margin: 0 0 0 2%;
}


}

@media screen and (max-width: 1100px){
.firstFoterWidget {
  width: 18%;
}
.thirdthFoterWidget, .forthFoterWidget{
  width: 260px;
}
 .secondFoterWidget {
  width: 17%;
}


}
/* Forma zakaza */
@media screen and (max-width: 800px)  {
  .inpl {
  width: 50%;
}
.olStyleForROKK {
float: none;
font-size: 1.2em;
margin: 0px auto;
min-width: 250px;
width: 100%;
}

.olStyleForROKK a h2{
  text-align: center !important;
}

.olStyleForROKK img {
  display: block;
  float: none;
  height: auto;
  margin: 0 auto;
  width: 100%;
}

.olStyleForROKK > h2 {
  text-align: center;
}
.olStyleForROKK > ul {
  list-style: outside none none;
  text-align: left ;
}
.ketering > h2, .cook > h2 {
  text-align: center !important;
}
.ketering li, .cook li {
  text-align: left;
}

.widthFivespercent {
 max-width: 100%;
}

}

@media screen and (max-width: 800px){
 .firstFoterWidget, .secondFoterWidget, .thirdthFoterWidget, .forthFoterWidget{
  float: none;
  display: block;
  max-width: 300px;
  width: 100%;
  margin: 15px auto;
}
}

@media screen and (max-width: 476px){

.inpl {
  width: 100%;
}
}

@media screen and (min-width: 800px) and (max-width: 1043px){

.big-menu a {
  padding: 0 17px;
}

.phoneNumber li {
  margin: 0 3px -20px 0;
}

.phoneNumber li {
  float: none;
}

}
@media screen and (min-width: 800px) and (max-width: 1110px){
.menuDontUp {
  margin-top: -54px;
}

}
@media screen and (max-width: 886px)  {


}



@media screen and (max-width: 751px)  {
.sixImages {
height: 911px ;
}
}
@media screen and (max-width: 599px)  {
.sixImages {
height: 1900px ;
}
.imageToblock {
  float: none !important;
  margin: 15px auto !important;
}
}
@media screen and (min-width: 886px) and (max-width: 1034px){

}
@media screen and (max-width: 1100px) {
.style-menu-logo2{
margin-left: 80px !important;
}
.main-nav a{
font-size: 16px;
}
}
@media screen and (max-width: 900px) {
.style-menu-logo2{
margin-left: 80px !important;
}
.main-nav a {
  font-size: 12px !important;
}
.onas{
	width: 96% !important;
}
.inSection {
	width: 96% !important;
}
}
@media screen and (max-width: 800px){
.column2-3,.column1-3 ,.column1-2 ,.column1-4,.column1-4block{
  width: 100%;
  padding: 0;
  text-align: center;
}
.onas{
	width: 100% !important;
	padding: 30px 20px 20px !important;
}
.onas-title{
    width: 100% !important;
	margin: -40px auto 20px !important;
}
.onas-in{
    padding: 20px 20px 20px !important;
}

}
.container-fluid {
    margin: 0 auto 30px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: tahoma;}

a {
    color: #777;
	outline: none !important;
}
/*---Хлебные крошки---*/
.breadcrumbs {
    background: rgba(231, 231, 231, 0.9) none repeat scroll 0% 0%;
    padding: 10px;
    max-width: 1000px;
    margin: 0 auto;
}
/*---разделитель---*/
.sep{
    color: #4b7a1f;	
}
/*---текущая крошка---*/
.current{
    color: #4b7a1f;	
}
ol, ul {
    list-style: none;
	padding: 0;
}


/*---------*/
.title-img{
	margin-top: -60px;
	min-height: 60px;
	background: rgba(75, 122, 31, 0.8);
	padding: 10px;
	z-index: 9999999;
    position: relative;
	color: #fff;
}
.cat-menu{
	/*padding: 5px;*/
} 

.cat-menu a, .cat-menu a:link{
    display: block;
    text-decoration: none;
    /*background-color: #629123;*/
	background-color: #D4D4D4;
    padding: 8px 15px;
    height: 60px;
    /*color: #BBE36B;*/
	color: #8C8C8C;
    border-top: 2px solid rgba(255, 255, 255, 0.2);
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}
.cat-menu a:hover{
	background: #89BD42;
    text-decoration: none;
    color: #333;
}
.main-nav-top-left {
position: relative;
float: none;
font-size: 17px;
}
.main-nav-top-right {
position: relative;
float: none;
font-size: 17px;
text-align: right;
}
.widthmenu960{
	width: 960px;
	margin: 0 auto;
}
/* Menu top */
.width-border-bottom{
	width: 100%;
	height: 49px;
	border-bottom: 1px solid #e6e6e8;
}
/* Menu top left*/
.main-nav-top-left{
position: relative;
float: left;
font-size: 13px;
font-family: tahoma;
width: 480px;
margin: 0px auto;
}
.main-nav-top-left ul {
margin: 0;
padding: 0;
}
.main-nav-top-left li {
display: inline-block;
list-style: outside none none;
padding: 14px 12px;
}
.main-nav-top-left li:hover{
/*background: #001545 none repeat scroll 0 0;*/
}
.main-nav-top-left a {
    text-decoration: none;
    width: 100%;
}
.main-nav-top-left li {
display: inline-block;
list-style: outside none none;
}
/* Menu top right*/
.main-nav-top-right {
position: relative;
float: right;
font-size: 13px;
font-family: tahoma;
width: 220px;
margin: 0px auto;
right: 120px;
}
.main-nav-top-right ul {
margin: 0;
padding: 0;
}
.main-nav-top-right li {
display: inline-block;
list-style: outside none none;
padding: 14px 12px;
}
.main-nav-top-right li:hover{
/*background: #001545 none repeat scroll 0 0;*/
}
.main-nav-top-right a {
    text-decoration: none;
    width: 100%;
}
.main-nav-top-right li {
display: inline-block;
list-style: outside none none;
}
/* Menu*/
.width-border-top-shadow{
	width: 100%;
	border-top: 1px solid #e6e6e8;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.36);
}


.menu-general-container {
  text-align: right;
}
.nav-menu{
  width: 100%;
  margin: 0 auto;

}

/*sub menu*/
.main-nav ul li:hover ul li{
	//background: #fff000;
	padding: 5px;
}
.main-nav li ul{
//margin: 0 5px 10px 0;
margin: 0;
padding: 0;
list-style: none;
display: none;
	font-size: 10px;
}
/*весь блок субменю*/
.main-nav li:hover ul{
margin-top: 8px ;
padding: 5px;
list-style: none;
display: block;
position: absolute;
background: #DEDCE0;
width: 200px;
}
/*пункты в субменю*/
.main-nav ul li:hover ul li{
  display: block;
 width: 100%;
 margin: 0;
 border-bottom: 1px solid #C8C8C8;
 border-top: 1px solid #F2F2F2;
 padding-left: 10px;
}



/*sub menu*/


.current_page_item:hover{
 border-bottom: none;
}

.main-nav .current a {
background: #999;
color: #fff;
border-radius: 5px;
}
 .current{
display: none;
//font-size: 30px;
}

.main-nav.center ul {
text-align: center;
}

 .vivsibleNone{
  display: block ;
}



@media screen and (max-width: 800px) {
.phone, .menubron {float: none;}

.current_page_item {
color: #cbcac8;
background-color: gray;
border-bottom: none;
}
.preheader {

  display: none;
}
#site-header img {
 width: 200px !important;
}
.inheader {
  background: #fff;
}

#site-header {
  float: none !important;
  height: auto !important;
  margin: 0 auto;
  text-align: center;
}

.vivsibleNone{
  display: block  !important ;
}
 .nav-menu{
   display: none ;
 }

.main-nav {
  margin: 0;
  float: none;
  position: relative;
}
.main-nav ul {
background: rgb(41, 41, 41) none no-repeat scroll 10px 11px;
display: none;
width: 100% !important;
}
.main-nav ul li {
display: block; /* hide all <li> items */
padding:0!important;
margin:0 !important;
}
.main-nav ul li{
    border-top: 1px dotted #fff;
}

/*.specialForLayerSlaider {
     margin: -139px auto 0;
}*/
.current {
 padding: 8px 0 12px;
display: block !important;
text-align: center;
width: 100%;
background: #45484a;
font-weight: 900;
cursor: pointer;color: #FFFFFF;
}
.main-nav .current a {
background: none;
color: #666;
}
.main-nav li ul a{
/*  display: block;
 // margin-left: 10px;
 border: none;
 width: 100%;*/
padding-left: 50px;
}

.main-nav li:hover ul{
  position: relative;
  display: block;
  margin: 0  ;
  background: none !important;
}


}

/*================== Гнутая тень =======================*/
.effect2{position: relative;}
.effect2:before, .effect2:after{z-index: -1;position: absolute;content: "";bottom: 15px;left: 10px;width: 44%;top: 80%;max-width:300px;background: #777;-webkit-box-shadow: 0 15px 10px #777;-moz-box-shadow: 0 15px 10px #777;box-shadow: 0 15px 10px #777;-webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);-o-transform: rotate(-3deg);-ms-transform: rotate(-3deg);transform: rotate(-3deg);}
.effect2:after{-webkit-transform: rotate(3deg);-moz-transform: rotate(3deg);-o-transform: rotate(3deg);-ms-transform: rotate(3deg);transform: rotate(3deg);right: 10px;left: auto;}
.effect3{position: relative;}
.effect3:before, .effect3:after{z-index: -1;position: absolute;content: "";bottom: 15px;left: 10px;width: 48%;top: 80%;background: #a7a7a7;-webkit-box-shadow: 0 15px 10px #a7a7a7;-moz-box-shadow: 0 15px 10px #a7a7a7;box-shadow: 0 15px 10px #a7a7a7;-webkit-transform: rotate(-2deg);-moz-transform: rotate(-2deg);-o-transform: rotate(-2deg);-ms-transform: rotate(-2deg);transform: rotate(-2deg);}
.effect3:after{-webkit-transform: rotate(2deg);-moz-transform: rotate(2deg);-o-transform: rotate(2deg);-ms-transform: rotate(2deg);transform: rotate(2deg);right: 10px;left: auto;}

/*================== END Гнутая тень =======================*/
button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    border: 1px solid #e7e7e7;
}
/*=== Карусель ===*/
.carousel-home{background: #c5c5c5;margin-bottom: 20px;padding-bottom: 20px;padding-top: 20px;background: radial-gradient(#fff, #c5c5c5);}
.carousel-homein{width: 100%;max-width: 1000px;margin: 0 auto;}
.wp-posts-carousel-title {margin-top: 5px;}
.wp-posts-carousel-title > a {display: block;text-decoration: none;color: #7e7e7e;}
.default-theme.wp-posts-carousel {padding: 0 70px;}

/*=== END Карусель ===*/



select[multiple], select[size] {
    height: 200px;
    width: 208px;
}

/* Cначала обозначаем стили для IE8 и более старых версий
т.е. здесь мы немного облагораживаем стандартный чекбокс. */
.checkbox {
  vertical-align: top;
  margin: 0 3px 0 0;
  width: 17px;
  height: 17px;
}
/* Это для всех браузеров, кроме совсем старых, которые не поддерживают
селекторы с плюсом. Показываем, что label кликабелен. */
.checkbox + label {
  cursor: pointer;
}

/* Далее идет оформление чекбокса в современных браузерах, а также IE9 и выше.
Благодаря тому, что старые браузеры не поддерживают селекторы :not и :checked,
в них все нижеследующие стили не сработают. */

/* Прячем оригинальный чекбокс. */
.checkbox:not(checked) {
  position: absolute;
  opacity: 0;
}
.checkbox:not(checked) + label {
  position: relative; /* будем позиционировать псевдочекбокс относительно label */
  padding: 0 0 0 60px; /* оставляем слева от label место под псевдочекбокс */
}
/* Оформление первой части чекбокса в выключенном состоянии (фон). */
.checkbox:not(checked) + label:before {
  content: '';
  position: absolute;
  top: -4px;
  left: 0;
  width: 50px;
  height: 26px;
  border-radius: 13px;
  background: #CDD1DA;
  box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
}
/* Оформление второй части чекбокса в выключенном состоянии (переключатель). */
.checkbox:not(checked) + label:after {
  content: '';
  position: absolute;
  top: -2px;
  left: 2px;
  width: 22px;
  height: 22px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0 2px 5px rgba(0,0,0,.3);
  transition: all .2s; /* анимация, чтобы чекбокс переключался плавно */
}
/* Меняем фон чекбокса, когда он включен. */
.checkbox:checked + label:before {
  background: #9FD468;
}
/* Сдвигаем переключатель чекбокса, когда он включен. */
.checkbox:checked + label:after {
  left: 26px;
}
/* Показываем получение фокуса. */
.checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}




.LiveInternet{
	float: right;
}