/*
Theme Name: HTMLine - SmadarB (ENG)
Theme URI: http://www.HTMLine.com
Description: HTMLine - SmadarB (ENG Style)
Version: 1.0
Author: <a href="http://www.htmline.com" title="HTMLine - בניית אתרים">HTMLine - בניית אתרים</a>
*/

* {
	margin:  0;
	padding: 0;
	outline: none;
}


body {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	color: #5a574e;
	background-color: #FFF;
     -webkit-text-size-adjust: none;
}

#wrapper {
	margin: 0 auto;
	padding: 0 0px;
	width: 1200px;
    padding-top: 15px;
/*	border-left: 1px solid #9f9983;
	border-right: 1px solid #9f9983;*/
}

	header {
		position: relative;
		margin-bottom: 15px;
		height: 129px;
		z-index: 1000;
	}
	
	#page {
	    margin: 10px 0px;
        border: 1px solid #9f9983;
		overflow: hidden;
        position: relative;
        min-height: 373px;
	}
    
   	#homepage {
	    margin: 10px 15px;
		overflow: hidden;
        position: relative;
        min-height: 346px;
	}
    
	/*2020*/
    #homepage #page_content {
        float: none;
    } 
    
	footer {}
    
    footer #footer_text {
     text-align:center;
     font-family: rod;
     padding-bottom: 30px;
     font-size: 17px;
     color: #bdb8a7;
     margin:  0 auto;
     width: 940px;
    }

/**********/
/* header */
/**********/



header #title_container {
 background-color: #9f9983;
 margin:  0;
 padding: 9px 12px 0px 5px;
 height:  76px;
}    

header h1#logo {
float: right;
}




nav#top_menu {
	position: absolute;
	bottom: 0px;
	left:   5px;
}

#logo_wrapper { 
                display: none; 
                width: 100%;
                background-color: #9f9983;
                text-align: center;
                padding: 11px 0 0px 0;
              }
              
/************/
/* top menu */
/************/

#top_menu ul {
	list-style: none;
}

#top_menu ul li {
	position: relative;
}

#top_menu > ul > li {
	float: left; /*ENG*/
	margin-left: 15px;
	padding-bottom: 5px;
	vertical-align: middle;
}

#top_menu ul li a {
	font-size: 15px;
	color: #5a574e;
	text-decoration: none;
}


#top_menu ul li.current-menu-item > a,
#top_menu ul li.current-menu-parent > a,
#top_menu ul li.current-menu-ancestor > a {
	color: #9f9983;
    font-weight: bold;
}

#top_menu ul li:hover > a {
 color: #9f9983;
}

	#top_menu ul.sub-menu {
		position: absolute;
		top: 20px;
		left: 0;
		visibility: hidden;
        /*display:none;*/
	}
	
	#top_menu ul.sub-menu ul {
		padding-right: 5px;
		top: 0;
		right: 100%;
	}
	
	#top_menu ul.sub-menu li {
		padding: 5px 5px 0;
		background-color: #9f9983;
	}

	#top_menu ul.sub-menu li a {
		padding-bottom: 5px;
		border-bottom: 1px solid #000;
		white-space: nowrap;
		color: #FFF;
		display: block;
	}
	
	#top_menu ul.sub-menu li.delimiter {
		display: none;
	}
	
	#top_menu ul.sub-menu li:hover,
	#top_menu ul.sub-menu li.current-menu-item,
	#top_menu ul.sub-menu li.current-menu-parent,
	#top_menu ul.sub-menu li.current-menu-ancestor {
		background-color: #891724;
	}
	
	#top_menu ul.sub-menu li:hover > a,
	#top_menu ul.sub-menu li.current-menu-item > a,
	#top_menu ul.sub-menu li.current-menu-parent > a,
	#top_menu ul.sub-menu li.current-menu-ancestor > a {
		color: #FFF;
	}
	
	#top_menu ul li:hover ul,
	#top_menu ul li.show ul {
		visibility: visible;
	}
		
	#top_menu ul li.with-js ul {
		visibility: hidden !important;
	}
    
    
    li.lang-item img 
    {
      vertical-align: middle;
    }


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

#mobile_menu {
	margin: 30px auto 20px;
	border-bottom: 1px solid #2B4E72;
	width: 100%;
	clear: both;
	display: none;
}

	.responsive_nav {
		display: block;
		margin: 40px auto 30px;
		width: 90px;
		height: 30px;
		line-height: 30px;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		color: #FFF;
		background-color: #84261C;
	}
	
	.responsive_nav:hover {
		text-decoration: none;
	}
	
	.responsive_nav.active {
		color: #ddd;
		background-color: #888489;
	}
	
	.mobile_menu_navigation {
		display: none;
	}
	
	.mobile_menu_navigation ul.menu, 
	.mobile_menu_navigation ul.menu ul {
		margin:0;
		padding:0;
		list-style:none;
	}

	.mobile_menu_navigation ul.menu:after {clear:both;}

	.mobile_menu_navigation ul.menu li {
		overflow: hidden;
	}

	.mobile_menu_navigation ul.menu > li > a,
	.mobile_menu_navigation ul.menu ul li > a {
		display: block;
		border-top: 1px solid #2B4E72;
		padding: 10px 30px;
		line-height: 20px;
		font-size: 14px;
		font-weight: bold;
		color: #000;
		text-decoration: none;
		background-color: transparent;
		-webkit-transition:background-color .2s ease-in-out, color .2s ease-in-out;
		-moz-transition:background-color .2s ease-in-out, color .2s ease-in-out;
		-ms-transition:background-color .2s ease-in-out, color .2s ease-in-out;
		-o-transition:background-color .2s ease-in-out, color .2s ease-in-out;
		transition:background-color .2s ease-in-out, color .2s ease-in-out;
	}
	
	.mobile_menu_navigation ul.menu ul li > a {
		font-size: 13px;
		font-weight: normal;
	}

	.mobile_menu_navigation ul.menu > li.current-menu-item > a,
	.mobile_menu_navigation ul.menu > li.current-menu-ancestor > a,
	.mobile_menu_navigation ul.menu > li > a:hover,
	.mobile_menu_navigation ul.menu > li:hover > a {
		color: #fff;
          background-color: #89172A;
	}
	
	.mobile_menu_navigation ul.menu ul > li.current-menu-item > a,
	.mobile_menu_navigation ul.menu ul > li.current-menu-ancestor > a,
	.mobile_menu_navigation ul.menu ul > li > a:hover,
	.mobile_menu_navigation ul.menu ul > li:hover > a {
		color: #000;
	}
	
	.mobile_menu_navigation ul.menu li.dropdown > a > span {
		display: block;
		background: url(template/general/arrow_resp.png) no-repeat 99% 2px !important;
	}
	
	.mobile_menu_navigation ul.menu li.dropdown > a.drop_active > span {
		background-position: 99% -35px !important;
	}

	.mobile_menu_navigation ul.menu ul {
		display: none;
	}
	
	.mobile_menu_navigation ul.menu ul li a {
		padding-right: 50px;
	}

	.mobile_menu_navigation ul.menu ul ul li a {
		padding-right: 70px;
	}
     
     
     
/********/
/* page */
/********/

aside#left_sidebar {
	float: left;
	margin-right: 15px;
	width: 200px;
}

aside#right_sidebar {
	float: right;
	margin-left: 15px;
	width: 200px;
}

#page_content {
	float: right;
	position: relative;
}

#page_content.both_sidebars	{ width: 550px; }
#page_content.one_sidebar	{ width: 765px; }
#page_content.no_sidebars	{ width: 1200px; }


article 
{
    display: inline;
    width: 740px;
    float: left; /*ENG*/
    margin-top: 20px;
    padding: 0 28px;
    
}

article ul {
padding-left: 40px;
}

article .entry 
{
    color:     #9f9983;
    font-size: 15px;
    padding-bottom: 11px;
}

/************/
/* sidebars */
/************/

aside ul {
	list-style: none;
}

aside ul li {
	margin-bottom: 10px;
}

aside ul li:last-child {
	margin-bottom: 0;
}

aside ul li p {
	margin: 0;
}

	aside li .widgettitle {
		margin: 0;
		height: 28px;
		line-height: 28px;
		font-size: 14px;
		font-weight: bold;
		color: #FFF;
		background-color: #aaa;
		text-align: center;
	}
	
	aside li .widgetcontent {
		padding: 5px;
	}

/*******************/
/* pages side menu */
/*******************/

.widget_nav_menu ul {
	list-style: none;
}

.widget_nav_menu ul li {
	position: relative;
	margin: 0;
}

.widget_nav_menu > div > ul > li {
	width: 200px;
}

.widget_nav_menu ul li a {
	padding: 5px;
	font-size: 12px;
	color: #000;
	background-color: #eee;
	text-decoration: none;
	display: block;
}

.widget_nav_menu ul li:hover > a,
.widget_nav_menu ul li.current-menu-item > a,
.widget_nav_menu ul li.current-menu-parent > a,
.widget_nav_menu ul li.current-menu-ancestor > a {
	color: #FFF;
	background-color: #ddd;
}

	.widget_nav_menu ul.sub-menu {
		position: absolute;
		padding: 5px 15px 0 5px;
		top: -5px;
		right: 100%;
		visibility: hidden;
		z-index: 1000;
	}
	
	.widget_nav_menu ul.sub-menu ul {
		padding-right: 5px;
	}
	
	.widget_nav_menu ul.sub-menu li a {
		white-space: nowrap;
	}
	
	.widget_nav_menu ul.sub-menu li:hover > a,
	.widget_nav_menu ul.sub-menu li.current-menu-item > a,
	.widget_nav_menu ul.sub-menu li.current-menu-parent > a,
	.widget_nav_menu ul.sub-menu li.current-menu-ancestor > a {
		color: #FFF;
		background-color: #ddd;
	}
	
	.widget_nav_menu ul li:hover ul,
	.widget_nav_menu ul li.show ul {
		visibility: visible;
	}
		
	.widget_nav_menu ul li.with-js ul {
		visibility: hidden !important;
	}

/***************/
/* search form */
/***************/

.header-search {
	margin: 0 auto;
	width: 200px;
	height: 25px;
}

#s {
	float: right;
	padding: 0 3px;
	width: 147px;
	height: 23px;
	line-height: 23px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	color: #000;
	border: 1px solid #aaa;
}

#searchsubmit {
	float: left;
	width: 40px;
	height: 25px;
	font-size: 11px;
	color: #FFF;
	background-color: #aaa;
	border: 0;
	cursor: pointer;
}

/*****************/
/* banner widget */
/*****************/

.Banner_Widget {
	text-align: center;
}

.Banner_Widget img {
	max-width: 100%;
	height: auto;
}

/***************/
/* form widget */
/***************/

.Form_Widget {
	background-color: #eee;
}

.Form_Widget .wpcf7,
.Form_Widget .wpcf7 form,
.Form_Widget .wpcf7 form p {
	width: 190px;
}

.Form_Widget p {
	position: relative;
	margin-bottom: 5px;
}

.Form_Widget .wpcf7-form-control-wrap {
	position: static !important;
}

.Form_Widget .inputfield {
	padding: 0 5px;
	width: 178px;
	height: 20px;
	line-height: 20px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #aaa;
	border: 1px solid #aaa;
}
	
.Form_Widget .send_button {
	width: 40px;
	height: 20px;
	font-size: 11px;
	color: #FFF;
	background-color: #aaa;
	border: 0;
	cursor: pointer;
}
	
.Form_Widget div.wpcf7 img.ajax-loader {
	margin: 0 4px 0 0;
}
	
.Form_Widget span.wpcf7-not-valid-tip {
	padding: 0;
	top: 0;
	left: 105px;
	right: auto;
	width: auto;
	line-height: 22px;
	font-size: 10px;
	background: transparent;
	border: 0;
}
	
.Form_Widget .wpcf7-response-output {
	margin: 5px 0 0;
	padding: 0;
	font-size: 11px;
	text-align: center;
	border: 0;
}


/* Contact */

.inputfield {
	padding: 0 5px;
	width: 170px;
	height: 24px;
	line-height: 20px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #9f9983;
	border: 1px solid #9f9983;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 9px;
}

	
.send_button {
	width: 40px;
	height: 20px;
	font-size: 11px;
	background-color: #9f9983;
	border: 0;
	cursor: pointer;
    margin-top: 6px;
    float: right;
    color:#FFF;
 
}


.ajax-loader {
 float: left;
 margin:  7px 0 0 4px;
}


.contact_form_right
{
    float: right;
}

.contact_form_left
{
    text-align: center;
    float: left;
}

textarea {
    height: 94px !important;
    float: right;
    resize: none;
}
   
   
   /* All those 5 definitions are related to the contact form 7 new HTML 5 placeholder (alias for watermark) attribute */
.wpcf7 .watermark {
    color: #9f9983 !important;
    font-weight: bold;
    font-size: 10px;
}
::-webkit-input-placeholder {
    color: #9f9983 !important;
    font-weight: bold;
    font-size: 10px;
}
:-moz-placeholder {
    color: #9f9983 !important;
    font-weight: bold;
    font-size: 10px;
}
::-moz-placeholder {
    color: #9f9983 !important;
    font-weight: bold;
    font-size: 10px;
}
:-ms-input-placeholder {
    color: #9f9983 !important;
    font-weight: bold;
    font-size: 10px;
}


span.wpcf7-not-valid-tip {
	position: absolute;
	padding: 0 !important;
	top: -7px !important;
	left: 105px !important; /*ENG*/
	right: auto !important;
	width: auto !important;
	line-height: 27px !important;
	font-size: 10px !important;
	background: transparent !important;
	border: 0 !important;
    color: #9f9983 !important;
	display: inline !important;
	white-space: nowrap;
}
 

.message .wpcf7-not-valid-tip {
    padding: 0 !important;
	top: 63px !important; /*ENG*/
	left: 117px !important; /*ENG*/
    width: 64px !important; /*ENG*/
	line-height: 27px !important;
	font-size: 10px !important;
	background: transparent !important;
	border: 0 !important;
    color: #9f9983 !important;
}

 
div.wpcf7-validation-errors {
 border: 0 !important;
 float:right !important;
 color: #9f9983 !important;
 margin-top: 8px !important;
}

div.wpcf7-response-output {
 margin: 6px 0 0 !important ;
 padding: 0 !important;
 float: left !important;
}
    
    
div.wpcf7-mail-sent-ok {
 border: none !important;
  color: #9f9983 !important;
}
    
/*********************/
/* last posts widget */
/*********************/

.Last_Posts_Widget {
	background-color: #eee;
}

.Last_Posts_Widget ul.cycle-slideshow {
	overflow: hidden;
}

.Last_Posts_Widget ul li {
	margin-bottom: 5px;
	padding-bottom: 5px;
	width: 190px;
	font-size: 11px;
	color: #000;
	border-bottom: 1px solid #ccc9ac;
}

.Last_Posts_Widget ul li.last,
.Last_Posts_Widget ul.cycle-slideshow li {
	margin: 0;
	padding: 0;
	border: 0;
}

	.Last_Posts_Widget ul li a {
		color: #aaa;
		text-decoration: none;
		display: block;
	}
	
	.Last_Posts_Widget ul li .item_title {
		margin-bottom: 5px;
		font-size: 13px;
		font-weight: bold;
	}
	
/*********************/
/* facebook like box */
/*********************/

/* like box */

.fb-like-box {
	width: 200px;
	height: 150px;
	overflow: hidden;
}

.fb-like-box span,
.fb-like-box iframe {
	width: 200px !important;
}

.fb-like-box iframe {
	position: static !important;
}

/* like button */

.textwidget {
	text-align: center;
}

.fb-like {
	height: 23px;
}

/*************************/
/* single youtube widget */
/*************************/

.Single_Youtube_Widget {
	background-color: #eee;
	text-align: center;
}

.Single_Youtube_Widget img {
	max-width: 190px;
	height: auto;
}

/****************/
/* page content */
/****************/

#page_content.both_sidebars	#page_banner { width: 550px; }
#page_content.one_sidebar	#page_banner { width: 765px; }

#page_content.no_sidebars	#page_banner 
{ 
    position: absolute;
    top: 0px;
    right: 0px; /*ENG*/
}

	#page_banner img {
		max-width: /*100%*/ 400px;
		height: /*auto*/373px;
	}
	
h1#page_title {
    margin: 28px 0px 0px 0px;
    font-size: 14px;
    font-weight: bold;
    display: inline;
    background-color: #9f9983;
    padding: 0 28px;
    line-height: 28px;
    color: #fff;
    float:left;
}

.clear {
 clear:both;
}


/**********/
/* footer */
/**********/

footer {
  border-bottom: 5px #9f9983 solid;

}
    

footer #footer_contact_details div
{
  position: absolute;
  top: 8px;
  right: 0px;
}


#footer_contact_details {
    position: relative;
	padding: 10px 0;
    margin: 0 auto;
    width: 940px;
}

#footer_contact_details.contact_details_in {
	margin-top: 10px;
	visibility: hidden;
}

#footer_contact_details.fix_contact_details {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	visibility: visible;
}

#footer_contact_details ul,
#footer_contact_details ol {
	list-style: none;
	text-align: center;
}

	#footer_contact_details li {
		margin: 0 3px;
		font-size: 13px;
		font-weight: bold;
		color: #9f9983;
		display: inline-block;
	}
	
	#footer_contact_details li a {
		color: #9f9983;
	}
	
	#footer_contact_details li.delimiter {
		width: 6px;
		height: 6px;
		background-color: #aaa;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		vertical-align: middle;
	}





#credit{
	margin: 0 auto;
	width: 940px;
    font-size: 11px;
}

#credit {
 padding: 10px 0;
}

div#credit_left {
 float: right;
}

/********/
/* main */
/********/

.homepage_layout {
	margin-bottom: 15px;
}

.homepage_layout:last-child {
	margin-bottom: 0;
}

/*** slideshow layout ***/

.slideshow_layout {
	position: relative;
	height: 800px;
    /*height: 373px; /* 300px*/
	overflow: hidden;
	direction: ltr;
	z-index: 1;
}

.slideshow_layout .slide {
	/*height: 373px;*/
    height: 800px;
    width:100%;
	text-align: center;
}

	.slideshow_layout .slide img {
		/*max-width: 940px;
       	max-height: 373px;*/
           
        max-width: 1200px;
        max-height: 800px; 
	}
	#page_content.both_sidebars	.slideshow_layout .slide img { max-width: 550px; }
	#page_content.one_sidebar	.slideshow_layout .slide img { max-width: 765px; }
	#page_content.no_sidebars	.slideshow_layout .slide img { width: 830px; }
	
.slideshow_nav {
	position: absolute;
	bottom: 15px;
	left: 15px;
	z-index: 500;
}

	.slideshow_nav a {
		margin: 0 5px;
		width: 12px;
		height: 12px;
		background: url("template/gallery/gallery_controllers.png") no-repeat 0 -42px;
		display: inline-block;
	}
		
	.slideshow_nav a.cycle-pager-active {
		background-position: -13px -42px;
	}
	
/*** content boxes layout ***/

ul.content_boxes {
	list-style: none;
	overflow: hidden;
}

ul.content_boxes li {
	float: right;
	margin: 0 0 15px 15px;
	width: 245px;
	height: 176px;
	background-color: #eee;
	cursor: pointer;
}

ul.content_boxes li.last {
	margin-left: 0;
}

	ul.content_boxes li h2.box_title {
		margin-bottom: 5px;
		height: 28px;
		line-height: 28px;
		font-size: 14px;
		font-weight: bold;
		color: #FFF;
		background-color: #aaa;
		text-align: center;
	}
	
	ul.content_boxes li img.box_image {
		margin: 0 auto 5px;
		padding: 0 5px;
		max-width: 235px;
		height: auto;
		display: block;
	}

	ul.content_boxes li .box_content {
		margin: 0 auto 5px;
		padding: 0 5px;
	}
	
/*** content boxes layout ***/

.editor_layout ul,
.editor_layout ol {
	margin: 0 40px 10px 0;
}

.editor_layout ul li,
.editor_layout ol li {
	margin-bottom: 5px;
}


section.homepage_layout.editor_layout  {
 text-align: center;
}


section.homepage_layout.editor_layout 
{
 margin-top: 30px;
}

section.homepage_layout.editor_layout a 
{
 background-color: #5a574e ;
 color: #fff;
 text-decoration: none;
 padding-left: 10px;
 padding-right: 5px;
}

/***********/
/* gallery */
/***********/

/*** don't change the following definitions ( except gallery controllers dimensions ) ***/

.gallery {
	overflow: hidden;
}

.gallery #image_titles {
	margin: 10px 0;
	padding: 5px;
	background-color: #9f9983;
	font-size: 12px;
	color: #FFF;
	text-align: center;
      height: 15px;
}

.gallery #gallery_main_placeholder {
	position: relative;
	overflow: hidden;
	direction: ltr;
	z-index: 1;
     float: right;
     width: 88%;
}



.gallery #gallery_main_placeholder .gallery_main_item {
 right:0 !important;
 text-align:center;
    /*max-width: 554px;*/
}


/*	#gallery_main_placeholder*/ #gallery_main_prev,
/*	#gallery_main_placeholder*/ #gallery_main_next {
		position: absolute;
		width: 18px;
		height: 19px;
		background-image: url("template/gallery/projects_gallery_controllers_horizontal.png");
		background-repeat: no-repeat;
		cursor: pointer;
	}

#gallery_main_next {
      top:   340px;
      right: 15px;
      left: auto !important;
      width: 23px;
      height: 30px;
      background-position: 0px 0px;
}

#gallery_main_prev {
      top:   340px;
      left: 15px;
      right: auto !important;
      width: 23px;
      height: 30px;
      background-position: 0px -31px;
}
	
#gallery_navigator_placeholder {
	position: relative;
	overflow: hidden;
	direction: ltr;
}

	#gallery_navigator_placeholder .gallery_item_placeholder {
		width: 95px;
		height: 72px;
	}
	
	#gallery_navigator_placeholder .gallery_item {
		width: 95px;
		height: 72px;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
	
	#gallery_navigator_placeholder .gallery_item * {
		vertical-align: middle;
	}
	
	/*\*//*/
	#gallery_navigator_placeholder .gallery_item {
		display: block;
	}
		
	#gallery_navigator_placeholder .gallery_item span {
		display: inline-block;
		height: 100%;
		width: 1px;
	}
	/**/



/*** you can make modification from this point forward ***/

/*** gallery type 1 ***/
#page_content.both_sidebars	.gallery_type_1 #gallery_main_placeholder							{ height: 246px; }
#page_content.both_sidebars	.gallery_type_1 #gallery_main_placeholder .gallery_main_item		{ height: 216px; }
#page_content.both_sidebars	.gallery_type_1 #gallery_main_placeholder .gallery_main_item img	{ max-height: 216px; }

#page_content.one_sidebar	.gallery_type_1 #gallery_main_placeholder							{ height: 330px; }
#page_content.one_sidebar	.gallery_type_1 #gallery_main_placeholder .gallery_main_item		{ height: 300px; }
#page_content.one_sidebar	.gallery_type_1 #gallery_main_placeholder .gallery_main_item img	{ max-height: 300px; }

#page_content.no_sidebars	.gallery_type_1 #gallery_main_placeholder							{ height: 415px; }
#page_content.no_sidebars	.gallery_type_1 #gallery_main_placeholder .gallery_main_item		{ height: 385px; }
#page_content.no_sidebars	.gallery_type_1 #gallery_main_placeholder .gallery_main_item img	{ max-height: 385px; }

.gallery_type_1 #gallery_main_placeholder #gallery_main_prev { bottom: 0; left: 0; background-position: -21px -21px; }
.gallery_type_1 #gallery_main_placeholder #gallery_main_next { bottom: 0; left: 23px; background-position: -21px 0; }

/*** gallery type 2 ***/
.gallery_type_2 #gallery_main_placeholder { margin-bottom: 10px; }

.gallery_type_2 #gallery_navigator_placeholder { height: 70px; }

#page_content.both_sidebars	.gallery_type_2 #gallery_main_placeholder							{ height: 216px; }
#page_content.both_sidebars	.gallery_type_2 #gallery_main_placeholder .gallery_main_item		{ height: 216px; }
#page_content.both_sidebars	.gallery_type_2 #gallery_main_placeholder .gallery_main_item img	{ max-height: 216px; }
#page_content.both_sidebars	.gallery_type_2 #gallery_navigator_placeholder						{ width: 489px; }

#page_content.one_sidebar	.gallery_type_2 #gallery_main_placeholder							{ height: 300px; }
#page_content.one_sidebar	.gallery_type_2 #gallery_main_placeholder .gallery_main_item		{ height: 300px; }
#page_content.one_sidebar	.gallery_type_2 #gallery_main_placeholder .gallery_main_item img	{ max-height: 300px; }
#page_content.one_sidebar	.gallery_type_2 #gallery_navigator_placeholder						{ width: 704px; }

#page_content.no_sidebars	.gallery_type_2 #gallery_main_placeholder							{ height: 385px; }
#page_content.no_sidebars	.gallery_type_2 #gallery_main_placeholder .gallery_main_item		{ height: 385px; }
#page_content.no_sidebars	.gallery_type_2 #gallery_main_placeholder .gallery_main_item img	{ max-height: 385px; }
#page_content.no_sidebars	.gallery_type_2 #gallery_navigator_placeholder						{ width: 919px; }

.gallery_type_2 #gallery_navigator_placeholder #sub_gallery_prev { top: 26px; left: 0; background-position: -21px -21px; }
.gallery_type_2 #gallery_navigator_placeholder #sub_gallery_next { top: 26px; right: 0; background-position: -21px 0; }

/*** gallery type 3 ***/
.gallery_type_3 #image_titles { margin: 10px auto; }

.gallery_type_3 #gallery_main_placeholder { padding: 0 41px; margin-bottom: 10px; }

.gallery_type_3 #gallery_main_placeholder #gallery_main_prev { left: 0; background-position: -21px -21px; }
.gallery_type_3 #gallery_main_placeholder #gallery_main_next { right: 0; background-position: -21px 0; }

.gallery_type_3 #gallery_navigator_placeholder { height: 70px; }

#page_content.both_sidebars	.gallery_type_3 #image_titles										{ width: 458px; }
#page_content.both_sidebars	.gallery_type_3 #gallery_main_placeholder							{ height: 184px; }
#page_content.both_sidebars	.gallery_type_3 #gallery_main_placeholder .gallery_main_item		{ height: 184px; }
#page_content.both_sidebars	.gallery_type_3 #gallery_main_placeholder .gallery_main_item img	{ max-width: 468px; max-height: 184px; }
#page_content.both_sidebars	.gallery_type_3 #gallery_main_placeholder #gallery_main_prev,
#page_content.both_sidebars	.gallery_type_3 #gallery_main_placeholder #gallery_main_next		{ top: 82px; }
#page_content.both_sidebars	.gallery_type_3 #gallery_navigator_placeholder						{ width: 489px; }

#page_content.one_sidebar	.gallery_type_3 #image_titles										{ width: 673px; }
#page_content.one_sidebar	.gallery_type_3 #gallery_main_placeholder							{ height: 268px; }
#page_content.one_sidebar	.gallery_type_3 #gallery_main_placeholder .gallery_main_item		{ height: 268px; }
#page_content.one_sidebar	.gallery_type_3 #gallery_main_placeholder .gallery_main_item img	{ max-width: 683px; max-height: 268px; }
#page_content.one_sidebar	.gallery_type_3 #gallery_main_placeholder #gallery_main_prev,
#page_content.one_sidebar	.gallery_type_3 #gallery_main_placeholder #gallery_main_next		{ top: 124px; }
#page_content.one_sidebar	.gallery_type_3 #gallery_navigator_placeholder						{ width: 704px; }

#page_content.no_sidebars	.gallery_type_3 #image_titles										{ width: 888px; }
#page_content.no_sidebars	.gallery_type_3 #gallery_main_placeholder							{ height: 353px; }
#page_content.no_sidebars	.gallery_type_3 #gallery_main_placeholder .gallery_main_item		{ height: 353px; }
#page_content.no_sidebars	.gallery_type_3 #gallery_main_placeholder .gallery_main_item img	{ max-width: 898px; max-height: 353px; }
#page_content.no_sidebars	.gallery_type_3 #gallery_main_placeholder #gallery_main_prev,
#page_content.no_sidebars	.gallery_type_3 #gallery_main_placeholder #gallery_main_next		{ top: 167px; }
#page_content.no_sidebars	.gallery_type_3 #gallery_navigator_placeholder						{ width: 919px; }

.gallery_type_3 #gallery_navigator_placeholder #sub_gallery_prev { top: 26px; left: 0; background-position: -21px -21px; }
.gallery_type_3 #gallery_navigator_placeholder #sub_gallery_next { top: 26px; right: 0; background-position: -21px; }



/*
.gallery_type_4 #gallery_navigator_placeholder {
    position: absolute;
    top: 52px;
    right: 177px;
    width: 53px;
}    */




.gallery_type_4 #gallery_navigator_placeholder .gallery_item_placeholder { padding-bottom: 20px; }
/*.gallery_type_4 #gallery_main_placeholder .gallery_main_item 		{ height: 500px; width: 800px; }
.gallery_type_4 #gallery_main_placeholder .gallery_main_item img    { max-width: 800px; max-height: 500px; }*/

.gallery_type_4 #gallery_main_placeholder .gallery_main_item img { width: 100%; }

#gallery_navigator_placeholder .gallery_item img {
			width: 95px;
			height: 72px;
		}
        
.gallery_type_4 #gallery_navigator_placeholder 
{
    /*position: absolute; 
    top: 60px;
    left: 150px; /*eng*/
    /*width: 95px;
    height: 256px;*/ /*- cm*/
      width: 95px;
    height: 256px;
    float:left;
}


.gallery_type_4	#gallery_navigator_placeholder .gallery_item {

		width: 95px;
		height: 72px;
		cursor: pointer;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
    

.gallery_type_4  #sub_gallery_prev,
.gallery_type_4  #sub_gallery_next  
{
        position: absolute; 
        background-position: 0px 0px; 
   	    background-image: url("template/gallery/projects_gallery_controllers.png");
        background-repeat: no-repeat;
        cursor: pointer;       
        width  : 30px; 
        height:23px; 
   }


.gallery_type_4  #sub_gallery_prev {background-position: 0px;  top: 0px;left: 32px; }
.gallery_type_4  #sub_gallery_next {background-position: -31px; top: 288px; left: 32px; }    
    

.cycle-slide, .cycle-slide-active {
 right:0 !important;
 left:auto!important;
}

#projects {
 width:135px;
 padding-left: 5px;
 font-size: 14px;
 color: #9f9983;
 cursor: pointer;
}

#projects ul {
 padding-left: 15px;
 padding-top: 15px;
}

#projects ul li {
font-size: 12px;
}

#projects ul li a {
 text-decoration: none;
}

.current-menu-parent  {
	color: #9f9983;
}

.current-page-ancestor a{
    	color: #9f9983 !important;
         font-weight: bold;
 }

.current-menu-item
{
 font-weight: bold;
}


/********************/
/* Fix - 22/10/2013 */
/********************/


.projects_title {
  
  margin: 0 !important;
  /*width: auto!important;*/
  
}

.projects_page {
 border:none !important;
}

.gallery , .gallery_type_4 {
 float: left;
 width: 100%;
}


#gallery_navigator_wrapper {
    	position: relative;
	overflow: hidden;
	direction: ltr;
	z-index: 1;
     float: left;
     padding: 28px 0 100px 0;
	width: 95px;     
}


.projects_article {
     width: 880px !important;
     margin: 8px 0 15px !important;
     padding: 0px 28px !important;
}

/*****************/
/* general style */
/*****************/




a {
	color: #9f9983;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a , img {
border:  none;
}



/*****************/
/* post excerpts */
/*****************/

ul#posts {
	list-style: none;
}

ul#posts li {
	margin-bottom: 10px;
	padding-bottom:10px;
	border-bottom: 1px solid #ccc9ac;
	overflow: hidden;
    width:  484px;
}

ul#posts li:last-child {
	margin: 0;
	border: 0;
}

	ul#posts li .post_image {
		float: left; /*ENG*/
		width: 150px;
		height: auto; 
	}
	
	ul#posts li .post_image img {
		max-width: 150px;
		height: auto;
	}
	
	ul#posts li .post_excerpt {
       padding-left: 10px;
       color:     #9f9983;
       font-size: 12px;
    }
 
    ul#posts li .post_excerpt.post_has_image {
		margin: 0 0 0 165px;
	}
    
   
ul#posts li p {
  padding-top: 5px;
}
    
.more-link {
   text-align: left;
   display: block;
   text-decoration: none;
}    
    
/**********/
/* titles */
/**********/

h1, h2, h3, h4 {
	font-weight: bold;
	color: #000;
	display: block;
}

h1 a,
h2 a,
h3 a,
h4 a {
	color: #aaa;
	text-decoration: none;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
	text-decoration: none;
}

h1 { font-size: 20px; margin-bottom: 20px; }
h2 { font-size: 18px; margin-bottom: 10px; }
h3 { font-size: 14px; margin-bottom: 10px; font-style: italic; }
h4 { font-size: 14px; }

h3.comments {
	margin: 40px auto 20px ;
}

.not_found {
	padding: 40px 0 100px;
	text-align: center;
}

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

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	height: auto;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Begin Form Elements */
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 0 1px 5px;
	background: transparent;
	color: #e5f6fd;
	border: 1px solid #ddd;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 75%;
	padding: 2px;
	margin: 5px 0 1px 5px;
	background: transparent;
	color: #e5f6fd;
	border: 1px solid #ddd;
	}

#respond:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
#commentform #submit {
	width: 40px;
	height: 20px;
	font-size: 11px;
	background-color: #9f9983;
	border: 0;
	cursor: pointer;
    margin-top: 6px;
    color:#FFF;
	}
    
#commentform textarea {
 float: none;
}

#commentform small, #commentform label {
    display: block;
    }

/* End Form Elements */

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	margin: 0 !important;
	padding: 0 !important;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 10px;
	list-style: none;
	background: transparent;
	}
.commentlist li ul li {
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 0 10px 5px;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	color: #777;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
    
.comments_container{
 clear: both;
 padding: 40px 28px 15px;
}
    
/* End Comments */

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

.screen-reader-text {
     position: absolute;
     left: -1000em;
}

a img {
	border: none;
	}
    
    
    /* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	margin: 0 !important;
	padding: 0 !important;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 10px;
	list-style: none;
	background: transparent;
    border:  1px solid #000;
	}
.commentlist li ul li {
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 0 10px 5px;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	color: #777;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
    
    h3#comments {
	margin: 0px auto 20px ;
	clear: both;
}
/* End Comments */


.not_found {
 text-align: center;
}


h3 {
font-size: 14px;
}





/* 06.04.2020 Updates */

/* Galleries page*/

.galleries_article {
    width: 100% !important;
    margin: 8px 0 15px !important;
    padding: 0 !important;
}

.gallery_item a {
    width: 50%;
    float: left;
    margin: 0;
    position: relative; 
}


.gallery_item a:hover .gallery_item__title {
    opacity: 1;
    transition: opacity 0.4s ease-out;
}

.gallery_item__image-container {
    padding: 2px;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    position: relative;
}


.gallery_item__image-container img {
    width: 100%;
    height: 400px;
}


.gallery_item__title {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    color: #000;
    height: auto;
    font-size: 22px;
    font-size: 18px;
    line-height: 2;
    font-weight: 400;
    text-align: center;
    transition: opacity 0.4s ease-out;
    pointer-events: none;
    background: #FFF;
    opacity: 0;
}


.gallery-container {
    height: 685px;

}

.gallery-item {
    background-size:contain !important;
    background-position:center top !important;
    width: 100%;
    height: 685px !important;
    min-height: 685px !important;
}


.slick-prev:before, 
.slick-next:before {
    color: #000 !important;
}


.slick-prev {
    right: auto !important;
    left: 30px !important;
    z-index: 9;
}


.slick-next {
    right: 20px !important;
    left: auto !important;
    z-index: 9;
}

.slick-dots li button:before {
    font-size: 13px !important;
}


.slick-dotted.slick-slider {
    margin-bottom: 70px !important;
}

.slick-dots {
    bottom: -75px !important;
}