/* CSS Document */

/*
Theme Name: משתלת הרדוף
Theme URI:
Author: Avraham Yoffe
Author URI: http://www.custom-sites.com
Description: תבנית אתר משתלת הרדוף
Version: 1.0
*/

@import  url(style_common.css);

/* ############## cleae fix ################ */

.cf:before, .cf:after { content: ""; display:table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

.verticalcenter_absolute
{
    position: absolute;
    top: 50%;
	left:50%;
    -webkit-transform: translateY(-50%) translatex(-50%);
    -o-transform: translateY(-50%) translatex(-50%);
    transform: translateY(-50%) translatex(-50%);
}

.verticalcenter_relative
{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.vertical_absolute
{
    position: absolute;
	top:50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.horizontal_absolute
{
    position: absolute;
	left:50%;
    -webkit-transform: translatex(-50%);
    -o-transform: translatex(-50%);
    transform: translatex(-50%);
}
/* ######################################### */

/*
verticla align For bootstrap
add the .vertical-align to the .row
put all other items in a div inside the .col div
*/

.vertical-align {
  display: flex;
  flex-direction: row;
}

.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
  display: flex;
  align-items: center;
  justify-content: center; /* Optional, to align inner items
                              horizontally inside the column */
}

/* ###############*/

/*
verticla align For bootstrap .col
need to add the class to all the cols in the row
*/

.pull_middle {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

/* ######################################### */

/*.big_header,
.small_header,*/
.animate_it
{
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}

/* ######################################### */

.show_on_mobile
{
display:none;
}

.hide_on_mobile
{
display:block;
}

.nav > li.show_on_mobile
{
display:none;
}

hr.title
{
margin:0px;
}

/* ######################################### */

html
{
	overflow-y: scroll;
	background:#2c3e44;
}

#container
{
	position:relative;
	width: 100%;
	overflow: hidden;
	min-height:1000px;
}

.outer
{
	position: relative;
	max-width: 1848px;
	width: 100%;
	margin: 0 auto;
}

.inner
{
	position: relative;
	width: 96%;
	max-width: 1046px;
	margin: 0 auto;
}

.inner_absolute
{
	position: absolute;
	width: 100%;
	height:100%;
	background:#FF0004;
}

.main,
#page_one_col,
#page_two_col
{
background:url(images/general/general_bg.jpg);
}

/* ### Header ### */
#header_container
{
	position:fixed;
	/*position:relative;*/
	width: 100%;
	max-width:1848px;
	left: 50%;
    transform: translateX(-50%);
	background:#ffffff;
	border-bottom:1px solid #cccccc;
	z-index:99998;
}

#header.big_header
{
	overflow: visible !important;
	position:relative;
	width: 96%;
	max-width: 1046px;
	margin: 0 auto;
	height: 230px;
	z-index:99998;
}

#header.small_header
{
	overflow: visible !important;
	position:relative;
	width: 96%;
	max-width: 1046px;
	margin: 0 auto;
	height: 105px;
	z-index:99998;
}


#fix_hp_header_spacer.big_header
{
width:100%;
height:230px;
}

#fix_hp_header_spacer.small_header
{
width:100%;
height:105px;
}


#fix_in_header_spacer
{
width:100%;
height:90px;
}

#main_logo_container
{

	position:relative;
	width:100%;
	padding: 0 0 0 0;
	box-sizing:border-box;
}

#main_logo.big_header
{
	display:inline-block;
	margin: 25px 0 0 0;
}

#main_logo.small_header
{
	display:inline-block;
	margin: 5px 0 0 0;
	width:135px;
}

#my_list.big_header
{
position:absolute;
top:135px;
left:0px;
width:200px;
height:30px;
line-height:30px;
border:1px solid #496e82;
cursor:pointer;
}

#my_list.small_header
{
position:absolute;
top:20px;
left:0px;
width:110px;
height:30px;
line-height:30px;
border:1px solid #496e82;
cursor:pointer;
}

#my_list.big_header:hover,
#my_list.small_header:hover
{
background:#496e82;
color:#ffffff;
}

#my_list_count
{
	z-index:99999;
	position:absolute;
	top:-15px;
	left:-15px;
	width:30px;
	height:30px;
	line-height:30px;
	font-weight:500;
	border-radius:50%;
	background:#496e82;
	color:#ffffff;
}

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

#top_search.big_header
{
position:absolute;
top:170px;
left:0px;
width:200px;
height:30px;
line-height:30px;
cursor:pointer;
z-index:100;
}

#top_search.small_header
{
position:absolute;
top:60px;
left:0px;
width:200px;
height:30px;
line-height:30px;
cursor:pointer;
z-index:100;
}

#top_search.small_header #search_txt input
{
width:85px;
}

#search_txt
{
float:left;
}

#search_txt input
{
height:30px;
width:175px;
background:none;
border:none;
border-bottom:1px solid #363636;
outline:none;
padding:0 5px 0 5px;
}

#search_icon
{
float:left;
position:relative;
height:30px;
width:25px;
top:3px;
cursor:pointer;
}

#search_txt input::-webkit-input-placeholder
{
   color: #2c3e44;
}
#search_txt input:-moz-placeholder
{
   color: #2c3e44;
}
#search_txt input::-moz-placeholder
{
   color: #2c3e44;
}
#search_txt input:input-placeholde
{
   color: #2c3e44;
}

#search_txt input:-ms-input-placeholder
{
   color: #2c3e44;
}

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

#header_menu_container
{
	position:absolute;
	bottom:0px;
	width:100%;
	padding: 0 0 0 0;
	box-sizing:border-box;
	z-index:10;
}

#header_menu_in.big_header
{

}

#header_menu_in.small_header
{
	position:absolute;
	top:-100px;
	right:150px
}

img
{
	border:none;
}

a
{
text-decoration:none;
}


a.lang_link:active{text-transform: none;color: #4e4c4c;text-decoration: none}
a.lang_link:link{text-transform: none;color: #4e4c4c;text-decoration: none}
a.lang_link:visited{text-transform: none;color: #4e4c4c;text-decoration: none}
a.lang_link:hover{text-transform: none;color: #fdb624;text-decoration: none}

#social_icons_bar
{
	position:absolute;
	top:5px;
	right:10px;
	z-index:9999999;
}

.social_icon
{
	float:left;
	margin:0 0 0 10px;
}

.social_icon_svg
{
	width:30px;
	height:30px;
}


/* ### Footer ### */

#footer
{
	position: relative;
	width: 100%;
	max-width:1848px;
	margin:0 auto;
	background:#496e82;
}

#footer_in_container,
#footer_in_container2
{
	position: relative;
	width: 100%;
	max-width: 1046px;
	margin: 0 auto;
	padding:30px 0 0 0;
	color:#ffffff;
}

#footer_txt_1
{
	font-size:1.5em;
	font-weight:400;
	border-bottom:1px solid #ffffff;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}

#footer_txt_2
{
	display:inline-block;
	font-size:1.8em;
}

.footer_txt_2_info
{
position:relative;
display:inline-flex;
}

#footer_phone_icon
{
top:5px;
width:40px;
}

#footer_phone_number
{
top:2px;
}

#credit
{
height: 30px;
line-height: 30px;
text-align: left;
font-size:0.8em;
color:#496e82;
padding:0 10px 0 10px;
background:#dfe0e0;
}

#credit a{
    color:#496e82;
}

#copyrights
{
height: 60px;
line-height:60px;
font-size:1em;
background:#dfe0e0;
color:#000000;
}


#fotter_social
{
position:relative;
top:5px;
right:0px;
}

.one_social
{
float:right;
padding:0 0 0 10px;
}

/* ######################################### */
/* Ravgonee Layout */

.rg_row
{
position:relative;
width:100%;
clear:both;
}

.rg_col
{
position:relative;
float:right;
text-align:right;
direction:rtl;
padding: 0 10px 0 10px;
box-sizing:border-box;
overflow:hidden;
}

.rg_text_center
{
text-align:center;
}

.rg_no_padding
{
padding:0 0 0 0;
}

.rg_no_padding_l
{
padding: 0 10px 0 0;
}

.rg_no_padding_r
{
padding: 0 0 0 10px;
}

.rg_col_1
{
	width: 8.333%;
	margin: 0px;
}


.rg_col_2
{
	width: 16.667%;
	margin: 0px;
}

.rg_col_3
{
	width: 25%;
	margin: 0px;
}

.rg_col_4
{
	width: 33.333%;
	margin: 0px;
}

.rg_col_5
{
	width: 41.667%;
	margin: 0px;
}

.rg_col_6
{
	width: 50%;
	margin: 0px;
}

.rg_col_7
{
	width: 58.333%;
	margin: 0px;
}

.rg_col_8
{
	width: 66.667%;
	margin: 0px;
}

.rg_col_9
{
	width: 75%;
	margin: 0px;
}

.rg_col_10
{
	width: 83.333%;
	margin: 0px;
}

.rg_col_11
{
	width: 91.667%;
	margin: 0px;
}

.rg_col_12
{
	width: 100%;
	margin: 0px;
}

/* ######################################### */
/* pages general */

#breadcrumbs,
#breadcrumbs a
{
color:#496e82	;
font-size:14px;
}

#top_img
{
position:relative;
}

#top_page_title_container
{
display:none;
position:absolute;
top:0px;
left:0px;
width:100%;
}

#top_page_title
{
font-size:2em;
font-weight:500;
color:#496e82;
background:rgba(255,255,255,0.70);
padding:5px 20px 5px 20px;
}

#top_img_image
{
z-index:-50;
}

.spacer_5
{
width:100%;
height:5px;
}

.spacer_10
{
width:100%;
height:10px;
}

.spacer_20
{
width:100%;
height:20px;
}

.spacer_30
{
width:100%;
height:30px;
}

.spacer_40
{
width:100%;
height:40px;
}

.spacer_50
{
width:100%;
height:50px;
}


#scroll_to_top
{
display:none;
position:fixed;
right:2%;
bottom:10px;
cursor:pointer;
z-index:999999;
}

.button_a
{
	background:#c99517;
	display:inline-block;
	padding:5px 15px 5px 15px;
	color:#ffffff;
	cursor:pointer;
}

.button_a:hover
{
	background:#496e82;
	display:inline-block;
	padding:5px 15px 5px 15px;
	color:#ffffff;
}

.button_b
{
	border:1px solid #c99517;
	display:inline-block;
	padding:5px 15px 5px 15px;
	color:#000000;
	cursor:pointer;
}

.button_b:hover
{
	border:1px solid #496e82;
	background:#496e82;
	display:inline-block;
	padding:5px 15px 5px 15px;
	color:#ffffff;
}

/*div:focus {
  outline:none;
}*/

/* ######################################### */
/* Home Page */

#hp_slider
{
	position:relative;
	max-height:530px;
}

#hp_outer
{
background:url(images/general/general_bg.jpg);
}

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

#hp_options .rg_col
{
width:33.333%;
padding:0 1.5% 0 1.5%;
}

#hp_options .rg_col:nth-child(1)
{
padding:0 0 0 3%;
}

#hp_options .rg_col:nth-child(3)
{
padding:0 3% 0 0;
}

.hp_option_icon
{
float:right;
}

.hp_option_header
{
float:right;
border-right:1px solid #757574;
padding:0 10px 0 0;
margin:0 10px 0 0;
}

.hp_option_title
{
	font-size:1.4em;
	font-weight:500;
	color:#496e82;
}

.hp_option_title2
{
	color:#787878;
}

.hp_option_info
{
padding:10px 0 0 0;
}

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

.one_hp_plant
{
	float:right;
	width:24%;
	padding:0 0 20px 0;
	margin:0 1% 20px 1%;
	border:1px solid #959595;
	background:#ffffff;
}

.one_hp_plant:nth-child(1)
{
	margin:0 0 20px 0.667%;
}

.one_hp_plant:nth-child(2),
.one_hp_plant:nth-child(3)
{
	margin:0 0.667% 20px 0.667%;
}

.one_hp_plant:nth-child(4)
{
	margin:0 0.667% 20px 0;
}

.hp_plant_title
{
font-size:22px;
color:#496e82;
padding:30px 0 0 10px;
}

.hp_plant_title2
{
font-size:15px;
color:#858585;
padding:0 0 0 10px;
}


/* ######################################### */
/* Pages */



/* ######################################### */
/* Main Catalog Page */


#catalog_info{
position: relative;
margin: 0 auto;
width: 98%;
border: 1px solid #496e82;
padding: 10px;
background: #ffffff;

}

#main_catalog
{
background:url(images/general/general_bg.jpg);
}

#catalog_empty
{
display:none;
width:100%;
padding:20px;
margin:20px 0 0 20px;
font-size:1.5em;
color:#c99517;
background:#dfe0e0;
border: 1px solid #496e82;
}

/* ---- grid ---- */

.grid {
  /* center */
  margin: 0 auto;
}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */

.grid-item {
  width: 23%;
  height: auto;
  float: right;
  border: 1px solid #496e82;
  box-sizing: border-box;
  margin:1%;
  background:#ffffff;
}

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

.catalog_grid_title
{
font-size:1.5em;
font-weight:500;
color:#496e82;
}

.catalog_grid_description
{
color:#000000;
font-weight:500;
}

.catalog_grid_addCart
{
margin:10px 0 5px 0;
color:#496e82;
font-weight:500;
text-decoration:underline;
cursor:pointer;
}

.catalog_grid_addCart.in_basket
{
text-decoration:none;
color:#c99517;
cursor:auto;
}
/*****************/
/* filter general */

#catalog_filter_1
{
position:relative;
margin:0 1% 0 1%;
padding: 0 0 0 100px;
z-index:100;
}

#catalog_filter_line_1
{
position:relative;
margin:0 0 20px 0;
z-index:100;
}

#catalog_filter_line_2
{
position:relative;
z-index:10;
}

.filter_group
{
float:right;
padding:0 0 5px 10px;
}

.filter_group_2
{
display:none;
}

.filter_select
{
width:200px;
height:30px;
}

#filter_buttons
{
position:absolute;
top:0px;
left:0px;
height:30px;
z-index:110;
}

.filter_button
{
display:none;
float:left;
text-align:center;
width:100px;
height:30px;
line-height:30px;
font-weight:500;
color:#ffffff;
padding:0 10px 0 10px;
margin:0 10px 10px 0;
background:#c99517;
cursor:pointer;
}

.filter_button:hover
{
background:#496e82;
}

#clear_filter
{
display:none;
float:left;
position:relative;
color:#496e82;
font-weight:700;
font-size:14px;
margin: 0 10px 0 25px;
cursor:pointer;
}

#clear_filter:after
{
position:absolute;
content:url(images/catalog/clear_filter.png);
top:2px;
left:-25px;
}

.select_title
{
position:relative;
height:30px;
font-size:1.1em;
color:#496e82;
background:#dfe0e0;
border:1px solid #496e82;
padding:1px 5px 0 0;
cursor:pointer;
}

.filter_select_arrow
{
position:absolute;
left:10px;
top:0px;
z-index:1
}

.select_list
{
display:none;
}

.one_select_item
{
position:relative;
font-size:1.2em;
color:#496e82;
padding:0 5px 0 0;
border-top:1px solid #496e82;
border-right:1px solid #496e82;
border-left:1px solid #496e82;
background:#ffffff;
cursor:pointer;
}

.one_select_item:hover,
.one_select_item.active
{
position:relative;
background:#496e82;
color:#ffffff;
border-top:1px solid #ffffff;
}

.one_select_item:after
{
content:url(images/catalog/filter_select_empty.png);
position:absolute;
top:1px;
left:5px;
}

.one_select_item.active:after
{
content:url(images/catalog/filter_select_full.png);
position:absolute;
top:1px;
left:5px;
}

.one_select_item.block
{
position:relative;
background:#496e82;
color:#ffffff;
border-top:1px solid #ffffff;
}

.one_select_item.block:after
{
display:none;
}

.one_select_item:first-child
{
border-top:none;
}

.one_select_item:last-child
{
border-bottom:1px solid #496e82;
}

#catalog_filter_2
{
position:relative;
margin:0 1% 0 1%;
padding: 0 0 0 0;
}

/* filter line 2 */

#filter_letter_title
{
float:right;
font-size:1.2em;
font-weight:500;
color:#496e82;
padding:0 0 0 10px;
}

.filter_letter
{
float:right;
font-size:1.2em;
font-weight:500;
color:#496e82;
margin:0 0 0 5px;
padding:0 5px 0 5px;
cursor:pointer;
}

.filter_letter.active
{
background:#496e82;
color:#ffffff;
}

.filter_letter:not(.off):hover
{
background:#496e82;
color:#ffffff;
}

.filter_letter.off
{
color:#cccccc;
cursor:auto;
}

/* ######################################### */
/* Single Catalog Page */

#single_catalog
{
background:url(images/general/general_bg.jpg);
padding:0 0 20px 0;
}

#main_catalog_info_title
{
font-size:1.5em;
color:#c89516;
padding:0 0 5px 0;
}

.catalog_info_title
{
font-weight:400;
font-size:1.2em;
border-bottom:1px solid #000000;
padding:10px 0 0 0;
margin:0 0 5px 0;
cursor:pointer;
}

.catalog_info_title:focus
{
	outline:none;
}

.catalog_info_txt
{
/*display:none;	*/
color:#7a7a7a;
padding:0 0 0 0;
}

.catalog_info_addCart
{
margin:10px 0 5px 0;
color:#496e82;
font-weight:500;
text-decoration:underline;
cursor:pointer;
}

.catalog_info_addCart.in_basket
{
text-decoration:none;
color:#c99517;
cursor:auto;
}

#catalog_img_container
{
display:inline-block;
padding:0 0 10px 0;
}

#catalog_img_credit_he,
#catalog_img_credit_en
{
font-size:0.875em;
color:#787878;
}

#catalog_img_credit_en
{
text-align:left;
}

#back_to_catalog
{
position:relative;
float:left;
font-weight:500;
color:#496e82;
margin:0 0 5px 0;
}

#back_to_catalog:after
{
position:relative;
content:url(images/catalog/icon_back.png);
top:2px;
padding:0 10px 0 0;
}

/* ######################################### */
/* My List Page */

#my_list_page
{
border-right:1px solid #496e82;
border-left:1px solid #496e82;
background:#ffffff;
}

#my_list_header
{
background:#496e82;
color:#ffffff;
font-size:22px;
font-weight:700;
padding:10px 0 10px 0;
}

.one_my_list
{
border-bottom:1px solid #496e82;
padding:10px 0 10px 0;
}

/*.one_my_list:last-child
{
border:none;
}*/

.remove_item
{
position:relative;
margin:27px;
width:20px;
height:20px;
color:#ffffff;
background:#000000;
border-radius:50%;
line-height:20px;
font-size:16px;
cursor:pointer;
}

.one_my_list_img img
{
display:inline-block;
}

.one_my_list_title
{
color:#496e82;
font-weight:700;
}

.one_my_list_count
{
display:inline-block;
position:relative;
margin:0 auto;
border:1px solid #496e82;
background:#f3f3f3;
width:95px;
height:40px;
line-height:40px;
}

.one_my_list_count_num
{
	color:#496e82;
	font-size:16px;
	font-weight:500;
	padding:0 15px 0 0;
}

.one_my_list_count_plus
{
position:absolute;
top:0px;
right:0px;
color:#ffffff;
background:#496e82;
width:20px;
height:20px;
line-height:20px;
cursor:pointer;
}

.one_my_list_count_minus
{
position:absolute;
top:19px;
right:0px;
color:#ffffff;
background:#496e82;
width:20px;
height:20px;
line-height:18px;
border-top:1px solid #ffffff;
cursor:pointer;
}

#my_list_empty,
#my_list_empty_js
{
height:80px;
line-height:80px;
font-size:1.5em;
color:#c99517;
background:#ffffff;
border-bottom:1px solid #496e82;
}

#my_list_empty_js
{
display:none;
}

#send_list_button
{
float:left;
background:#496e82;
color:#ffffff;
padding:5px 10px 5px 10px;
cursor:pointer;
}

#send_list_button .hide
{
display:none;
}

#send_list_button img
{
position:relative;
top:-2px;
}

#send_list_form
{
display:none;
}

/* ######################################### */
/* Main Project Page */

#main_project
{
background:url(images/general/general_bg.jpg);
}

#project_filter_in
{
float:left;
}

.one_project
{
  width: 49.5%;
  height: auto;
  float: right;
  border: 1px solid #496e82;
  box-sizing: border-box;
  margin:0 0.25% 1% 0.25%;
  background:#ffffff;
}

/*.one_project:nth-child(odd)
{
	margin-right:0;
}

.one_project:nth-child(even)
{
	float:left;
	margin-left:0;
}*/

.project_title
{
font-size:1.5em;
font-weight:500;
color:#496e82;
padding:10px 20px 10px 20px
}

.project_description
{
color:#000000;
font-weight:500;
padding:0px 20px 10px 20px
}

.category_filter
{
float:left;
display:inline-flex;
padding:0 30px 10px 0;
font-weight:500;
cursor:pointer;
}

.category_filter:hover
{
text-decoration:underline;
}
/* ######################################### */
/* Contact Page */


/* ######################################### */
/* Carousel Catalog */

#carousel_catalog
{
position:relative;
}

#carousel_catalog #carousel_title
{
float:right;
display:inline-block;
color:#496e82;
font-size:22px;
}

#carousel_catalog #carousel_top
{
height: 35px;
border-bottom:1px solid #496e82;
}

#carousel_catalog #carousel_nav
{
float:left;
}

#carousel_catalog .carousel_but
{
float:left;
font-size:26px;
color:#333333;
padding:0 10px 0 0;
cursor:pointer;
}

.one_carousel
{
border:1px solid #496e82;
background:#ffffff;
}

.one_carousel_name
{
font-size:22px;
color:#496e82;
padding:20px 0 0 0;
}

.one_carousel_info
{
font-size:14px;
color:#000000;
padding:0 0 20px 0;
}

/* ######################################### */
/* Carousel General */

#carousel_general #carousel_main
{
float:right;
width:88%;
padding:0 1% 0 1%;
}

#carousel_general .carousel_but
{
float:right;
padding: 100px 0 0 0;
width:5%;
cursor:pointer;
}

/* ######################################### */
/* ##########  CONTACT FORM 7 ############## */

.wpcf7-text,
.wpcf7-textarea,
.wpcf7-select
{
height:40px;
padding:0 5px 0 5px;
width:100%;
background:#ffffff;
border:none;
outline:none;
color:#444444;
}

body input[type=text].wpcf7-not-valid, body input[type=email].wpcf7-not-valid, body input[type=tel].wpcf7-not-valid, body textarea.imaginet_textarea_1.wpcf7-not-valid, .wpcf7-not-valid {
border: 1px solid #ec3c06;
}

body span.wpcf7-not-valid-tip {
display: block;
color: #ec3c06;
border: none;
position: relative;
top: auto;
left: auto;
padding: 0;
margin-top: 2px;
background: none;
font-size:0.85em;
}

body div.wpcf7-validation-errors {
background: #ffe2e2;
margin:10px;
border: 1px solid #ff8a8a;
color: #ec3c06;
}

body div.wpcf7-response-output {
margin: 10px 0;
padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 5px;
}

body .wpcf7-mail-sent-ng {
background: #fff2e2;
border: 1px solid #ffbc8a;
color: #e17731;
}

body .wpcf7-mail-sent-ok {
background: #e8ffe2;
border: 1px solid #6fdf51;
color: #1ea524;
}


form.wpcf7-form
{
padding:0px;
margin:0px;
}


.wpcf7-submit
{
float:right;
width:100%;
height:50px;
border:none;
background:#10a7c3;
color:#ffffff;
}


.wpcf7-submit:hover
{
background:#bdd438;
color:#ffffff;
}


input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder
{
	font-size:0.8em;
	color: #2c3e44;
}
input:-moz-placeholder,
textarea:-moz-placeholder
{
	font-size:0.8em;
	color: #2c3e44;
}
input::-moz-placeholder,
textarea::-moz-placeholder
{
	font-size:0.8em;
	color: #2c3e44;
}
input:input-placeholde,
textarea:input-placeholde
{
	font-size:0.8em;
	color: #2c3e44;
}

.listform_half
{
float:right;
width:50%;
}

.listform_half .the_txt
{
float:right;
width:30%;
text-align:left;
padding:0 0 0 10px;
box-sizing:border-box;
}

.listform_half .the_field
{
float:right;
width:70%;
}

#cf7_list
{
display:none;
}

/* ######################################### */
/* Search */

#search_header
{

}

#search_title_1
{
float:right;
font-size:28px;
color:#c99517
}

#search_title_2
{
float:right;
font-size:22px;
color:#496e82;
padding:7px 7px 0 0;
}

.serach_results
{
padding:20px 0 20px 0;
border-bottom:1px solid #496e82;
}

.serach_results:last-child
{
border:none;
}

.search_button
{
float:left;
}

.search-field
{
border:none;
height:32px;
font-weight:400;
}

.search-submit
{
	border:none;
	background:#c99517;
	display:inline-block;
	padding:5px 15px 5px 15px;
	color:#ffffff;
	cursor:pointer;
}

.search-submit:hover
{
	background:#496e82;
	display:inline-block;
	padding:5px 15px 5px 15px;
	color:#ffffff;
}


/* ######################################### */
/* Modal */

body > div.modal-backdrop.fade.in
{
		z-index:20000000;
}

body.modal-open
{
	padding-left:17px;
}

#Request_A_Demo,
#Request_Brochure
{
top:100px;
z-index:30000000;
}

#Request_A_Demo .modal-content,
#Request_Brochure .modal-content
{
background:#e1e1e1;
color:#ffffff;
border:2px solid #ffffff;
overflow:hidden;
}

#Request_A_Demo .modal-header,
#Request_Brochure .modal-header
{
background:#10a7c3;
color:#ffffff;
}

.modal-body
{
color:#404040;
}

#b_form_usa,
#b_form_world
{
padding:10px;
background:#bdd438;
cursor:pointer;
display:none;
}

#b_form_usa a,
#b_form_world a
{
color:#ffffff;
}

#Request_Brochure .wpcf7-mail-sent-ok {
visibility: hidden;
}

/* ######################################### */
/* nav menu Header*/

/***************/
.navbar-header
{
z-index:10000;
height:40px;
/*margin:0 0 2px 0;*/
}

.navbar-collapse
{
	float:right;
	padding-right:0px;
	padding-left:0px;
}

.collapsing,
.navbar-collapse.in /* open sub menu group bg */
{
	position:absolute;
	width:100%;
	top:40px;
	left:0px;
	background:#ffffff;
	padding:10px 0 0 0;
	overflow:hidden;
	border:1px solid #496e82;
	z-index:10000;
}

.menu-item > a
{

font-size:18px;
font-weight:400;
color:#3e3d3c;
}

.navbar-nav
{
padding:0px;
margin:0px;
}

.navbar-nav > li
{
float:right;
padding:0 20px 15px 20px;
}

.navbar-nav > li > a
{
padding:10px 0 7px 0;
}

.navbar-nav > li:before
{
	position:absolute;
	top:8px;
	right:-6px;
	content:"|";
	font-weight:700;
	color:#3e3d3c;
}

.navbar-nav > li:first-child:before
{
	display:none
}

.navbar-nav > li > a:hover
{
    background:none;
	color: #496e82;
}

.menu_hp a,
.menu_hp a:hover
{
display: block;
background:url(images/general/icon_home.jpg) !important;
background-position:0px 10px !important;
background-repeat: no-repeat !important;
width: 22px;
height: 40px;
text-indent: -9000px;
}

.navbar-nav > li > a:active,
.navbar-nav > li > a:focus
{
    background: none;
}

.current-menu-item > a,
.current-menu-parent > a,
.current-page-ancestor > a
{
	border-bottom:2px solid #496e82;
	padding:0 0 5px 0;
    color: #3e3d3c;

}

.navbar-nav > .current-menu-item > a:hover,
.navbar-nav > .current-menu-parent > a:hover
{
	color:#363636;
}


/* sub menu */
/************/
/*more sub menu css in media screen*/

.sub-menu
{
	padding: 0 0 0 0;
	background:rgba(255,255,255,1.0);
	border:1px solid #496e82;
}

.sub-menu li {
	list-style: none;
	text-align: right;
	border-bottom:1px solid #496e82;
}

.sub-menu li:last-child
{
	border-bottom:none;
}

/*#header_menu_in.small_header .sub-menu li:before
{
content: "";
}*/

.sub-menu li:last-child {
	margin-bottom: 0;
}

.sub-menu li a  {
	display:inherit;
	font-weight:400;
	color: #4e4c4c;
	font-size:18px;
	text-decoration: none;
	text-align:center;
	padding:5px 15px 5px 15px;
	white-space: nowrap;
}

 /*#header_menu_in.small_header .sub-menu li a  {
	padding:0px;
	text-align:right;
}*/

.sub-menu li a:hover  {
	background:#496e82;
	border-bottom:none;
	color:#ffffff;
}


.sub-menu .current-menu-item > a,
.sub-menu .current-menu-item > a:hover {
	background:#496e82;
	border-bottom:none;
	color:#ffffff;
}


/* mobile menu */
/************/


#mobile_page_name
{
position:relative;
float:left;
color:#ffffff;
font-size:18px;
left:10px;
top:8px;
width:75%;
text-align:left;
}

/*.navbar-toggle
{
	position:relative;
	top:-10px;
	right:0px;
	margin-right: 0px;
}*/

.navbar-toggle
{
position: relative;
top: -7px;
right: 10px;
margin-right: 0px;
width: 60px;
height: 39px;
}


#nav-toggle { position: relative; left:0px; top: -3px; }

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  border-radius: 3px;
  height: 6px;
  width: 40px;
  background: #ffffff;
  position: absolute;
  display: block;
  content: '';
  z-index:10000;
}
#nav-toggle span:before {
  top: -10px;
}
#nav-toggle span:after {
  bottom: -10px;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  transition: all 500ms ease-in-out;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  background:#ffffff;
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}

/* ######################################### */
/*
#header_menu_in.small_header .menu-item > a
{
	font-size: 17px;
}

#header_menu_in.small_header li
{
	padding: 0 20px 0 20px;
}

#header_menu_in.small_header li:before
{
	top:8px;
	right:-3px;
	content:url(images/general/main_menu_bullet_small.png);
}*/

/* ######################################### */

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


}


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

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

}

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


}

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



}

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



}

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

	.grid-item {
	  width: 31.33%;
	}

	#page_two_col .rg_col_6
	{
		width:100%;
		padding: 0 0 20px 0;
	}

	#top_page_title
	{
	font-size:1em;
	}


	.listform_half .the_txt
	{
	width:50%;
	}

	.listform_half .the_field
	{
	width:50%;
	}

}

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

	#my_list.big_header
	{
	top:25px;
	left:20px;
	}

	#top_search.big_header
	{
	position:absolute;
	top:70px;
	left:20px;
	}
}


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


	#single_catalog .rg_col_3,
	#single_catalog .rg_col_6,
	#single_catalog .rg_col_9
	{
		width:100%;
		padding: 0 0 0 0;
	}

	#catalog_img_container
	{
	padding:10px 0 10px 0;
	}
}


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

	.show_on_mobile
	{
	display:block;
	}

	.hide_on_mobile
	{
	display:none;
	}

	#header_container
	{
		position:relative;
	}

	#header.big_header
	{
		width:100%;
		height:160px ;
		padding:0 0 0 0;
	}

	#main_logo_container
	{
		float:none;
		width:100%;
		text-align:center;
	}

	#main_logo.big_header
	{
	position:relative;
	float:right;
	display:inline-block;
	margin:10px auto;
	padding:0 10px 0 0;
	}

	#main_logo.big_header img
	{
		max-width: 150px;
	}

	#my_list.big_header
	{
	top:25px;
	left:20px;
	width:110px;
	}

	#top_search.big_header
	{
	position:absolute;
	top:70px;
	left:20px;
	}

	#top_search.big_header #search_txt input
	{
	width:85px;
	}

	#footer
	{
		height:auto;
	}

	#footer_in_container	{
		width:100%;
		padding:10px 1% 0 1%;
        box-sizing: border-box;
	}

	.inner	{
		width:98%;
		padding: 0 2.5% 0 2.5% ;
	}

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

	#hp_options .rg_col,
	#hp_options .rg_col:nth-child(1),
	#hp_options .rg_col:nth-child(3)
	{
	width:100%;
	padding:0 1.5% 0 1.5%;
	}

	.one_hp_plant
	{
		float:right;
		width:49%;
		padding:0 0 20px 0;
		margin:0 1% 20px 1%;
		border:1px solid #959595;
		background:#ffffff;
	}

	.one_hp_plant:nth-child(1),
	.one_hp_plant:nth-child(3)
	{
		margin:0 0 20px 0.667%;
	}

	.one_hp_plant:nth-child(2),
	.one_hp_plant:nth-child(4)
	{
		margin:0 0.667% 20px 0;
	}


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

	/* ### Start Nav Menu ### */

	#header,
	#header_container
	{
		height:auto;
	}

	.menu_hp a,
	.menu_hp a:hover
	{
	display: block;
	background:none !important;
	width: auto;
	height: auto;
	text-indent: inherit;
	}


	/*#header_menu_in
	{
	margin:25px 0 0 0;
	border-bottom: 2px solid #ffffff;
	}*/

	.navbar-header
	{
		background:#496e82;
		overflow:hidden;
	}

	.navbar-nav > li > a
	{
		font-size:16px;
		line-height:30px;
		padding:0 0 0 20px;

	}

	.collapse
	{
		border:1px solid #496e82;
	}

	.sub-menu > li > a
	{
		font-size:16px;
		line-height:30px;
		padding:0 0 0 30px;
		background: none;

	}

	.current-menu-item > a,
	.sub-menu .current-menu-item > a
	{
		border:none;
		background:#cccccc;
	}

	.current-menu-parent > a
	{
		background:none;
		border:none;
	}

	.sub-menu
	{
		padding:0px;
		background: none;
		border:none;
	}

	.sub-menu li a  {
		text-align:right;
	}

	/* ### End Nav Menu ### */


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

	.navbar-nav>li
	{
		width:100%;
		/*height:40px;*/
	}

	.navbar-nav > li:before
	{
		display:none;
	}

	.navbar-nav > li > a:before
	{
		content: url('images/general/main_menu_bullet_small.png');
		position: absolute;
		top: -1px;
		right:5px;
	}

	.navbar-nav > li > a
	{
	  font-size: 16px;
	  line-height: 30px;
	  padding: 0 20px 0;
	}


	.sub-menu li {
		border-bottom:none;
	}

	.sub-menu > li > a:before
	{
		content: url('images/general/main_menu_bullet_small.png');
		position: relative;
		top: -1px;
		right: -10px;
	}

	.sub-menu > li > a
	{
	  font-size: 16px;
	  line-height: 30px;
	  padding: 0 30px 0 0;
	  background: none;
	}
}

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

	/* sub menu */
	.sub-menu {
		display: none;
		position: absolute;
		top: 45px;
		right: 0px;
		width: auto;
		min-width:120px;
		z-index:10000;
	}

	/*#header_menu_in.small_header .sub-menu {
		left: -46px;
	}*/

	#mobile_page_name
	{
	display:none;
	}

	li:hover .sub-menu { /* show sub menu when hover */
		display: block;
	}

}

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

	.grid-item {
	  width: 48%;
	}

	.one_hp_plant
	{
		float:right;
		width:99%;
		padding:0 0 20px 0;
		margin:0 1% 20px 1%;
		border:1px solid #959595;
		background:#ffffff;
	}

	.one_hp_plant:nth-child(1),
	.one_hp_plant:nth-child(2),
	.one_hp_plant:nth-child(3),
	.one_hp_plant:nth-child(4)
	{
		margin:0 1% 20px 1%;
	}

	.listform_half
	{
	float:none;
	width:100%;
	}

	.listform_half .the_txt
	{
	width:30%;
	}

	.listform_half .the_field
	{
	width:70%;
	}


}

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

	.listform_half .the_txt,
	.listform_half .the_field
	{
	float:none;
	width:100%;
	text-align:right;
	}

}

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

	.grid-item {
	  width: 98%;
	}

}