/*
Theme Name: Twenty Fourteen
Description: Adds support for languages written in a Right To Left (RTL) direction.
It's easy, just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

See https://codex.wordpress.org/Right_to_Left_Language_Support
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 4.0 - Header
 * 5.0 - Navigation
 * 6.0 - Content
 *   6.3 - Entry Meta
 *   6.4 - Entry Content
 *   6.5 - Galleries
 *   6.7 - Post/Image/Paging Navigation
 *   6.10 - Contributor Page
 *   6.14 - Comments
 * 7.0 - Sidebar
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 9.0 - Featured Content
 * 10.0 - Media Queries
 * -----------------------------------------------------------------------------
 */


/*================================================== RESET */
* { margin: 0px; padding: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; outline: none; font-family: Arial, Helvetica, sans-serif;direction: rtl; }
/*.owl-carousel, .owl-carousel *{
	direction: ltr !important;
}*/
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { line-height: 100%; font-size: 16px; text-shadow: none; }
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {  display: block; }
audio, canvas, progress, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
progress { vertical-align: baseline; }
template, [hidden] { display: none; }
a { outline: none; text-decoration: none; display: inline-block; transition: 0.3s; -webkit-transition: 0.3s; color: #414148; }
a:active, a:hover { outline-width: 0; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b { font-weight: 900;  }
strong { font-weight: bold;}
em { font-style: italic; }
dfn { font-style: italic; }
del, s { text-decoration: line-through; }
ins, u { text-decoration: underline; }
mark { background-color: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border: 0px; display: block; max-width: 100%; }
svg:not(:root) { overflow: hidden; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 16px; }
figure { margin: 16px 40px; }
fieldset { border: 1px solid #c0c0c0; padding: 10px; }
iframe { width: 100%; border: 0px; height: 300px; }
legend { display: table; max-width: 100%; padding: 0; white-space: normal; }
optgroup { font-weight: 700; }
p { line-height: 140%; margin-bottom: 25px; }
p:last-child { margin-bottom: 0px; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; line-height: 105%; }
ul, ol { display: block; }
ul li { display: list-item; list-style: inside; list-style-type: disc; }
ol li { display: list-item; list-style: inside; list-style-type: decimal; }
ul.nolist, ol.nolist, ul.nolist li, ol.nolist li { display: block; list-style: none; }
.clr { clear: both; display: block; }
.cf:after, .wrap:after, ul:after, ol:after { clear: both; content: ''; display: block; width: 100%; }
/*================================================== TYPOGRAPHY */
h1, .h1 { font-size: 26px; }
h2, .h2 { font-size: 26px; }
h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 18px; }
h6, .h6 { font-size: 18px; }
/*================================================== FORM */
button, input, select, textarea { border-radius: 0px; -webkit-border-radius: 0px; border: 0px; background: none; font-size: 100%; color: #3f4145; display: block; padding: 0 10px; 
	text-transform: none; width: 100%; }
select { border: 0px; }
/*select { -moz-appearance:none; -ms-appearance: none; appearance: none; }
select::-ms-expand { display: none; }*/
input[type=button], input[type=submit], button { cursor: pointer; -webkit-appearance:none; -moz-appearance:none; -ms-appearance: none; appearance: none; transition: 0.3s; }
textarea { resize: none; padding: 10px; overflow: auto; }
/**/
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: 40px; }
/**/
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
/**/
.select { background: #fff; border: 1px solid #666; height: 40px; position: relative; }

.select select { height: 40px; padding-right: 30px; position: relative; z-index: 9; }
/**/
input[type=checkbox], input[type=radio] { width: auto; display:none; }
input[type="checkbox"] + label span { display:inline-block; width:16px; height:16px; margin-right: 4px; position: relative; top: -1px; background: #fff; border: 1px solid #9f9f9f; vertical-align: middle; border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; }
input[type="checkbox"]:checked + label span { background: url(images/tick.png) no-repeat center center #fff; }
input[type="radio"] + label span {display:inline-block; width:16px; height:16px; margin-left: 4px; position: relative; top: -1px; background: #fff; border: 1px solid #a0a0a0; vertical-align: middle; border-radius: 50%; -webkit-border-radius: 50%; cursor: pointer; }	
input[type="radio"]:checked + label span { background: url(images/dot.png) no-repeat center center #fff; }
input[type="checkbox"]:checked + label { color: #253470; }
/**/
::-webkit-input-placeholder { color: #3f4145; }
:-moz-placeholder { color: #3f4145; opacity: 1; }
::-moz-placeholder { color: #3f4145; opacity: 1; }
:-ms-input-placeholder { color: #3f4145; }
/**/
.tbl { border-collapse: collapse; display: table; width: 100%; }
.cell { display: table-cell; vertical-align: middle; }
.left { float: left; }
.right { float: right; }
.aligncenter { margin: 0px auto 20px auto !important; }
.alignleft { float: left; margin-right: 20px; margin-bottom: 20px; }
.alignright { float: right; margin-left: 20px; margin-bottom: 20px; }

/*================================================== SITE */

body { background: #fff; font-size: 17px; color: #414148; line-height: 100%; font-weight: 400; /*opacity: 0; visibility: hidden;*/ direction: rtl; }
.wrapper { width: 100%; position: relative; overflow: hidden; margin: 0px auto; max-width: 100%; }
.wrap { width: 100%; max-width: 1260px; margin: 0px auto; position: relative; }
.wrap.sml { max-width: 1060px; }

/* COMMON */
.pagecontent {  }

/* HEADER */
.header {}
.header .right { padding-top: 53px; } 
.logo { float: left; /*padding-left: 20px;*/ padding: 20px; max-width: 180px; }
.logo a { display: block; }
/**/
.nav { float: right; padding-right: 20px; }
.nav .menu li { display: block; position: relative; }
.nav .menu > li { float: right; }
.nav .menu > li > a { color: #414148; font-size: 20px; line-height: 30px; transition: 0.3s; padding: 0 20px; position: relative; }
.nav .menu > li:first-child > a { padding: 0px; }
.nav .menu > li > a:after { border-left: 1px solid #b2b2b2; content: ''; display: block; height: 24px; position: absolute; left: -1px; top: 50%; margin-top: -12px; }

.nav .menu > li:first-child > a:after, .nav .menu > li:last-child > a:after { display: none; }
.nav .menu > li.active > a, .nav .menu > li:hover > a { color: #d82400; }
nav.nav .menu .current-menu-item > a, nav.nav .menu .current-menu-parent > a { color: #d82400 }
/*.nav .menu > li.active > a:after, .nav .menu > li:hover > a:after { display: none; }*/
/**/
.nav .menu > li:hover ul { display: block; }
.nav .menu > li > ul { background: #eaedef; position: absolute; z-index: 99; padding: 5px 20px; width: 260px; display: none; }
.nav .menu > li > ul > li { border-bottom: 1px dotted #3f4145; }
.nav .menu > li > ul > li:last-child { border-bottom: 0; }
.nav .menu > li > ul > li a { display: block; color: #3f4145; font-size: 16px; font-weight: 700; line-height: 20px; padding: 8px 0; }

/**/
.hlang { float: left; }
.hlang ul li { display: block; float: right; margin-right: 5px; }

/* FOOTER */
.footer { background: #0b2557; color: #99a8be; padding: 40px 0; }
.footer a { color: #99a8be; }
/**/
.fcol1 { float: right; width: 30%; font-size: 20px; }
.fcol2 { border-right: 1px solid #99a8be; border-left: 1px solid #99a8be; float: right; width: 40%; padding: 0 40px; }
/**/
.fsocial { float: left; width:26% }
.fsocial .iso { height: 75px; }
.fsocial li { display: table; float: right; margin-right: 10px; }
.fsocial li a { background: #99a8be; display: table-cell; vertical-align: middle; height: 40px; width: 40px; border-radius: 50%; -webkit-border-radius: 50%; }
.fsocial li a img { margin: 3px auto 0px auto; }

/*================================================== HOME PAGE */

/**/
.owl-item img { width: auto !important; margin: 0px auto; }
.owl-dot { background: #dbdada; width: 8px; height: 8px; margin: 0 3px; }
.owl-dot.active { background: #2e2950; }
.owl-prev, .owl-next {
    font-size: 0px;
    display: block;
    background: #000;
    width: 54px;
    height: 55px;
    position: absolute;
    top: 50%;
    margin-top: -17px;
}
.owl-prev { background: url(images/arrows.png) no-repeat 0 -43px; left: 0px; }
.owl-next {
    background: url(images/arrows.png) no-repeat -50px -42px;
    right: 0px;
     }
    
.slider { }
.slider .innslid { margin-left: -3px; margin-right: -3px; }
.slider .slid { float: right; width: 20%; padding: 0 3px; }
.slider .slid a { display: block; position: relative; }
.slider .slid img { width: 100% !important; }
.slider .slid div { background: rgba(63,63,69,0.25); color: #fff; font-size: 24px; display: block; padding: 13px 20px; line-height: 1; 
	position: absolute; right: 0px; left: 0px; bottom: 0px; transition: 0.3s; }
.slider .slid:hover div { background: rgba(63,63,69,1); }
/**/
.hmtext { }
.rowinn { margin-left: -40px; margin-right: -40px; }
.half { float: right; width: 50%; padding: 40px; }
.half h4 { color: #008ac6; font-size: 20px; }
/**/
.btmblock { background: #f2f2f3; }
.half.nopadd { padding: 0 40px; }
.clogos {}
.clogos li { display: block; float: right; width: 25%; padding: 1px 1px 0 0; }
.clogos li .tbl { background: #e1e1e1; transition: 0.3s; }
.clogos li:hover .tbl { background: #fff; }
.clogos li a { height: 110px; } 
.clogos li img { margin: 0px auto; max-height: 100%; }

/*================================================== INNER PAGE */

.pagecontent { padding: 0 0 6px 0; }
.pagecontent.home_sec{padding:0;}
.banner { margin-bottom: 6px; }
.rgtcontent { background: #f8f7f7; float: left; width: 79.68253968253968%; padding: 40px; }
.article { }
.article p { margin-bottom: 30px; }
.redhead { padding-bottom: 20px; }
.redhead * { font-size: 26px; font-weight: 400; color: #d82400; }
/**/
.sidebar { float: right; width: 19.84126984126984%; } 
.sidebar img { width: 100%; }

/*================================================== PROJECT PAGE */

.submenu {  }
.submenu ul { margin-left: -3px; margin-right: -3px; }
.submenu ul li { display: block; float: right; width: 20%; padding: 0 3px; text-align: center; }
.submenu ul li a { background: #cfcfd0; font-size: 24px; display: block; padding: 16px 0; }
.submenu ul li.active > a, .submenu ul li:hover > a { background: #012363; color: #fff; }
/**/
.project { position: relative; }
.project ul { margin-left: -3px; margin-right: -3px; }
.project ul li { display: block; float: right; width: 33.33%; padding: 6px 3px 0 3px; }
.project ul li a { display: block; position: relative; }
.project ul li:hover .protitle { background: rgba(0,0,0,1); }
.project ul li .protitle { background: rgba(0,0,0,0.4); color: #fff; position: absolute; display: block; right: 0; bottom: 0; width: 100%; 
	max-width: 200px; line-height: 40px; padding: 0 20px; transition: 0.3s; }
/**/
.project-title { padding: 20px; }	
.proslider .owl-item { height: 760px; }
.proslider .bigimg { height: 635px; }
.proslider .cap { max-width: 300px; padding: 20px; font-size: 24px; }
.thumbslid { background: #fff; position: absolute; left: 0; bottom: 6px; width: 100%; }
.thumbslid .owl-item { cursor: pointer; border: 2px solid transparent; }
.thumbslid .owl-item.center { border: 2px solid #012363; }

#contact-page .contact-form, .cv-form  {
	background-color: #cfcfd0;
	width: 36%;	
	float: right;
	padding: 2%;
}

.cv-form  {
	width: 50%;
	float: none;
	margin: 0 auto;	
}

#contact-page .map {
	width: 60%;
	float: left;
}

input, textarea {
	background-color: #fff;
	
}

input, select {
	height: 35px;
    background-color: #fff;
	
}

input[type=file] {
	background-color: #cfcfd0;
}

select {
	cursor: pointer;
}

.wpcf7-form-control-wrap.menu-227{
	background: url(http://www.omer-bldg.co.il/wp-content/themes/omer/images/dropdown-sprite.png);
}

#careers h4 a {
	color: #008ac6;
}

#careers-single .half {
	margin: 0 auto;
	float: none;
	width: 100%;
}

/*================================================== RESPONSIVE CSS */

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

.wrap, .wrap.sml { max-width: 1000px; }
.nav .menu > li > a { font-size: 17px; padding: 0 12px; }
.fcol1 { font-size: 17px; }
.fcol2 { padding: 0 20px; }
/**/
.rgtcontent { padding: 40px 20px; }
/**/
.submenu ul li a { font-size: 18px; }
}

@media only screen and (max-width:1000px){
#contact-page .contact-form  {
	width: 100%;
	margin-bottom: 40px;	
}

#contact-page .map {
	width: 100%;
}
.wrap, .wrap.sml { max-width: 800px; }
.logo { max-width: 126px; }
.header .right { padding-top: 38px; }
.nav { padding-left: 10px; position: relative; }
.nav ul.menu { background: #182d45; display: none; position: absolute; z-index: 9; top: 44px; width: 200px; padding: 10px 0 0px 0; cursor: pointer; }
.tglmenu { border-top: 5px solid #012363; border-bottom: 5px solid #012363; width: 30px; padding: 7px 0; }
.tglmenu:before { content: ''; display: block; border-top: 5px solid #012363; }
.nav .menu > li { float: none; padding: 0 10px; border-bottom: 1px solid #4a4a4a; }
.nav .menu > li:first-child { padding-bottom: 10px; }
.nav .menu > li > a { color: #fff; display: block; padding: 0; line-height: 40px; }
.nav .menu > li > a:after { display: none; }
.slider .slid div { font-size: 17px; }
.clogos li .tbl .cell { padding: 10px; }
/**/
.rgtcontent { float: none; width: 100%; padding: 20px; }
.sidebar { float: none; width: 100%; display: none; }
/**/
.proslider .owl-item { height: 517px; }
.proslider .bigimg { height: 435px; }
.proslider .cap { font-size: 17px; }
.thumbslid { width: 440px; }
.fsocial .iso{ margin: 0 auto;}
}

@media only screen and (max-width:820px){ 
.wrap, .wrap.sml { max-width: 600px; }
.slider .slid div { padding: 10px; line-height: 20px; }
.rowinn { margin-left: 0; margin-right: 0; }
.half { float: none; width: 100%; padding: 20px 0; }
#team .half.half-photo{
	width: 35%;
	max-width: 115px;
    float: right;
    margin: 5px 0px 10px 10px;
}
#team .half-desc {
	width: auto;
}
.half.nopadd { float: none; width: 100%; padding: 0px; }
.footer { text-align: center; }
.fcol1 { width: 100%; }
.fcol2 { border-right: 0; border-left: 0; width: 100%; padding: 20px 0; }
.fsocial { width: 100%; }
.fsocial li { display: inline-table; float: none; margin: 0 5px; }
/**/
.submenu ul li a { font-size: 16px; padding: 8px 0; }
}

@media only screen and (min-width:601px){ 
.innslid.owl-carousel { display: block; }
}

@media only screen and (max-width:600px){ 
.wrap { padding-left: 15px; padding-right: 15px; }
.hmtext .wrap.sml { padding: 0; }
/*.slider .slid { width: 33.33%; }
.slider .slid:nth-child(4), .slider .slid:nth-child(5) { display: none; }*/
.slider .slid { float: none; width: 100%; padding: 0; }
/**/
.submenu ul li { width: 100%; }
.project ul li { width: 50%; }
.proslider .owl-item { height: auto; }
.proslider .bigimg { height: 340px; }
.thumbslid { position: static; width: 100%; }
}

@media only screen and (max-width:500px){ 
.clogos li { width: 33.33%; }
.proslider .bigimg { height: 280px; }
}

@media only screen and (max-width:380px){ 
.project ul li { width: 100%; }
.proslider .bigimg { height: 240px; }
.clogos li { width: 50%; }
}
