/*   
Theme Name: ramo
Theme URI: ramo48.ru
Description: Новая Дубрава
Author: Вячеслав Фефелов
Author URI: icepixel.ru
Template: ramo
Version: 1.0
.
Развёрнутое описание темы/Лицензия-если-нужно.
.
*/
@import url('bootstrap/css/bootstrap.css'); 
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=cyrillic,cyrillic-ext');
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,700&subset=cyrillic');  

*
{
	font-family: 'Roboto', sans-serif;
}

.shophead 
{
  background: #fff url(images/banner.jpg);
}

.shophead H1
{
    color: #333;
    font-size: 20pt;
    font-weight: 900;
    
}

.shophead p
{
    color: #333;
    font-size: 12pt;
    font-weight: 300;    
}

.shophead .tel
{
    color: #333;
    font-size: 15pt;
    font-weight: 300;   
    padding-top: 10px; 
}

.action:hover
{
    color: #999;
    font-size: 11pt;
    font-weight: 900;
    border: 2px solid #999;
    border-radius: 0px;
    padding: 15px 35px 15px 35px;   
}

.action
{
    color: #333;
    font-size: 11pt;
    font-weight: 900;
    border: 2px solid #333;
    border-radius: 0px;
    padding: 15px 35px 15px 35px;   
}

#ramomenu .navbar-nav {
    float: right;
    margin: 0;
}

#ramomenu .navbar-nav > li > a
{
    color: #000;
    font-size: 10pt;
    font-weight: 700;    
    text-align: right;
}

#ramomenu .nav > li > a 
{
    padding: 0px 0px 0px 10px;
}

#ramomenu .nav > li > a:hover
{
    background: none;
    text-decoration: underline;
}

.shophead .glyphicon {
    top: 5px;
}

#sidebar li 
{
    list-style-type: none;
}


.jumbotron 
{ 
background-color: rgba(0, 0, 0, 0.0);
}

.woocommerce div.product div.images img
{
border: 1px solid #f2f2f2;
}

div[itemprop="description"] p
{
    font-size: 10pt;
}

.jumbotron h1, .jumbotron .h1
{
    font-size: 36px;
}


.jumbotron p
{
    font-size: 12pt;
}

.jumbotron h1
{
        font-size: 18pt;
}


li.product:hover
{
-webkit-box-shadow: 0px 2px 15px 0px rgba(209,209,209,0.25);
-moz-box-shadow: 0px 2px 15px 0px rgba(209,209,209,0.25);
box-shadow: 0px 2px 15px 0px rgba(209,209,209,0.25);

}

h2.widgettitle
{

font-size: 14pt;
}

#sidebar li
{
padding-bottom: 10px;
}


.xo10-sexy-accordion-list-holder > ul > li > ul > li:hover
{
background: #1b1b1b;
}

.btn-success
{
	padding: 20px;
	font-size: 16px;
}


/* Из Header */


 .city h4
 {
	 font-family: 'PT Serif', serif;
	 text-transform: uppercase;
	 font-weight: 700;
	 font-size: 30px;
	 color: #669933;
	 margin-top: 55px;
 }

   *
   {font-size: 14px;
  }

  *:hover {
    transition: background-color ease 0.3s;
	}
	.lanmark-header
	{
	/*background-color: #ccc;*/
	padding-top: 10px;
	padding-bottom: 10px;
	 color: #000000;
	}

   
   .sidebar label{	display: none;}
   
   input.search-field
   {
	padding: 10px 10px 10px 15px;
    background: #eee;
    border-color: transparent;
	boder: 0px;
    height: 41px;
	width: 85%;
    border-radius: 4px;	
   }


.lanmark-header input[type="button"], .lanmark-header input[type="reset"], .lanmark-header input[type="submit"]
{
    border-radius: 4px;	
	boder: 0px;
    background: #d40029;
	color: #ffffff;
    border-color: transparent;	
	font-size: 12px;

}   
.reddot
{
border-radius: 50%;
background-color: #669933;
padding: 10px;
color: #ffffff;
	margin-top: -8px;
	margin-right: 50px;
	    top: 0px;
}

.lanmarkt-phone h4, .lanmarkt-phone
{
color: #000000;
font-size: 15px;
	font-family: 'PT Serif', serif;
	font-weight: 700;
}

.lanmarkt-phone a
{
	color: #000000;
	font-size: 11px;
	font-weight: 700;
	text-decoration: underline;
    margin-top: -15px;
    display: block;
}

.lanmarkt-phone a:hover
{
text-decoration: none;
}

.lanmarkt-hr
{
margin-top: 0px;
}

.lanmark-shopcart a, .lanmark-shopcart a:hover, .lanmark-shopcart
{
 list-style-type: none;
color: #000000;
display: block;
}




.lanmarkt-menu a, .lanmarkt-menu
{
 list-style-type: none;
color: #FFFFFF;
    font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;

}


.lanmarkt-menu li a
{
padding-top: 15px;
padding-bottom: 15px;
font-size: 12px;
}

 .lanmarkt-menu li
 {

background-color: #669933;
}

 .lanmarkt-menu li a:hover
 {
 text-decoration: none;
 }

 .lanmarkt-menu li:hover
 {
background-color: #ccc;

}

.lanmarkt-menu ul
{
padding-left: 0px;
}


h2.widgettitle
{
border-bottom: 1px solid #ccc;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 20%;
	}
	
.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 75%;
	}
	
nav.woocommerce-MyAccount-navigation ul, ul.product-categories
{
padding-left: 0px;
}

nav.woocommerce-MyAccount-navigation ul li
{
list-style-type: none;
    border: 1px solid #eaebec;
    border-bottom-width: 0px;
}


nav.woocommerce-MyAccount-navigation ul li:last-child
{
list-style-type: none;
    border: 1px solid #eaebec;
    border-bottom-width: 1px;
}

nav.woocommerce-MyAccount-navigation ul li a
{
color: #333333;
display: block;
padding: 3px 5px;
background-color: #f9f9f9;
}

nav.woocommerce-MyAccount-navigation ul li a:hover
{
display: block;
background-color: #333333;
text-decoration: none;
background-color: #ffffff;
}

#sidebar ul.product-categories li
{
    padding-bottom: 0px;
	    border: 1px solid #eaebec;
    border-bottom-width: 0px;
}

#sidebar ul.product-categories li a
{
color: #333333;
padding: 7px 5px;

display: block;
background-color: #f9f9f9;
}

#sidebar ul.product-categories li:last-child
{

    border: 1px solid #eaebec;
    border-bottom-width: 1px;
;
}

#sidebar ul.product-categories li a:hover
{
text-decoration: none;
background-color: #ffffff;
}


.video-background { /* class name used in javascript too */
    width: 100%; /* width needs to be set to 100% */
    height: 100%; /* height needs to be set to 100% */
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.titleramo
{
	font-family: 'PT Serif', serif;
	 /*text-transform: uppercase;*/
	 font-weight: 500;
	 font-size: 18px;
	 background-color: #669933;
	 color: #ffffff;
	 padding-top: 15px;
	 padding-bottom: 15px;
	 border-radius: 5px;
}

.titleramo a
{
	color: #ffffff;
	font-family: 'PT Serif', serif;
	font-weight: 500;
	font-size: 18px;
}

.shadow
{
    -webkit-box-shadow: 0px 39px 76px -45px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 39px 76px -45px rgba(0,0,0,0.35);
    box-shadow: 0px 39px 76px -45px rgba(0,0,0,0.35);
	margin: 20px;
	
}

.headvideo

{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+32,ffffff+99&1+32,0+55 */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 32%, rgba(255,255,255,0) 55%, rgba(255,255,255,0) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 32%,rgba(255,255,255,0) 55%,rgba(255,255,255,0) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 32%,rgba(255,255,255,0) 55%,rgba(255,255,255,0) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.ramonews
{
	margin-top: 20px;

	
}

.ramopartners
{
margin-top: 20px;
max-width: 200px;
}


.fourbanners a
{
	 font-family: 'PT Serif', serif;
	 text-transform: uppercase;
	 font-weight: 700;
	 font-size: 18px;
	 color: #000000;
}


#main_menu {
clear: both;
font-size: 11pt;
height: 20px;
padding: 14px 0px;
overflow: hidden;
background: #45aeff;
border: 1px solid #bce2ff;
border-bottom: none;
border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
}

#main_menu ul {
clear: both;
margin: 0;
padding: 0px;
}

#main_menu ul li {
float: left;
list-style: none;
padding: 0 10px;
}

#main_menu a {
color: #fff;
padding: 0 10px;
text-decoration: none;
}

#main_menu .sub-menu {
display: none;
position: absolute;
margin: 0;
padding: 10px !important;
border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
z-index: 999999;
}

#main_menu ul li:hover .sub-menu  {
display: block;
clear: both;
position: absolute;
background: #45aeff;
}

#main_menu .sub-menu li {
clear: both;
}

#main_menu a:hover {
text-decoration: underline;
}

img.size-full
{
	padding: 5px;
}
#ramomenu.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}

.nav > li > a
{
	padding: 15px 5px 15px 5px;	
	white-space: nowrap;
} 

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #437312;
    border-color: #337ab7;
	color: #FFFFFF;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0px 0;
    margin: 0px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0px solid #ccc;
    border: 0px solid rgba(0, 0, 0, .15);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	

}
.dropdown-menu li a{

	 text-transform: uppercase;
	 font-weight: 700;

	 color: #FFFFFF;
}

.dropdown-menu > .active > a{
    color: #fff;
    text-decoration: none;
    background-color: #669933;
    outline: 0;
}

 .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  background-color: #f5f5f5;
  color: #000000;
}


.post-title h2 a, h1.page-title, h2.widgettitle {
    font-weight: 700;
    font-size: 23px;
    color: #000000;
}


html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
body {
    min-height: 100%;
}
.header {
    width:100%;
    height: 100%;
	top: -390px;
	margin-bottom: -390px;
    max-height: 350px;
    background: #000;
    overflow: hidden;
    position: relative;
	z-index: -1;
}
.header__video-wrapp  {
    position:absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
	background-color: #ffffff;
    
}
.header__video-box {
    text-align: center;
    margin: 0 -1000px;
	height: 100%;
	background-color: #ffffff;
}
.header__video {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    min-height: 768px;
	background-color: #ffffff;
}
.header__video-play{
  width: 63px;
  height: 66px;
  position: relative;
  background: url(http://www.gastronom.ru/Content/digest/2016/chto-prigotovit-na-novyj-god/play.png);
  top: 10px;
  left: 25px;
  cursor:pointer;
  text-align: center;
}

.btn1 {
display: inline-block;
    padding: 0px 0px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 0px solid transparent;
    border-radius: 0px;
	background-color: white;
}

.mc2
{
	    /*background-color: #000000;*/
	
}


@media (max-width: 991px) {
 #ramomenu .navbar-header {
        float: none;
    }
    #ramomenu .navbar-toggle {
        display: block;
    }
    #ramomenu .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    #ramomenu .navbar-collapse.collapse {
        display: none!important;
    }
    #ramomenu .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    #ramomenu .navbar-nav>li {
        float: none;
    }
    #ramomenu .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #ramomenu .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    #ramomenu .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

 .youtube {
    font-family: arial,helvetica neue,helvetica,sans-serif;
    font-size: 20px;
    color: #FFFFFF;
    padding: 10px 25px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8fc400+0,669933+100 */
background: #8fc400; /* Old browsers */
background: -moz-linear-gradient(top, #8fc400 0%, #669933 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #8fc400 0%,#669933 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #8fc400 0%,#669933 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#669933',GradientType=0 ); /* IE6-9 */
    border: 1px solid #669933;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	ext-decoration: none;
 }

.youtube:hover, .youtube:focus {
    background: #FFFFFF;
     border: 1px solid #669933;
    color: #669933;
text-decoration: none;}

.phonelink a
{
	color: #ffffff;
	text-decoration: none;
	font-size: 20px;
	 font-weight: 700;
}


.phonelg
{
	margin-top: -55px;
}

.langflags {
float: right;
min-width: 50px;
position: relative;
margin: 10px 5px 5px 5px;
}
.langflags li {
float:right;
/*margin-right:5px;*/
display: inline;
}
ul.langflags 
{
list-style-type: none;
}

li.lang-item-en a
{
background: url(images/icons/en.png)  no-repeat;
padding: 25px;
margin: 5px  -45px 5px -40px;
font-size: 0.1px;
}

li.lang-item-ru a
{
background: url(images/icons/ru.png)  no-repeat;
font-size: 0.1px;
padding: 25px;
margin: 5px  5px 5px 5px;
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 0px solid #ddd;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0px solid #ddd;
}


h3.uris-slider-post-title
{
	display: none;
}

h3, .h3 {
    font-size: 18px;
}