/*----------------------------------
Theme Name: Kayhut
Theme URI: http://www.triotech.co.il
Description: Triotech Theme
Author: Triotech Team
Author URI: http://www.triotech.co.il
Version: 1.1
----------------------------------*/


/* --------------------------------- */
/* Global
/* --------------------------------- */
html{overflow-x:hidden;}
html.ie8{overflow-x:auto;}
body{margin:0;padding:0;font-family:'Montserrat',sans-serif;line-height:1.3;color:#fff;font-size:100%;}
body.white-color{color:#fff;}
body.black-color{color:#000;}
a{transition:color 0.3s linear;}
html,body{position:relative;height:100%;}
/* --------------------------------- */
/* Header
/* --------------------------------- */

header{width:100%;height:auto;position:fixed;top:0;left:0;z-index:900;}
header nav{width:100%;height:auto;padding:0;}
header nav ul{display:block;width:100%;height:auto;margin:0;padding:0;list-style:none;}
header nav ul li{display:inline-block;width:auto;height:auto;margin:0;padding:40px 100px 0 0;position:relative;vertical-align:top;}
header nav ul li:last-child{padding-right:0;}
header nav ul li span{text-transform:uppercase;font-size:12px;font-weight:bold;letter-spacing:3px;cursor:pointer;transition:color 0.3s linear;}
header nav ul li span:before{content:' ';position:absolute;top:-15px;left:0;width:100px;height:15px;background:#fff;opacity:0;transition:all 0.3s linear;}
header nav ul li span:hover:before{top:0;opacity:1.0;}
header nav ul li.active span:before{top:0;opacity:1.0;}
body.black-color header nav ul li span:before{background:#000;}
header nav ul li.logo{display:inline-block !important;width:auto;padding:40px 60px 0 40px;margin:0;float:left;}
header nav ul li.logo span{display:block;width:92px;height:92px;background:url(images/logo.png) no-repeat 0 0;cursor:pointer;overflow:hidden;text-indent:-9999px;opacity:1.0;transition:opacity 0.3s linear;}
header nav ul li.logo span span{background:url(images/logo.png) no-repeat 0 100%;opacity:0;}
body.black-color header nav ul li.logo span span{opacity:1.0;}
header nav ul li.logo span:before{left:40px;width:110px;}
header nav ul li.logo span span:before{display:none;}

header nav.minwidth{display:none;}
nav.minwidth{width:43px;height:34px;background:url(images/mobile/mobile-menu.png) no-repeat 0 0;position:absolute;top:40px;right:40px;cursor:pointer;}
body.black-color nav.minwidth{background-position:0 100%;}
nav.minwidth ul{display:none;position:absolute;top:40px;right:0;width:210px !important;height:100%;overflow:auto;float:none;}
nav.minwidth ul li{float:none;width:100%;height:auto !important;width:100% !important;margin:0;padding:2px 0 0 0;position:relative;}
nav.minwidth ul li span{display:block !important;width:100% !important;height:auto !important;background:#fff;color:#000;margin:0;padding:0;font-size:12px !important;padding:10px;}
nav.minwidth ul li span:before{display:none !important;}
nav.minwidth ul li span:after{content:' ';display:block;width:15px;height:19px;background:url(images/mobile/next.png) no-repeat 0 100%;background-size:100%;position:absolute;top:10px;right:10px;}
nav.minwidth ul li.active span{background:#ccc !important;}
body.black-color nav.minwidth ul li span{color:#fff;background:#000;}
body.black-color nav.minwidth ul li span:after{background-position:0 0;}
/* --------------------------------- */
/* Swiper
/* --------------------------------- */
.swiper-slide
{

}
.swiper-container{width:100%;height:100%;}
.swiper-slide.pic-bg,body.pic-bg{background-position:center;background-size:cover;background-repeat:no-repeat;}
.swiper-slide.white-bg,body.white-bg{background-color:#fff;}
.swiper-slide.black-bg,body.black-bg{background-color:#000;}
.swiper-slide.gray-bg,body.gray-bg{background-color:#666469;}
.swiper-slide.lightgray-bg,body.lightgray-bg{background-color:#A6A8AB;}
.swiper-button-next,.swiper-button-prev{background:none;width:70px;height:75px;margin-top:-38px;text-align:center;text-transform:uppercase;font-size:14px;font-weight:bold;letter-spacing:3px;transition:left 0.2s linear,right 0.2s linear;}
.swiper-button-next{right:20px;}
.swiper-button-prev{left:20px;}
.swiper-button-next:hover{right:15px;}
.swiper-button-prev:hover{left:15px;}
.swiper-button-disabled{display:none !important;}
.swiper-button-next span,.swiper-button-prev span{display:block;width:27px;height:42px;margin:0 auto 8px;}
.swiper-button-next span{background:url(images/page-nav-arrows.png) no-repeat 100% 0;}
.swiper-button-prev span{background:url(images/page-nav-arrows.png) no-repeat 0 0;}
body.black-color .swiper-button-next span{background-position:100% 100%;}
body.black-color .swiper-button-prev span{background-position:0 100%;}
/* --------------------------------- */
/* Content
/* --------------------------------- */
.page-clean{width:70%;height:auto;margin:0 auto 0;padding:100px 0 50px 0;}
#promo-video{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:#030913;}
#promo-video video{width:100%;height:100%;display:block;}
#promo-video .video-logo{width:235px;height:282px;background:url(images/logo.gif) no-repeat 0 0;background-size:100%;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);}
.wrapper{width:100%;position:absolute;left:0;}
.page-container
{
	width:70%;
	height:100%;
	margin:0;
	padding:0;
	position:relative;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
        -webkit-transform:translateX(-50%) translateY(-50%);
	/*border:1px solid #fff;*/
	text-align:center;
	opacity:0;
	transition:opacity 0.3s linear;
}
.page-container .center-box{width:auto;height:auto;max-width:100%;max-height:100%;display:inline-block;margin:-3% auto 0;text-align:left;white-space:nowrap;}
.page-title{width:100%;height:auto;}
.page-title h1{display:inline;font-size: 2.000em;font-weight:bold;letter-spacing:3px;margin:0;padding:0;line-height:normal;}
.page-content{width:100%;height:100%;font-size:1.750em;padding:5px 0 20px 0;}
.page-content span strong{font-size: 1.000em;}
.tag{display:block;text-transform:none;float:left;padding:15px 10px;background:#fff;color:#000;font-size: 0.7em;white-space:nowrap;margin:6px 12px 6px 0;}
.tag.mail{padding:3px;}
.tag.button{background:#4a4a4c;padding:3px 10px;margin-top: -20px;}
.tag.button a,.tag.button span{display:inline;color:#fff;}
.managment-box{display:inline-block;max-width:250px;max-height:255px;border:2px solid #A6A8AB !important;position:relative;cursor:pointer;background-position:top center;background-repeat:no-repeat;overflow:hidden;background-size:100%;/*border:1px solid #fff;*/}
.managment-box img{max-height:100%;max-width:100%;margin:0 auto 0;visibility:hidden;display:none;}
.managment-box .name{width:100%;height:50px;padding:0;position:absolute;left:0;bottom:0;opacity:1.0;transition:opacity 0.3s linear;}
.managment-box:hover .name{opacity:1.0;}
.managment-box .name p{display:block;width:100%;height:100%;background:#A6A8AB;color:#fff;font-size:1.050em;font-weight:bold;padding:0;text-align:center;text-transform:uppercase;}
.managment-box .name p b{font-weight:normal;pointer-events: none;}
.managment-popup-wrap{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:990;}
.managment-popup-wrap .popup-content{display:none;width:auto;height:auto;max-height:100%;max-width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);position:relative;box-shadow:#fff 0px 0px 30px;}
.managment-popup-wrap .popup-content img{width:auto;height:auto;max-width:100%;max-height:100%:}
.popup-content{display:none;}
.manage-content{width:38%;height:100%;overflow:auto;color:#000;position:absolute;top:0;right:0;padding:8% 70px 8% 0;font-size:17px;font-weight:normal;}
.manage-content h3{display:block;width:100%;height:auto;padding:0 0 20px 0;font-size:30px;text-transform: uppercase;}
.featherlight-content{box-shadow:#fff 0px 0px 30px;font-size:21px;font-weight:normal;}
.featherlight .featherlight-close-icon{top:30px;right:30px;/* background:transparent url(images/popup-close.jpg) no-repeat 0 0; */font-size:30px;/* overflow:hidden; *//* text-indent:-9999px; */font-weight:bold;line-height:normal;width:30px;height:29px;color: #000;background: transparent;}

.culture-iframe{position:relative;max-width:1234px;}
.culture-iframe .ratio{display:block;width:100%;height:auto;visibility:hidden;}
.culture-iframe iframe{position:absolute;top:0;left:0;width:100%; height:100%;}
.culture-slider{width:auto;height:auto;padding:0;display:block;margin:0;list-style:none;}
.culture-slider .culture-box{display:block;width:auto;height:auto;overflow:hidden;}
.culture-slider .culture-image{width:33.33%;height:auto;padding:7px;float:left;position:relative;overflow:hidden;}
.culture-slider .culture-image img{transition:opacity 0.6s linear;}
.culture-slider .culture-image .hover{opacity:0;position:absolute;top:0;left:0;padding:7px;}
.culture-slider .culture-image:hover .hover{opacity:1.0;}
.culture-slider .culture-image:hover .normal{opacity:0;}
.culture-slider .culture-box img{}

.bx-controls{display:block;width:100%;height:auto;text-align:center;padding:0;position:absolute;bottom:-15px;left:0;}
.bx-controls .bx-pager-item{display:inline-block;width:auto;height:auto;}
.bx-controls .bx-pager-item .bx-pager-link{display:inline-block;width:auto;height:auto;padding:5px;color:#a5a2a2;font-size:40px;font-weight:bold;}
.bx-controls .bx-pager-item .bx-pager-link.active{color:#000;}
/* --------------------------------- */
/* Mobile
/* --------------------------------- */

body.mobile header{width:100%;height:auto;position:fixed;padding:15px 15px 0 15px;}
body.mobile header .logo{width:51px;height:51px;float:left;background:url(images/mobile/logo.png) no-repeat 0 0;background-size:100%;}
body.mobile.black-color header .logo{background-position:0 100%;}
body.mobile header .top-title{display:inline-block;width:auto;height:auto;padding:0 10px 0 10px;font-size:13px;font-weight:bold;}
body.mobile nav{width:43px;height:34px;background:url(images/mobile/mobile-menu.png) no-repeat 0 0;position:absolute;top:15px;right:15px;cursor:pointer;}
body.mobile.black-color nav{background-position:0 100%;}
body.mobile nav ul{display:none;position:absolute;top:40px;right:0;width:210px !important;height:100%;overflow:auto;float:none;}
body.mobile nav ul li{float:none;width:100%;height:auto !important;width:100% !important;margin:0;padding:2px 0 0 0;position:relative;}
body.mobile nav ul li span{display:block !important;width:100% !important;height:auto !important;background:#fff;color:#000;margin:0;padding:0;font-size:12px !important;padding:10px;}
body.mobile nav ul li span:before{display:none !important;}
body.mobile nav ul li span:after{content:' ';display:block;width:15px;height:19px;background:url(images/mobile/next.png) no-repeat 0 100%;background-size:100%;position:absolute;top:10px;right:10px;}
body.mobile nav ul li.active span{background:#ccc !important;}
body.mobile.black-color nav ul li span{color:#fff;background:#000;}
body.mobile.black-color nav ul li span:after{background-position:0 0;}
body.mobile .promopage{width:100%;height:auto;padding:0 10px 10px 10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
body.mobile .promopage .logo{width:122px;height:123px;background:url(images/mobile/logo.png) no-repeat 0 0;margin:0 auto 0;}
body.mobile .promopage .slogen{width:122px;height:123px;margin:0 auto 0;padding:10px 0 0 0;font-size:19px;letter-spacing:1px;}

body.mobile .page-container
{
	width:90%;
}
body.mobile .page-title{width:100%;height:auto;text-align:left;}
body.mobile .page-title h1{display:inline;font-size:1.150em;font-weight:bold;letter-spacing:1px;margin:0;padding:0;text-align:left;}
body.mobile .page-content{width:100%;height:auto;font-size:0.900em;padding:10px 0 10px 0;text-align:left;}
body.mobile .tag{padding:8px;margin:2px 4px 2px 0;font-size:0.7em;}
body.mobile .tag.mail{padding:3px 10px;}
body.mobile .tag.button{background:#f26b67;padding:3px;}
body.mobile .tag.button a,.tag.button span{display:inline;color:#fff;}
body.mobile .swiper-button-next,body.mobile .swiper-button-prev{width:100%;height:28px;margin:0;text-align:left;font-size:14px;letter-spacing:1px;transition:none;position:fixed !important;top:auto;left:auto;right:auto;bottom:20px;}
body.mobile .swiper-button-next{right:auto;}
body.mobile .swiper-button-prev{left:auto;}
body.mobile .swiper-button-next:hover{right:auto;}
body.mobile .swiper-button-prev:hover{left:auto;}
body.mobile .swiper-button-disabled{display:none !important;}
body.mobile .swiper-button-next span,body.mobile .swiper-button-prev span{width:80px;height:28px;margin:0 auto 0;line-height:28px;}
body.mobile .swiper-button-next span{background:url(images/mobile/next.png) no-repeat 100% 0;}
body.mobile .swiper-button-prev span{background:url(images/mobile/next.png) no-repeat 0 0;}
body.mobile.black-color .swiper-button-next span{background-position:100% 100%;}
body.mobile.black-color .swiper-button-prev span{background-position:0 100%;}
@keyframes bounce{
	0%, 20%, 50%, 80%, 100%{
		transform: translateY(0);
	}
	40%{
		transform: translateY(-20px);
	}
	60%{
		transform: translateY(-10px);
	}
}
body.mobile .swiper-button-next-v{width:100%;height:28px;margin:0;position:fixed !important;top:auto;left:auto;right:auto;bottom:15px;z-index:999;animation: bounce 2s infinite;}
body.mobile .swiper-button-disabled{display:none !important;}
body.mobile .swiper-button-next-v span{display:block;width:29px;height:28px;margin:0 auto 0;background:url(images/mobile/arrow-down.png) no-repeat 0 0;}
body.mobile .wrapper.managment{display:block;}
body.mobile .managment-name{position:relative;width:100%;height:auto;padding:0 20px 0 0;font-size: 14px;letter-spacing:1px;text-align:left;}
body.mobile .managment-name span{display:inline-block;cursor:pointer;width:50px;height:50px;background:url(images/mobile/plus-black.png) no-repeat 50% 50%;vertical-align:middle;position:absolute;top: -15px;right: 0;}

body.mobile .managment-slide .textFitAlignVert{    height: auto !important;}

body.mobile .managment-slide .textFitAlignVert .managment-name{color:#000000;padding-right: 80px;}
body.mobile .managment-popup-wrap{display:none;width:100%;height:100%;position:absolute;top:0;left:0;background:#fff;z-index:999;opacity:0.9;}
body.mobile .managment-popup-wrap .popup-content{display:none;width:100%;height:auto;position:absolute;top:0;left:0;transform:none;position:relative;box-shadow:none;color:#000;padding:100px 15px 0 15px;font-size:15px;}
body.mobile .managment-popup-wrap .popup-content .bg{display:none;}
body.mobile .featherlight-content{box-shadow:none;}
body.mobile .featherlight .featherlight-content{overflow:auto;padding:80px 30px 10px 10px;opacity:0.9;font-size:14px;margin:0;width:100% !important;height:100% !important;}
body.mobile .featherlight{background:none !important;padding:0 !important;}
body.mobile .culture-slide{}
body.mobile .culture-content{width:90%;height:130px;overflow:auto;font-size:12px;background:#fff;color:#000;padding:10px;position:absolute;bottom:50px;left:50%;transform:translateX(-50%);}
body.mobile .featherlight .featherlight-close-icon{background:url(images/mobile/popup-close.png) no-repeat 50% 50%;width:50px;height:50px;top:60px;}


#landscape-mobile {
    color: black;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-height: 12%;
    max-width: 50%;
    text-align: center;
    text-transform: uppercase;
    display: none;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .swiper-container {
        opacity: 0;
    }

    #landscape-mobile {
        display: block;
        width: 100%;
        max-width: 100%;
        max-height: 100%;
	position: fixed;
    }
    #landscape-mobile img {
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 9999999999999;
    }
	
}

@media screen and (orientation: portrait) {
    .swiper-container {
        opacity: 1;
    }

    #landscape-mobile {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .backtojobs a
	{
    font-size: 1em !important;
	}
}
#wpjb-upload-limit-file,.wpjb-item-actions
{
display:none;
}
body .wpjb .wpjb-icon-64:before {
    font-size: 64px;
    line-height: 64px;
	opacity:1;
}

body .wpjb .wpjb-top-header {
    clear: both;
    overflow: hidden;
    background: #f9f9f9;
    color: #000;
    padding: 1em 0 1em 0;
    margin: 1.5em 0 1.5em 0;
}

body .wpjb .wpjb-top-header-content {
    float: left;
    padding: 0 0 0 6px;
    margin: 0;
    width: calc( 100% - 79px );
    margin: 0 0 0 15px;
}
body .wpjb .wpjb-form div label.wpjb-label {

    font-size: 16px;
	font-weight: normal;
}
.shareHeader a.suggestEmployee {
    font-size: 16px;
    color: #000 !important;
    font-weight: bold;
    text-transform: uppercase;
}