/*----------------------------------
Theme Name: Skysing
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;}
body{margin:0;padding:0;font-family:'almoni-tzar';line-height:1.3;color:#404041;font-size:100%;}
a{transition:color 0.3s linear;}
html,body{direction:ltr;}
input{font-family:'almoni-tzar';}
select{font-family:'almoni-tzar';}
button{font-family:'almoni-tzar';}
.otgs-development-site-front-end{display:none !important;}
.elementor-1154 .elementor-element.elementor-element-b612c78{z-index:50 !important;}
.slick-list{overflow:visible !important;}
.mfp-bg{opacity:0 !important;}
.mfp-preloader{color:#000;}
.mfp-fade.mfp-wrap .mfp-content{opacity:0;top:-100%;transition:all 0.5s ease-out;}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content{top:0;opacity:1.0;}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content{top:-100%;opacity:0;}
.lds-ring{display:inline-block;position:relative;width:80px;height:80px;background:rgba(0,0,0,0.5);border-radius:10px;}
.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #fff;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5,0,0.5,1) infinite;border-color:#fff transparent transparent transparent;}
.lds-ring div:nth-child(1){animation-delay:-0.45s;}
.lds-ring div:nth-child(2){animation-delay:-0.3s;}
.lds-ring div:nth-child(3){animation-delay:-0.15s;}
@keyframes lds-ring{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
/* --------------------------------- */
/* Header
/* --------------------------------- */
#videobtn{cursor:pointer;}
.side_strip{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;width:76px;height:100%;z-index:100;top:0;right:0;background:#fff;border-left:1px solid #f5f5f5;}
.side_strip .social-links .slink{text-align:center;padding:20px 10px 20px 10px;}
.side_strip .social-links .slink a{font-size:28px;color:#404041;cursor:pointer;}
.side_strip .social-links .slink a:hover{color:#ffa800;}
.side_strip .scrollto{position:absolute;bottom:15px;display:none;}
body.home .side_strip .scrollto{display:block;}
.side_strip .scrollto a{display:block;width:40px;height:189px;cursor:pointer;}
.side_strip .scrollto a.s_down{background:transparent url(images/scrollto.png) 0 0 no-repeat;}
.side_strip .scrollto a.s_up{background:transparent url(images/scrollto.png) 100% 0 no-repeat;}
body.changeDotColor .jet-scroll-navigation__item.active .jet-scroll-navigation__dot{background-color:#fff !important;}
header.site_header{position:absolute;top:0;left:0;width:100%;z-index:100;display:flex;justify-content:space-between;align-content:stretch;padding:20px;}
header.site_header nav.mainmenu{flex-basis:40%;}
header.site_header nav.mainmenu .nav-hamburger{display:none;width:40px;height:36px;background:transparent url(images/hamburger.png) no-repeat 0 -36px;cursor:pointer;position:relative;z-index:99999;}
body.dark header.site_header nav.mainmenu .nav-hamburger{background-position:0 0;}
header.site_header nav.mainmenu ul{display:block;width:100%;margin:0;padding:0;list-style:none;}
header.site_header nav.mainmenu ul li{display:inline-block;margin:0;padding:0;list-style:none;margin-left:10px;padding:5px;}
header.site_header nav.mainmenu ul li a{display:inline-block;color:#404041;font-size:22px;font-weight:500;line-height:1.3;}
body.dark header.site_header nav.mainmenu ul li a{color:#fff;}
header.site_header nav.mainmenu ul li a:hover,
body.dark header.site_header nav.mainmenu ul li a:hover{color:#ffa800;}
header.site_header nav.mainmenu ul li.current-menu-item a,
body.dark header.site_header nav.mainmenu ul li.current-menu-item a{color:#ffa800;}
header.site_header nav.mainmenu ul li ul.sub-menu{display:none;}
header.site_header .logo{text-align:center;flex-basis:20%;padding:0 10px 0 10px;}
header.site_header .logo a{display:inline-block;}
header.site_header .logo a img{max-width:100%;margin:0 auto 0;padding:0;border:0;}
header.site_header .logo a img.logo-light{display:none;}
header.site_header .logo a img.logo-dark{display:block;}
body.dark header.site_header .logo a img.logo-light{display:block;}
body.dark header.site_header .logo a img.logo-dark{display:none;}
header.site_header .quickacccess{color:#404041;font-size:24px;font-weight:700;line-height:1.3;text-align:right;flex-basis:40%;padding-right:115px;}
header.site_header .quickacccess .lang-change{display:inline-block;color:#404041;padding-right:50px;font-weight:normal;}
body.dark header.site_header .quickacccess .lang-change{color:#404041;}
header.site_header .quickacccess .lang-change a{color:#404041;}
body.dark header.site_header .quickacccess .lang-change a{color:#fff;}
header.site_header .quickacccess .lang-change a.active{font-weight:bold;color:#ffa800 !important;}
header.site_header .quickacccess .phone-link{direction:ltr;display:inline-block;}
header.site_header .quickacccess .phone-link a{color:#404041;display:inline-block;}
body.dark header.site_header .quickacccess .phone-link a{color:#ffa800;}
header.site_header .quickacccess .phone-link a i{padding-right:20px;}
header.site_header .quickacccess .phone-link a:hover,
body.dark header.site_header .quickacccess .phone-link a:hover{color:#ffa800;}
/* --------------------------------- */
/* Projects
/* --------------------------------- */
.project-page{width:100%;height:auto;margin:0;padding:0;background:transparent url(images/projects-bg.png) 100% 200px no-repeat;}
.projects-lists{display:flex;flex-wrap:wrap;margin:50px auto 0;width:80%;position:relative;}
.projects-lists .project-item{width:33.33333333333333%;cursor:pointer;padding:50px 25px 50px 25px;}
.projects-lists .project-item img{display:block;max-width:100%;height:auto;margin:0 auto 0;padding:0;border:0;border-radius:30px;filter:grayscale(100%);transition:filter 0.3s linear;}
.projects-lists .project-item:hover img{filter:grayscale(0);}
.projects-lists .project-item.active img{filter:grayscale(0);}
.projects-lists .project-item .project-title{display:block;text-align:center;font-size:30px;padding-top:20px;transition:color 0.3s linear,font-weight 0.3s linear;}
.projects-lists .project-item:hover .project-title{font-weight:500;}
.projects-lists .project-item.active .project-title{font-weight:500;}
/* --------------------------------- */
/* Contact
/* --------------------------------- */
.contact-form-page{width:100%;max-width:872px;margin:0 auto 0;}
.contact-form-page .fields-group{width:50%;float:left;padding:8px;}
.contact-form-page .fields-group .text-field{width:100%;padding-bottom:8px;}
.wpcf7-response-output{width:100%;background:#f00 !important;color:#fff !important;padding:5px;text-align:center !important;}
.wpcf7-not-valid-tip{color:#f00 !important;}
.cf7b-section{width:100%;}
.contact-form-page .fields-group .wpcf7-text{text-align:left;display:block;width:100%;height:45px;border:2px solid #737374;resize:none;background:transparent;margin:0;padding:7px;font-size: 22px;}
.contact-form-page .fields-group .wpcf7-textarea{display:block;width:100%;height:151px;border:2px solid #737374;resize:none;background:transparent;margin:0;padding:7px;font-size: 22px;font-family: almoni-tzar;}
.contact-form-page .fields-group .wpcf7-submit{display:block;width:100%;height:45px;border:0;padding:0px 0px;margin:8px 0 0 0;background:#fdb813;font-size:30px;color:#fff;text-align:center;cursor:pointer;font-weight:500;}
/* --------------------------------- */
/* Popup Projects
/* --------------------------------- */
.project-popup{direction:ltr;position:relative;margin:20px auto;text-align:left;overflow:hidden;max-width:674px;background:#fff;box-shadow:0px 13px 32px 1px rgba(0,0,0,0.59);border-radius:30px;}
.project-popup .close{display:inline-block;position:absolute;top:40px;left:40px;font-size:50px;color:#fff;cursor:pointer;z-index:20;}
.project-popup .close:hover{color:#ffa800;}
.project-popup .project-gallery{background:#fff;position:relative;}
.project-popup .project-gallery .slide{margin:0;padding:0;display:block;}
.project-popup .project-gallery .slide img{display:block;max-width:100%;height:auto;margin:0 auto 0;padding:0;border:0;border-radius:0;filter:grayscale(0);}
.project-popup .project-gallery .slide.has-video{position:relative;}
.project-popup .project-gallery .slide.has-video img{cursor:pointer;}
.project-popup .project-gallery .slide.has-video .vplay{width:239px;height:245px;background:transparent url(./images/project-play-new.png) 0 0 no-repeat;cursor:pointer;position:absolute;background-size:100%;top:50%;left:50%;transform:translate(-45%,-27%);z-index:999;}
.project-popup .project-gallery .slide.stream .vplay{display:none;}
.project-popup .project-gallery .slide .video-iframe{display:none;position:relative;overflow:hidden;width:100%;padding-top:56.25%;}
.project-popup .project-gallery .slide .video-iframe iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;}
.project-popup .project-gallery .slide.stream .video-iframe{display:block;}
.project-popup .project-gallery .slide.stream img{display:none;}
.project-popup .slick-dots{display:inline-block;list-style:none;margin:0;padding:0;position:absolute;bottom:0;left:0;width:auto;height:auto;}
.project-popup .slick-dots li{display:inline-block !important;}
.project-popup .slick-dots li button{display:inline-block;width:13px;height:13px;overflow:hidden;background:#fff;border-radius:100%;color:transparent;text-indent:-9999px;cursor:pointer;padding:0;border:0;outline:0;margin:20px;}
.project-popup .slick-dots li.slick-active button{background:#ffa800;}
.project-popup .project-content{width:100%;height:auto;padding:25px 26px 30px 36px;font-size:22px;font-weight:200;}
.project-popup .project-content .info.last{padding-top:15px;}
.project-popup .project-content .content{font-size:22px;}
.project-popup .project-content .marker{color:#ffa800;font-weight:600;display:inline-block;padding-right:5px;}
.project-popup .prevnext{width:100%;padding:0 75px 75px 75px;}
.project-popup .prevnext span{display:block;font-size:22px;cursor:pointer;transition:color 0.3s linear;}
.project-popup .prevnext span:hover{color:#ffa800;}
.project-popup .prevnext .prev{float:left;}
.project-popup .prevnext .next{float:right;}
/* --------------------------------- */
/* Popup Home
/* --------------------------------- */
/*body.home .mfp-bg{display:none !important;}*/
body.home .mfp-wrap{top:0 !important;}
.project-popup-home{direction:ltr;position:relative;margin:20px 20px 20px 10% ;text-align:left;overflow:hidden;max-width:675px;background:#fff;box-shadow:0px 13px 32px 1px rgba(0,0,0,0.59);border-radius:30px;}
.project-popup-home .close{display:inline-block;position:absolute;top:40px;left:40px;font-size:50px;color:#fff;cursor:pointer;z-index:20;}
.project-popup-home .close:hover{color:#ffa800;}
.project-popup-home .project-gallery{background:#fff;position:relative;}
.project-popup-home .project-gallery .slide{margin:0;padding:0;display:block;}
.project-popup-home .project-gallery .slide img{display:block;max-width:100%;height:auto;margin:0 auto 0;padding:0;border:0;border-radius:0;filter:grayscale(0);}
.project-popup-home .project-gallery .slide.has-video{position:relative;}
.project-popup-home .project-gallery .slide.has-video img{cursor:pointer;}
.project-popup-home .project-gallery .slide.has-video .vplay{width:96px;height:99px;background:transparent url(./images/home-pop-play.png) 0 0 no-repeat;cursor:pointer;position:absolute;background-size:100%;top:50%;left:50%;transform:translate(-45%,-27%);z-index:999;}
.project-popup-home .project-gallery .slide.stream .vplay{display:none;}
.project-popup-home .project-gallery .slide .video-iframe{display:none;position:relative;overflow:hidden;width:100%;padding-top:56.25%;}
.project-popup-home .project-gallery .slide .video-iframe iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;}
.project-popup-home .project-gallery .slide.stream .video-iframe{display:block;}
.project-popup-home .project-gallery .slide.stream img{display:none;}
.project-popup-home .slick-dots{display:inline-block;list-style:none;margin:0;padding:0;position:absolute;bottom:0;left:0;width:auto;height:auto;}
.project-popup-home .slick-dots li{display:inline-block !important;}
.project-popup-home .slick-dots li button{display:inline-block;width:13px;height:13px;overflow:hidden;background:#fff;border-radius:100%;color:transparent;text-indent:-9999px;cursor:pointer;padding:0;border:0;outline:0;margin:20px;}
.project-popup-home .slick-dots li.slick-active button{background:#ffa800;}
.project-popup-home .project-content{width:100%;height:auto;padding:25px 26px 30px 36px;font-size:22px;font-weight:100;}
.project-popup-home .project-content .info.last{padding-top:15px;}
.project-popup-home .project-content .content{font-size:22px;line-height:22px;}
.project-popup-home .project-content .marker{color:#ffa800;font-weight:600;display:inline-block;padding-right:5px;}
.project-popup-home .prevnext{width:100%;padding:0 75px 75px 75px;text-align:center;}
.project-popup-home .prevnext span{display:block;font-size:22px;cursor:pointer;transition:color 0.3s linear;}
.project-popup-home .prevnext span:hover{color:#ffa800;}
.project-popup-home .prevnext .prev{float:left;}
.project-popup-home .prevnext .next{float:right;}
.project-popup-home .prevnext .projectsLink{color:#fff;background:#404041;padding:2px 20px;cursor:pointer;}
/* --------------------------------- */
/* Popup Home Mobile
/* --------------------------------- */
body.home .mfp-wrap{top:0 !important;}
.project-popup-homemobile{direction:ltr;position:relative;margin:20px 20px 20px 10%;text-align:left;overflow:hidden;max-width:675px;background:#fff;box-shadow:0px 13px 32px 1px rgba(0,0,0,0.59);border-radius:30px;}
.project-popup-homemobile .close{display:inline-block;position:absolute;top:40px;left:40px;font-size:50px;color:#fff;cursor:pointer;z-index:20;}
.project-popup-homemobile .close:hover{color:#ffa800;}
.project-popup-homemobile .project-gallery{background:#fff;position:relative;}
.project-popup-homemobile .project-gallery .slide{margin:0;padding:0;display:block;}
.project-popup-homemobile .project-gallery .slide img{display:block;max-width:100%;height:auto;margin:0 auto 0;padding:0;border:0;border-radius:0;filter:grayscale(0);}
.project-popup-homemobile .project-gallery .slide.has-video{position:relative;}
.project-popup-homemobile .project-gallery .slide.has-video img{cursor:pointer;}
.project-popup-homemobile .project-gallery .slide.has-video .vplay{width:96px;height:99px;background:transparent url(./images/home-pop-play.png) 0 0 no-repeat;cursor:pointer;position:absolute;background-size:100%;top:50%;left:50%;transform:translate(-45%,-27%);z-index:999;}
.project-popup-homemobile .project-gallery .slide.stream .vplay{display:none;}
.project-popup-homemobile .project-gallery .slide .video-iframe{display:none;position:relative;overflow:hidden;width:100%;padding-top:56.25%;}
.project-popup-homemobile .project-gallery .slide .video-iframe iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;}
.project-popup-homemobile .project-gallery .slide.stream .video-iframe{display:block;}
.project-popup-homemobile .project-gallery .slide.stream img{display:none;}
.project-popup-homemobile .slick-dots{display:inline-block;list-style:none;margin:0;padding:0;position:absolute;bottom:0;left:0;width:auto;height:auto;}
.project-popup-homemobile .slick-dots li{display:inline-block !important;}
.project-popup-homemobile .slick-dots li button{display:inline-block;width:10px;height:10px;overflow:hidden;background:#fff;border-radius:100%;color:transparent;text-indent:-9999px;cursor:pointer;padding:0;border:0;outline:0;margin:0px 3px 0px 9px;}
.project-popup-homemobile .slick-dots li.slick-active button{background:#ffa800;}
.project-popup-homemobile .project-content{width:100%;height:auto;padding:30px 16px 15px 35px;font-size:20px;font-weight:100;}
.project-popup-homemobile .project-content .info.last{padding-top:15px;}
.project-popup-homemobile .project-content .content{font-size:20px;line-height:24px;}
.project-popup-homemobile .project-content .marker{color:#ffa800;font-weight:600;display:inline-block;padding-right:15px;}
.project-popup-homemobile .prevnext{width:100%;padding:0 33px 45px 33px;text-align:center;}
.project-popup-homemobile .prevnext span{display:block;font-size:22px;cursor:pointer;transition:color 0.3s linear;}
.project-popup-homemobile .prevnext span:hover{color:#ffa800;}
.project-popup-homemobile .prevnext .prev{float:left;}
.project-popup-homemobile .prevnext .next{float:right;}
.project-popup-homemobile .prevnext .projectsLink{color:#fff;background:#404041;padding:2px 20px;cursor:pointer;}
#mobpop{padding:0;overflow:hidden;}
.projects-slide .slide-weap{padding:22px;}
.projects-slide .project-popup-homemobile{margin:0;max-width:none;width:auto;}
.projects-slide .project-popup-homemobile .close{display:none !important;}