/****************************************************************** Theme Name: Tbase Theme URI: http://www.themble.com/bones Description: This site was built using the Bones Development Theme. For more information about Bones or to view documentation, you can visit the Bones Issues page on Github. You'll want to customize this for your clients with your own information. Author: Your Name Here Author URI: http://www.tpirsum.co.il Version: 1.3 Tags: flexble-width, translation-ready, microformats, rtl-language-support License: WTFPL License URI: http://sam.zoy.org/wtfpl/ Are You Serious? Yes. --------------------------------------------------------------- */ /* ################## Custom Styling ################## */ /* page */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html {margin-top: 0 !important;} body { color: #000; font-family: Open Sans Hebrew, Arial, sans-serif; background: #fff; background-size: 100%; } .wrapper { max-width: 1024px; margin: 0 auto; } .left{float:left;} .right{float:right;} .clearbox { clear: both; } a, a:link, a:visited { color: #494a4a; text-decoration: none !important; } a:hover, a:active { color: #c5bd1d; text-decoration: none !important; transition: all 0.4s; } img{max-width: 100%; height:auto; } .textwidget p { margin: 0; padding: 0; } #html { margin-top: 0; } .btn, a.more-link{width:100%; display: block; padding: 5px; text-align: center;background: #707070; margin:0 auto; margin-top: 22px; box-shadow: 1px 1px 3px rgba(0,0,0,.4);color: #fff !important;transition: all .3s; border-radius:3px ;border: 0;font-size: 18px; font-family: Open Sans Hebrew, Arial, sans-serif; max-width: 120px;} .btn.projects{background: #fff;color: #707070 !important;} .btn:hover, a.more-link:hover{background: #c5bd1d; } /* HEADER */ #headerBG { background: #fff;border-bottom:3px solid #dcdbdc; z-index: 999;position: relative; } #header { padding: 20px 10px ; text-align: right; } #header > *{display: inline-block; vertical-align: top; } /* logo */ #logo { text-align: center; } #logo h3.widget-title{display: none; } #logo img{max-width:100%; height:auto;} /* helper*/ #helper{width:100%; max-width: 65%; } #helper h3.widget-title{display: none; } /*social*/ #social{text-align: right; float: right; color:#c5bd1d;} #social > *{display: inline-block; vertical-align: middle; line-height: 40px; margin:0 5px ;} #social .widget-title {display: none;} #social .textwidget a {display: inline-block; vertical-align: top; color:#c5bd1d; font-size:20px; margin-right: 10px;} #social .textwidget a:hover {display: inline-block; vertical-align: top; color:#929292; font-size:20px; transition: all 0.4s;} #social .textwidget a > *{display: inline-block; vertical-align: middle; } #social .textwidget a > i.fa, #social .textwidget i.fa{font-size:20px; padding:5px; min-width: 30px; min-height: 30px; background: #929292; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; color:#fff; text-align: center; transition: all 0.4s;} #social .textwidget i.fa{ min-width: 30px; min-height: 28px; margin-top: -5px} #social .textwidget a:hover > i.fa{background: #c5bd1d; transition: all 0.4s;} #social .textwidget i.fa.fa-phone{ -moz-transform: scaleX(-1);-o-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1);filter: FlipH; -ms-filter: "FlipH"; margin-left: 5px;} #mobileMenu { display: none; } #menu { text-align: center; display: block;} #menu > ul > li { display: inline-block; vertical-align: top; text-align: center; position: relative;} #menu > ul > li > a {position: relative; z-index: 1; font-size:18px; color: #202020; padding: 15px 15px 20px; display: block; transition: all .4s; } #menu > ul > li:hover > a ,#menu ul > li.current_page_item > a , #menu ul > li.current-menu-item > a{ color: #c5bd1d; transition: all .4s; } /*#menu > ul > li > a:before{ position: absolute; z-index: -1; right: -3px; width: 0; content: ''; border-right:1px solid #b9bdc2; box-shadow:1px 0px 0px rgba(255, 255, 255, 0.3); top: 3px; height: 46px;} #menu > ul > li:first-child > a:before,#menu > ul > li:hover + li > a:before, #menu > ul > li.current_page_item + li > a:before , #menu > ul > li:active + li > a:before, #menu ul > li.current-menu-item + li > a:before ,#menu > ul > li:hover > a:before, #menu > ul > li.current_page_item > a:before , #menu > ul > li:active > a:before, #menu ul > li.current-menu-item > a:before {display: none;}*/ /*first-level effects*/ #menu > ul > li > a:after{ position: absolute; z-index: -1; left: 0; right:0; bottom:5px; margin: 0 auto;content: '';border: solid transparent;height: 0;width: 0;position: absolute;pointer-events: none;border-color: transparent;border-bottom-color: #c5bd1d;border-width: 10px; opacity: 0;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;-moz-transition: opacity 0.3s, -moz-transform 0.3s;transition: opacity 0.3s, transform 0.3s;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);} #menu > ul > li:hover > a:after, #menu > ul > li.current_page_item > a:after , #menu > ul > li:active > a:after, #menu ul > li.current-menu-item > a:after {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);} /*submenu*/ #menu ul.sub-menu { position: absolute;z-index: 9999;width: 200px;left: 0; right:-95%; margin: 0 auto; top: 90%;text-align: center;font-size: 0.765em;line-height: 1.4;box-shadow: -5px -5px 15px rgba(48,54,61,0.2);background: #c5bd1d;opacity: 0;cursor: default;pointer-events: none;-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transform: scale3d(0.7,0.3,1);transform: scale3d(0.7,0.3,1);-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;transition: opacity 0.2s, transform 0.2s; } #menu ul.sub-menu:before{content: '';top: -20px;left: 50%;border: solid transparent;height: 0;width: 0;position: absolute;pointer-events: none;border-color: transparent;border-bottom-color:#c5bd1d;border-width: 10px;margin-left: -10px;} #menu li:hover ul.sub-menu, #menu ul.sub-menu:hover {pointer-events: auto;opacity: 1;-webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);transform: translate3d(0,0,0) rotate3d(0,0,0,0);} #menu ul.sub-menu li { display: block; padding: 10px 5px; background: transparent; transition: all .4s;} #menu ul.sub-menu li:hover, #menu ul.sub-menu li.current_page_item { background: #202020; transition: all .4s; } #menu ul.sub-menu a { padding: 0; font-size: 15px; color:#fff; } /* middle */ #middle { min-height: 500px; } /*sidebar*/ #sidebar1 {width: 28%;float: right; padding: 5px;} /*sidebar menu*/ #nav_menu-2 .widgettitle{display: none; cursor: pointer; cursor: hand; margin:0; padding:10px 45px 10px; position: relative; color:#fff; font-weight:normal; background: #be2790;} #nav_menu-2 .widgettitle:before{content: "\f00b";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;/*--adjust as necessary--*/color: #fff;font-size: 25px;position: absolute; top: 8px; right: 5px;} #sidebar1 .menu li {padding:5px; transition: all .4s;} #sidebar1 .menu li a{position: relative; display: block; padding:5px 30px 5px 0; border-bottom: 1px solid #d3d3d3; box-shadow: 0 1px 0 #fff; font-size: 17px; color:#000; transition: all .4s;} #sidebar1 .menu li:hover > a, #sidebar1 .menu li.opened > a, #sidebar1 .menu li.current_page_item > a, #sidebar1 .menu li.current-menu-item > a{border-bottom: 1px solid #be2790; transition: all .4s;} #sidebar1 .menu li a:before{content: ''; border: solid transparent;height: 0;width: 0;position: absolute; pointer-events: none;border-color: transparent;border-right-color: #b2b2b2;border-width: 8px; right: 10px;top: 7px; transition: all .4s;} #sidebar1 .menu li:hover > a:before, #sidebar1 .menu li.opened > a:before, #sidebar1 .menu li.current_page_item > a:before, #sidebar1 .menu li.current-menu-item > a:before{border-right-color: #be2790; transition: all .4s;} /*sub-menu*/ #sidebar1 .menu .sub-menu{ margin:0;} #sidebar1 .menu .sub-menu li { padding:5px 20px 5px 0; } #sidebar1 .menu .sub-menu li a{ font-size: 15px;} /*main*/ #middleBG{background: #959594 ; border-bottom:4px solid #959594; color:#fff;} #middleBG.home, #middleBG.inside.sidebar {background: #fff ; color:#000;} #middleBG.home {background: #fff ;border-bottom:0;} #main {padding: 50px 0;} /*metaslider*/ #sliderBG {background: #ecf0f1;border-bottom: 2px solid #d35400;} #sliderBG .metaslider .flexslider{margin:0; } #slider {overflow:hidden; } .metaslider{margin-top: -10px; position: relative;} .metaslider ul.slides {overflow: hidden; } .metaslider ol.flex-control-nav {position: absolute;bottom: 5px;text-align: left; z-index: 999; } .metaslider ol.flex-control-nav li a{color:transparent; margin: 0 3px; width: 15px; height: 15px; background: #ecf0f1;} .metaslider ol.flex-control-nav li a.flex-active, .metaslider ol.flex-control-nav li:hover a{ background: #c5bd1d;} #content { padding:0 20px 20px; width:100%;} #content a { color: #a29b0a; } #content a:hover { color: #8E8815; } #content.sidebar { max-width: 70%;} #content iframe { max-width: 100%; } #content img { max-width: 100%; height: auto; } #content img.team-picture { max-width: none !important; height: auto; } #middleBG .entry-title { font-size:30px; font-weight:normal; color:#fff; padding-bottom:10px; line-height: 40px; margin: 10px;} #middleBG.home .entry-title, #middleBG.inside.sidebar .entry-title {color:#a29b0a; } .entry-title.home , #middleBG.gallery .entry-title{text-align: center;} .entry-content { line-height: 20px; font-size: 16px; } .entry-content.home, .entry-content.category ,.entry-content.category .entry-content.clearfix, .entry-content.gallery{ line-height: 20px; font-size: 16px; max-width: 100%;} .entry-content.category .entry-content.clearfix .btn{ max-width: 100px; margin-right: 0;} .entry-content > * , .entry-content > * > * {font-weight:normal;} .entry-content .wpcf7{max-width:400px;} .entry-content .wpcf7 button,.entry-content .wpcf7 input[type="button"], .entry-content .wpcf7 input[type="reset"], .entry-content .wpcf7 input[type="submit"] {width: 100%; max-width: 100%;} blockquote{position: relative; padding:25px 80px; margin: 25px auto !important; font-style: italic; font-size:17px;} blockquote:before, blockquote:after{content:'”'; font-style:normal; position: absolute; color:#d88cc1; font-size: 180px;font-family: sans-serif;font-weight: normal;} blockquote:before {top:75px; right:0;} blockquote:after {bottom:0; left:0;} blockquote span, blockquote p:last-child{display: block; text-align: left !important; font-style:normal; font-size:15px;} #content .team-member-info {float: right;} #content .team-member-info .rounded {border: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;background-color: transparent;} #content .team-picture{padding: 0;} #content .team-title {font-weight: normal;font-size: 24px;} #content .team-list {margin: 50px 0px;} #content .team-list>.grid {border-bottom: 1px solid #85c1e9;} #content .contact-page {display: inline-block;vertical-align: top;max-width: 45%;margin: 10px; text-align: right;} #content .contact-page .wpcf7 h2,#content .contact-page h2{ font-size: 24px; font-weight: normal; text-align: right; margin: 0; line-height: 30px; margin-bottom: 10px;} #content .contact-page iframe{max-height: 250px;} .upw-posts.hfeed {text-align: center;} #intro .box article.post{display: inline-block; vertical-align: top; width:33%; position: relative; border-bottom:0; padding:0 15px; border-right:1px solid #efefef; min-height: 480px;} #intro .box article.post:first-child{ border-right:0;} #intro .box article.post .entry-title{font-size:24px; text-align: center; padding-top:100px;} #intro .box article.post .entry-image {position: absolute;right: 0;left: 0; top:0; margin: 0 auto; text-align: center; z-index: -1;} /*boxes*/ #boxesBG { background: #959594; border-top: 10px solid #fff; padding: 70px 0; } #boxes h3.widget-title{text-align: center; font-weight:normal; color:#fff; font-size:24px;} /*projects*/ #projects article.post, #boxes article.post{display: inline-block; vertical-align: top; width:31%; position: relative; margin:10px; border-bottom:0; padding-bottom:0; max-height: 222px; text-align: center;} #projects article.post .entry-image, #boxes article.post .entry-image{margin: 0; height: 222px; overflow: hidden;background: #B0B0B0;} #projects article.post .entry-title a, #boxes article.post .entry-title a{position: absolute; top: 0px;right: 0;left: 0;bottom: 0;z-index: 999;height: auto;background: rgba(255, 255, 255, 0.6); padding-top: 30%;color: #000; border: 1px solid #c5bd1d; margin: 0 auto; font-size:19px; padding-bottom:0; font-weight:bold; opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0,20px,0) scale(1.1);transform: translate3d(0,20px,0) scale(1.1);} #projects article.post .entry-title a:before, #boxes article.post .entry-title a:before{position: absolute;top: 20%;right: 0;left: 0;bottom: 0;z-index: 999;content: '\f0c1';font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #000;font-size: 20px;} #projects article.post footer, #boxes article.post footer{display: none;} #projects article.post:hover .entry-title a, #boxes article.post:hover .entry-title a{opacity: 1;-webkit-transform: translate3d(0,0,0) scale(1);transform: translate3d(0,0,0) scale(1);} /*bottom*/ #bottomBG{background: #fff; padding: 0;} #bottom .bottom.widget {text-align: center; font-size: 18px; position: relative; top:-50px;} #bottom .bottom.widget .widget-title{ font-size:48px; font-weight: normal; margin: 0; } #bottom .bottom.widget span{ font-size:35px; } #bottom .bottom.widget .btn{border-radius: 20px; max-width: 150px; } /* footer */ #footerBG { background: #2c2b29; } #footer {color: #FFF; text-align: center; position: relative; } /* #footer .footer-boxes .widget{display: block; vertical-align: top; padding:10px 20px; text-align: center;} #footer .footer-boxes .widget iframe{max-width: 100%; height:200px !important;} #footer .footer-boxes .widget .widget-title{font-size:30px; font-weight:normal; color:#fff; border-bottom: 1px solid #be2790; padding-bottom:5px; line-height: 30px;} #footer .footer-boxes .widget li{margin-bottom: 10px;}*/ #footer .footer-boxes .widget a,#footer .footer-boxes .widget li:hover i.fa{color:#85c1e9; transition: all .3s;} #footer .footer-boxes .widget a:hover, #footer .footer-boxes .widget li i.fa{color:#d35400; transition: all .3s;} #rights { color: #fff; font-size: 11px; text-align: center; padding:20px; } #rights .wrapper {position: relative; } #rights a { color: inherit; } #toTop { width: 33px; height: 33px; background: url(images/icon-toTop.png) top no-repeat; display: block; right: 10px; bottom:-10px; position: absolute !important;} #slb_viewer_wrap { direction: ltr; } /*contactform*/ .wpcf7{width:100%; } span.wpcf7-form-control-wrap {display: inline-block; width: 100%; margin-bottom: 5px;} #bottom span.wpcf7-form-control-wrap {display: inline-block; width: 20%; margin: 2px;} .wpcf7-form input, .wpcf7-form textarea{width:100%; border-radius: 0; background: #dddddd; color:#676464; margin: 0; padding: 4px; min-height:30px; max-height: 28px; border:0; box-shadow: none; font-size:14px; border-radius:5px; font-style:italic;} #footer .footer-boxes .widget .wpcf7-form input, #footer .footer-boxes .widget .wpcf7-form textarea{width:100%; border-radius: 0; background: #292929; color:#bbbbbb; margin: 0; padding: 4px; min-height:30px; max-height: 90px; border:0; box-shadow: none;} input.wpcf7-submit ,#footer .footer-boxes .widget input.wpcf7-submit { width: 100px; padding: 5px 0; text-align: center; background: #be2790; margin-top: 22px; box-shadow: 1px 1px 3px rgba(0,0,0,.4); color: #fff; transition: all .3s;} input.wpcf7-submit:hover, #footer .footer-boxes .widget input.wpcf7-submit:hover{background: #fff; color: #000; transition: all .3s;} button, input[type="button"], input[type="reset"], input[type="submit"]{width: 100%; max-width: 20%; padding: 5px 0; text-align: center; background: #c5bd1d; margin-top: 22px; box-shadow: none; color: #000; font-weight:normal; transition: all .3s; border-radius:5px; border:0; font-size: 18px; margin: 0 2px; font-style:normal;} #bottom button,#bottom input[type="button"],#bottom input[type="reset"],#bottom input[type="submit"]{ max-width: 20%;} #content .contact-page button, #content .contact-page input[type="button"], #content .contact-page input[type="submit"] {max-width: 100px;} .button:hover, .button:visited:hover, .button:focus, .button:visited:focus,button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{background: #959594; color: #fff;} /*gallery*/ /*album*/ #bwg_container1_0 #bwg_container2_0 .bwg_album_thumbnails_0 a , #bwg_container1_0 #bwg_container2_0 .bwg_standart_thumb_0 a {cursor: pointer;text-decoration: none;display: inline-block;background: #fff;margin: 5px;width: 31%; overflow: hidden; box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);} #bwg_container1_0 #bwg_container2_0 .bwg_album_thumb_spun1_0, #bwg_container1_0 #bwg_container2_0 .bwg_album_thumb_spun2_0, #bwg_container1_0 #bwg_container2_0 .bwg_album_thumb_0{display: block;width:100% !important; height:auto !important; margin:0 !important; background: none; background-color: transparent !important; text-align: center; transition: all .3s;} #bwg_container1_0 #bwg_container2_0 .bwg_title_spun1_0, #bwg_container1_0 #bwg_container2_0 .bwg_title_spun2_0{display: block !important; width:100% !important; text-align: center; font-family: Open Sans Hebrew, Arial, sans-serif !important; font-weight:normal !important; color:#000 !important; font-size: 19px !important;} /*thumb*/ #bwg_container1_0 #bwg_container2_0 .bwg_standart_thumbnails_0 a{cursor: pointer;text-decoration: none;display: inline-block;background: none;margin: 5px;width: 28%;} #bwg_container1_0 #bwg_container2_0 .bwg_standart_thumb_0,#bwg_container1_0 #bwg_container2_0 .bwg_standart_thumb_spun1_0, #bwg_container1_0 #bwg_container2_0 .bwg_standart_thumb_spun2_0{display: block;width:100% !important; height:auto !important; margin:0 !important; background: none; background-color: transparent !important; text-align: center; position: relative; transition: all .3s;} #bwg_container1_0 #bwg_container2_0 .bwg_back_0 a{font-family: Open Sans Hebrew, Arial, sans-serif !important; margin-bottom:25px; position: relative;display: inline-block !important;width: 100%;padding: 0 14px;background: #BE2790 !important; color:#fff !important; max-width:100px; height:45px; font-size:20px !important; padding:10px !important;} #bwg_container1_0 #bwg_container2_0 .bwg_back_0:hover a{background: #ccc !important;} #bwg_container1_0 #bwg_container2_0 .bwg_standart_thumbnails_0 a img{width:100% !important; height:auto !important;} #footer .footer-boxes .widget #bwg_container1_0 #bwg_container2_0 .bwg_standart_thumbnails_0 a{width: 28%;} #bwg_container1_0 #bwg_container2_0 .bwg_standart_thumb_spun1_0:hover{-ms-transform: scale(1) !important; -webkit-transform: scale(1) !important; transform: scale(1) !important; } #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 a{border:0 !important; background-color: transparent !important;} #bwg_container1_0 #bwg_container2_0 .bwg_title_spun1_0{position: absolute; top:0; right:0; left: 0; bottom:0; z-index: 999; height: 100%; background: rgba(255, 255, 255, 0.6); padding-top: 40%; color: #707070; border:1px solid #c5bd1d;} #bwg_container1_0 #bwg_container2_0 .bwg_title_spun1_0:before{position: absolute; top:20%; right:0; left: 0; bottom:0; z-index: 999; content:"\f002"; font-family: FontAwesome; font-style: normal;font-weight: normal;text-decoration: inherit;/*--adjust as necessary--*/color: #707070; font-size: 18px;} #bwg_container1_0 #bwg_container2_0 span.bwg_standart_thumb_0 .bwg_title_spun1_0 , #bwg_container1_0 #bwg_container2_0 span.bwg_standart_thumb_0 .bwg_title_spun1_0:before{opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0,20px,0) scale(1.1);transform: translate3d(0,20px,0) scale(1.1);} #bwg_container1_0 #bwg_container2_0 span.bwg_standart_thumb_0:hover .bwg_title_spun1_0 , #bwg_container1_0 #bwg_container2_0 span.bwg_standart_thumb_0:hover .bwg_title_spun1_0:before{opacity: 1;-webkit-transform: translate3d(0,0,0) scale(1);transform: translate3d(0,0,0) scale(1);} span.wpcf7-not-valid-tip { font-size: 15px !important; position: absolute;top: -55px; border: rgb(197, 189, 29) solid 1px; padding: 4px; border-radius: 4px; display: inline-block; width: 100px; background: #FFF; z-index: 99; opacity: .94; color: #FF5E24; } /*mobile-menu*/ #click-menu.admin-bar-showing {margin-top: 0 !important;} article {min-height: 100px !important; margin-bottom: 30px;} .upw-posts .more-link {}