/* CSS Document */

/*
Theme Name: Custom Sites
Theme URI:
Author: Avraham Yoffe - Custom-sites Team
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;
}

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

#slider{
    margin: 0 0 10px 0;
}

#carousel .flex-viewport{
    width: 90%;
    margin: 0 auto;
}

#carousel .flex-direction-nav a:before,
#slider .flex-direction-nav a:before {
    font-size: 35px;
    color:#fdd816;
}

#carousel .flex-direction-nav a.flex-next:before,
#slider .flex-direction-nav a.flex-next:before {
    content: url("images/general/arrow_right.png");
}

#carousel .flex-direction-nav a.flex-prev:before,
#slider .flex-direction-nav a.flex-prev:before {
    content: url("images/general/arrow_left.png");
}

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

html
{
	overflow-y: scroll;
	background:#ffffff;
}

#container
{
	position:relative;
	width: 100%;
	overflow: hidden;
}

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

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

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


/* ### Header ### */

#header
{
	position:relative;
	width: 96%;
	max-width: 1140px;
	margin: 0 auto;
	height: 100px;
	padding:10px 0 10px 0;
	box-sizing:border-box;
	z-index:9999;
}

#header_menu
{
padding:35px 0 0 0;
}

#header_logo
{
    text-align: left;
    direction: ltr;
}

#main_logo
{
display:inline-block;
}
/*************************/
/*************************/



/* ### Footer ### */

#footer
{
	position: relative;
	width: 100%;
	max-width:1920px;
	min-height:110px;
	margin:0 auto;
	background:#d0d0d0;
}

#footer_in
{
	position: relative;
	width: 100%;
	height:100%;
	max-width: 1140px;
	margin: 0 auto;
	padding:30px 0 0 0;
}

#footer_credits{
    position: relative;
	width: 100%;
	max-width:1920px;
	margin:0 auto;
	background:#b2b2b2;
}

#footer_credits_in
{
	position: relative;
	width: 100%;
	height:100%;
	max-width: 1140px;
	margin: 0 auto;
	padding:10px 0 5px 0;
}

/*#credit
{
text-align: left;
font-size:0.8em;
color:#ffffff;
padding:0 0 0 0;
}

#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;
}*/


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

#top_img_container {
    position: relative;
}

#page_name{
    position: absolute;
    bottom: -100%;
    background: #ffd800;
    padding:20px;
    z-index: 10;
}

#scroll_arrow {
    position: relative;
    bottom: 0px;
    width: 45px;
    height: 25px;
    z-index: 10;
    margin: 0 auto;
    cursor: pointer;
}

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

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

#hp_top_img
{
position:relative;
}

#hp_top_img_inner
{
	position: relative;
	width: 96%;
	max-width: 1140px;
	margin: 0 auto;
}

#hp_top_img_txt
{
opacity: 0;
position: absolute;
max-width: 350px;
top:0px;
left:0px;
padding:20px;
background:#ffd800;
z-index:100;
}

/* ######################################### */
/* Posts */

.post_title {
    color:#000000;
    font-size: 20px;
}

hr.post
{
    border-top:1px solid #ffd800;
    margin:50px 0 50px 0;
}

#post_back_button{
    display: inline-block;
    background: #fdd816;
    color: #000000;
    padding: 10px 30px 10px 30px;
    border: none;
    text-decoration: none;
    cursor: pointer;
}

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

.post_read_more:hover
{
    color: #ffd700;
}

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

#content_start
{
    padding:50px 0 50px 0;
}

/* ######################################### */
/* Blog Page */

.widget-area h3.widget-title{
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ffd700;
}

.widget-area ul{
    list-style: none;
    padding: 0 0 0 0;
}

.widget-area ul li{
    padding:10px 0 10px 0;
    border-bottom: 1px solid #ededed;
}

.widget-area ul li a{
    color:#010101;
    font-size: 20px;
}

.widget-area .widget_tag_cloud{
    padding:50px 0 0 0;
}

.widget-area .tagcloud a{
    display: block;
    color:#626262;
    font-size: 20px !important;
    padding:10px 0 10px 0;
    border-bottom: 1px solid #ededed;
}
/* ######################################### */
/* Contact Page */



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

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

.wpcf7-textarea{
    height: 250px;
    padding:5px;
}

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;
height:50px;
padding:0 20px 0 20px;
border:none;
background:#fdd816;
color:#000000;
}


.wpcf7-submit:hover
{
background:#000000;
color:#fdd816;
}


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

#cf7_list
{
display:none;
}

a.contact_link:active{text-transform: none;color: #000000;text-decoration: none}
a.contact_link:link{text-transform: none;color: #000000;text-decoration: none}
a.contact_link:visited{text-transform: none;color: #000000;text-decoration: none}
a.contact_link:hover{text-transform: none;color: #aeadab;text-decoration: 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;
}


/* ######################################### */
/* 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:relative;
	width:100%;
	top:0px;
	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;
border-top:5px solid #ffffff;
border-bottom:5px solid #ffffff;
padding:5px 0 5px 0;
}

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

.navbar-nav > li
{
float:left;
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;
    border-top:5px solid #ffdd1f;
	border-bottom:5px solid #ffdd1f;
}

.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-top:5px solid #ffdd1f;
	border-bottom:5px solid #ffdd1f;
	padding:5px 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;
}


.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;
}


.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);
}

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

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


}


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

	.show_on_mobile
	{
	display:block;
	}

	.hide_on_mobile
	{
	display:none;
	}

	#footer
	{
		height:auto;
	}

	#footer_in
	{
		width:98%;
		padding:10px 0 0 0;
	}

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

    #hp_top_img_inner{
        display: none;
    }

	#header_container,
	#header
	{
		height:auto;
	}

	#header_logo
	{
		float:none;
		display:block;
		text-align:center;
	}

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

    #page_name
    {
        display: none;
    }
	/**********************/

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



	.navbar-header
	{
		background:#000000;
		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;
	}

	#mobile_page_name
	{
	display:none;
	}

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

}

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

}

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


}

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


}