/* my style */
a /*, .highlight, [class*='facolor'].fa:before, #features-tabs .yjsgShortcodeTabs li.active a, .eximium-list li a:hover, .yjsgmenu li a:hover*/ {border-bottom: 1px dotted #000; text-decoration: none;}
a:hover {border-bottom: 1px solid #000; text-decoration: none;}
.menu1.defaultmenu li a{border-bottom: 1px solid #ECDBB8; font-weight: bold;}
.menu1 h3  {color:#98690f!important; text-transform: uppercase;margin: 20px 0 0px 0!important;}

div.posil {
    padding: 10px 10px 10px 15px;
    margin: 10px 3px 10px 0px;
    border-left: 5px solid #61AD05;
    background: #fff;
    box-shadow: 0px 0px 5px #ccc;
}
.price1 td {
    border: 1px solid #E7ECF9;
    padding: 5px 10px;
    background: rgba(255,255,255,0.5);
}
.price1 tr:hover {background: #E7ECF9;}
.shar a{border-bottom:none!important;}

/* EXTEND DEFAULTS */
body{
	font-family:"Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	line-height:1.18;
}
.holders {
	padding:20px 0;
}
.yjsg_grid {
	padding:40px 0;
}
#yjsgheadergrid {
	padding:15px 0;
}
#yjsgbodytop {
	padding-bottom:15px;
}
#yjsgbodybottom {
	padding-top:15px;
}
.footer_out {
	padding:20px 0;
}
.yjsgouts {
	display:block;
	clear:both;
	width:auto;
}
.yjsgouts:after {
	content:"";
	display:table;
	clear:both;
}
.eximium-search {
	padding-top:15px;
}
.eximium-list {
	list-style: none;
	padding-left: 0;
}
.eximium-list li {
	line-height:28px;
}
/* Module and Items titles */
.article_title,
.module_title {
	font-size:30px;
}
.article_title {text-transform: uppercase;}
/* Top menu*/
#yjsgheadergrid #topmenu_holder{
	float:right;
	margin-top:20px;
	background:none;
}
.yjsgrtl #yjsgheadergrid #topmenu_holder{
	float:left;
}
/* top level menu items */
ul.yjsgmenu li a,
ul.yjsgmenu.megadropline a.dlevel1a,
ul.yjsgmenu.megadropline .cleardropline,
ul.yjsgmenu.megadropline .cleardropline {
	padding: 0px 0px;
    margin: 0px 30px 0px 0px;
	height:32px;
	line-height:45px;
}
ul.yjsgmenu a span.yjm_has_desc,
ul.yjsgmenu a span.yjm_has_all,
ul.yjsgmenu.megadropline a.dlevel1a span.yjm_has_desc,
ul.yjsgmenu.megadropline a.dlevel1a span.yjm_has_all {
	padding: 10px 0;
}
/* sub levels menu items */
ul.yjsgmenu ul li a {
	line-height: 30px;
    color: ##2E2E2E;
    border: none;
    text-transform: none;
    text-shadow: none;
}
ul.yjsgmenu ul a span.yjm_has_desc,
ul.yjsgmenu ul a span.yjm_has_all {
	line-height:normal;
	padding:10px 0;
}
/* center footer links and logo */
#footer div,.yjsglogo {
	display:block;
	clear:both;
	text-align:center;
	position:relative;
	margin:0 auto;
	line-height:2;
}
.yjsglogo {
	right:auto;
	margin-top:15px;
}
/* module styles */
.yjsg1,
.yjsg2{
	padding:15px;
}
.yjsg1 .module_title,
.yjsg2 .module_title{
	padding-top:5px;
	padding-bottom:15px;
}
@media screen and (max-width: 979px) {
	
	/* mobile menu and search under 980px */
	#yjsgheadergrid #topmenu_holder{
		float:none;
	}
	div#mmenu_holder{
		margin-bottom:50px;
	}
	div#header3.yjsgsfx-eximium-search{
		float:none;
		margin:0 auto;
		max-width:210px;
	}
	/* turn tabs in to pills since they drop down */
	div#features-tabs ul.yjsgShortcodeTabs{
		border-bottom:none;
	}
	div#features-tabs ul.yjsgShortcodeTabs li{
		margin-bottom:10px;
	}
	div#features-tabs ul.yjsgShortcodeTabs li a,
	div#features-tabs ul.yjsgShortcodeTabs li.active a{
		-webkit-border-radius:4px;
		-khtml-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
	}
	div#features-tabs ul.yjsgShortcodeTabs li.active a{
		border-bottom-color:#ddd;
	}
}

@charset "UTF-8";

/**
 * Переключаемая боковая панель навигации
 * выдвигающаяся по клику слева
 */

.nav {
    /*  ширна произвольная, не стесняйтесь экспериментировать */
    width: 320px;
    min-width: 320px;
    /* фиксируем и выставляем высоту панели на максимум */
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    margin: 0;
    /* сдвигаем (прячем) панель относительно левого края страницы */
    left: -320px;
    /* внутренние отступы */
    padding: 15px 20px;
    /* плавный переход смещения панели */
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    transition: left 0.3s;
    /* определяем цвет фона панели */
    background: #16a085;
    /* поверх других элементов */
    z-index: 2000;
}


/**
 * Кнопка переключения панели
 * тег <label>
 */

.nav-toggle {
    /* абсолютно позиционируем */
    position: absolute;
    /* относительно левого края панели */
    left: 320px;
    /* отступ от верхнего края панели */
    top: 1em;
    /* внутренние отступы */
    padding: 0.5em;
    /* определяем цвет фона переключателя
     * чаще вчего в соответствии с цветом фона панели
    */
    background: inherit;
    /* цвет текста */
    color: #dadada;
    /* вид курсора */
    cursor: pointer;
    /* размер шрифта */
    font-size: 1.2em;
    line-height: 1;
    /* всегда поверх других элементов страницы */
    z-index: 2001;
    /* анимируем цвет текста при наведении */
    -webkit-transition: color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
}


/* определяем текст кнопки 
 * символ Unicode (TRIGRAM FOR HEAVEN)
*/

.nav-toggle:after {
    content: '\2630';
    text-decoration: none;
}


/* цвет текста при наведении */

.nav-toggle:hover {
    color: #f4f4f4;
}


/**
 * Скрытый чекбокс (флажок)
 * невидим и недоступен :)
 * имя селектора атрибут флажка
 */

[id='nav-toggle'] {
    position: absolute;
    display: none;
}


/**
 * изменение положения переключателя 
 * при просмотре на мобильных устройствах
 * когда навигация раскрыта, распологаем внутри панели
*/

[id='nav-toggle']:checked ~ .nav > .nav-toggle {
    left: auto;
    right: 2px;
    top: 1em;
}


/**
 * Когда флажок установлен, открывается панель
 * используем псевдокласс:checked
 */

[id='nav-toggle']:checked ~ .nav {
    left: 0;
    box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5);
    -moz-box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5);
    -webkit-box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5);
    overflow-y: auto;
}


/* 
 * смещение контента страницы
 * на размер ширины панели,
 * фишка необязательная, на любителя
*/

[id='nav-toggle']:checked ~ main > article {
    -webkit-transform: translateX(320px);
    -moz-transform: translateX(320px);
    transform: translateX(320px);
}


/*
 * изменение символа переключателя,
 * привычный крестик (MULTIPLICATION X), 
 * вы можете испльзовать любой другой значок
*/

[id='nav-toggle']:checked ~ .nav > .nav-toggle:after {
    content: '\2715';
}


/**
 * профиксим баг в Android <= 4.1.2
 * см: http://timpietrusky.com/advanced-checkbox-hack
 */

body {
    -webkit-animation: bugfix infinite 1s;
}

@-webkit-keyframes bugfix {
    to {
      padding: 0;
    }
}


/**
 * позаботьтимся о средних и маленьких экранах
 * мобильных устройств
 */

@media screen and (min-width: 320px) {
    html,
    body {
      margin: 0;
      overflow-x: hidden;
    }
}

@media screen and (max-width: 320px) {
    html,
    body {
      margin: 0;
      overflow-x: hidden;
    }
    .nav {
      width: 100%;
      box-shadow: none
    }
}
.hidden-menu {
  display: block;
  position: fixed;
  list-style:none;
  padding: 10px;
  margin: 0;
  box-sizing: border-box;
  width: 200px;
  background-color: #2b343c;
  height: 100%;
  top: 0;
  left: -200px;
  transition: left .2s;
  z-index: 2;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}

.hidden-menu li a {text-decoration: none; color:#cacaca;}
.hidden-menu li a:hover {color:#fff;}
/*скрываем инпут чекбокс*/
.hidden-menu-ticker {
  display: none;
}
/*общие стили значка-гамбургера, самого лэйбла*/
.btn-menu {
  color: #fff;
  background-color: #fff;
  padding: 2px;
  position: fixed;
  top: 5px;
  left: 5px;
  cursor: pointer;
  transition: left .23s;
  z-index: 3;
  width: 20px;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
/*общие стили полосок*/
.btn-menu span {
  display: block;
  height: 2px;
  background-color: #2b343c;
  margin: 5px 0 0;
  transition: all .1s linear .23s;
  position: relative;
}
/*прибиваем к верху лэйбла первую полоску*/
.btn-menu span.first {
  margin-top: 0;
}
/*при нажатии на бургер двигаем его и делаем другой фон бургеру*/
.hidden-menu-ticker:checked ~ .btn-menu {
  left: 160px;
  background-color: #2b343c;
}
/*и дальше стили меняющие бургер, двигающие менюшку по событию - нажатие на значек бургера*/
.hidden-menu-ticker:checked ~ .hidden-menu {
  left: 0;
}
.hidden-menu-ticker:checked ~ .btn-menu span.first {
  -webkit-transform: rotate(45deg);
  top: 7px;
  background-color: #fff;
}
.hidden-menu-ticker:checked ~ .btn-menu span.second {
  opacity: 0;
}

.hidden-menu-ticker:checked ~ .btn-menu span.third {
  -webkit-transform: rotate(-45deg);
  top: -7px;
  background-color: #fff;
}

.buttons>.button {
	color:#fff;
	display:inline-block;
	font-family:"PT Sans",sans-serif;
	font-size:.9rem;
	font-weight:700;
	height:32px;
	line-height:1;
	margin:0;
	padding:10px 24px 0;
	position:relative;
	text-decoration:none;
	text-transform:uppercase;
	white-space:nowrap;
	z-index:1;
}

.buttons>.button:before {
	background-color:#FDC04B;
	border-radius:2px;
	content:'';
	height:100%;
	left:0;
	position:absolute;
	top:0;
	-moz-transform:skewX(-14deg);
	-ms-transform:skewX(-14deg);
	-webkit-transform:skewX(-14deg);
	transform:skewX(-14deg);
	-moz-transition:background-color .4s ease;
	-o-transition:background-color .4s ease;
	-webkit-transition:background-color .4s ease;
	transition:background-color .4s ease;
	width:100%;
	z-index:-1;
}

.buttons>.button:hover {
	color:#fff;
	text-decoration:none;
}

.buttons>.button:hover:before {
	background-color:#202E31;
}

.button.button-white {
	background-color:transparent;
	border:1px solid #fff;
}

.button.button-white:hover {
	color:#202020;
}

.button.button-white:hover:before {
	background-color:#fff;
}

.region-fixed,.region-buttons {
	z-index:7;
}