/*
Theme name: Stratigo
Description: Stratigo theme on Wordpress
Version: 1.0
Author: eoi.co.il

All css files are placed in /assets/css/ folder
*/



/*--------------------------------------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
@import 'https://fonts.googleapis.com/css?family=Secular+One&subset=hebrew';
@import url('https://fonts.googleapis.com/css?family=Heebo');
*,
*:before,
*:after {
    box-sizing: border-box;
}


/*--------------------------------------------------------------------------------------------------------------*/

html {
    float: left;
    
    margin: 0px;
    padding: 0px;
}

body {
    float: left;
	    
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #262626;
    font-weight: 400;
    margin: 0px;
    padding: 0px;
    /*background:#f3f3f3;*/
    text-align: center;
}
body:lang(he) {
    font-family: 'heebo', sans-serif;
}
input,
button,
select,
textarea {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

a {
    color: #83b441;
    text-decoration: none;
    outline: none;
    border: none;
}
.blog-contain{
    margin-bottom: 60px;
}
.blog-description a, .blog-contain a {
    color: #83b441;
    text-decoration: none;
    outline: none;
    border: none;
}

ul.list-inline.lang li a {
    font-family: 'Secular One', sans-serif;
}
ul.list-inline.lang li a:lang(he) {
    font-family: 'Heebo', sans-serif;
}
.menu-hebrew-main-menu-container,
.menu-english-main-menu-container {
    display: table-cell;
    vertical-align: middle;
}

#toggle-navigation {
    width: 32px;
    position: relative;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    margin: auto;
    height: 70px;
    z-index: 2;
    display: table-cell;
    vertical-align: middle;
}

#toggle-navigation span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #000000;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#toggle-navigation.open:hover span {
    background: #3198a7
}

#toggle-navigation span:nth-child(1) {
    top: 25px;
    background: #83b441 !important;
}

#toggle-navigation span:nth-child(2) {
    top: 33px;
    background: #b2d234 !important;
}

#toggle-navigation span:nth-child(3) {
    top: 41px;
    width: 50%;
    right: 0;
    left: auto;
    background: #83b441 !important;
}

#toggle-navigation:hover span:nth-child(3) {
    width: 100%;
}

#toggle-navigation.open span:nth-child(3) {
    top: 41px;
    width: 100%;
    right: 0;
    left: auto;
}

.list-inline.lang li:last-child {
    border-left: 2px solid #fff;
}

.list-inline.lang li:last-child a {
    font-size: 19px !important
}

#toggle-navigation.open span {
    background: #fff !important
}

#toggle-navigation.open span:nth-child(1) {
    top: 33px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

#toggle-navigation.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

#toggle-navigation.open span:nth-child(3) {
    top: 33px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

img {
    vertical-align: middle;
    border: none;
}

ul,
li,
ol {
    padding: 0px;
    margin: 0px;
}

input.text,
textarea.text {
    float: left;
    width: 100%;
    height: 50px;
    padding: 0px 15px;
    border: 1px solid #949494;
    border-radius: 4px;
    background-color: #fff;
    font-size: 28px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

a.btn-close,
a.close {
    float: left;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 20px;
    top: 20px;
    background: url(images/btn-close.png) no-repeat;
    overflow: hidden;
}

a.close {
    background: url(images/btn-close-black.png) no-repeat;
    line-height: 100px;
    right: 5px;
    top: 5px;
}


/*--------------------------------------------------------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    line-height: 1.1;
    color: #262626;
    margin: 0px 0px 15px;
}

h1 {
    font-size: 50px;
}

h2 {
    font-size: 45px;
}

h3 {
    font-size: 35px;
}

h4 {
    font-size: 30px;
}

h5 {
    font-size: 25px;
}

h6 {
    font-size: 20px;
}

p {
    margin: 0 0 10px;
    font-family: 'Open Sans';
}


/*--------------------------------------------------------------------------------------------------------------*/

input.button,
a.button {
    display: inline-block;
    height: 50px;
    line-height: 46px;
    color: #fff;
    font-size: 28px;
    border-radius: 4px!important;
    background: #83b441;
    border: none;
    padding: 0px 15px;
    font-weight: 300;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-border-radius: 4!important;
}

.input-btn {
    display: inline-block;
    height: 50px;
    line-height: 46px;
    color: #fff;
    font-size: 28px;
    border-radius: 4px!important;
    background: #83b441;
    border: none;
    padding: 0px 20px;
    font-weight: 300;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-border-radius: 4!important;
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.input-btn:hover {
    display: inline-block;
    height: 50px;
    line-height: 46px;
    color: #fff;
    font-size: 28px;
    border-radius: 4px!important;
    background: #609814;
    border: none;
    padding: 0px 20px;
    font-weight: 300;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-border-radius: 4!important;
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}


/*--------------------------------------------------------------------------------------------------------------*/

body.home div.headder {
    background: none;
}

div.headder {
    float: none;
    text-align: right;
    width: 100%;
    padding: 30px 60px;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 10;
    background: #f3f3f3;
    -webkit-transition: height 0.4s ease-out 0s;
    transition: height 0.4s ease-out 0s;
}

div.headder a.logo {
    float: none;
    width: 52px;
    height: 100px;
    background: url(images/logo-white.png) no-repeat center;
    position: absolute;
    top: 15px;
    left: 60px;
}


/*--------------------------------------------------------------------------------------------------------------*/

a.device-menu {
    float: left;
    width: 30px;
    height: 26px;
    background: url(images/icon-device-menu.png) no-repeat center;
    position: absolute;
    right: 20px;
    top: 34px;
    display: none;
}

div.nav-popup {
    float: left;
    width: 100%;
    height: 100%;
    background: rgba(131, 180, 65, 0.9);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10;
    display: none;
}

.toggle-navigation.open span {
    background: #fff !important;
}

div.nav-popup ul.nav {
    float: left;
    width: 100%;
    position: relative;
    top: 30%;
    margin-top: -144px;
}

div.nav-popup ul.nav li:first-child {
    margin-top: 0;
}

div.nav-popup ul.nav li {
    float: none;
    width: auto;
    margin-top: 45px;
    list-style-type: none;
    display: block;
}

div.nav-popup ul.nav li a {
    float: none;
    width: 100%;
    line-height: 1;
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}

div.nav-popup ul.nav li a:hover {
    background: none;
    color: #a1db54;
    text-decoration: none;
}


/*--------------------------------------------------------------------------------------------------------------*/

ul.main-nav {
    float: none;
    margin: 0;
    display: table;
    margin-left: auto;
    direction: rtl;
}

ul.lang li a {
    font-size: 24px !important;
    padding: 0 15px;
}

.list-inline>li {
    display: inline-block !important;
    padding: 0 5px;
    margin-top: 0 !important;
}

.social-title {
    font-size: 24px;
    color: #fff;
    margin-bottom: 20px;
}

.social-icons a i {
    font-size: 18px;
    color: #83b441;
}

.social-icons li {
    background: #fff;
    padding: 5px 7px;
    border-radius: 100%;
    margin: 0 2px;
}

.social-icons li:nth-child(2) {
    padding: 5px 11px;
}


div.headder.green-bg #toggle-navigation span {
    background: #fff !important;
}

ul.main-nav li {
    float: none;
    list-style-type: none;
    margin: 0px 10px;
    display: inline-block;
    line-height: 1;
}

ul.main-nav li a {
    float: left;
    list-style-type: none;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
    color: #232323;
}

div.ctrl {
    z-index: 9 !important;
}


/*--------------------------------------------------------------------------------------------------------------*/

div.headder.green-bg {
    background: rgba(131, 180, 65, 0.9) !important;
    height: 69px;
    -webkit-transition: height 0.4s ease-out 0s;
    transition: height 0.4s ease-out 0s;
    padding: 0px 60px;
}

div.headder.green-bg a.logo {
    background: url(images/glogo.png) no-repeat center !important;
    height: 49px;
}


/*
div.headder.green-bg ul.main-nav {
    margin: 8px 0 0;
}
*/

div.headder.green-bg ul.main-nav li a {
    color: #fff;
}

ul.main-nav li a:hover, .rtl ul.main-nav li a:hover {
    text-decoration: none;
}


/*--------------------------------------------------------------------------------------------------------------*/

div.select-field {
    display: inline-block;
    width: 280px;
    height: 50px;
    line-height: 50px;
    padding: 0px;
    position: relative;
    font-size: 11px;
    background: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


/*div.select-field select{width:100%; height:48px; line-height:1; padding:0.3em 15px; float:left; outline:none; display:inline-block; border:0; background:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; color:#fff; font-family:'Open Sans', sans-serif; font-size:15px;}

div.select-field select option{background:#262626; height:48px;  color:#fff; padding:12px 10px; cursor:pointer;}

div.select-field select option:hover{ background-color:#fff; color:#707070;}

div.select-field:after{color:#fff; right:13px; top:5px; padding:0 0 2px; position:absolute; pointer-events:none;}

div.select-field:before{content:''; right:0px; top:0px; width:50px; height:48px; background:url(images/select-arrow.png) no-repeat center #262626; position:absolute; pointer-events:none; display:block;}



div.select-field.green{background:#8EBA52; border:1px solid #8EBA52;}

div.select-field.green:before {background-color:#8EBA52;}*/


/*--------------------------------------------------------------------------------------------------------------*/

div.home-spotlight {
    float: left;
    width: 100%;
    height: 633px;
    position: relative;
    position: relative;
}


/*-------------------------------------------------*/

div.sliderBox {
    float: left;
    position: absolute;
    width: 250px;
    height: 280px;
    right: 50px;
    bottom: 60px;
}

div.slider-wrap {
    position: absolute;
    left: 0px;
    top: 0px;
    float: left;
    width: 200px;
    height: 100%;
    overflow: hidden;
}

ul.slider-items {
    position: absolute;
    left: 0px;
    top: 0px;
    float: left;
    width: auto;
    height: 100%;
}

ul.slider-items li.item {
    float: left;
    position: relative;
    font-size: 150px;
    line-height: 100%;
    text-align: left;
    color: #fff;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-shadow: 0 0 4px #555;
}

a.slider-next,
a.slider-prev {
    display: none !important;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    z-index: 2;
    font-size: 30px;
    line-height: 30px;
    text-decoration: none;
    color: #000;
    margin-top: -20px;
    overflow: hidden;
}

a.slider-next {
    right: 0px;
    background: url(images/slide-down-arrow.png) no-repeat;
}

a.slider-prev {
    left: 0px;
    background: url(images/slide-top-arrow.png) no-repeat;
}

div.slider-nav {
    float: left;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    text-align: left;
}

div.slider-nav a {
    float: left;
    background: url(images/slide-bull.png) no-repeat 0px 0px;
    width: 8px;
    height: 8px;
    margin-right: 4px;
}

div.slider-nav a.active {
    background-position: 0px bottom;
}


/*-------------------------------------------------*/

ul.slider-items li h1 {
    float: left;
    width: 100%;
    font-size: 69px;
    font-weight: 900;
    line-height: 70px;
    color: #fff;
    text-shadow: 0, 0, 0, #B9B9B9;
}

ul.slider-items li p {
    float: left;
    width: 100%;
    font-size: 22px;
    font-weight: 100;
    line-height: 32px;
    background: url(images/slider-arrow.png) no-repeat right bottom;
    padding-right: 15px;
}


/*-------------------------------------------------*/

div.home-spotlight div.downArrow {
    display: block;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    background: transparent;
    text-align: center;
    border: 0;
    outline: 0;
    z-index: 2;
    color: #bbb;
    -webkit-transition: all 0.2s cubic-bezier(0.7, 0.01, 0.3, 1);
    transition: all 0.2s cubic-bezier(0.7, 0.01, 0.3, 1)
}

div.home-spotlight div.downArrow span {
    width: 64px;
    height: 46px;
    -webkit-transition: top 0.7s cubic-bezier(0.7, 0.01, 0.3, 1);
    transition: top 0.7s cubic-bezier(0.7, 0.01, 0.3, 1);
    display: inline-block;
    font-weight: bold;
    top: -18px;
    background: url(images/down-arrow.png) no-repeat center;
    position: relative;
}

div.home-spotlight div.downArrow:hover {
    background: #83b441
}

div.home-spotlight div.downArrow:hover span {
    top: 0;
    color: #fff
}


/*--------------------------------------------------------------------------------------------------------------*/

div.brand-makers {
    float: left;
    width: 100%;
}

h2.welcome-txt {
    float: left;
    width: 100%;
    height: 375px;
    background: #83b441;
    color: #fff;
    text-align: center;
    font-weight: normal;
    position: absolute;

}

h2.welcome-txt span {
    display: inline-block;
    font-size: 69px;
    font-weight: 100;
    margin: 45px 0px 20px;
    font-family: 'Open Sans';
}

h2.welcome-txt span strong {
    display: inline-block;
    font-weight: 900;
    text-transform: uppercase;
}

h2.welcome-txt p {
    display: inline-block;
    width: 100%;
    font-size: 22px;
    font-weight: 100;
    font-family: 'Open Sans';
}


/*-------------------------------------------------*/

div.brands-wrapp {
    /*display: inline-block;*/
    /* width: 1280px; */
    width: 100%;
    min-height: 600px;
    text-align: left;
    margin-top: -158px;
    background: #fff;
}

div.brands-wrapp.home-page{
    /* margin: 0 auto; */
    margin-top: 230px 0 0;
}

ul.masContainer {
    float: left;
    width: 100%;
}

ul.masContainer li.tile {
    float: left;
    width: 33.32%;
    list-style-type: none;
}

ul.masContainer li.tile a {
    float: left;
    width: 100%;
}

ul.masContainer li.tile a.btn-more {
    width: auto;
    margin-top: 15px;
}

ul.masContainer li.tile a div.img-box {
    float: left;
    width: 100%;
    height: 320px;
    overflow: hidden;
    background: #849c3c;
    position: relative;
}

.home ul.masContainer li.tile a div.img-box {
    height: 422px;
    height: 33vw;
    max-height: 426px;
}

ul.masContainer li.tile a div.img-box img {
    float: left;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 1;
    position: relative;
    object-fit: cover;
    top: 0;
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}

ul.masContainer li.tile a div.img-box:hover img {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    opacity: 0.3;
}

ul.masContainer li.tile span.over-txt {
    float: left;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: left;
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 250px 20px 20px;
    /*transition:transform 0.4s ease 0s;*/
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
    font-size: 36px;
    font-weight: 900;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-family: 'Open Sans';
}

ul.masContainer li.tile:hover span.over-txt {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

ul.masContainer li.tile.text-data {
    /*min-height:340px;*/
    height: 320px;
    padding: 36px;
    color: #262626;
}

ul.masContainer li.tile.text-data h2 {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #707070;
    font-weight: 100;
}

ul.masContainer li.tile.text-data h2 strong {
    display: inline-block;
    color: #83b441;
    font-weight: 700;
    text-transform: uppercase;
}

ul.masContainer li.tile.text-data p {
    float: left;
    width: 100%;
    font-size: 36px;
    font-weight: 900;
    line-height: 45px;
}

ul.masContainer li.tile.text-data:hover,
ul.masContainer li.tile.text-data:hover p,
ul.masContainer li.tile.text-data:hover h2,
ul.masContainer li.tile.text-data:hover h2 strong {
    background: #83b441;
    color: #fff;
}

ul.masContainer li.tile a span.btitle {
    float: left;
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
    margin-top: 0px;
    min-height: 126px;
    border-right: 0.1px solid #83b441;
    border-bottom: 0.5px solid #83b441;
    padding: 0 30px;
    background-color: white;
    width: 100%;
}

ul.masContainer li.tile a span a {
    margin: -30px 0 0 -170px;
    padding-left: 200px;
}

.rtl .page-title h1 {
    float: none;
    text-align: center;
	    font-weight: 500 !important;
}

.rtl .page-title p {
    float: none;
    text-align: center;
}


/*-------------------------------------------------*/

div.form-contact {
    float: left;
    width: 100%;
    background: #272727;
    color: #fff;
}

div.form-contact-inside {
/*    display: inline-block;*/
    width: 776px;
    min-height: 200px;
    text-align: center;
    padding: 70px 0px 30px;
    margin: 0 auto;
}

div.form-contact-inside h3 {
    float: left;
    width: 100%;
    font-size: 43px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

div.form-contact-inside p {
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 100;
    color: #fff;
    margin-top: 15px;
}

.rtl div.form-contact-inside h3 {
    font-size: 48px;
    font-family: 'heebo', sans-serif !important;
}


/*--------------------------------------------------------------------------------------------------------------*/

ul.personal-detail-form {
    display: inline-block;
    width: 680px;
    margin-top: 25px;
}

ul.personal-detail-form li {
    float: left;
    width: 324px;
    margin: 0px 8px 18px;
    list-style-type: none;
}

ul.personal-detail-form li label {
    float: left;
    line-height: 46px;
    font-size: 28px;
}

ul.personal-detail-form li a.chkBox {
    display: inline-block;
    width: 27px;
    height: 26px;
    background: url(images/chkbox.png) no-repeat;
    margin-top: 12px;
    float: right;
}

ul.personal-detail-form li a.chkBox.active {
    background-position: bottom;
}

ul.personal-detail-form li.last {
    width: 100%;
    text-align: center;
    margin: 40px 0px;
}

ul.personal-detail-form li.last input.button {
    width: 210px;
}

p.copy {
    float: left;
    width: 100%;
    font-weight: 100;
    color: #707070;
    font-size: 18px;
    margin: 15px 0px 0px;
}

p.copy br {
    display: none;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.mxoverlay {
    float: left;
    width: 100%;
    height: 100%;
    background: #000;
}

div.loader {
    float: left;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 100;
    background: #83b441 url(images/loader.gif) no-repeat center;
    opacity: 0.7;
    /*filter: alpha(opacity: 70);*/
    display: none;
}


/*--------------------------------------------------------------------------------------------------------------*/

div#fxalert {
    float: left;
    width: 460px;
    position: absolute;
    z-index: 10;
    background: #fff;
    padding: 20px;
    border: 3px solid #83b441;
}

div#fxalert-inside {
    float: left;
    width: 100%;
    padding: 20px 0px;
}

div#fxalert-inside p {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #555;
    text-align: center;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.wrapp-1180 {
    width: 1180px;
    /* width: 1180px; */
    margin: 0 auto;
}

div.centre-hold {
    display: inline-block;
    width: 1280px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.breadcrumb {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #707070;
    margin-bottom: 20px;
}

div.breadcrumb a {
    display: inline-block;
    color: #83b441;
    font-weight: 700;
}

div.breadcrumb span {
    display: inline-block;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.ctrl {
    float: left;
    width: 100%;
    min-height: 90px;
    background: #fff;
    margin-top: 129px;
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}

a.see-all-project {
    float: left;
    height: 30px;
    line-height: 36px;
    color: #707070;
    white-space: nowrap;
    font-size: 14px;
    margin-top: 25px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-radius: 140px;
    -webkit-border-radius: 140px;
    -moz-border-radius: 140px;
    -o-border-radius: 140px;
}

a.see-all-project:hover {
    background-position: 0px bottom;
    color: #000;
}

a.see-all-project i {
    border: 1px solid #707070;
    font-size: 28px;
    height: 34px;
    line-height: 31px;
    margin-right: 7px;
    padding: 0;
    width: 34px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-radius: 140px;
    -webkit-border-radius: 140px;
    -moz-border-radius: 140px;
    -o-border-radius: 140px;
}

a.see-all-project:hover i {
    border: 1px solid #000;
    border-radius: 140px;
}

a.project-count {
    float: right;
    height: 30px;
    line-height: 36px;
    color: #707070;
    white-space: nowrap;
    font-size: 14px;
    margin-top: 25px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-radius: 140px;
    -webkit-border-radius: 140px;
    -moz-border-radius: 140px;
    -o-border-radius: 140px;
}

a.project-count:hover {
    color: #000;
}

a.project-count i {
    border: 1px solid #707070;
    font-size: 28px;
    height: 34px;
    line-height: 22px;
    margin-left: 7px;
    padding: 4px;
    width: 34px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-radius: 140px;
    -webkit-border-radius: 140px;
    -moz-border-radius: 140px;
    -o-border-radius: 140px;
}

a.project-count:hover i {
    border: 1px solid #000;
}

a.project-count1 {
    float: right;
    height: 30px;
    line-height: 36px;
    color: #707070;
    padding-right: 40px;
    white-space: nowrap;
    font-size: 14px;
    margin-top: 25px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-radius: 140px;
    -webkit-border-radius: 140px;
    -moz-border-radius: 140px;
    -o-border-radius: 140px;
}

a.project-count1:hover {
    color: #000;
}

a.project-count1 i {
    border: 1px solid #707070;
    border-radius: 20px;
    font-size: 28px;
    height: 34px;
    line-height: 31px;
    margin-right: 7px;
    padding: 0;
    width: 34px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-radius: 140px;
    -webkit-border-radius: 140px;
    -moz-border-radius: 140px;
    -o-border-radius: 140px;
}

a.project-count1:hover i {
    border: 1px solid #000;
}

a.btn-more {
    float: left;
    height: 22px;
    line-height: 22px;
    color: #707070;
    padding-right: 28px;
    white-space: nowrap;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

a.btn-more i {
    border: 1px solid #707070;
    border-radius: 16px;
    font-size: 24px;
    height: 24px;
    line-height: 22px;
    margin-left: 5px;
    padding: 0;
    width: 24px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

a.btn-more:hover {
    color: #000;
}

a.btn-more:hover i {
    border: 1px solid #000;
}

a.feature-proj {
    float: left;
    height: 30px;
    line-height: 30px;
    color: #707070;
    padding-left: 40px;
    white-space: nowrap;
    font-size: 14px;
    margin-top: 30px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

a.feature-proj i {
    border: 1px solid #707070;
    border-radius: 20px;
    font-size: 15px;
    margin-right: 5px;
    padding: 7px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 31px;
    height: 31px;
}

a.feature-proj:hover {
    color: #000;
}

a.feature-proj:hover i {
    border: 1px solid #000;
}

a.proj-archive {
    float: left;
    height: 30px;
    line-height: 30px;
    color: #707070;
    padding-left: 40px;
    white-space: nowrap;
    font-size: 14px;
    margin: 30px 0px 0px 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

a.proj-archive i {
    border: 1px solid #707070;
    border-radius: 20px;
    font-size: 15px;
    margin-right: 5px;
    padding: 7px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 31px;
    height: 31px;
}

a.proj-archive:hover {
    color: #000;
}

a.proj-archive:hover i {
    border: 1px solid #000;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.multy-search {
    float: left;
    width: 100%;
    padding: 25px 0px;
    position: relative;
    overflow: visible !important;
}

div.multy-search a.close {
    float: left;
    width: 34px;
    height: 35px;
    position: absolute;
    right: -60px;
    top: 32px;
    background: none;
}

div.search-box {
    float: left;
    width: 280px;
    height: 50px;
    position: relative;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #949494;
}

div.search-box input.text {
    float: left;
    width: 100%;
    height: 50px;
    border: none;
    background: none;
    color: #707070;
    font-size: 14px;
    padding: 0px 21px;
}

div.search-box input.magnify {
    float: left;
    width: 40px;
    height: 48px;
    border: none;
    background: url(images/magnify.png) no-repeat center #F3F3F3;
    border: none;
    color: #707070;
    font-size: 14px;
    padding: 0px;
    cursor: pointer;
    position: absolute;
    right: 1px;
}

div.multy-search div.select-field {
    float: left;
    margin-left: 20px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

span.title {
    display: inline-block;
    color: #83b441;
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    line-height: 90px;
    z-index: -1;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.page-title {
    float: left;
    width: 100%;
    padding: 50px 0px;
    padding-top: 101px;
}

.single div.page-title {
    padding-bottom: 30px;
}

div.page-title h1 {
    float: left;
    width: 100%;
    font-size: 70px;
    font-weight: 900;
    margin: 0;
    padding-bottom: 35px;
    text-align: center;
}

div.page-title p {
    float: left;
    width: 100%;
    font-size: 21px;
    font-weight: 700;
    color: #262626;
    letter-spacing: 1px;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 13px;
    text-align: center;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.pratice-fusion {
    float: left;
    width: 100%;
    min-height: 530px;
    background: url(images/bg-practice-fusion.png) repeat-x top;
    position: relative;
    z-index: 1;
    margin-bottom: -85px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.project-data {
    float: left;
    width: 100%;
}

div.project-data div.centre-hold {
    padding-top: 140px;
    padding: 85px 0px 20px;
    background: #FFF;
    text-align: left;
}

div.project-data div.left {
    float: left;
    width: 670px;
}

div.project-data div.left h3 {
    float: left;
    width: 100%;
    font-weight: 900;
    font-size: 36px;
    margin-bottom: 20px;
}

div.project-data div.left p {
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 20px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.project-data div.right {
    float: left;
    width: 330px;
    margin: 0px 0px 0px 110px;
}

div.project-data div.right span {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 5px;
    color: #83b441;
}

div.project-data div.right p {
    float: left;
    width: 100%;
    font-size: 14px;
    margin-bottom: 25px;
    color: #707070;
}

a.btn-watch-case-study {
    /*float: left;*/
    width: 315px;
    height: 51px;
    line-height: 46px;
    text-indent: 60px;
    font-size: 20px;
    border: 1px solid #83b441;
    background: #77a638 url(images/ico_live_pro.jpg) no-repeat 261px center;
    color: #fff;
    border-radius: 5px 5px 5px 5px;
    -webkit-transition: all 0.4s ease-in-out 0s!important;
    transition: all 0.4s ease-in-out 0s!important;
}

a.btn-watch-case-study:hover {
    background: #83b441 url(images/ico_live_pro.jpg) no-repeat 261px center;
    -webkit-transition: all 0.4s ease-in-out 0s!important;
    transition: all 0.4s ease-in-out 0s!important;
    color: #fff;
}

div.social-ico {
    float: left;
    width: 100%;
    margin: 20px 0px;
    color: #000;
}

div.social-ico a {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin: 0px 5px;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    position: relative;
    font-size: 18px;
    /*-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;*/
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

div.social-ico a:hover {
    border: 1px solid #000;
    -webkit-transition: all 0.4s ease-in-out 0s!important;
    transition: all 0.4s ease-in-out 0s!important;
}

div.social-ico a.shreTitle {
    font-size: 14px;
    width: auto;
    height: auto;
    font-weight: 600;
    text-transform: uppercase;
    color: #83b441;
    float: left;
    padding: 10px 0;
}

div.social-ico a.shreTitle:hover {
    border: none;
    -webkit-transition: all 0.4s ease-in-out 0s!important;
    transition: all 0.4s ease-in-out 0s!important;
}

div.social-ico a.fb {
    background: url(images/ico-fb.png) no-repeat center;
    top: 12px;
    -webkit-transition: all 0.4s ease-in-out 0s!important;
    transition: all 0.4s ease-in-out 0s!important;
}

div.social-ico a.tweet {
    background: url(images/ico-tweet.png) no-repeat center;
    top: 12px;
    -webkit-transition: all 0.4s ease-in-out 0s!important;
    transition: all 0.4s ease-in-out 0s!important;
}

div.social-ico a.in {
    background: url(images/ico-in.png) no-repeat center !important;
    top: 12px;
    -webkit-transition: all 0.4s ease-in-out 0s!important;
    transition: all 0.4s ease-in-out 0s!important;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.project-slide1 {
    float: left;
    width: 100%;
    position: relative;
}

div.project-slide1 img {
    width: 100%;
}


/*div.project-slide1 div.prjt-slide1{ width:100%; height:800px; position:relative; left:0px; right:auto; bottom:auto; }

div.project-slide1 div.prjt-slide1 ul.slider-items li.item{ background:#a2bdc6; text-align:center;}

div.project-slide1 a.slider-next, div.project-slide1 a.slider-prev{ display:block !important; right:10%; left:auto; top:50%;}

div.project-slide1 a.slider-next{ margin-top:30px;}*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.project-widget {
    float: left;
    width: 100%;
}

div.project-widget div.centre-hold {
    background: #fff;
    padding: 85px 0px;
}

ul.project-widget-list {
    float: left;
    width: 100%;
}

ul.project-widget-list li {
    float: left;
    width: 310px;
    list-style-type: none;
    text-align: left;
    margin: 0px 30px;
}

ul.project-widget-list li div.icon {
    float: left;
    width: 100%;
    height: 115px;
    background: url(images/wid-1.png) no-repeat center;
    margin-bottom: 56px;
}

ul.project-widget-list li.wid2 div.icon {
    background: url(images/wid-2.png) no-repeat center;
}

ul.project-widget-list li.wid3 div.icon {
    background: url(images/wid-3.png) no-repeat center;
}

ul.project-widget-list li span {
    float: left;
    width: 100%;
    font-size: 22px;
    margin-bottom: 28px;
    font-weight: 900;
}

ul.project-widget-list li p {
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 28px;
}


/*ul.project-widget-list li a.btn-more{ float:left; height:30px; line-height:30px; font-size:14px; color:#707070; background:url(images/arrow-R.png) no-repeat; padding-left:35px;}
*/


/*ul.project-widget-list li a.btn-more:hover{ background-position:0px bottom; color:#000;}*/


/*div.project-widget img.img-project-wid{ display:inline-block; margin-top:85px;}
*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.project-slide2 {
    float: left;
    width: 100%;
    position: relative;
}

div.project-slide2 div.prjt-slide2 {
    width: 100%;
    height: 800px;
    position: relative;
    left: 0px;
    right: auto;
    bottom: auto;
}

div.project-slide2 div.prjt-slide2 ul.slider-items li.item {
    background: #ecf1f5;
    text-align: center;
}

div.project-slide2 a.slider-next,
div.project-slide2 a.slider-prev {
    display: block !important;
    right: 10%;
    left: auto;
    top: 50%;
    background: url(images/slide-top-arrow-gray.png) no-repeat;
}

div.project-slide2 a.slider-next {
    margin-top: 30px;
    background: url(images/slide-down-arrow-gray.png) no-repeat;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.more-project-wrapp {
    float: left;
    width: 100%;
    padding: 145px 0px 98px;
    background-color: #83b441;
    margin: 0 auto;
    text-align: center;
}

div.more-project-wrapp div.wrapp-1180 {
    text-align: left;
}


/*div.more-project-wrapp div.title{float:left; width:60px; font-size:26px; color:#fff; font-weight:bold; margin:200px 130px 0px 100px;}*/

div.more-project-wrapp div.title {
    float: left;
    width: 20%;
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    /* margin: 200px 130px 0px 100px; */
    text-align: center;
}

ul.more-project {
    float: left;
    width: 80%;
}


/*ul.more-project li{float:left;width:30%; background:#fff; list-style-type:none; padding-bottom:20px; margin:0px 20px 0px 0px;}*/

.single ul.more-project li,
.page-template-template-myservices-php ul.more-project li {
    width: calc(33.33% - 20px);
}

.page-template-page-about_us ul.more-project li, .page-template-template-myservices-php ul.more-project li {
    width: calc(33.33% - 20px);
}
#grid.more-project li {
	padding-bottom:0;
}
ul.more-project li {
    float: left;
    background: #fff;
    list-style-type: none;
    padding-bottom: 20px;
    margin: 0 10px;
}

.hebrew a {
    font-family: arial;
    line-height: 1;
    font-size: 20px !important;
    font-weight: 300;
}

ul.more-project li div.img-box {
    float: left;
    width: 100%;
    overflow: hidden;
    height: 308px;
    position: relative;
}

ul.more-project li div.img-box img {
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}

ul.more-project li:hover div.img-box img {
    /*transform:scale(1.2); opacity:0.3;*/
}

ul.more-project li div.img-box span.over-txt {
    float: left;
    width: 100%;
    height: 100%;
    color: #000;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 30px;
    padding: 140px 20px 20px;
    -webkit-transition: -webkit-transform 0.4s ease 0s;
    transition: -webkit-transform 0.4s ease 0s;
    transition: transform 0.4s ease 0s;
    transition: transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
}

ul.more-project li:hover div.img-box span.over-txt {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

ul.more-project li h2 {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #707070;
    font-weight: 100;
    padding: 0px 30px;
    margin: 30px 0px 0px;
}

ul.more-project li h2 strong {
    display: inline-block;
    color: #83b441;
    font-weight: 700;
    text-transform: uppercase;
}

ul.more-project li span {
    float: left;
    width: 100%;
    padding: 0px 10px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 900;
    margin-top: 15px;
}

ul.more-project li a.btitle {
    float: left;
    width: 100%;
    padding: 0px 30px;
    font-size: 22px;
    line-height: 28px;
    font-weight: 900;
    margin-top: 15px;
    color: #262626;
}

ul.more-project.home-more-project li span {
    min-height: 112px;
}

ul.more-project li p {
    float: left;
    width: 100%;
    color: #707070;
    padding: 0px 30px;
    font-size: 14px;
    margin-top: 15px;
}

ul.more-project li a.btn-more {
    margin: 15px 0px 0px 30px;
}

div.project-list-page ul.more-project {
    width: 102%;
}

div.project-list-page ul.more-project li {
    width: calc(33% - 20px);
}

div.project-list-page ul.more-project li.large {
    width: calc(50% - 20px);
    min-height: 560px;
    display: inline-block;
    margin: 0;
}

ul.project-widget-list li div img {
    float: inherit;
    max-width: 100%;
    height: 100px;
    margin: 0px auto 56px;
    display: table;
}

div.service-page {
    float: left;
    width: 100%;
}

div.service-page div.page-title {
    background: #f7f7f7;
}

div.service-page div.data {
    float: left;
    width: 100%;
}

div.service-page div.data-inside {
    float: left;
    width: 100%;
    -moz-column-count: 2;
    -moz-column-gap: 70px;
    -webkit-column-count: 2;
    -webkit-column-gap: 70px;
    column-count: 2;
    column-gap: 70px;
}

div.service-page div.data h3 {
    float: left;
    width: 100%;
    font-weight: 900;
    font-size: 36px;
    margin-bottom: 20px;
}

div.service-page div.data p {
    float: none;
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 20px;
}

div.service-data {
    float: left;
    width: 100%;
    padding: 95px 0px;
    background: #ecf1f5;
}

div.service-data div.centre-hold {
    text-align: left;
}

div.service-data div.img-box {
    float: left;
}

div.service-data div.data {
    float: right;
    width: 595px;
}

div.service-data div.data h3 {
    float: right;
    width: 100%;
    font-size: 22px;
}

div.service-data div.data p a {
    color: #83b441;
}

div.service-data div.data a.btn {
    color: #83b441;
    text-transform: uppercase;
    font-family: Georgia;
}

div.service-page ul.project-widget-list li {
    min-height: 570px;
    margin-bottom: 80px;
}

div.service-page ul.project-widget-list li div img {
    max-width: 100%;
}

div.page-nav-wrapp {
    float: left;
    margin: 36px 0px 0px 30px;
}

div.page-nav-wrapp span.menu {
    float: left;
    width: 13px;
    height: 13px;
    background: url(images/menu-icon.png) no-repeat;
    display: none;
}

ul.page-nav {
    float: left;
}

ul.page-nav li {
    float: left;
    list-style-type: none;
}

ul.page-nav li a {
    float: left;
    color: #707070;
    font-size: 14px;
    padding: 0px 30px;
}

.centre-hold.headline {
    width: 100%;
    padding: 0 60px;
    text-align: left;
}

.ssb-share.flat a {
    background-color: #000 !important;
    border-radius: 50%;
}

.cover {
    z-index: 2;
    width: 100%;
    height: 100vh;
    display: table;
    min-height: 600px;
    position: relative;
}

.cover article {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    text-align: center;
}

.cover h5 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 1;
}

.cover h1 {
    font-size: 65px;
    font-weight: 900;
    padding-bottom: 50px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 1;
}

.cover h5.hide,
.cover h1.hide {
    opacity: 0;
}

.cover .cta-1,
.cover .cta-2 {
    width: 157px;
    border: 1px solid #000;
	background:#000;
    color: #fff;
    display: inline-block;
    height: 42px;
    line-height: 42px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 1;
}

.cover .cta-1.hide,
.cover .cta-2.hide {
    opacity: 0;
}

.rtl .cover .cta-1,
.rtl .cover .cta-2 {
    font-family: 'Open Sans Hebrew', sans-serif !important;
}

.cover .cta-1:hover,
.cover .cta-2:hover {
    color: #fff !important;
    background: #83b441;
    border: 1px solid #83b441 !important;
    text-decoration: none;
}

.cover .cta-2 {
    margin-left: 50px;
}

.rtl .cover .cta-2 {
    margin-left: 0;
    margin-right: 50px;
}

.cover .go-down {}

.cover .go-down .mouse {
    position: absolute;
    width: 30px;
    height: 44px;
    z-index: 2;
    border: 2px solid #ffffff;
    border-radius: 15px;
    background: transparent;
    bottom: 30px;
    margin: 0 auto;
    left: 0;
    right: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.cover .go-down.hide .mouse {
    bottom: -60px;
}

.cover .go-down .mouse .wheel {
    width: 6px;
    height: 6px;
    background-color: #ffffff;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6px;
    left: 0;
    right: 0;
    -webkit-animation: magic-mouse 1.7s infinite ease;
    animation: magic-mouse 1.7s infinite ease;
}

@keyframes magic-mouse {
    0% {
        margin-top: 6px;
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    100% {
        margin-top: 18px;
        opacity: 0;
    }
}

@-webkit-keyframes magic-mouse {
    0% {
        margin-top: 6px;
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    100% {
        margin-top: 18px;
        opacity: 0;
    }
}

.video-container {
    position: absolute;
    top: 0;
    overflow: hidden;
    height: 100%;
    bottom: 0;
    right: 0;
    left: 0;
}


.video-container video {
    min-height: 100%;
    /*max-width: 100%;*/
    /*position: absolute;*/
    /*top: -50%;*/
    /*left: -50%;*/
    /*width: 200%;*/
    /*height: 200%;*/
}

.page-template-page-about_us .video-container video {
    min-height: 100%;
    /* max-width: 100%; */
    position: absolute;
    /* top: -45%; */
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.cover .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.social-sharing-button .counter-wrap {
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.social-sharing-button:hover .counter-wrap {
    opacity: 1;
}

.blogo-area img {
    max-width: 100%;
    height: auto
}

.supsystic-social-sharing .counter-wrap.standard > .counter {
    font-weight: normal !important;
    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    width: 18px !important;
    height: 18px !important;
    padding: 0 !important;
    text-align: center !important;
    line-height: 18px !important;
    display: inline-block
}

a.social-sharing-button {
    background-color: black !important;
    margin: 0 2px !important;
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    text-align: center;
}

a.social-sharing-button i {
    vertical-align: middle;
    line-height: 36px;
}




	@media (max-width: 640px) {

	span.title{display: none;}
	a.project-count1 {
    padding-right: 10px;
    font-size: 12px;
}
a.project-count{font-size: 12px;}
a.project-count i,
a.project-count1 i {
    font-size: 24px;
    height: 26px;
    margin-left: 2px;
    padding: 0px 1px;
    width: 26px;}
    .centre-hold.headline {
    width: 100%;
    padding: 0 0px;
    text-align: left;
}

}

@media (max-width: 400px) {
	a.project-count,
	a.project-count1,
	a.see-all-project {line-height: 26px;}
	.blog1details-right, .blog1details-right div {
    float: left !important;
    text-align: left;
    margin-left: 2%;
}
	.rtl .blog1details-right, .rtl .blog1details-right div {
    float: right !important;
    text-align: right;
    margin-right: 2%;
}
}
.blog1details-right,
.blog1details-right div{
	float: left !important;
}

.rtl .blog1details-right,
.rtl .blog1details-right div{
	float: right !important;
}


ul.masContainer li.tile .box_content {
    clear: both;
    display: block;
    background: #fff;
    padding: 30px 40px;
    position: relative;
    color: #262626;
    font-size: 16px;
}

ul.masContainer li.tile .box_content h2 {
    color: #77a638;
    font-size: 38px;
    line-height: 1;
    font-weight: 600;
    margin: 0 0 30px;
}

ul.masContainer li.tile .box_content h3 {
    color: #262626;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    margin: 15px 0 0;
}

ul.masContainer li.tile .box_content ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.masContainer li.tile .box_content ul li {
    line-height: 21px;
    padding: 10px 0;
}

ul.masContainer li.tile .box_content ul li + li {
    border-top: 1px solid #cbcbcb;
}

ul.masContainer li.tile a.read_more {
    position: absolute;
    top: -60px;
    right: 0;
    width: 285px;
    height: 80px;
    max-width: 100%;
    background: #b2d234 url(images/read_more.png) 212px center no-repeat;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    text-align: right;
    padding-right: 80px;
    line-height: 80px;
}

.rtl ul.masContainer li.tile a.read_more {
    right: auto;
    left: 0;
    background: #b2d234 url(images/read_more_he.png) 42px center no-repeat;
    padding: 0 0 0 85px;
    text-align: left;
    
}

.breadcrumbs {
    display: block;
    float: left;
    float: none;
    /* width: 52px; */
    /* height: 100px; */
    /* background: url(images/logo-white.png) no-repeat center; */
    position: absolute;
    bottom: 11px;
    left: 123px;
}
.rtl .breadcrumbs {
	left: initial;
	right: 123px;}


/*Footer contact form*/    
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
input:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */


.personal-detail-form input[type="text"], .personal-detail-form input[type="email"], .personal-detail-form input[type="tel"]{
    float: left;
    width: 100%;
    height: 50px;
    padding: 0px 15px;
    border: 0px solid #949494;
    border-radius: 4px;
    background-color: #fff;
    font-size: 28px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    font-weight: normal;
    display: block;
    position: relative;
    margin-top: 50px;
}

footer a {
    color: #fff;
    text-decoration: none;
}

footer a:hover {
    color: #fff;
    text-decoration: underline;
}


/******* Services *********/
.page-template-page-services div.brands-wrapp {
    background: #82b345;
    position: relative;
    margin: 0 auto;
}


.bg-gray{
	background-color: #ecf1f5;
	background: #ecf1f5;
}

.client-list li img {
    border: 1px solid #dce1e5;
    max-width: 100%;
    border-left: 0!important;
}

.client-list li:nth-child(6n) img,
.client-list li:nth-child(12n) img,
.client-list li:nth-child(18n) img,
.client-list li:nth-child(24n) img,
.client-list li:nth-child(30n) img
{
    border-right: 0;
}

.client-list li:nth-last-child(6) img,
.client-list li:nth-last-child(5) img,
.client-list li:nth-last-child(4) img,
.client-list li:nth-last-child(3) img,
.client-list li:nth-last-child(2) img,
.client-list li:nth-last-child(1) img {
    border-bottom: 0px;
}



/***** Blocks *****/
/***** Contacts block ***/
.contacts-block .contact-area {
    background-color: #272727;
    padding: 70px 0;
    position: relative;
    border-top: 1px solid #adaeaf;
    text-align: center;
}

.contacts-block a.btn-watch-case-study {
    /*float: left;*/
    width: 315px;
    height: 51px;
    line-height: 46px;
    text-indent: 60px;
    font-size: 20px;
    border: 1px solid #83b441;
    background: #77a638 url(images/ico_live_pro.jpg) no-repeat 261px center;
    color: #fff;
    text-align: left;
    line-height: 50px;
    border-radius: 5px 5px 5px 5px;
    -webkit-transition: all 0.4s ease-in-out 0s!important;
    transition: all 0.4s ease-in-out 0s!important;
}

/*Projects*/
.bg-green{
        background-color: #83b441;
}

.project-data .breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-box;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 1rem;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
}

a.btn-more:hover i {
    border: 1px solid #000;
    text-decoration: none;
}

.menu-popup-menu-container{
    display: block;
    text-align: center;
    width: 100%;
    position: relative;
}

.more-project-single-page a span {
    color: #83b441;
    text-decoration: none;
    outline: 0;
    border: 0;
}

.left a {
    color: #a2b441;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.lang {
    margin-top: 30px;
}

.lang-active{
    color: #a1db54!important;
}

.home-page ul {
    margin-top: 0;
    margin-bottom: 0;
}

.about_us h2{
    color: #ffffff;
    font-family: "Montserrat", Sans-serif;
    font-size: 120px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.about_us .more-information p{
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-size: 35px;
    font-weight: 400;
    line-height: 55px;
    letter-spacing: -1px;
    text-align: center;
    margin-top: 130px;
    margin-bottom: 130px;
}


.about_us .our-partners h2 {
    color: #000000;
    font-family: "Open Sans Hebrew", Sans-serif;
    font-size: 120px;
    font-weight: 600;
    line-height: 119px;
    letter-spacing: -1.1px;
}


@media (min-width: 1200px){
    .container {
        max-width: 1180px!important;
    }
}


div.brand-makers {
    background: #82b345;
    float: left;
    width: 100%;
    padding-top: 145px;
    padding-bottom: 126px;
}



/* About slide image*/
.slideshow-container .fade {
    opacity: 0.6;
    transition: opacity .15s linear;
}

.slideshow-container .fade{
    animation-name:fade;
    animation-duration:1.5s;
}

@keyframes fade{
    from {opacity: 0.2;}
    to {opacity: 1;}
}

.slideshow-container {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0!important;
    padding-right: 0!important;
}


.block-title{

    color: #ffffff;
    font-family: "Montserrat", Sans-serif;
    font-size: 120px;
    font-weight: 700;
    position: absolute;
    top: 44%;
    text-align: center;
    z-index: 1;
    text-align: center;
    width: 100%;
    transition: 3s;
    /* Анимация */
    -webkit-transition: .4s ease-out;
    -webkit-transition-delay: 0.5s;
    -o-transition: .4s ease-out;
    -o-transition-delay: 0.5s;
    -moz-transition: .4s ease-out;
    -moz-transition-delay: 0.5s;
    transition: .4s ease-out;
    transition-delay: 0.5s;
}


.about-info.first {
    padding-top: 130px;
}

.about-info{
    position: relative;
}

#aside1 {
    position: fixed;
    z-index: 101;
    width: 240px;
}

.wrapper {
    margin-top: 100px;
}
.content {
    padding: 0 15px;
    width: 50%;
    margin-bottom: 60px;
}

.content p,
.sidebar p{
    font-family: "BLOKKNeue-Regular";
}
.sidebar {
    width: 50%;
}
.sidebar h3 {
    margin: 0;
}
.content,
.sidebar {
    float: left;
}





/* The sticky */
.sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 75px;
    margin-bottom: 60px;
}



.our-partners .client-list li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    float: left;
    width: 33%;
    text-align: center;
}


.our-partners .client-list li img {
    border: 1px solid #dce1e5;
    max-width: 100%;
    border-left: 0;
}

.our-partners .client-list li:nth-child(3n) img  {
    border-right: 0;
}

.our-partners .client-list li:nth-last-child(3) img, .our-partners .client-list li:nth-last-child(2) img, .our-partners .client-list li:nth-last-child(1) img {
    border-bottom: 0px;
}





/* Block lead contacts */
.btn-watch-case-study{
    margin: 0 auto;
    float:none; display:inline-block; vertical-align:top; text-align:left;
}



.home .video-container video {
    min-height: 100%;
    /*max-width: 100%;*/
}
div.brands-wrapp.home-page {

    background: transparent!important;
}

div.project-data div.left {
    margin-bottom: 60px;
}


.page-template-page-services ul.masContainer li.tile {
    width: 50%;
    padding: 10px;
}

.page-template-page-services ul.masContainer li.tile .img-box img{
    width:100%;

}

/*RTL*/
.rtl ul.main-nav {
    float: left!important;
    margin: 0;
    display: table;
    margin-left: auto;
    direction: rtl;
}


.rtl div.headder a.logo {
    float: right!important;
    right: 60px!important;
}


.rtl {
    font-family: 'Heebo', sans-serif!important;
}

.rtl .cover h1 {
    font-size: 65px;
    font-weight: 300;
    padding-bottom: 50px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 1;
    line-height: 72px;
}

.rtl .cover h5 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 1;
    line-height: 20px;
}

.rtl.single .page-title h1 {
    float: none;
    text-align: center;
    font-weight: 500 !important;
    line-height: 77px;
    font-size: 70px;
    font-family: sans-serif;
}

.rtl div.project-data div.left {
    float: right;
    width: 670px;
    text-align: right;
}

.rtl div.project-data div.right {
    float: left;
    width: 330px;
    margin: 0px 0px 0px 110px;
    text-align: right;
}



.rtl div.project-list-page ul.more-project li.large {

    text-align: right;
    float: right;
}

.rtl .masonry .item {
    float: right!important;
}

.rtl div.project-list-page ul.more-project li {

    text-align: right;
}

.rtl ul.masContainer li.tile a.btn-more {
    text-align: right;
    float: right;
}

.rtl .menu-popup-menu-he-container {
    display: block;
    text-align: center;
    width: 100%;
    position: relative;
}

.rtl.single ul.more-project li{
    text-align: right;
}

.rtl.single ul.more-project li a{
    width: 100%!important;
}

.rtl ul.more-project li a.btn-more {
    margin: 15px 0px 0px 30px;
    padding-right: 40px;
}

.rtl div.more-project-wrapp div.title {
    float: right;
}

.rtl ul.masContainer li.tile .box_content {
    text-align: right;
}


.rtl .contacts-block a.btn-watch-case-study {

    background: #77a638 url(images/ico_live_pro.jpg) no-repeat 1px center;
    text-align: right;
}


.rtl .client-list li img {
    max-width: 100%;
    border-right: 0px;
    border-left: 1px solid #dce1e5!important;
}

.rtl .page-template-page-services .client-list li:nth-child(6n) img,
.rtl .page-template-page-services .client-list li:nth-child(12n) img,
.rtl .page-template-page-services .client-list li:nth-child(18n) img,
.rtl .page-template-page-services .client-list li:nth-child(24n) img,
.rtl .page-template-page-services .client-list li:nth-child(30n) img
{
    border-left: 0px!important;

}

.rtl .btn-watch-case-study {
    margin: 0 auto;
    float: none;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.rtl .content, .rtl .sidebar {
    float: right;
}

.rtl .about_us .our-partners h2 {
    color: #000;
    font-family: "Montserrat", Sans-serif;
    font-size: 120px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}



/*Animation title*/
.block-title {

    transition: 3s;
    /* Анимация */
    -webkit-transition: .4s ease-out;
    -webkit-transition-delay: 0.5s;
    -o-transition: .4s ease-out;
    -o-transition-delay: 0.5s;
    -moz-transition: .4s ease-out;
    -moz-transition-delay: 0.5s;
    transition: .4s ease-out;
    transition-delay: 0.5s;
}


@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        visibility: visible;
        opacity: 1;
    }
}


/*MAX-EDITED*/
.wpdberror {display:none !important;}