@import url(//fonts.googleapis.com/earlyaccess/opensanshebrew.css);

html{width:100%;height:100%;}
body {width:100%;height:100%;padding:0px;margin:0px 0px 0px 0px;background-color:#ffffff;direction: ltr;overflow:auto;}

/*GENERAL*/

div.dir{float:right;}
div.dir-op{float:left;}
div.thecontainer{width:100%;height:100%;padding-bottom:0px;text-align:center;text-align:right;}
div.grid{margin:auto;width:1200px;float:none;text-align:right;max-width:  100%;}
div.full-div{width:100%;float:right;height:  auto;}
.padd-b-5{padding-bottom: 5%;}
.padd-t-20{padding-top: 20%;}

div.halth-div{width:50%;float: left;} /*full on mobile*/
div.third-div{width: 16.333333%;float:left;margin-left:  10%;} /*full on mobile*/
div.qrtr-div{width:25%;float: left;} /*full on mobile*/
div.three-qrtr-div{width:75.333333%;float:right;} /*full on mobile*/
div.pad-sides-10{padding:10px 10px 10px 10px ;float:right;}
div.pad-sides-20{padding:20px 20px 20px 20px ;float:right;}

.hide-mobile{display:block;}
.hide-desktop{display:none;}
a.a-expand-link{display:block;height:100%;width:100%;text-decoration: none;}
.font-heb{font-family: tahoma;}
.base-text {font-family: 'Open Sans'; font-size:20px; color:#353536;line-height:22px;}
.font-title {font-family: 'Open Sans'; }
.font-title-bold{font-family: 'Open Sans'; }

h1 {font-family: 'Open Sans';color:#584d49;margin-top: 0px;line-height: 65px;margin-bottom: 6px;font-weight:800;font-size:55px;}
h2 {font-family: 'Open Sans';color:#584d49;margin-top: 0px;margin-bottom: 0px;font-weight: 700;font-size:24px;}
h3 {font-family: 'Open Sans';color:#584d49;margin-top: 0px;margin-bottom: 4px;font-weight: 600;font-size:22px;}
.main-content-wrapper {padding-top:  5%;width:  100%;float:  right;padding-bottom:  5%;}
.thanks-content-wrapper {padding-top:  5%;width:  100%;float:  right;padding-bottom:  5%;min-height: 500px;}
.responsive-img{max-width: 100%;height: auto;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}
/*FORM FIELDS*/
.general-field{width:100%;height:22px;border:1px solid #b7b3b2; color:#fcfcfc;border-radius:8px;padding-right:4px;
				font-size:16px;line-height:16px;}
		
.genral-button{width:100%;height: 40px;color:#ffffff;font-size: 22px;border:0px solid;background-color: #1ea0ad;-webkit-appearance:none;box-sizing: border-box;transition:  all .4s ease;}
.genral-button:hover{transition: all .4s ease;opacity:  0.64;}				
.form-field{width: 100%;height:39px;border: 1px solid #b2b2b2;color:#72716f;padding-right:5%;padding-left:5%;font-size:14px;line-height:16px;box-sizing: border-box;}	
.form-field-message{width: 100%;height:106px;color:#72716f;background-color: white;padding-right:5%;padding-left:5%;padding-top:8px;font-size:16px;line-height:16px;border: 1px solid #b2b2b2;box-sizing: border-box;}					

/*HEADER*/
div.header{width:100%;height: 85px;float:right;padding-top: 1%;}
div.header-mobile-menu-btn{display:none;}
div.header-mobile-menu-btn-closer{display:none;}
div.header-btn-lang{float:left;margin-right:4px;}


/* MENU*/

div.header-menu{width:100%;height:40px;float:right;display:inline;background-repeat:repeat-x;background-position:top left;}		
div.header-menu-tab{width: 105px;height:31px;padding-top:8px;padding-right: 15px;padding-left: 15px;float: left;text-align: left;transition:  all .4s ease;}	
div.header-menu-tab-on{}			
.header-menu-tab:hover {font-weight: bold;transition:  all .4s ease;}


/*SUB MENU*/
div.sub-menu-container{width:160px;min-height:600px;float:right;margin-left:10px;}	
div.sub-menu{width:180px;background-color:#f3f3f3;border-radius: 8px;margin-top:2px;margin-right:2px;float:right;}	
div.sub-menu-row{width:90%;padding-right:10%;min-height:50px;float:right;background-color:#dad1c8;margin-bottom:4px;}
div.sub-menu-row:hover{background-color:#c0b9a9;}
div.sub-menu-row-on{width:90%;padding-right:10%;min-height:50px;float:right;background-color:#584d49;margin-bottom:4px;}
div.sub-menu-row-title{width:100%;height:50px;float:right;}
div.sub-menu-row-title-inner{float:right;padding-right:10px;padding-top:20px;}		

div.menu-text-holder-arr{padding-top:14px;margin-right:10px;margin-left:6px;float:right;}
div.menu-text-holder{padding-top:12px;float:right;padding-bottom:12px;padding-left:10px;}


/*MOBILE SUB MENU*/
div.mobile-sub-menu-curr{width:100%;height:36px;background-image:url('../images/bg-blue-transparent.png');background-repeat:repeat;
					border-bottom:1px solid #ffffff;}
div.mobile-submenu-text{padding-right:12px;float:right;padding-top:6px;}
div.mobile-sub-menu-pop-menu{width:100%;float:right;overflow:auto;position:absolute;top:37px;right:0px;z-index:10;display:none;
					background-image:url('../images/bg-blue-transparent.png');background-repeat:repeat;}
div.mobile-sub-menu{width:100%;text-align:right;height:36px;border-bottom:1px solid #ffffff;}			
div.mobile-sub-menu:hover{background-color:blue;}	
div.mobile-sub-menu-inner{padding-right:12px;float:right;margin-top:4px;width:90%;}
div.mobile-sub-menu-row{float:right;width:100%;height:36px;border-bottom:1px solid #ffffff;}
div.mobile-submenu-btn{float:left;padding-left:1%;}

/*----header----*/
.header-logo-div { width: 15%;float:  left;padding-left: 1%;}
.header-langs-div {width:  5%;float: right;padding-right:  1%;padding-top:  0.6%;}
.header-menu-div {width: 78%;float:  left;text-align:  left;padding-top: 0.6%;}
.slide-txt {text-align:  center;padding-top: 10%;}
.slide-txt>span { color: white;font-size: 54px;font-weight: bold !important;display: block;line-height: 68px;}
.header-img {height: 195px;text-align: center;}
.header-title {padding-top: 3%;text-transform:  uppercase;}
/*HP */
.hp-title-div {width:  35%;float: left;text-align:  left;}
.hp-text-div {width:  65%;float:  right;text-align:  left;line-height: 30px;}
body > div > div:nth-child(5) > div { padding-top: 2%;}
.full-div.padd-b-5 .inner-slide {height: 750px;}			 

/*----about-----*/
.about-third-div {width: 30%;float: left;text-align:  left;border-bottom: 4px solid #1b9fac;margin-right:  5%;padding-bottom: 1%;}
.about-three-qrtr-div {width: 65%;float: left;text-align: left;}
.about-tamar-txt {padding-top:  2%;}
.about-grey-bg {background:  #f2f2f2; float: right;width:  100%;padding-top:  2%;padding-bottom:  2%;}
.third-div>img {max-width: 170px;}
/*-----services------*/
.services-third-div {width: 25%; float:  left;}
.services-three-qrtr-div {width: 75%;float:  left; text-align:  left;}
.services-txt {padding-top:  2%;}
.services-icon>img {max-width: 70%;}
.services-icon {background: #f2f2f2;max-width:  220px;min-height: 216px;border-top: 4px solid #1ea0ad;text-align:  center;}
.services-icon>img {
    margin-top: 10%;
}
services-icon>img {margin-top: 10%;}
.row-services {width: 100%;float: right;padding-bottom: 2%;}
/*----expertise-----*/
.expertise-item-container {width:  33.333333%;float:  left;text-align:  center;}
.expertise-title {padding-bottom: 2%;min-height:  50px;text-align: center;}
.expertise-icon-wrapper {background:  #f2f2f2;width: 180px;height: 180px;border-radius:  50%;margin: auto;margin-bottom: 10%;}
.expertise-icon {padding-top: 16%;max-width: 65%;}
.expertise-txt {max-width:  85%;text-align: center;margin:  auto;}
/*expertise anim*/
.expertise-target-anim-1,.expertise-target-anim-2,.expertise-target-anim-3{opacity: 0; transform: translate(0,-20%);}
.expertise-anim-1 { animation: slide-down .6s ease forwards;}
.expertise-anim-2 { animation: slide-down-2 .6s ease forwards .4s;}
.expertise-anim-3 { animation: slide-down-3 .6s ease forwards .8s;}

@keyframes slide-down{
    to{
       transform: translate(0,0);
        opacity: 1;
    }
}
@keyframes slide-down-2{
    to{
       transform: translate(0,0);
        opacity: 1;
    }
}
@keyframes slide-down-3{
    to{
       transform: translate(0,0);
        opacity: 1;
    }
}

/*---clients------*/
.clients-grid{width: 1100px;margin: auto;float:none;max-width:  100%;}
.clients-logo {max-width: 200px;height: auto;}
.clients-logo-container {width: 22.2%;float:  left;background: #d9d9d9;text-align:  center;height: 160px;margin-right: 1.4%;margin-bottom:  2.8%;margin-left: 1.4%;transition: all .4s ease;}
.clients-pls-grid{width: 800px;max-width: 100%;margin: auto;height: 550px;}
.clients-pls-person-container {width:  25%;float:  left;text-align:  center;height: 100%;}
.clients-pls-person-txt-container {width: 65%;float: right;text-align:  left;height: 70%;padding:  2.5%;background: #eeeeee;margin-top: 3%;border-radius:  10px;position:  relative;}
.clients-pls-person-info {font-size:  14px;text-align:  center;font-weight: 600;}
.clients-pls-txt {font-size: 16px;text-align:  justify;}
.pls-person-img{max-width: 150px;height: auto;border-radius:  50%;}
.clients-pls-triangle {width: 0;height: 0;border-top: 15px solid transparent;border-right: 20px solid #eeeeee; border-bottom: 15px solid transparent;position: absolute;top: 20%;left: -20px;}
/*---our work------*/
.our-work-grid{width: 1320px;margin: auto;float:none;max-width:  100%;min-height: auto;height:  auto;}
.our-work-logo {max-width: 160px;height: auto;}
.our-work-logo-container {width: 22.2%;float:  left;background: #e4e4e4;text-align:  center;height: 300px;margin-right: 1.4%;margin-bottom:  2.8%;margin-left: 1.4%;transition:  all .4s ease;}
.press-coverage-logo-container {width: 22.2%;float:  left;background: #d9d9d9;text-align:  center;height: 300px;margin-right: 1.4%;margin-bottom:  2.8%;margin-left: 1.4%;transition: all .4s ease;}
.our-work-logo-container:hover,.press-coverage-logo-container:hover {transition: all .4s ease;opacity: 0.64;}
.coverage-title {padding-bottom: 7.8%;}
.our-work-title,.our-work-sub-title {max-width: 90%;margin: auto;line-height:  100%;margin-bottom: 5%;font-family: 'Open Sans Hebrew', sans-serif;}
.our-work-logo-wrapper-table{width: 100%;height: 100px;}
/*------contact-------*/
.contact-third-div {width: 30%;float:  right;height: 350px;}
.contact-qrtr-div{width: 25%;float: right;text-align:  left;}
.contact-third-div2 {width:  35%;float:  left;}
.conatct-title,.address-title {padding-bottom: 3%;text-align:  left;text-transform:  uppercase; border-bottom: 4px solid #1ea0ad;max-width: 60%; margin-bottom:  5%;}
.contact-qrtr-div>p {font-size: 18px;}
/*----animation txt header-----*/
.header-title.c-white,.slide-txt {
    transform: translate(0,-100%);
    opacity: 0;
    animation: header-slide-down .8s cubic-bezier(0, 0, 0.2, 1) forwards;
}

@keyframes header-slide-down {
    to{
       transform: translate(0,0);
       opacity: 1;
  
    }
}

/*INNER PAGE*/
div.inner-page-top{width:100%;height:120px;float:right;}
				 
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*---------------------MODULES-----------------*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*CONTACT FORM*/
div.contact-form{width:100%;float:right;padding-bottom: 4%;}
div.contact-form-field-container{width:100%;float:right;margin-bottom:8px;}
div.contact-form-submit{text-align:left;float: right;width: 140px;}


/*footer*/
div.footer{width:100%;height: 80px;float:right;text-align:right;background-color: #747474;padding-top:20px;border-bottom: 10px solid #3a3b3c;}
div.footer-menu-tab{min-width:30px;height:24px;padding-top:2px;padding-right:15px;padding-left:15px;float: left;}
div.footer-accessebility-menu-tab{min-width:30px;height:24px;padding-top:2px;padding-right:15px;padding-left:15px;float: right;}	
.linked-in {transition:  all .4s ease;cursor: pointer;margin-bottom: 2%;margin-left: 10%;}	
.footer-linked {width: 17%;float: left;text-align:  left;padding-left:  1%;}
.footer-credits-n-access {width: 23%;float:  left;padding-top: 1%;}
.footer-menu {width: 59%;float: left;padding-top: 1%;}
.footer-menu-wrapper .footer-menu-tab {float: left;}
.footer-credit.c-white>span {margin-top: 1%; display: inline-block;}
.linked-in:hover {opacity: 0.64;transition: all .4s ease;}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*laptop & small Screens!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 1681px) {

}

@media (max-width: 1366px) {
    div.grid {width: 1100px;}
    .main-content-wrapper {padding-top: 5%;padding-bottom: 6%;}
    /*---header-----*/
    div.header { height: 65px;padding-top: 0.5%;}
    .header-menu-tab.hand .s-18 {font-size: 14px;}
    h1 {font-size: 35px;line-height: 35px;}
    h2 {font-size: 24px;}
    h3 {font-size: 16px;line-height: 20px;}
    div.header-menu-tab {width: 90px;}
    .header-menu-div {width: 70%;}
    .header-langs-div {width: 10%;}
    .dir.pad-6.s-12.hide-mobile .s-16 {font-size:  12px;}
    .dir.pad-6.s-12.hide-mobile .s-18 { font-size:  14px;}
    .logo-header {max-width: 100px;padding-top: 10%;}
    .header-img {height: 150px;background-position: 30% 100%;}
    .header-title {font-size: 35px;}
    /*-----hp-----*/
    .slide-txt { padding-top: 8%;}
    .hp-text-div {line-height: 25px;}
    div.pls-conatiner,div.inner-slide,div.cycle-slideshow {height: 420px !important;}
    /*-----services------*/
    .services-icon { max-width: 70%;min-height: 210px;}
    /*-----expertise-----*/
    .expertise-icon-wrapper {width: 180px;height: 180px;margin: auto;margin-bottom: 5%;}
    .expertise-icon { max-width: 60%; padding-top: 18%;}
    h2.expertise-title {min-height: 30px;}
    /*------our-work-----*/
    .our-work-grid,.clients-grid { width: 1100px;}
    .our-work-logo,.clients-logo {max-width: 200px;}
    .our-work-logo-container,.press-coverage-logo-container {height: 220px;}
    .coverage-title { padding-bottom: 5.8%;}
    
    /*---contact-----*/
    .form-field {font-size: 10px;}
    .base-text {font-size: 14px;}
    .form-field { font-size: 10px;}
    .form-field-message { font-size: 12px;}
    .genral-button {height: 35px;font-size: 16px;}
    div.contact-form-submit {width: 110px;}
    .footer-menu {width: 53%;}
    .footer-credits-n-access {width: 31%;}
    /*-----footer-----*/
    .footer-linked {width: 15%;}
    .thanks-content-wrapper {min-height: 260px;line-height:  100%;max-width:  90%;margin:  auto;float:  none;padding-top: 20vw;}
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*smaller screens !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 1280px) {
    .footer-credits-n-access {width: 49%;float: right;}
    .footer-linked { width: 49%;float: left;}
    .hide-footer-menu{display: none;}
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*tablet classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 1024px) {
    div.grid { width: 900px;}
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*mobile classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 768px) {
    .hide-mobile{display:none;}
    .hide-desktop{display:block;}
    h2 {font-size: 24px;}
    div.header-menu-tab {text-align: left;}
    div.grid{margin:auto;width:90%;margin-right:5%;margin-left:5%;overflow: hidden;float:none;text-align:right;}
    /*HEADER*/
    div.header-mobile-menu-btn{display:inline;margin-top:20px;float:right;}
    div.header-mobile-menu-btn-closer{display:inline;margin-top:20px;float:right;float:left;margin-left: 9%;}
    div.header-menu{
                    display:none;
                    width: 100%;
                    height:100%;
                    overflow:auto;
                    position:fixed;
                    top:0px;
                    right:0px;
                    z-index:1000;
                    overflow-x:hidden;
                    background: rgba(31, 160, 173, 0.85);
                    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.70);
                    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.70);
                    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.70);
                    }

    /*MENU*/

    div.header-menu-tab{min-width:80%;height: 41px;padding-top:8px;padding-right:10%;padding-left:10%;float:right;border-bottom:  1px solid white;}		
    .header-menu-tab.hand>a {font-size: 20px;}
    div.header-menu-tab a{color:#ffffff;}
    .footer-linked {width: 80%;padding-left: 15%;}
    .hp-title-div { width: 100%;text-align: center;margin-bottom: 5%;}
    .hp-text-div { width: 100%;text-align: center;}
    /*-----hp-----*/
    .expertise-item-container { width: 100%;margin-top: 2%;}
    div.pls-conatiner, div.inner-slide, div.cycle-slideshow {height: 300px !important;}
    .about-third-div {width: 100%;text-align: center; margin-right: 3%;margin-bottom: 3%;}
    .about-three-qrtr-div,div.third-div {width: 100%;text-align: left;margin: 0;}
    div.third-div { width: 100%; margin: auto;float: right;}
    .header-title { padding-top: 15%;}
    /*----services---*/
    .row-services {padding-bottom: 5%;}
    .services-icon {max-width: 80%;min-height: auto;}
    .clients-logo-container,.our-work-logo-container,.press-coverage-logo-container { width: 47.2%;}
    .clients-pls-person-txt-container,.clients-pls-person-container{width: 90%;float: none;margin: auto;height:  auto;}
    /*-----contact------*/
    .contact-third-div { width: 90%;margin: auto;float: none; margin-top: 5%;}
    .contact-third-div2,.contact-qrtr-div { width: 90%;float: none; margin: auto;}
    .conatct-title, .address-title { max-width: 40%;}
    .expertise-icon-wrapper {width: 130px;height: 130px;margin:  auto;margin-top:  5%;margin-bottom:  5%;}
    div.cycle-slideshow3,.clients-pls-grid {height: 650px !important;}
    div.pls-conatiner3{height: 600px !important;}
    .clients-pls-person-info {margin-bottom: 5%;}
    .clients-pls-triangle {position: absolute; top: -30px;left: 70px; width: 0px; height: 0px;border-left: 15px solid transparent;border-right: 15px solid transparent; border-bottom: 15px solid #eeeeee;}
    .our-work-logo, .clients-logo {max-width: 170px;}
    h2.s-40.c-white.text-center.padd-t-20 {font-size: 30px;max-width: 84%; margin: auto;line-height: 100%;margin-top: 13%;}
}