@font-face {
    font-family: 'Josefin Slab', serif;
    src: url('fonts/Josefin_Slab/Josefin-Slab-Light.ttf'); 
    src: local(''), url('../fonts/Josefin_Slab/Josefin-Slab-Light.ttf'); 
    font-weight: normal;
}

@font-face{
font-family: 'HelveticaNeue';
src: url('fonts/helvetica/HelveticaNeueCyr-Roman.otf') format("opentype");
font-weight: normal;
font-style: normal;
}

@font-face{
font-family: 'HelveticaNeue-Light';
src: url('fonts/helvetica/HelveticaNeueCyr-Light.otf') format("opentype");
font-weight: normal;
font-style: normal;
}


.test1{
	color: black;
	font-family: 'Helvetica Neue', sans-serif;
	font-size: 30px;
}

.test2{
	color: black;
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
}


/*/////////////////////////////////////////////// SHAPKA /////////////////////////////////////////*/
.top_side{
    height:117px;
}

.top_middle_info{
    width: 560px;
    text-align: center;
    margin: 0 auto;
    float: left;
    margin-top: 5px;

}

.top_right_info{
    width:229px;
    text-align:right;
    float:right;
	margin-top:10px;
    
}

.navbar-default{
    height:51px;
    min-width:1180px;
}

.logo_div_container{
    
    width:300px;
    padding-left:15px;
    padding-right:15px;
    
}

.logo_div{
    
    float:left;
}

.top_center_info{
display:block;
float:left; 
width:100%;
}


/*/////////////////////////////////////////////// END OF  SHAPKA /////////////////////////////////////////*/


/*/////////////////////////////////////////////// MENU /////////////////////////////////////////*/
.nav > li {
    position: relative;
    display: inline-block!important;
    margin:0;
}

.navbar-nav {
    margin:0!important;
}

.navbar-nav > li > a {
    padding-top: 15px!important;
    padding-bottom: 15px!important;
}

.colmd-3-left{
    width:250px;
    float:left;
    margin-left:15px;
}
.colmd-6{
    width: 630px;
    float: left;
    margin: 0 auto;
    text-align: center;
}


.colmd-3-right{
   width:230px;
   float:right;
   padding:0 15px 0 0;
}

.container{
width: 1170px!important;

}


.main_h1{
line-height: 28px;
font-size: 22px;
font-weight: 400;
font-family: 'Source Sans Pro','Helvetica Neue',Arial, sans-serif;
letter-spacing: -0.5px;
color: black;
margin: 0 0 20px 0px;
}

.main_h2{
color: black;
margin: 10px 0 3px;
font-size: inherit;
line-height: inherit;
font-weight: 700;
}

.main_text_p{

}



.logo_div {
  background-image: url("images/logo_gr2.jpg");
  background-repeat: no-repeat;
  background-size: 269px 117px;
  display: block;
  height: 117px;
  width: 269px;
  margin: 0px 0px 0px -15px;
}

.hide_logo{
	width: 269px;
	height: 117px;
	display: block;
}

.test{

	display: block;
	width: 800px;
	height: 800px;

}

.search_in {
margin-top:8px;
float:right;

}

.form-control {

	min-width:240px;
}

.capt{
font-size: 18px;
font-family: 'Roboto-light', sans-serif;
font-weight: 300;
}

.phone_main{
	height: 36px;
    font-size: 28px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;

}

.email_main{
  font-family: 'Roboto-light', sans-serif;
  font-weight: 300;
  font-size: 18px;
}

.txmnod{
width: 100%;
float: left;

}


.tmnogo, .todno{
float: left;
margin: 14px 20px 0px 0px;
color:red;
}

.tmnogo a, .todno a{
color:#7c00e6;
cursor:pointer;
	}

.tmnogo a:hover, .todno a:hover{
color:#7c00e6;
cursor:pointer;
}

.price_link {
	color: white;
    background-color: #724799;
    cursor: pointer;
    padding: 9px 30px 9px 30px;
    display: block;
    width: 160px;
    margin: 5px auto;
}


.price_link:hover, .price_link:active, .price_link:visited, .price_link:link{
	color: white;
	text-decoration: none;
}

.xlst {
	font-family: 'Roboto-light', sans-serif;
	font-weight: 400;
	font-size: 10px;
	float: right;
	width: 200px;
	margin: 4px -10px 0px 0px;
}

.left_banner{
width: 850px;
height: 500px;
background: url(../images/banner2.jpg) no-repeat;
background-size: 850px 500px;
margin: 0 20px 15px 0;
float: left;
}

.leftbanner_div{
width: 850px;
height: 500px;

float: left;
}

.left_banner_img{
width: 850px;
height: 500px;
margin: 0 20px 15px 0;
float: left;
}

.right_banner{
float: left;
width: 270px;
}

.banner_news{
float: left;
width: 270px;
height: 250px;
margin-bottom: 7px;
position: relative;
}

.news_img{
width: 270px;
height: 230px;
display: block;
}


.news_title {
    position: absolute;
    bottom: -5px;
    background-color: #000;
    color: #FFF;
    display: inline-block;
    z-index: 1;
    text-align: center;
    padding: 10px 20px 10px 20px;
    left: 50%;
    transform: translate(-50%);
    width: 240px;
  /*  opacity: 0.9;
   	-moz-opacity: 0.;
	filter:alpha(opacity=9); */
}

.news_title:hover{
	cursor: pointer;
	/* opacity: 1;
   	-moz-opacity: 1;
	filter:alpha(opacity=0);*/
}

.right_top_banner{
float: left;
width: 270px;
height: 240px;
background: url(../images/right_top.jpg) no-repeat;
background-size: 270px 240px;
margin: 0 0 15px 0;
}

.right_bot_banner{
float:left;
width: 270px;
height: 240px;
background: url(../images/right_bot.jpg) no-repeat;
background-size: 270px 240px;
margin: 7px 0 0 0;
}

.line_title{
	font-size: 22px;
	letter-spacing: 2px;
	position: relative;
	text-align: center;
	line-height: 12px;
	text-transform: uppercase;
	/*margin: 10px 0 28px 0;*/
	margin: 0px 0 28px 0;

}

.line_title::before{
content:'';
position: absolute;
height: 1px;
width: 100%;
top:6px;
background-color: #ddd;
left:0;
}

.res_title{
background-color: #FFF;
padding: 5px 20px 5px 20px;
position: relative;
}

.res_w_title{
background-color: #2f2f2f;
padding: 5px 20px 5px 20px;
position: relative;
color: #fff;
}

.fp_banner, .fp_flowers{
margin: 30px 0 30px 0;
}

.fp_flowers{
height:315px;
}

.a_flower_tpl{
display: block;
position: relative;
width: 350px;
height: 240px;
}


.main_flowers{
display: inline-block;
height: 100%;
margin: 0 0 40px 0;
}

.mp_flows_img{
width: 350px;
height: 240px;
}


.main_flower_title{
    position: absolute;
    color: #000;
    display: block;
    z-index: 1;
    text-align: center;
    padding: 10px 0px 0px 0px;
    left: 0;
    right:0;
    margin:0 0 5px 0;
    font-size: 18px;
    font-weight: 300;
}

.a_flower_tpl p:hover{
text-decoration: underline;
}

.main_three_flow{
    float: left;
    margin: 0 15px 0px 15px;
    padding: 0;
}






.full_width{
	background-color: #2f2f2f;
	width: 100%;
	padding-top: 25px;
	display: inline-block;
	text-align: center;
}

.bestseller_line{
width: 90%;
text-align: center;
margin: 10px auto;

}


.div_best_flow{
width: 210px;
margin: 20px;
text-align: center;
}


.best_flow{
width: 100%;
margin: 0 auto 8px auto;
padding: 0;
box-shadow: 2px 2px 11px -3px black;
text-align: center;


}


.a_best_tpl{
width: 100%;
display: block;
position: relative;
text-decoration: none;
outline: none;
cursor: pointer;
text-align: center;
}

.a_best_tpl:hover, .a_best_tpl:focus, .a_best_tpl:active{
text-decoration: none;
outline: none;
}



.best_flower_title{
color: white;
font-weight: 100;
letter-spacing: 1px;
}


.best_flower_price{
color: white;
font-weight: 500;
font-size: 16px;
}




/*/////////////CONTENT////////////////////////*/


.content_div{
width:90%;
font-size:11px;
line-height:17px;
color:black;
margin: 0 0 20px 0;
}
.content_div p{
text-align:justify;
}

.margin5{
margin: 0 0 0px 5px;
}

.margin27{
margin: 0 0 0px 27px;
}
/*////////////////////////О КОМПАНИИИ//////////////////////////////////////////*/


.full_about{
	border-top:1px solid #dedede;
	margin: 60px 0 0 0;
}

.test1{
	color: black;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 30px;
}

.test3{
	color: black;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30px;
}

.test4{
	color: black;
	font-family: 'PT Sans', sans-serif;
	font-size: 30px;
}



.about_wrapper{
margin: 10px 0 ;

}

#about, #delivery, #payment{
margin: 25px 0 20px 0;

}
/*//////////////////////////////  ВСЕ ОСТАЛЬНЫЕ СТРАНИЦЫ  //////////////////////////////*/
.main_image_wrapper{
    float:left;
    
}
.main_img{ 
    width: 350px;
    box-shadow: 3px 3px 7px -1px;
    margin: 2px 15px 17px 5px;

}

.child_image_wrapper{
    width:1140px;
    display:inline-block;
}

.ch_image_wrapper{
    width: 1140px;
    display: inline-block;
    margin: 2px 0px 0px 0px;
}

.child_images{ 
    box-shadow: 3px 3px 7px -1px;
    margin: 2px 15px 17px 5px;
}
.content_p{
    text-align:justify;
    
}

.image_description{
    text-align:justify;
}

.left{
    float:left;
}

.right{
    float:right;
    margin-left:10px;
}

/*////////////////// КАТАЛОГ ///////////////////*/

.container_wrap{
	height: 100%;
  min-height: 100%;
  display: flex;


}

.left_side{
	font-weight: 16px;
	width:180px;
}


.param_caption{
	font-size: 14px;
    font-weight: bold;
    margin: 5px 0px 15px 0px;


}

.catalog_wrap{
	text-align: right;
	float:left;
}

.catalog_h2{
    font-family: "HelveticaNeue", "PT Sans", "Roboto", Arial, sans-serif;
    font-size: 18px;
    text-align: left;
    border-bottom: #ececec 1px solid;
    margin: 0px 0px 40px 28px;
    display: inline-block;
    width: 896px;
    padding-bottom: 2px;
    float: left;
    font-weight: bold;
}



.mnogoletniki{
width: 100%;
display: inline-block;

}

.odnoletniki{
width: 100%;
display: inline-block;

}

.ampelnie{
width: 100%;
display: inline-block;

}



.product_block{
	width: 198px;
	position: relative;
	float: left;
	margin: 0px 0px 25px 30px;
	text-align: center;
	height: 350px;

}

.product_block_odnoletniki{
	width: 198px;
	position: relative;
	float: left;
	margin: 0px 0px 25px 30px;
	text-align: center;
	height: 370px;

}

.product_block_info{
    min-height:40px;
}

.product_img{
	 width: 200px;
	 height: 160px;
	 box-shadow: 2px 2px 4px -1px;
}

.odnoletniki_img{
	 width: 200px;
	 height: 180px;
	 box-shadow: 2px 2px 4px -1px;
}

.product_price{
	margin: 6px 0px 14px 0px;
	font-weight: 600;
	font-size: 16px;
}

.product_name{
	margin: 7px 0px 2px 0px;
    font-size: 20px;
    text-transform: lowercase;
    font-variant: small-caps;
    line-height:23px;
}

.product_articul, .product_months, .product_conditions{
    /* font-family: 'PT Sans', sans-serif; */
    font-size: 13px;
    text-align: left;
    margin: 0px 5px 0px 4px;
    /* letter-spacing: 0px; */
    /* font-weight: bold; */
    color: gray;
}

.product_createdon{
	display: none!important;
	visibility: hidden!important;
}

.sort{
 width: 100%;
 float: left;
}


/*///////////////ISOTOPE////////////////*/


/* clear fix */
.isotope:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .element-item ---- */

.element-item {
  position: relative;
  float: left;

}

.param_title{
margin: 0 5px 15px 5px;

}

.param_checkboxes{

	margin-left: 10px;
}


.checkbox {
    display: none!important;
}

.ch_label{
 	font-family: "HelveticaNeue", "PT Sans", "Roboto", Arial, sans-serif;
    display: inline;
    padding: .2em .6em .3em;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
	font-weight: normal;

} 

/* Задаем внешний вид для нашего кастомного чекбокса. Все обязательные свойства прокомментированы, остальные же свойства меняйте по вашему усмотрению */
.checkbox-custom {
    position: relative;      /* Обязательно задаем, чтобы мы могли абсолютным образом позиционировать псевдоэлемент внютри нашего кастомного чекбокса */
    width: 20px;             /* Обязательно задаем ширину */
    height: 20px;            /* Обязательно задаем высоту */
    border: 2px solid #ccc;
    border-radius: 3px;
}
 
/* Кастомный чекбокс и лейбл центрируем по вертикали. Если вам это не требуется, то вы можете убрать свойство vertical-align: middle из данного правила, но свойство display: inline-block обязательно должно быть */
.checkbox-custom,
.label {
    display: inline-block;
    vertical-align: middle;
}
 
/* Если реальный чекбокс у нас отмечен, то тогда добавляем данный признак и к нашему кастомному чекбоксу  */
.checkbox:checked + .checkbox-custom::before {
    content: "";             /* Добавляем наш псевдоэлемент */
    display: block;          /* Делаем его блочным элементом */
    position: absolute;      /* Позиционируем его абсолютным образом */
 
    /* Задаем расстояние от верхней, правой, нижней и левой границы */
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
 
    background: #413548;     /* Добавляем фон. Если требуется, можете поставить сюда картинку в виде "галочки", которая будет символизировать, что чекбокс отмечен */
    border-radius: 2px;
}



/*********************CONTACTS***********************/



.cont_header{
font-family: 'HelveticaNeue', Arial, sans-serif;
font-size: 34px;
margin: 0 0px 0px 0;
font-weight: bold;
}

.contact_map{
width: 498px;
height: 356px;
}

#contacts_content{
	width:100%;
	background-image:url(images/02.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:900px;
	margin:0;
	padding:0px 0 20px 0;
}

#contacts_wrap{
margin: 0 0 0 0;

}

.header_wrap{
width:1140px;
margin:0 0 0 0;
}

#contacts_page_header{
font-family: 'PT sans'!important;
color:#000;
font-size:40px;
text-align:left;
font-weight: 600;
letter-spacing:-3px;
line-height:100px;
}

#cont_info{
margin:30px 0 0 0px;
width:530px;
height:100%;
float:left;
}
#cont_info .con_b{
font-size:18px;
}

#cont_info p{
font-size:16px;
font-family: 'Roboto','Arial','Trebuchet MS','Lucida Grande','Helvetica';
line-height:1.429;
}

.vk_link{
color:blue!important;
}

/*MAP*/

.p_contact_div{
position:relative;
float:left;
margin-bottom: 4px;
}

.map_area{
position:relative;
float:left;
width: 530px;
border: solid 1px #7c7c7c;
height:429px;
background-image: url(images/map.png);
}


.map_area_test{
position:relative;
float:left;
width: 530px;
border: solid 1px #7c7c7c;
height:429px;
background-image: url(/images/catalog/бадан.jpg);
}



/*end of map def*/


#form_wrapper{
background:#f8f8f8;
margin:-40px 0 0px 50px;
width:560px;
opacity:1!important;
float:left;
padding-bottom:20px;
height:737px;
}

#form_wrapper .form_header{
font-size:27px;
font-family: 'PT sans','Arimo','Arial','Trebuchet MS','Lucida Grande','Helvetica';
font-weight: bold;
letter-spacing:-1px;
margin:20px 0 0 50px; 
}

#contact_form{
margin:5px 0 0 50px;
}


.cf_div{
float:left;
margin-right:9px;
position:relative;
}

#contact_form input {
border:1px solid black;
font-size:13px;
height:34px;
margin-bottom:9px;
padding-left:12px;
width:210px;
}


#contact_form textarea {
border:1px solid black;
font-size:13px;
height:320px;
padding-left:12px;
width:444px;
max-height:320px;
min-width:350px;
}

.cap_div{
position:relative;
float:left;
}

.cap_class{
border:1px solid black;
height:36px;
margin-bottom:9px;
}

.recaptchatable .recaptcha_image_cell{
padding-right:10px!important;
}

#recaptcha_table{
width:460px!important;
}



#recaptcha_response_field{
width:288px!important;
}

#contact_form  #cf_sub{
font-size:19px;
height:50px;
width:224px;
border:0 none;
background:#a044a6 none repeat scroll 0 0;
cursor:pointer;
text-align:center;
text-transform:uppercase;
display:block;
color:#fff;
letter-spacing:-1px;
margin-top:10px;
}

.error{
color:#ff0000;
font-family: 'HelveticaNeue','Arimo','Arial','Verdana',"sans-serif";
font-size: 12px;
}

.seria_p{
color:black;
letter-spacing:-1px;
}

/*/////////////////ПОИСК/////////////////////////////*/

.submit{
    border-top: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    border-left: 0;
    display: block;
    float: left;
    height: 23px;
    width: 26px;
    font-size: 0;
    background-image: url(../img/search.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    padding: 0;
    cursor: pointer;
}


.img_novelties{
	float:left;
	padding-right:10px;
}

.noveltiesOuter_ul{
list-style:none;
padding-left:10px;
}

.noveltiesOuter_ul li{
overflow:hidden;
display:block;
}

.noveltiesOuter_ul .novelties_row_li a{
text-decoration: none;
}
.info_line_offers{
	border-bottom: 1px solid #BBBBBB;
	margin: 0;
	padding: 8px 0 23px;
}

.search_image{
    width:240px;

}

.yt_video{
display:table-cell;
padding:10px;

}

.cat_link_down{
color: #942424;
position:absolute;
z-index:200;
}

.cat_link_down:hover, .cat_link_down:active {
color: red;
position:absolute;
z-index:200;
text-decoration:none;
}

/*////////////////// ФУТЕР ///////////////////*/
.footerim{
background: url(images/footer.png) repeat-x;
background-size:  250px 150px;
height: 500px;
width: 100%;
}







table {
    border-collapse: collapse!important;
}

table, th, td {
    border: 1px solid gray!important;
}