/*----------------------------------
Theme Name: מימד
Theme URI: http://www.wapps.co.il
Description: Wapps Theme
Author: Wapps Team
Author URI: http://www.wapps.co.il
Version: 1.0
----------------------------------*/
/* --------------------------------- */
/* Global
/* --------------------------------- */
html{overflow-x:hidden;direction:ltr;}
html.ie8{overflow-x:auto;}
body{margin:0;padding:0;font-family:'Rubik',sans-serif;line-height:1.3;color:#000;font-size:100%;direction:rtl;}
a{transition:color 0.3s linear;}
html,body{position:relative;}
input{font-family:'Rubik',sans-serif;}
select{font-family:'Rubik',sans-serif;}
button{font-family:'Rubik',sans-serif;}
textarea{font-family:'Rubik',sans-serif;}
.wpcf7{direction:rtl;}
.container{width:100%;max-width:1210px;height:auto;padding:0 15px 0 15px;margin:0 auto 0;}
.elementor-widget:not(:last-child){margin-bottom:0;}
/* --------------------------------- */
/* Header
/* --------------------------------- */
.before-header{width:100%;height:500px;background-image:url(images/home-header-pic.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed;}
.before-header.mobile{display:none;}
.site-header{position:sticky;top:0;right:0;z-index:9999;width:100%;height:auto;margin:0;padding:10px 0 10px 0;background:#2d2d2d;}
body.headerFixed .site-header{position:fixed;}
/* logo */
.site-header .logo{width:23%;height:auto;margin:0;padding:0;float:left;direction:ltr;}
.site-header .logo a{margin:0;padding:0;text-decoration:none;border:0;}
.site-header .logo a img{display:block;max-width:100%;height:auto;margin:0;padding:0;border:0;}
/* main menu */
.site-header .main-menu-container{width:77%;height:auto;margin:0;padding:0;float:right;}
.site-header .main-menu-container ul{display:inline-block;width:auto;height:auto;float:right;margin:0;padding:22px 0 0 0;list-style:none;}
.site-header .main-menu-container ul li{display:inline-block;width:auto;height:auto;margin:0;padding:0;position:relative;}
.site-header .main-menu-container ul li:last-child{padding:0;}
.site-header .main-menu-container ul li.last{padding:0;}
.site-header .main-menu-container ul li a{color:#b9b091;font-size:18px;font-weight:400;transition:color 0.3s linear;}
.site-header .main-menu-container ul li a:hover{color:#fff;}
.site-header .main-menu-container ul li a.hover{color:#fff;}
.site-header .main-menu-container ul li a.active{color:#fff;}
.site-header .main-menu-container ul li.current_page_item a{color:#fff;}
.site-header .main-menu-container ul li.current_menu_item a{color:#fff;}
.site-header .main-menu-container ul li.current-menu-item a{color:#fff;}
.site-header .main-menu-container ul li.current_page_parent a{color:#fff;}
.site-header .main-menu-container ul li.current-menu-parent a{color:#fff;}
.site-header .main-menu-container ul li a:after{display:inline-block;content:'\\';color:#b9b091;padding:0 5px 0 3px;}
.site-header .main-menu-container ul li:last-child a:after{}
.site-header .main-menu-container ul li.last a:after{}
.header-social{float:left;padding:20px 0 0 0;}
.header-social a{display:inline-block;width:30px;height:30px;border-radius:100%;margin:0 0 0 5px;text-align:center;color:#fff;line-height:30px;}
.header-social a i{}
/* main menu dropdown */
.site-header .main-menu-container ul li ul.sub-menu{display:none;padding:0;position:absolute;right:0;top:57px;background:#2d2d2d;z-index:200;}
.site-header .main-menu-container ul li ul.sub-menu li{padding:0;}
.site-header .main-menu-container ul li ul.sub-menu li a{display:inline-block;font-size:14px;width:250px;height:auto;padding:15px;background:#2d2d2d;color:#b9b091;transition:all 0.1s linear;}
.site-header .main-menu-container ul li ul.sub-menu li:last-child a{}
.site-header .main-menu-container ul li ul.sub-menu li a:hover{background:#000;color:#fff;}
.site-header .main-menu-container ul li ul.sub-menu li a.active{background:#000;color:#fff;}
.site-header .main-menu-container ul li ul.sub-menu li.current_page_item a{background:#000;color:#fff;}
.site-header .main-menu-container ul li ul.sub-menu li.current_menu_item a{background:#000;color:#fff;}
.site-header .main-menu-container ul li ul.sub-menu li.current-menu-item a{background:#000;color:#fff;}
.site-header .main-menu-container ul li ul.sub-menu li a:after{display:none;}
.site-header .main-menu-container ul li ul.sub-menu li.anchor a{background:#2d2d2d;color:#b9b091;}
.site-header .main-menu-container ul li ul.sub-menu li.anchor a:hover{background:#000;color:#fff;}
/* search */
.site-header .main-menu-container .top-search{display:inline-block;width:auto;height:auto;float:right;position:relative;padding:27px 5px 0 0;}
.site-header .main-menu-container .top-search a{display:block;width:19px;height:18px;border:0;overflow:hidden;text-indent:-9999px;font-size:0;text-decoration:none;background:url(images/search-icon.png) no-repeat 0 0;cursor:pointer;}
.site-header .main-menu-container .top-search a:hover{background-position:0 100%;}
.site-header .main-menu-container .top-search a.active{background-position:0 100%;}
.site-header .main-menu-container .top-search .search-form{display:none;width:250px;height:auto;padding:15px;background:#2d2d2d;position:absolute;top:79px;left:0;z-index:199;}
.site-header .main-menu-container .top-search .search-form input{display:block;width:87%;height:30px;margin:0 0 0 7px;padding:5px;border:0;background:#f5f5f5;float:right;}
.site-header .main-menu-container .top-search .search-form button{display:block;width:19px;height:18px;margin:5px 0 0 0;padding:0;overflow:hidden;text-indent:-9999px;font-size:0;border:0;background:transparent url(images/search-icon.png) no-repeat 0 100%;cursor:pointer;}
/* mobile header */
.site-header .main-menu-container .hamburger{display:none;float:right;direction:ltr;margin-top:5px;}
.site-header .main-menu-container .hamburger .hamburger-inner{background-color:#b9b091;}
.site-header .main-menu-container .hamburger .hamburger-inner:before{background-color:#b9b091;}
.site-header .main-menu-container .hamburger .hamburger-inner:after{background-color:#b9b091;}
.site-header .main-menu-container .hamburger .hamburger-label{font-size:15px;color:#b9b091;font-weight:bold;display:inline-block;margin:-12px 5px 0 0;vertical-align:middle;}
.site-header .main-menu-container .hamburger:hover{opacity:1.0;}
.site-header .main-menu-container .hamburger:hover .hamburger-inner{background-color:#fff;}
.site-header .main-menu-container .hamburger:hover .hamburger-inner:before{background-color:#fff;}
.site-header .main-menu-container .hamburger:hover .hamburger-inner:after{background-color:#fff;}
.site-header .main-menu-container .hamburger:hover .hamburger-label{color:#fff;}
#mobile-panel{width:100%;height:100%;position:fixed;top:0;right:-100%;z-index:9999;transition:right 0.3s linear;}
#mobile-panel.open{right:0;}
#mobile-panel .panel-wrap{width:70%;height:100%;padding:15px;background:#b9b091;overflow-x:hidden;overflow-y:auto;box-shadow:#231f20 2px -5px 5px;}
#mobile-panel .panel-wrap .search-form{display:block !important;width:100%;height:auto;margin:0;padding:0;}
#mobile-panel .panel-wrap .search-form input{display:block;width:60%;height:auto;margin:0;padding:5px;border:1px solid #2d2d2d;float:right;}
#mobile-panel .panel-wrap .search-form button{display:block;width:40%;height:auto;margin:0;padding:5px;border:1px solid #2d2d2d;background:#2d2d2d;color:#fff;}
/* mobile menu */
#mobile-panel .panel-wrap .main-menu-mobile{width:100%;height:auto;margin:0;padding:50px 0 20px 0;}
#mobile-panel .panel-wrap .main-menu-mobile ul{display:block;width:auto;height:auto;margin:0;padding:0;list-style:none;}
#mobile-panel .panel-wrap .main-menu-mobile ul li{display:block;width:100%;height:auto;margin:0;padding:0;position:relative;}
#mobile-panel .panel-wrap .main-menu-mobile ul li a{display:block;width:100%;color:#2d2d2d;font-size:20px;border-bottom:1px solid #2d2d2d;padding:10px 0 10px 0;}
#mobile-panel .panel-wrap .main-menu-mobile ul li:last-child a{border:0;}
#mobile-panel .panel-wrap .main-menu-mobile ul li.last a{border:0;}
#mobile-panel .panel-wrap .main-menu-mobile ul li a:hover{font-weight:bold;}
#mobile-panel .panel-wrap .main-menu-mobile ul li a.hover{font-weight:bold;}
#mobile-panel .panel-wrap .main-menu-mobile ul li a.active{font-weight:bold;}
#mobile-panel .panel-wrap .main-menu-mobile ul li.current_page_item a{font-weight:bold;}
#mobile-panel .panel-wrap .main-menu-mobile ul li.current_menu_item a{font-weight:bold;}
#mobile-panel .panel-wrap .main-menu-mobile ul li.current-menu-item a{font-weight:bold;}
#mobile-panel .panel-wrap .main-menu-mobile ul li.current_page_parent a{font-weight:bold;}
#mobile-panel .panel-wrap .main-menu-mobile ul li.current-menu-parent a{font-weight:bold;}
#mobile-panel .panel-wrap .main-menu-mobile ul li.menu-item-has-children{position:relative;}
#mobile-panel .panel-wrap .main-menu-mobile ul li.menu-item-has-children.active a{font-weight:bold !important;}
#mobile-panel .panel-wrap .main-menu-mobile ul li.menu-item-has-children .nav-toggle{color:#2d2d2d;display:block;cursor:pointer;position:absolute;top:-5px;left:0;font-size:45px;}
/* mobile menu dropdown */
#mobile-panel .panel-wrap .main-menu-mobile ul li.menu-item-has-children ul{display:none;}
#mobile-panel .panel-wrap .main-menu-mobile ul li.menu-item-has-children.active ul{display:block;}
#mobile-panel .panel-wrap .main-menu-mobile ul li.menu-item-has-children.active ul li{}
#mobile-panel .panel-wrap .main-menu-mobile ul li.menu-item-has-children.active ul li a{font-weight:normal !important;}
#mobile-panel .panel-wrap .main-menu-mobile ul li.menu-item-has-children.active ul li a:hover{font-weight:bold !important;}
#mobile-panel .panel-wrap .main-menu-mobile ul li.menu-item-has-children.active ul li.current_page_item a{font-weight:bold !important;}
#mobile-panel .panel-wrap .main-menu-mobile ul li.menu-item-has-children.active ul li.current_menu_item a{font-weight:bold !important;}
#mobile-panel .panel-wrap .main-menu-mobile ul li.menu-item-has-children.active ul li.current-menu-item a{font-weight:bold !important;}
#mobile-panel .panel-wrap .main-menu-mobile ul li.menu-item-has-children.active ul li a:before{content:'-- '}
#mobile-panel .panel-wrap .main-menu-mobile ul li.menu-item-has-children.active ul li.anchor a{font-weight:normal !important;}
#mobile-panel .panel-wrap .main-menu-mobile ul li.menu-item-has-children.active ul li.anchor a:hover{font-weight:bold !important;}

/* --------------------------------- */
/* Page Header
/* --------------------------------- */
.slider_revolution-wrap{width:100%;height:auto;position:relative;}
.page-title{width:100%;height:auto;overflow:hidden;}
.page-title h1{display:block;width:50%;float:right;height:auto;position:relative;padding:20px 0 20px 0;margin:0;font-size:20px;font-weight:bold;}
.page-title a:hover{text-decoration:underline;}
.breadcrumbs{display:block;width:50%;height:auto;padding:25px 0 20px 0;font-size:12px;float:left;text-align:left;}
.page-banner{width:100%;height:auto;position:relative;overflow:hidden;background-size:cover;background-position:center top;background-repeat:no-repeat;}
.page-banner img{margin:0 auto 0;visibility:hidden;}
.page-banner a{}
.page-banner a:hover{text-decoration:underline;}
.page-banner .page-title{position:absolute;bottom:0;right:0;height:100%;}
.page-banner .page-title .container{height:100%;position:relative;}
.page-banner .page-title h1{height:100%;padding:0;}
.page-banner .page-title h1 span.skew{display:table;width:auto;height:100%;padding:10px 70px 10px 0;background:#b9b091;transform:skew(-26deg);}
.page-banner .page-title h1 span.skew p{display:table-cell;width:auto;height:100%;vertical-align:bottom;text-align:center;transform:skew(26deg);}
.page-banner .page-title .breadcrumbs{display:none;width:50%;height:auto;position:absolute;bottom:0;left:0;padding:25px 0 20px 15px;font-size:12px;float:left;text-align:left;}

/* --------------------------------- */
/* Page Body
/* --------------------------------- */
.page-body{font-size:12px;color:#2d2d2d;max-width:1210px;padding:0 5px 0 5px;}
.page-body h2{display:block;width:100%;height:auto;margin:0;padding:0;font-size:20px;}
.page-body a{color:#2d2d2d;}
.page-body a:hover{color:#000;text-decoration:underline;}
.elementor-progress-wrapper .elementor-progress-text{border:1px solid #fff;font-size:12px;font-weight:bold;line-height:1.9;}
.advantage-box{min-height:390px;}
.team-box{min-height:205px;}
.scrollback{display:none;width:70px;height:70px;cursor:pointer;position:fixed;bottom:160px;left:50px;z-index:9999;background:url(http://kmeimad.ddns.net/wp-content/uploads/2024/12/scrollup_new.png) no-repeat 0 0;transition:all 0.3s linear;background-size:100% 200%;}
.scrollback:hover{background-position:0 100%;}

/* --------------------------------- */
/* Parallax
/* --------------------------------- */
.parallax-left,.parallax-right{position:relative;}
.parallax-image{width:100%;height:100%;position:absolute;top:0;left:0;background-position:center center;background-size:cover;background-repeat:no-repeat;}
.parallax-image.fromleft{left:-280px;}
.parallax-image.fromright{left:0;}

/* --------------------------------- */
/* Search
/* --------------------------------- */
.search-results{width:100%;height:auto;}
.search-results .search-row{width:100%;height:auto;padding:20px 0 20px 0;margin:0 0 20px 0;border-bottom:1px solid #ccc;}
.search-results .search-row .title{display:block;width:100%;height:auto;padding:0 0 10px 0;font-weight:bold;text-decoration:none;color:#2d2d2d;font-size:20px;}
.search-results .search-row .title:hover{color:#2d2d2d;}

/* --------------------------------- */
/* Contact
/* --------------------------------- */
.contact-form{width:100%;height:auto;}
.contact-form .wpcf7-text{display:block;width:100%;height:auto;margin:0;padding:8px;border:0;background:#f7f6f1;font-size:15px;}
.contact-form .wpcf7-textarea{display:block;width:100%;height:180px;margin:0;padding:8px;border:0;background:#f7f6f1;font-size:15px;resize:none;}
.contact-form .wpcf7-submit{display:block;width:100%;height:auto;margin:0;padding:8px;border:0;background:#2d2d2d;color:#fff;text-align:center;font-size:15px;}

/* --------------------------------- */
/* Articles
/* --------------------------------- */
.articles-list{width:100%;height:auto;padding:20px 10px 20px 10px;}
.articles-list .article-box{width:100%;height:auto;padding:20px 0 0 0;}
.articles-list .article-box .article-pic{width:25%;height:auto;float:right;}
.articles-list .article-box .article-pic img{display:block;max-width:100%;height:auto;margin:0 auto 0;padding:0;}
.articles-list .article-box .article-content{width:75%;height:auto;padding:20px;float:right;}
.articles-list .article-box .article-content h3{display:block;width:100%;height:auto;margin:0;padding:0 0 20px 0;font-size:20px;color:#b9b091;font-weight:bold;}
.articles-list .article-box .article-content h3 a{color:#b9b091;text-decoration:none;}
.articles-list .article-box .article-content h3 a:hover{color:#000;text-decoration:none;}
.articles-list .article-box .article-info{width:100%;height:auto;margin:20px 0 0 0;padding:5px 0 7px 0;color:#b9b091;font-size:20px;border-top:1px solid #b9b091;border-bottom:1px solid #b9b091;}
.articles-list .article-box .article-info a{color:#b9b091;text-decoration:none;}
.articles-list .article-box .article-info a:hover{color:#000;text-decoration:none;}
.articles-list .article-box .article-info .more{float:left;}

/* --------------------------------- */
/* Projects
/* --------------------------------- */
.projects-list{width:100%;height:auto;}
.projects-list .project-box{display:inline-block;max-width:320px;height:316px;margin:5px;padding:0;position:relative;}
.projects-list .project-box .project-pic{width:100%;height:auto;}
.projects-list .project-box .project-pic img{margin:0 auto 0;}
.projects-list .project-box .project-info{display:table;line-height:0.9;width:100%;height:100%;padding:10px;position:absolute;top:0;left:0;text-align:center;background:rgba(0,0,0,0.6);color:#b9b091;font-size:42px;font-weight:bold;text-decoration:none;opacity:0;transition:opacity 0.3s linear;}
.projects-list .project-box .project-info:hover{opacity:1.0;}
.projects-list .project-box .project-info p{display:table-cell;vertical-align:middle;}
.projects-list .project-box .project-info p span{font-size:25px;font-weight:normal;}
/*services*/

.page-body h2.service-category-title{    font-size: 50px;
    font-weight: 700; text-align: center; }
    .service-title{color: #b9b091; font-size: 30px; font-weight: 600;}
     .service-title a{color: #b9b091;}
.service-category{margin-top: 30px;}
    .service-list{display: flex;    flex-wrap: wrap; margin-top: 30px;}
    .service-item{width: 50%; border-bottom: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC; padding: 30px 0px;padding-right: 30px; cursor: pointer;}
.service-short-description{font-size: 18px;}
.sdet{transition: all 0.5s;}
.sdet:hover{ transform: translateY(-15px);}

@media screen and (max-width:680px){
    .service-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px; flex-direction: column;
}
.service-item{width: 100%;padding: 15px 10px;border-left: 0px;}
.service-title{font-size: 25px; line-height: 27px;}
}

/* --------------------------------- */
/* Footer
/* --------------------------------- */
footer{width:100%;height:auto;background:#2d2d2d;color:#b9b091;padding:15px 0 15px 0;font-size:15px;line-height:2;}
footer a{color:#b9b091;}
footer a:hover{color:#fff;}
footer .copyright{width:35%;float:right;text-align:left;}
footer .links{width:35%;float:right;padding:13px 0 0 0;text-align:right;font-size:20px;font-weight:400;}
footer .social{width:30%;float:right;text-align:right;padding:13px 0 0 0;font-size:20px;font-weight:400;}
footer .social a{display:inline-block;padding:0;margin:0 0 0 18px;border:0;text-decoration:none;overflow:hidden;text-indent:9999px;background-image:url(images/footer-social.png);background-repeat:no-repeat;}
footer .social a.linkedin{width:15px;height:15px;background-position:0 0;}
footer .social a.facebook{width:9px;height:15px;background-position:-33px 0;}
footer .social a.youtube{width:17px;height:15px;background-position:-59px 0;}
footer .social a.twitter{width:15px;height:15px;background-position:-97px 0;}


