@charset "utf-8";



.sh_copyright a {display: none;}

.sh_chat_logo {display: none;}

.sh_logo_btn {display: none;}

.sh_btn_right .sh_logo {display: none;}

.sh_btn_right .sh_title_text { border-top: 0px solid #fff !important;}

.sh_button_gray_complete {display: none;}



#gallery {max-width: 100%; margin: 0 auto;}

#gallery ul {padding-left: 10px;}

#gallery li {display: inline; margin-right: 3px;}

#gallery #main-img {}

/*--------------------------------города------------------------------------*/



/* Базовые стили модального окна  */

/* Слой затемнения */

.overlay {

    background-color: rgba(0, 0, 0, 0.7);

    bottom: 0;

    cursor: default;

    left: 0;

    opacity: 0;

    position: fixed;

    right: 0;

    top: 0;

    visibility: hidden;

    z-index: 1;

    -webkit-transition: opacity .5s;

    -moz-transition: opacity .5s;

    -ms-transition: opacity .5s;

    -o-transition: opacity .5s;

    transition: opacity .5s;

}

.overlay:target {

    visibility: visible;

    opacity: 1;

}



.is-image {

  width: 100%;display: inline-block;

  height: auto;

  margin: auto;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  border-radius: 10px;

  top: 0; left: 0; bottom: 0; right: 0;

}

embed, iframe {

  width: 100%;display:block;min-width: 320px;

    max-width: 600px;

  

  margin: auto;

  top: 0; left: 0; bottom: 0; right: 0;

}

/* стили модального окна */

.popup {

    min-width: 320px;

    max-width: 600px;

	width: 600px;

    margin: auto;

    background-color: #fff;

    border: 3px solid #fff;

    display: block;

    left: 0; right: 0;

    opacity: 0;

    padding: 15px;

/* фиксированное позиционирование, окно стабильно при прокрутке */

    position: fixed;

	font-size: 14px;

	top: 0;

    visibility: hidden;

    z-index: 10;



    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

    border-radius: 10px;



    -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;

    -moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;

    -ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;

    -o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;

    box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;



    -webkit-transition: opacity .5s, top .5s;

    -moz-transition: opacity .5s, top .5s;

    -ms-transition: opacity .5s, top .5s;

    -o-transition: opacity .5s, top .5s;

    transition: opacity .5s, top .5s;

}

.overlay:target+.popup {

    top: 20%;

    opacity: 1;

    visibility: visible;

}

/* формируем кнопку закрытия */

.close {

    background-color: rgba(0, 0, 0, 0.8);

    border: 2px solid #ccc;

    height: 24px;

    line-height: 24px;

    position: absolute;

    right: -13px;

    font-weight: bold;

    text-align: center;

    text-decoration: none;padding: 0;

    top: -15px;

    width: 24px;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    -ms-border-radius: 15px;

    -o-border-radius: 15px;

    border-radius: 15px;

    -moz-box-shadow: 1px 1px 3px #000;

    -webkit-box-shadow: 1px 1px 3px #000;

    box-shadow: 1px 1px 3px #000;

}

.close:before {

    color: rgba(255, 255, 255, 0.9);

    content: "X";

    font-size: 14px;

    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);

}

.close:hover {

    background-color: rgba(64, 128, 128, 0.8);

}

.popup p, .popup div {

    margin-bottom: 10px;

}

/* Планшет */

@media only screen and (min-width: 768px) and (max-width: 959px) {

	.container {

		width: 768px; 

	}

	h1 {

	font-size: 2.2em;

	}

	h2 {

	font-size: 1.3em;

	}

}

/* Мобильный - Примечание: Дизайн для ширины 320px*/

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

	.container { 

		width: 95%; 

	}

		.button {

	font-size: 12px;

	min-width: auto;

	min-height: auto;

	}

	h1 {

	font-size: 2em;

	}

	h2 {

	font-size: 1.2em;

	}

}

/* Мобильный - Примечание: Дизайн для ширины 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {

	.container {

		width: 70%;

	}

}



/* Блок меню Аккордеон */



ul {

    list-style: none;

    margin: 0;

    padding:0;

    text-align:left;

}

.mini-menu > ul {

    margin-bottom: 30px;

    border: 0px solid #222;

    box-shadow:0 0 2px #ccc;

}

.mini-menu > ul > li {

    position: relative;

}

.mini-menu > ul > li > a {

	border-radius: 5px;

    display: block;	

    outline: 0;	

    padding: .1em 1em;	

    text-decoration: none;	

    color:#fff;	

    font-weight: normal;	

    background: #344262;

    box-shadow:inset 0 0px 0 0 rgba(250,250,250,0.1);	

    background-image:linear-gradient(#344262, #344262);	

    background-image:-ms-linear-gradient(#344262, #344262);

    border-bottom: 1px solid #ccc;

}

.mini-menu > ul > li > a:hover{

    color:#f2bd00;

}

.mini-menu > ul > li > ul {

    counter-reset: items;

    height: 0;

    overflow: hidden;

    background: #fff;

    color: #777;

    font-size: 13px;

    box-shadow:inset 0 0 0px #BBB;

}

.mini-menu > ul > li > ul > li{

    counter-increment: items;

    padding: .5em 1em;

    border-bottom: 1px dotted #C9C9C9;

}

.mini-menu > ul > li > ul > li:hover{

    background: #fff;

}

.mini-menu > ul > li > ul > li > a{

    color:#666;

    text-decoration: none;

}

.mini-menu > ul > li > ul > li > a:hover{

    color:#666;

    margin-left: 8px;

}

.mini-menu > ul > li > ul > li > a:after{

    /* content: "»"; */

    float: left;

    margin-right:4px;

}

.mini-menu > ul > li > ul:after {

    /* content: counter(items); */

    font-size: 11px;

    display:inline-block;

    position: absolute;

    right: 10px;

    top: 15px;

    background: #344262;

    line-height: 1em;

    padding: .4em .4em;

    margin: -.9em 0 0 0;

    color: white;

    text-indent: 0;

    text-align: center;

    text-shadow:0px 0px 0px rgba(0, 0, 0, .5);

    font-weight: 500;

    border-radius: 5px;

    box-shadow: inset 0px 1px 1px 0px rgba(120, 120, 120, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);

}

  

/*------------------------------города конец---------------------------*/

img {max-width: 100% !important; height: auto !important;}

html{font-family: Arial, sans-serif;color: #666;}

body{

	background: #DFFFDF;

	background: url(../img/bg1.jpg) repeat;

}




.social {text-align: right; position: relative;  margin: 4px 0;}

.social img {margin-bottom: 0;}



#footer {border-radius: 10px; /* background-color: #344262; */ color: #fff; padding: 10px 0;}

#footer p { color:#fff; margin: 0; padding: 10px 0; text-align:center;}



/*------------------------------------*\

	LOGO

\*------------------------------------*/



#logo, #logo img{display:block;width:278px; height:100px;}

#logo{float: left; background:url(../img/logo.png) top center no-repeat; position: relative; margin: 0; z-index: 120; display: inline; /* fixes IE6 margin bug */}

#logo img{position:absolute; left:-99999px;}



/*------------------------------------*\

	TOP NAVIGATION

\*------------------------------------*/

.nav {list-style:none; margin:0 0 1.5em 0;}



/*Add a class of centred/centered to create a centred nav.*/



#nav.main{

	float: right;

	text-align:center;

	margin: 0.5em 0 0 0;

	padding: 0.4em 0;

	font-family: Arial, sans-serif;

}

#nav.main li {display:inline; float:none;}



#nav.main a{

	display:inline-block;

	padding: 0.6em 1.2em;

	background-color: #344262;

	border-radius: 10px;

	border-right: 1px solid #bbb;

	border-bottom: 2px solid #bbb;

	color: #fff;text-decoration:none; 

	text-transform:uppercase; 

	text-shadow: 0px 0px 0px #fff;

	font-size: 14px;

	margin: 0 0 0.6em 0;	

}

#nav.main1 a{

	display:inline-block;

	padding: 0.6em 1.2em;

	background-color: #393939;

	border-radius: 10px;

	border-right: 1px solid #bbb;

	border-bottom: 2px solid #bbb;

	color: #fff;text-decoration:none; 

	text-transform:uppercase; 

	text-shadow: 1px 1px 1px #666;

	font-size: 14px;

	margin: 0 0 0.6em 0;	

}

#nav.main a:hover{color: #fff; text-shadow: 1px 1px 0px #666; background-color: #344262; }



#nav.main a.active{color: #fff; text-shadow: 1px 1px 1px #333; background-color: #344262; letter-spacing: 1px;}



#nav li span {display: block; font-size: 14px; color: #666; text-shadow: none; line-height: 8px;}



/*------------------------------------*\

	TYPE

\*------------------------------------*/ 

@font-face {font-family:"Oswald";src:url("Oswald.ttf");font-weight:normal;font-style:normal;}



/*--- HEADINGS ---*/

h1, h2, h3, h4, h5, h6 {

	font-family: Arial, sans-serif;

	font-style: normal;

	font-weight: 500;

	color: #344262;


}



h1{font-size:26px;	margin-bottom:0.75em; line-height:1.5; font-weight:bold;}

h2{font-size:22px;	margin-bottom:1em; line-height:1.4em; font-weight:bold;}

h3{font-size:18px; margin-bottom:1em; line-height:1.3; font-weight:bold;}

h4{font-size:18px;	margin-bottom:0.8em; line-height:auto; font-weight:bold;}

h5{font-size:18px; margin-bottom:0.6em; line-height:auto; font-weight:bold;}

h6{font-size:18px; margin-bottom:0.6em; line-height:auto; font-weight:bold;}

/*------------------------------------*\

	CLASSES

\*------------------------------------*/

/*

Some not-too-pretty and insemantic classes to do odd jobs.

*/

.wrapper p {color: #666; font-weight: normal; text-align: justify;}

.left	{ float:left!important; }

.right	{ float:right!important; }

.center { display: block; margin: 0 auto; !important;}



.intro {padding: 10px 0; color: #999;}

.intro h2 {font-size: 34px; line-height: 1em; letter-spacing: -1px; text-transform:uppercase; padding-right:15px; margin: 0 0 20px 0;}

.brend {font-family: 'Oswald', Arial, sans-serif; font-size: 17px; line-height: 1em; font-weight: normal;}

.intro p {

	font-family: 'Oswald', Arial, sans-serif;

	font-size: 22px;

	line-height: 1em;

	letter-spacing: 0px;

	padding-right: 15px;
    
    text-align: center;

}

.intro div {

	font-family: 'Oswald', Arial, sans-serif;

	font-size: 22px;

	line-height: 1.0em;

	letter-spacing: 0px;

	padding-right: 25px;

	padding-left: 25px;

	color: #344262;

}



.quote {font-family: Arial, sans-serif; font-size: 14px; letter-spacing: -1px; font-style: italic; line-height: 1.3em; } /*a styled quote in addition to blockquote*/

.quote span {display: block; font-size: 14px; padding-top: 10px; font-style: normal;}



/*Colored boxes, green and grey*/

.green, .grey {-webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; zoom: 1; border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin-bottom: 15px!important;}

.green {background-color: #EAFFC4;}

.grey {background-color: #f7f7f7;}

.green p, .grey p {padding:10px 30px 0;}

.green h2, .grey h2, .green h3, .grey h3, .green h4, .grey h4 {border-bottom: 5px solid #fff; margin-bottom: 0; }

.green h2, .grey h2, .green h3, .grey h3, .green h4, .grey h4, .green h5, .grey h5, .green h6, .grey h6 {padding: 0px 30px; line-height: 1.7em;}



/*Additional whitespace top,bottom or both for any element. You don´t have to use hr or lots of <br />*/

.top {margin-top: 30px!important;}

.bottom {margin-bottom: 30px!important;}



.ticker {border: none!important; background: none!important; line-height: auto;}



/*------------------------------------*\

	LINKS and BUTTON

\*------------------------------------*/



a{ color: #669B02;text-decoration:none;}

.text-orange {font-weight: bold !important;}



a.button {

	font-family: Arial, sans-serif;

	font-size: 14px;

	line-height: auto;

	background-color: #344262;/* fallback for browsers that don´t support gradients */

	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#344262), to(#344262));/* Safari 4+, Chrome 1-9 */

	background-image: -moz-linear-gradient(top, #344262, #344262);/* Firefox 3.6+ */

	background-image: -o-linear-gradient(top, #344262, #344262);/* Opera 11.10+ */

	background-image: -webkit-linear-gradient(top, #344262, #344262);/* Safari 5.1+, Mobile Safari, Chrome 10+ */

	background-image: -ms-linear-gradient(top, #344262, #344262);/* IE 10+ */

    border: 1px solid #ccc;

    border-radius: 5px;

    color: #fff;

    position: relative;

    text-shadow: 0 0px 0  #ccc;

	text-decoration: none;

	margin: 0px 0;

	text-align: center;

	font-weight: normal;

	padding: 0em 0.7em;

	display: inline-block;}

	

a.button:hover {

	color: #fff;

	background-color: #A5C100;

	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#344262), to(#344262));

	background-image: -moz-linear-gradient(#344262, #344262);

	background-image: -moz-linear-gradient(top, #344262, #344262);

	background-image: -o-linear-gradient(top, #344262, #344262);

	background-image: -webkit-linear-gradient(top, #344262, #344262);

	background-image: -ms-linear-gradient(top, #344262, #344262);}

	

a.button1 {

	font-family: Arial, sans-serif;

	font-size: 14px;

	line-height: auto;

	background-color: #6D8901;/* fallback for browsers that don´t support gradients */

	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A5C100), to(#6D8901));/* Safari 4+, Chrome 1-9 */

	background-image: -moz-linear-gradient(top, #A5C100, #6D8901);/* Firefox 3.6+ */

	background-image: -o-linear-gradient(top, #A5C100, #6D8901);/* Opera 11.10+ */

	background-image: -webkit-linear-gradient(top, #A5C100, #6D8901);/* Safari 5.1+, Mobile Safari, Chrome 10+ */

	background-image: -ms-linear-gradient(top, #A5C100, #6D8901);/* IE 10+ */

    border: 1px solid #799C01;

    border-radius: 5px;

    box-shadow: 0 1px 0 0 #9BCB76 inset;

    color: white;

    position: relative;

    text-shadow: 0 1px 0 #424F1C;

	text-decoration: none;

	margin: 0px 0;

	text-align: center;

	font-weight: bold;

	padding: 0.1em 0.4em;

	display: inline-block;}

	

a.button1:hover {

	background-color: #A5C100;

	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6D8901), to(#A5C100));

	background-image: -moz-linear-gradient(#6D8901, #A5C100);

	background-image: -moz-linear-gradient(top, #6D8901, #A5C100);

	background-image: -o-linear-gradient(top, #6D8901, #A5C100);

	background-image: -webkit-linear-gradient(top, #6D8901, #A5C100);

	background-image: -ms-linear-gradient(top, #6D8901, #A5C100);}



a.button2 {

	font-family: Arial, sans-serif;

	font-size: 14px;

	line-height: auto;

	background-color: #344262;/* fallback for browsers that don´t support gradients */

	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#E3F7BB));/* Safari 4+, Chrome 1-9 */

	background-image: -moz-linear-gradient(top, #344262, #344262);/* Firefox 3.6+ */

	background-image: -o-linear-gradient(top, #344262, #344262);/* Opera 11.10+ */

	background-image: -webkit-linear-gradient(top, #344262, #344262);/* Safari 5.1+, Mobile Safari, Chrome 10+ */

	background-image: -ms-linear-gradient(top, #344262, #344262);/* IE 10+ */

    border-radius: 5px;

    color: #fff;

    position: relative;

	text-decoration: none;

	margin: 0px 0;

	text-align: center;

	padding: 0.1em 0.4em;

	display: inline-block;}

	

a.button2:hover {

	background-color: #fff;

	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E3F9D5), to(#fff));

	background-image: -moz-linear-gradient(#393939, #393939);

	background-image: -moz-linear-gradient(top, #393939, #393939);

	background-image: -o-linear-gradient(top, #393939, #393939);

	background-image: -webkit-linear-gradient(top, #393939, #393939);

	background-image: -ms-linear-gradient(top, #393939, #393939);}



.button3 {

	font-family: Arial, sans-serif;

	font-size: 14px;

	line-height: auto;

	background-color: #344262;/* fallback for browsers that don´t support gradients */

	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#344262), to(#344262));/* Safari 4+, Chrome 1-9 */

	background-image: -moz-linear-gradient(top, #344262, #344262);/* Firefox 3.6+ */

	background-image: -o-linear-gradient(top, #344262, #344262);/* Opera 11.10+ */

	background-image: -webkit-linear-gradient(top, #344262, #344262);/* Safari 5.1+, Mobile Safari, Chrome 10+ */

	background-image: -ms-linear-gradient(top, #344262, #344262);/* IE 10+ */

    border: 1px solid #ccc;

    border-radius: 5px;

    color: #fff;

    position: relative;

	text-decoration: none;

	margin: 0px 0;

	text-align: center;

	padding: 0.1em 0.4em;}

	

.button3:hover {

	background-color: #ccc;

	text-decoration: none;

	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#344262), to(#344262));

	background-image: -moz-linear-gradient(#344262, #344262);

	background-image: -moz-linear-gradient(top, #344262, #344262);

	background-image: -o-linear-gradient(top, #344262, #344262);

	background-image: -webkit-linear-gradient(top, #344262, #344262);

	background-image: -ms-linear-gradient(top, #344262, #344262);}



/*------------------------------------*\

	LISTS

\*------------------------------------*/

ul.check {list-style:none;

	list-style-image:url(../img/check.png);

	list-style-position: inside;

	}

/*------------------------------------*\

	IMAGES

\*------------------------------------*/

img{margin-bottom: 10px;}

img.left	{ margin:0 20px 10px 0; }

img.right	{ margin:0 0 10px 20px; }

/* due to article of Chris Coyier 

http://css-tricks.com/441-resizeable-images-at-full-resolution/ */

img.expand { width: 24em; margin: 0; }



/*-------------------------------------------*\

	No borders and background for form-tables

\*-------------------------------------------*/

.form th, .form td { font-weight:normal; color:#666; border:none; background:none; padding: 0.75em 0;}

.form tbody tr:nth-of-type(odd){background:none;}

/*------------------------------------*\

	hr with image (leaf)

\*------------------------------------*/

hr{margin:1em 0; width: 100%; height: 26px; background: url(../img/hr.png) no-repeat top center; border:none;}



/******************************************************************************************************

TABS by Sohtanaka, CSS tweaked by SiGa

*******************************************************************************************************/

ul.tabs {

 margin: 0;

 padding: 0;

 list-style: none;

 height: 32px; /*--Set height of tabs--*/

 width: 100%;

 display: block;

}

ul.tabs li {

 float: left;

 margin: 0;

 padding: 0;

 height: 32px; 

 line-height: 32px; /*--Vertically aligns the text within the tab--*/

 border-bottom: 1px solid #fff;

 border-left: 1px solid #fff;

 overflow: hidden;

 position: relative;

 background: #CECECE;

}

ul.tabs li a {

 text-decoration: none;

 color: #fff;

 display: block;

 font-size: 1.2em;

 padding: 0 15px;

 outline: none;

}

ul.tabs li a:hover {

 background: #E0E0E0;

}

html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/

 background: #344262; border: none; border-bottom: 1px solid #344262;

}

.tab_container {

 /*background: #f7f7f7;*/

 overflow: hidden;

 clear: both;

float: left; width: 100%; margin-bottom: 25px;

}

.tab_content {

 padding: 15px 18px 10px;

 font-size: inherit;

}

.tab_content p {margin-bottom: 1em;}





/*------------------------------------*\

	NARROW  Media queries

\*------------------------------------*/

/*

CSS for tablets and narrower devices

*/

.phone {text-align: right; margin: 0px 0 20px 0;}



@media (min-width: 721px) and (max-width: 960px){

img {max-width: 100%; height: auto;}

#logo{margin:0 auto 1em; width: 100%;}

#nav.main{margin: 0 auto;float: none; padding: 0.4em 0 0 0}

.intro h2 {font-size: 30px; line-height: 1em; letter-spacing: -1px; text-transform:uppercase; padding-right:15px; margin: 0 0 20px 0;}

.intro p {font-family: 'Oswald',"Helvetica Neue", Arial, sans-serif;font-size: 20px; line-height: 1.2em; letter-spacing: -2px; padding-right: 20px;}	

.intro div {font-family: Arial, sans-serif;font-size: 20px; line-height: 1.2em; letter-spacing: -2px; padding-right: 20px;

}

.social {text-align: center; margin: 30px 0 15px 0;}

.phone {margin:0 auto 1em; width: 100%;}

.wrapper{width:auto!important; padding:15px!important;}

}



/*------------------------------------*\

	MOBILE  Media queries

\*------------------------------------*/

/*

CSS for mobile devices.

Linearise it!

*/



@media (max-width: 720px){

img {max-width: 100%; height: auto;}



.debug, .debug body{background:none!important;}

body{-webkit-text-size-adjust:none;}



.wrapper{line-height: 1.5em; width:auto!important; padding:10px!important;}

.wrapper p {

	font-size: 12px;

	text-align: justify;

}

.social {text-align: center; margin: 30px 0 15px 0;}

.phone {margin:0 auto 1em; width: 100%;}

#nav.main a{display:inline-block;padding: 0.8em 1.2em;font-size: 14px;letter-spacing: 2px;}

#nav.main{padding: 0.4em 0 0 0; float: none; margin: 0 auto; background-image: none; font-size: 100%;}



#subheader {margin: 110px 0 20px;}

div { tefont-size: 12px;

	text-align: justify;}



h1{font-size:12px;margin-bottom:0.75em;line-height:1.7;}

h2{

	font-size: 12px;

	margin-bottom: 1em;

	line-height: 1.5;

	color: #344262;

}

h3{font-size:12px;	margin-bottom:1em;line-height:1.3em;}

h4{

	font-size: 12px;

	margin-bottom: 0.8em;

	line-height: auto;

	font-weight: bold;

	color: #344262;

}

h5,h6{

	font-size: 12px;

	margin-bottom: 0.8em;

	line-height: auto;

	color: #344262;

}



.intro p {

	font-size: 12px;

	line-height: 1.2em;

	letter-spacing: -1px;

	color: #344262;

}

.intro h2 {

	font-size: 12px;

	color: #344262;

}	



#footer p {margin: 0; padding: 0 10px;}

	

.grids{margin:0!important;width:auto!important;}

[class^="grid-"],

.grids [class^="grid-"]{

	width:auto!important;

	float:none!important;

	margin:0!important;

}





/*------------------------------------*\

	LOGO

\*------------------------------------*/

#logo{margin:0 auto 1em; width: 100%;}