@font-face {
  font-family: 'Open Sans Hebrew';
  src: url('./fonts/open_sans_hebrew/opensanshebrew-light-webfont.eot'); /* IE9 Compat Modes */
  src: url('./fonts/open_sans_hebrew/opensanshebrew-light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open_sans_hebrew/opensanshebrew-light-webfont.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open_sans_hebrew/opensanshebrew-light-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open_sans_hebrew/opensanshebrew-light-webfont.svg#1e3cbe1d61c0f2b766b8aff35f09f556') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  300;
}


@font-face {
  font-family: 'Open Sans Hebrew';
  src: url('./fonts/open_sans_hebrew/opensanshebrew-regular-webfont.eot'); /* IE9 Compat Modes */
  src: url('./fonts/open_sans_hebrew/opensanshebrew-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open_sans_hebrew/opensanshebrew-regular-webfont.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open_sans_hebrew/opensanshebrew-regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open_sans_hebrew/opensanshebrew-regular-webfont.svg#265e1bf8eadfa92b8d955acd546bd2c3') format('svg'); /* Legacy iOS */
 
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'Open Sans Hebrew';
  src: url('./fonts/open_sans_hebrew/opensanshebrew-bold-webfont.eot'); /* IE9 Compat Modes */
  src: url('./fonts/open_sans_hebrew/opensanshebrew-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open_sans_hebrew/opensanshebrew-bold-webfont.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open_sans_hebrew/opensanshebrew-bold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open_sans_hebrew/opensanshebrew-bold-webfont.svg#8b4b25a9e6dee2304c08fefb363a9190') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  700;
}

/*

html, body, #map {

    height: 100%;

    margin: 0px;

    padding: 0px;

}*/

body {

    font-family: 'Raleway', sans-serif;

    font-weight: 300;

    font-size: 20px;

    color: #666;

    -webkit-font-smoothing: antialiased;

}



p{

    font-size: 20px;

    font-weight: 300;

    text-align: justify;

}



.inner-page p{

    margin-bottom: 20px;

}




a, .pointer{

    cursor: pointer;

    color: #666;

}



.ltr{

    direction: ltr;

}



.rtl{

    direction: rtl;

}



strong{

    font-weight: 600;

}



.bolder{

    font-weight: 800;

}



.nobr{

    white-space: nowrap;

}



body.loading {

    overflow: hidden;

}

.wow {
   visibility: hidden;
}


.inner-page {

    padding-bottom: 100px;
    padding-top: 20px;
}

.inner-page ul {    
    padding-left:30px; 
    list-style:none;
}
.inner-page li{
    margin-top:8px;
}

.inner-page li:before {    
    font-family: 'FontAwesome';
    content: '\f00c';
    margin: 0 15px 0 -30px;
    color: #1a97d4;
    position: absolute;
}

.inner-page .white-bullets li:before {  
    color: #fff;
}

.inner-page li li:before,
.inner-page li li li:before,
.inner-page li li li li:before{    
    color: #E6E6E6;
    content: '\f068';
}

/* --------------- loader --------------- */

/*.loader {

    position: fixed;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    z-index: 9999;

    background: rgba(25,25,30,0.97);

}



.loader p{

    color:#fff;

    margin-top: 30px;

    font-size: 20px;

    font-weight: 300;

}



.spinner{

    margin: 0 auto;

    width: 40px;

    height: 40px;

    position: relative;

    text-align: center;



    -webkit-animation: rotate 2.0s infinite linear;

    animation: rotate 2.0s infinite linear;

}



.dot1, .dot2 {

    width: 60%;

    height: 60%;

    display: inline-block;

    position: absolute;

    top: 0;

    background-color: #fff;

    border-radius: 100%;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    -ms-border-radius: 100%;

    -o-border-radius: 100%;

    border-radius: 100%;



    -webkit-animation: bounce 2.0s infinite ease-in-out;

    animation: bounce 2.0s infinite ease-in-out;

}



.dot2 {

    top: auto;

    bottom: 0px;

    -webkit-animation-delay: -1.0s;

    animation-delay: 1.0s;

}



@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) }}

@keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}



@-webkit-keyframes bounce {

    0%, 100% { -webkit-transform: scale(0.0) }

    50% { -webkit-transform: scale(1.0) }

}



@keyframes bounce {

    0%, 100% { 

        transform: scale(0.0);

        -webkit-transform: scale(0.0);

    } 50% { 

        transform: scale(1.0);

        -webkit-transform: scale(1.0);

    }

}*/

/* --------------- END: loader --------------- */





/*.container,.row > div{

    -webkit-transition: width ease-in-out 0.45s;

    -moz-transition:    width ease-in-out 0.45s;

    -ms-transition:     width ease-in-out 0.45s;

    -o-transition:      width ease-in-out 0.45s;

    transition: width ease-in-out 0.45s;

}

@media all and (max-width: 790px){

    .container,.row > div{

        -webkit-transition: none;

        -moz-transition:    none;

        -ms-transition:     none;

        -o-transition:      none;

        transition:         none;

    }

}*/



.input-block {

    min-width: 100%;

    /*width: 100%;*/

}



#home-page h3, .inner-page h1 {

    text-align: center;

    font-size: 50px;

    margin-bottom: 0px;

    font-weight: 200;

    text-transform: uppercase;

}

#home-page h3{
    margin-top: 100px;
}

.inner-page h3{
    font-size: 32px;
    font-weight: 300;
}

.inner-page h4{

    font-weight: 300;

    font-size: 24px;

    margin-top: 20px;
    line-height: 1.4;

}

/* for front-page sections' titles */



h3 .h3-smaller,h1 .h1-smaller {

    font-size: 30px;

    font-weight: normal;

    display: block;

}



.main-link{

    color: #666;

    border-bottom: #ccc 1px solid;

    transition: all ease-out 0.3s;

    display: inline-block;

    padding: 6px 3px;

    border-radius: 0;

    text-align: center;

    margin-top: 40px;

    font-weight: 600;

    color: #1A97D4;

    text-transform: uppercase;

    font-size: 18px;

}



.main-link:hover, .main-link:focus, .main-link:active{

    transition: all ease-out 0.3s;

    color: #299ED7;

    border-bottom-color: #299ED7;

    box-shadow: none;

    text-decoration: none;

}



/*.main-btn:hover i.fa-angle-double-right, .main-btn:focus i.fa-angle-double-right, .main-btn:active i.fa-angle-double-right{

        margin-left: 5px;

}*/



.ttl-separator{

    width: 70px;

    max-width: 90%;

    height: 1px;

    background-color: #1A97D4;

    margin-top: 45px;

    margin-bottom: 45px;

    margin-left: auto;

    margin-right: auto;

}



.ttl-icon i.fa{

    color: #FFF;

    line-height: 64px;

}



/* adding bootstrap characters to wordpress btn */



.comments-box #submit{

    padding:8px 24px;

    color:#fff;

    transition: 0.3s;

    background-color:#428bca;

}



@media all and (max-width: 767px){

    .btn-responsive{

        width: 100%;

    }

}



/* --------------- nav-bar --------------- */

.menu-element{
    position: absolute;
    top: 0;
    z-index: 11;
}

.logo-small {

    height: 30px;

    width: auto;

    float:left;



}



.navbar-header{

    float: left;
    margin-left: 4px;

}

.language-bar{
    right: 0;
}

.logo-menu{
    padding: 12px;
    left: 0;
}

.logo-menu img{
    height: 80px;
    width: auto;
}

#navbar-front-page .menu-element{
    position: fixed;
}

#navbar-intro .logo-menu img{
    height: 70px;
}

.on-intro .navbar, .on-intro .menu-element{

    margin-top: -92px;

    opacity: 0;

}

#navbar-inner-page .navbar-fixed-top, .navbar-fixed-bottom{
    position: relative;
}

#navbar-inner-page .container-fluid{
    padding-right: 7.5px;
    padding-left: 7.5px;
}


.navbar-contianer{
    position: relative;
    z-index: 20;
}




.language-bar ul:first-of-type{

    display: inline-flex;

}



.language-bar ul:last-of-type{

    display: none;

}



.language-bar ul{

    list-style-type: none;
    margin-right: 12px;
}



.language-bar ul li{

    padding-top: 15px;
    padding-left: 15px;

}



.language-bar a{

    text-decoration: none;

}



.language-bar a:hover{

    color: #333;

}



nav.navbar {

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

    border: none;

    background-color: #fff;

    margin-bottom: 0;

}



.navbar-collapse{

    text-align:center;

}



.navbar-nav{

    float:none;

}



.navbar-nav li {

    display:inline-block;

}



.navbar-nav li.menu-item {

    float:none;

    vertical-align:middle;

}

.language-bar-mobile{
	display: none;
}

.navbar-nav li.lang-item, .language-bar-mobile li.lang-item{

    float: right;
}


nav,

nav.navbar-default a,

nav.navbar-default a:hover,

nav.navbar-default .active a,

nav.navbar-default .active a:hover,

.navbar a,

.navbar a:hover,

#navbar-intro .navbar-default .navbar-form,

.menu-element,
#intro h1 {

    -webkit-transition: all ease-in 0.3s;

    -moz-transition: all ease-in 0.3s;

    -ms-transition: all ease-in 0.3s;

    -o-transition: all ease-in 0.3s;

    transition: all ease-in 0.3s;

}

.navbar-default .navbar-nav > .active > a,

.navbar-default .navbar-nav > .active > a:hover,

.navbar-default .navbar-nav > .active > a:focus,

.navbar-default .navbar-nav > .current-menu-item > a,

.navbar-default .navbar-nav > .current-menu-item > a:hover,

.navbar-default .navbar-nav > .current-menu-item > a:focus{

    color: #1A97D4;

    background: none;

}



.navbar a, .navbar-default .navbar-nav a{

    border: 0px solid;

    line-height: 30px;

    font-size: 15px;

    font-weight: 600;

    padding: 15px 10px;

}

#navbar-intro .navbar{
    background: rgba(255,255,255,0.5);

    border: none;

    /*        -webkit-box-shadow: none;
    
        -moz-box-shadow: none;
    
        -ms-box-shadow: none;
    
        -o-box-shadow: none;
    
        box-shadow: none;*/

    position: absolute;
}

/*

#navbar-intro .navbar-default a,

#navbar-intro .navbar-default a:hover,

#navbar-intro navbar-default a:focus,

#navbar-intro navbar-default .active a,

#navbar-intro navbar-default .active a:hover,

#navbar-intro navbar-default .active a:focus

{

    background: none;

    color: #fff;


    text-shadow: 0px 0px 11px #476286;



}*/


.navbar-default .navbar-toggle {

    margin-top: 13px;

    margin-right:0;
	
	margin-left: 10px;

}



#navbar-intro navbar-default .navbar-collapse, #navbar-intro navbar-default .navbar-form{

    border-color: rgba(0,0,0,0);

}

.navbar-brand {

    font-size: 28px;

    line-height: 30px;

    height: 60px;

    padding-right: 0;
    padding-left: 0;

}

.hide-top-menu{
    top: -120px;
}

@media all and (min-width: 1166px){

    #navbar-intro .navbar-brand{
        padding-top: 20px;
        padding-left: 20px;
    }

    #navbar-intro .logo-small{
        height: 80px;
    }

    #navbar-intro .navbar a, #navbar-intro .navbar-default .navbar-nav a{

        line-height: 90px;
    }
}

/*@media all and (max-width: 1073px){



    .navbar-default .navbar-nav a{

        padding-left: 0;

    }

    #menu-nav-fr .navbar a, 

    #menu-nav-one-page-fr .navbar a,

    .navbar-default .navbar-nav a {

        font-size: 14px;

    }



}*/



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

/* --------------- intro  --------------- */



#intro{

    display: block;

    position: relative;

    overflow: hidden;

}


#intro-elements {

    position: relative;

    top: 50%;

    -webkit-transform: translateY(-50%);  

    -ms-transform: translateY(-50%);

    transform: translateY(-50%); 
}


/* use this class as a fix for fixed background on mobile devices */

html.touch .bg-attach-scroll-on-touch{

    background-attachment: scroll !important;

}



#intro h1 {
    color: #555;
    font-weight: 200;
    font-size: 36px;
    direction: ltr;
    /* text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.6); */
    top: 20%;
    position: absolute;
    z-index: 1;
    left: 4%;
    text-transform: uppercase;
    line-height: 1.4;
    text-align: center;
    max-width: 600px;
	width: 45%;
	pointer-events: none;

}

.hidden-fade{
	opacity: 0;
}

#intro-slogan{
    padding: 100px 0;
    background-color: #1A97D4;
    color: #FFFFFF;
}

#intro-slogan p{
    text-align: center;
    font-size: 42px;
    font-weight: 200;
    text-shadow: 0 0 15px;
    text-transform: uppercase;
}

#intro-slogan p:first-child{
    letter-spacing: 5px;
}

#intro-slogan p:last-child{
    font-weight: 400;
}



#intro-titles {

    color: #FFF;

    font-weight: 500;

    font-style: normal;

    font-size: 30px;

    text-shadow: 0px 0px 11px #476286;

    letter-spacing: 3px;

    margin-top: 0;

}


/*#intro-titles :first-child{

    font-weight: 700;

} */



#intro .down-arrow{

    color: white;

    text-shadow: 0px 0px 11px #476286;

}



#rolldown{

    position: absolute; 

    margin-bottom: 40px;

    bottom: 0;

    color: white;

    width: 100%;

    z-index: 10;

}

@media all and (max-width: 794px){
	#intro h1 {
		display: none;
	}
}


@media all and (min-width: 795px){
	#intro-slogan-mobile{
		display: none;
	}
}


@media all and (max-width: 1165px){

    #intro{
        padding-top: 67px;
    }
	
	 #intro h1{
        font-size: 26px;
    }

    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }

    .navbar-brand {

        font-size: 28px;

        line-height: 30px;

        height: 60px;

    }

    .navbar-nav{
        margin-top: 0;
        margin-bottom: 0;
        float: none!important;
    }

    .navbar-nav li {

        display:table;
        width: 100%;
        text-align: left;
        float: none;

    }



    .navbar-default .navbar-nav a {

        line-height: 20px;

        font-size: 16px;

        padding: 15px 0;

        border-top: 1px solid #e7e7e7;

    }

    /*    #navbar-intro .navbar-default a{
            color: #777;
            text-shadow: none;
        }
        
        #navbar-intro .navbar-default a:hover{
            color: #333;
            text-shadow: none;
        }*/



    .navbar-collapse{
        border: none;

    }

    .navbar-collapse.collapse {
        display: none!important;
    }

    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }


    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{

        max-height: none;

        border-bottom: 1px solid #e7e7e7

    }

    .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{
        margin-right: 0;
        margin-left: 0;
    }

    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{

        margin-left: -15px;
    }



    #navbar-intro .navbar{

        background-color: #fff;

    }



    .language-bar ul:first-of-type{

        display: none;

    }



    .language-bar ul:last-of-type{

        display: inline-flex;

    }



	#home-page h3, .inner-page h1{

        font-size: 32px;

    }
	
	.inner-page h3{
		font-size: 26px;
	}	

    .inner-page h4, #intro-slogan p{
        font-size: 28px;
    }
	
	#intro-slogan {
		padding: 50px 0;
	}

	 .navbar-nav li.lang-item{
		display:none;
	 }
	/*
    .navbar-nav li.lang-item{
        float: left;
        margin-right: 12px;
        display: block;
        width: auto;
    }
	*/	
	.language-bar-mobile{
		display: block;
		float:right;
	}

	.language-bar-mobile li.lang-item{
		float: right;
        display: block;
        width: auto;
	}


    .navbar-nav li.lang-item a, .language-bar-mobile li.lang-item a{

        border-top: 0;
    }


}





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

/* --------------- about --------------- */



#about{

    background: url('img/about-deer.png') no-repeat 8% bottom #f7f7f7;

    padding-bottom: 160px;

}



/*.home-page-title{

    background: url('img/title-roof.png') no-repeat top center;

    padding-top: 96px;

}*/



#about .about-content1{

    font-weight: 400;

}



#about .ttl-icon{

    background-color: #a13131;

}


/*
#about-video-player {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 60px; overflow: hidden;

}





#about-video-player iframe,

#about-video-player object,

#about-video-player embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}


*/



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

/* --------------- services icon & animation --------------- */

#services{

    padding-bottom: 100px;

}



.contactIcons{

    margin-top:15px;

    color: #357295;

    /*margin-right: 28px;*/

}



.service-item{

    text-align: center;

    padding-bottom: 20px;

}



a.service-item{

    text-decoration: none;

}





.service-icon{

    -webkit-transition: all .8s;

    -moz-transition: all .8s;

    -ms-transition: all .8s;

    -o-transition: all .8s;

    transition: all .8s;

}



.service-title {

    font-size: 20px;

    font-weight:300;

    -webkit-transition: all 1.9s;

    -moz-transition: all 1.9s;

    -ms-transition: all 1.9s;

    -o-transition: all 1.9s;

    transition: all 1.9s;

    max-width: 80%;

    min-height: 100px;

    width: 230px;

    margin-left: auto;

    margin-right: auto;

}



#services-page .service-item{

    margin-top: 30px;

}


.service-img {

    z-index: 11;

    width: 60px;

    position: absolute;

    margin-right: auto;

    margin-left: auto;

    margin-top: 19px;

    right: 0;

    left: 0;



    -webkit-transition: all 800ms cubic-bezier(1.000, 0, 0.395, 1);

    -webkit-transition: all 800ms cubic-bezier(1.000, -0.600, 0.395, 1.650);

    -moz-transition: all 800ms cubic-bezier(1.000, -0.600, 0.395, 1.650);

    -o-transition: all 800ms cubic-bezier(1.000, -0.600, 0.395, 1.650);

    transition: all 600ms cubic-bezier(1.000, -0.600, 0.395, 1.650);



    -webkit-transition-timing-function: cubic-bezier(1.000, 0, 0.395, 1);

    -webkit-transition-timing-function: cubic-bezier(1.000, -0.600, 0.395, 1.650);

    -moz-transition-timing-function: cubic-bezier(1.000, -0.600, 0.395, 1.650);

    -o-transition-timing-function: cubic-bezier(1.000, -0.600, 0.395, 1.650);

    transition-timing-function: cubic-bezier(1.000, -0.600, 0.395, 1.650);

}



.service-item:hover .service-img{

    -webkit-transform: scale(1.5);

    -moz-transform: scale(1.5);

    -ms-transform: scale(1.5);

    -o-transform: scale(1.5);

    transform: scale(1.5);

    opacity: 1;

}

.service-item:hover .service-icon{

    background-color: rgba(255,255,255,0) !important;

    border-color: rgba(255,255,255,0) !important;

}

.service-item:hover .service-icon{

    -webkit-transform: scale(1.5);

    -moz-transform: scale(1.5);

    -ms-transform: scale(1.5);

    -o-transform: scale(1.5);

    transform: scale(1.5);

}



.service-item:hover .service-title{

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

    color: #666;

}



#services-introduction{

    margin-bottom: 50px;

}



.service-icon{

    z-index: 10;

    width: 100px;

    height: 100px;

    line-height: 100px;

    /* background-color: #dee6ec; */

    margin-left: auto;

    margin-right: auto;

    /* -webkit-border-radius: 50%; */

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    border: solid 2px #666;



}



#service1 .service-icon{

    border-color: #CF6161;

}



#service2 .service-icon{

    border-color: #E5BA37;

}



#service3 .service-icon{

    border-color: #5D8BAD;

}



#service4 .service-icon{

    border-color: #BB7951;

}



#service5 .service-icon{

    border-color: #B077A3;

}



#service6 .service-icon{

    border-color: #77B07C;

}



#service1 .ttl-separator{

    background-color: #CF6161;

}



#service2 .ttl-separator{

    background-color: #E5BA37;

}



#service3 .ttl-separator{

    background-color: #5D8BAD;

}



#service4 .ttl-separator{

    background-color: #BB7951;

}



#service5 .ttl-separator{

    background-color: #B077A3;

}



#service6 .ttl-separator{

    background-color: #77B07C;

}

@media all and (max-width: 767px){

    .mobile-services-box .vc_column-inner{

        padding: 15px !important;

    }

}





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

/* ------------------- map ------------------ */



#map{

    width:100%;

    height: 380px;

}



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

/* --------------- contact us --------------- */



#contact-us{

    padding-bottom: 100px;

    background-color: #f7f7f7;

}



#contact-us .gaps{

    margin-top: 10px; /*spaces in contact form*/

}



.contact-l-txt .transparent {

    opacity: 0.5;

}



#contact-us p{

    font-size: 19px;



    font-weight: 300;

    margin-bottom: 45px;

}

.wpcf7-response-output{
    border-width: 1px !important;
    border-radius: 6px !important;
    padding: 12px !important;
    margin: 0 !important;
    font-size: 18px;
}

.wpcf7-validation-errors{
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc !important;
}

.wpcf7-mail-sent-ok{
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6 !important;
}

.wpcf7-mail-sent-ng{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1 !important;
}

@media all and (max-width: 767px){

    #contact-us p{

        margin-top: 45px;

    }

}



#contact-us .btn-primary {

    background: none;

    color: #1a97d4;

    border-color: #1a97d4;

}



#contact-us .btn-primary:hover,

#contact-us .btn-primary:focus {

    background-color: #1a97d4;

    background-position: 0 -15px;

    color: #fff;

}



#contact-us-form textarea{

    margin-bottom: 10px;

}



.contact-details {

    margin-bottom: 25px;

}



.contact-details-icon{

    margin-right: 15px;

    display: table-cell;

    vertical-align: middle;

}



.contact-details-icon .fa{

    border: 1px #1A97D4 solid;

    width: 60px;

    height: 60px;

    font-size: 25px;

    line-height: 60px;

    text-align: center;

    color: #1A97D4;

    border-radius: 50%;

    -webkit-transition: color .25s ease, background-color .25s ease;

    transition: color .25s ease, background-color .25s ease;

    margin-right: auto;

    margin-left: auto;

    right: 0;

    left: 0;

}



.contact-details-content{

    font-size: 18px;

    display: inline-block;

    display: table-cell;

    vertical-align: middle;

    padding-left: 20px;

}

.contact-details-content .fa{
    margin-right: 8px;
    color: #D6D6D6;
}


.contact-details-content b{

    font-weight: 500;

}



#contact-details-intro{

    margin-left: 5px;

    margin-bottom: 30px;

}


#contact-form-container .form-control{

    border: 0;

    border-bottom: #D9D9D9 solid 4px;

    display: inline-block;

    margin-bottom: 10px;

    box-shadow: none;

    border-radius: 0;

}



#contact-form-container input, #contact-form-container select{

    height: 50px;

}

#contact-form-container select{
    cursor: pointer;
}



/* --------------- social icons --------------- */



#contact-us .social-icons{

    padding-left: 78px;
    padding-bottom: 40px;

}



.social-icons a{

    -webkit-transition: -webkit-color .5s;

    -moz-transition: -moz-color .5s;

    -o-transition: -o-color .5s;

    transition: color .5s;

    text-decoration: none;

    color: #909090;

}



#contact-us .social-icons a{

    font-size: 18px;

}


#footer .social-icons a{

    color: #333;

}



#footer .social-icons .icon-linkedin:hover, .social-icons .icon-linkedin:hover{

    color: #007bb6;

}



.social-icons .icon-facebook:hover, #footer .social-icons .icon-facebook:hover{

    color: #3b5998;

}



.social-icons .icon-twitter:hover, #footer .social-icons .icon-twitter:hover{

    color: #00aced;

}



.social-icons .icon-google-plus:hover, #footer .social-icons .icon-google-plus:hover{

    color: #dd4b39;

}



.social-icons .icon-youtube:hover, #footer .social-icons .icon-youtube:hover{

    color: #bb0000;

}

#footer .social-icons .icon-drem:hover{

    color: #1A97D4;

}


.social-icons a:hover i{



    -webkit-transform: rotateY( 360deg );

    -moz-transform:    rotateY( 360deg );

    -ms-transform:     rotateY( 360deg );

    -o-transform:      rotateY( 360deg );

    transform:         rotateY( 360deg );



    -webkit-transition: -webkit-transform .5s;

    -moz-transition:       -moz-transform .5s;

    -o-transition:           -o-transform .5s;

    -ms-transition:             transform .5s;

    transition:                 transform .5s;



    -webkit-transform-style: preserve-3d;

    -moz-transform-style:    preserve-3d;

    -ms-transform-style:     preserve-3d;

    -o-transform-style:      preserve-3d;

    transform-style:         preserve-3d;



}





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

/* ----------------- blog ------------------ */

#main-blog{

    padding-bottom: 100px;

    background-color: #f7f7f7;

}



.blog-box{

    border-bottom: #D9D9D9 solid 4px;

    padding: 12px;

    background-color: #fff;

    position: relative;

    margin-bottom: 10px;



}



#main-blog1 .blog-img{

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}



#main-blog2 .blog-img{

    background: url('img/blog/main-blog2.jpg') no-repeat center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}



#main-blog3 .blog-img{

    background: url('img/blog/main-blog3.jpg') no-repeat center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}



.blog-img{

    height: 200px;

}



.blog-content{

    height: 69px;

    overflow: hidden;

    margin-bottom: 13px;

}





.main-blog-links{

    font-weight: 600;

    font-size: 14px;

    text-transform: uppercase;

}



.main-blog-readmore{

    float:right;

}



.main-blog-readmore a{

    color: #1A97D4;

}



.main-blog-category{

    color: #A1A1A1;

}



.blog-box h4{

    font-weight:600;

    font-size: 18px;

    line-height: 1.2;

}

.blog-box p{

    line-height: 1.2;

}



/* --------------- blog-(posts)-page --------------- */

section#bp-blog{

    padding-top: 80px;

    background-color: #f7f7f7;

}



.bp-post{

    width: 100%;

    padding: 0px;

    height: 300px;

    overflow: hidden;

    margin-bottom: 40px;

}

.bp-post-img{

    float: left;

    width: 40%;

    height: 100%;

    background:no-repeat center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}



.bp-post-cnt{

    /*    float: right;
    height: 100%; */
    width: 60%;

    padding: 24px 40px 22px 40px;


    height: 288px;
    overflow: hidden;
    margin-bottom: 13px;

}



.bp-post-txt {

    height: 235px;

    overflow: hidden;

}



.bp-post .post-edit-link{

    float: left;

    font-size: 13px;

    margin-top: -22px;

    margin-left: -12px;

    color: #aaa;

}


@media all and (min-width: 768px){

	#next-post-link{
		text-align:right;
	}
}


@media all and (max-width: 767px){

	#bp-blog p{
		font-size: 16px;
	}
	
	.main-blog-links{
		font-size: 12px;
	}
	
	#next-post-link{
		text-align:center;
	}

	#previous-post-link{
		text-align:center;
	}

}


@media all and (max-width: 991px){



    .bp-post-cnt{

        width: 100%;
		height: 100%;

    }
	
	.bp-post-txt, .bp-post{
		height: 100%;
	}



    .blog-box .main-blog-post-image{

        display: none;

    }



}



/* --------------- End blog-(posts)-page --------------- */



/* ---------- FAQ ---------------*/

#faq-mobile{
    background-color: #1A97D4;
    color: #FFFFFF;
}

#faq-mobile img{
	max-width: 100%;
}

#faq-mobile-link{
	margin-top: 50px;
	margin-bottom: 50px;
}

#faq-mobile-link a{
	color: #fff;
	border: 2px solid #fff;
	padding: 20px 40px;
	font-weight: 500;
	font-size: 28px;
	text-decoration: none;
}

#faq-mobile-link a:hover{
	color: #1A97D4;
	background-color: #fff;
}

#faq-page{

    background-color: #f7f7f7;

}



#faq-page .panel-group .panel{

    border: 0;

    box-shadow: none;

    margin-bottom: 20px;

    border-radius: 0;

    background: none;

    border-left: #D9D9D9 solid 4px;

    -webkit-transition : border 300ms ease-out;

    -moz-transition : border 300ms ease-out;

    -o-transition : border 300ms ease-out;

    transition : border 300ms ease-out;

}



#faq-page .panel-group .panel:hover{

    border-left: #1A97D4 solid 4px;

}



#faq-page .panel-heading .fa {

    font-size: 30px;

    color: #D9D9D9;

    position: absolute;

    -webkit-transition : color 300ms ease-out;

    -moz-transition : color 300ms ease-out;

    -o-transition : color 300ms ease-out;

    transition : color 300ms ease-out;

}



#faq-page .panel-group .panel:hover .panel-heading .fa{

    color: #1A97D4;

}



#faq-page .panel-title{

    font-size: 20px;

    color: #666;

    padding-left: 40px;

    display: table-cell;



}



#faq-page .panel-body a{

    text-decoration: none;

}



#faq-page .panel-body p{

    margin: 0;

    font-weight: 400;

}



.faq-accordion div.panel-heading {

    background-color: #fff;

    padding: 20px 15px;

    cursor: pointer;

    line-height: 30px;

    /*box-shadow: 0 0 35px rgba(0, 0, 0, 0.14);*/

}



.faq-accordion div.panel-heading.collapsed {

    /*box-shadow: none;*/

}



.faq-accordion div.panel-heading:hover {

    text-decoration: none;

    /*background-color: #F3F3F3;*/

}



.faq-accordion div.panel-heading a:hover {

    text-decoration: none;

}



.faq-accordion.panel-group .panel-heading+.panel-collapse>.panel-body{

    padding: 15px 55px;

    border: none;

    /*    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 30%);

    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 30%);

    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 30%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#80ffffff', GradientType=1 );*/

    background: #fafafa;

}



/* ---------- END FAQ ---------------*/





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

/* --------------- quotes --------------- */



#quotes{

    height: 500px;

    overflow: hidden;

    background-color: #f4f4f4;

    background: url('img/cover-1.jpg') no-repeat center center fixed #f4f4f4;



    -webkit-background-size: cover;

    -moz-background-size:    cover;

    -ms-background-size:     cover;

    -o-background-size:      cover;

    background-size:         cover;



    font-family: 'Dancing Script', cursive;

}



@media all and (max-width: 767px){

    #quotes{

        height: 800px;

    }

}



.sentences{

    position: relative;

    display: none;

    color:#e4e4e4;

    font-size: 50px;

    left: 80px;

    line-height: 70px; 

    margin:20px 0;

    list-style-type: none;

    left: 0;

    right: 0;

}



@media all and (max-width: 767px){

    .sentences{



        font-size: 42px;

        line-height: 56px; 



    }

}



li.sentences div{

    font-size: 26px;

    font-weight: 700;

    margin-top: 10px;

    opacity: 0.4;

}



li.sentences i{

    font-size: 38px;

    display: block;

    margin-bottom: 10px;

    opacity: 0.4;

}



.quotes-center{

    position: relative;

    padding: 0px;

}



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

/* ---------------- home-video -------------- */

#home-video{

    /*background-color: #71b1e0;*/

    background: url('img/home-vid-light.png') no-repeat left top #0B78A7;

    min-height: 480px;



}



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

/* --------------- achievements ------------- */

#achievements{

    background-color: #f4f4f4;

    background: url('img/cover-3.jpg') no-repeat right top fixed #f4f4f4;



    -webkit-background-size: cover;

    -moz-background-size:    cover;

    -ms-background-size:     cover;

    -o-background-size:      cover;

    background-size:         cover;



    color: #fff;

    padding-top: 100px;

    padding-bottom: 100px;

}



#achievements p{

    font-weight: 300;

    font-size: 18px;

}



@media all and (max-width: 767px){

    #achievements p{

        margin-bottom: 50px;

    }

}





#achievements h4{

    margin-bottom:100px;

    font-size: 28px;

    font-weight: 400;

}



#achievements h5{

    font-weight: 700;

    font-size: 30px;

    margin: 30px 0 10px;

}



.achievements-container div .achievementsIcons{

    -webkit-transition: all ease-in-out 0.3s;

    -moz-transition:    all ease-in-out 0.3s;

    -ms-transition:     all ease-in-out 0.3s;

    -o-transition:      all ease-in-out 0.3s;

    transition:         all ease-in-out 0.3s;

}



.achievements-container div:hover .achievementsIcons{



    -webkit-transform: rotate(360deg);

    -moz-transform:    rotate(360deg);

    -ms-transform:     rotate(360deg);

    -o-transform:      rotate(360deg);

    transform:         rotate(360deg);

}







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

/* --------------- brands --------------- */

#brands{

    background-color: #f4f4f4;

    background: url('img/cover-2.jpg') no-repeat right top fixed #f4f4f4;



    -webkit-background-size: cover;

    -moz-background-size:    cover;

    -ms-background-size:     cover;

    -o-background-size:      cover;

    background-size:         cover;



    color: #fff;

    padding: 80px 0;

}



#brands img{

    max-height: 100px;

    max-width: 100%;

    width: auto;

}



@media all and (max-width: 767px){

    #brands .client-logo{

        margin-bottom: 80px;

    }

}





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

/* --------------- footer --------------- */

#footer h4{
    text-transform: uppercase;
    margin-bottom: 20px;
}
#footer-top, #footer-top p, #footer-bottom-top p, #footer-top a{
    font-size: 12px;
    color: #DFDFDF;

}

#footer-top{
    background-color: #666;
    padding-top: 40px
    /*text-align:left;*/
}

#footer-top .textwidget{
	margin-bottom: 40px;
}

#footer-top ul{
    padding-left:30px; 
    list-style:none;
	margin-bottom: 40px;
    /*padding-left: 0;
    padding-right: 50px;*/
}

#footer-top ul li{
	list-style-type: none;
	font-size: 16px;
	margin-top: 4px;
	min-height: 32px;
}


#footer-top li:before {    
    font-family: 'FontAwesome';
    content: '\f0a9';
    margin: 0 15px 0 -30px;
    position: absolute;
}


#footer-bottom{
    background-color: #444; 
    padding: 20px;
    text-align: center;
    color: #fff;
}

#footer-drops{
	background-color: #333;
}

#footer-drops p{
    margin: 30px 0;
    font-size: 11px;
    text-align:center;
}

#footer-contact a{
    color: #DFDFDF;
}

.footer-service-list, .footer-posts-list, #footer-site-links .navbar-nav li{
    padding: 8px 0;
    border-bottom: 1px solid #666;
}


.drops-line {

    /*margin-top: 75px;*/

    color: #B8B8B8;

    /*font-size: 10px;*/

}



.drops-line a{color: #B8B8B8;}

.drops-line a:hover{color: #666;}

#logo-drops{

    width: 14px;

    height: auto;

    margin: -5px 3px 0 3px;

}



#footer .fa-heart{

    color: #dc7070;

}





/*------------------wordpress inner page-------------------*/



#contact-map{

    height: 450px;

}



#contact-us-default{

    background-color: #f4f4f4;

    background: url('img/cover-2.jpg') no-repeat right top fixed #f4f4f4;



    -webkit-background-size: cover;

    -moz-background-size:    cover;

    -ms-background-size:     cover;

    -o-background-size:      cover;

    background-size:         cover;



    color: #fff;

    margin-top: 100px;

}



.default-margin{

    margin-top: 100px;

    margin-bottom: 100px;

}



#contact-us-default h4{

    margin-bottom: 20px;

}





#contact-us-default h4 span{

    font-size:22px;

    display: block;

    margin-bottom: 10px;

}



#contact-us-default .gaps{

    margin-top: 10px; /*spaces in contact form*/

}



.input-transparent{

    background-color:transparent;

    color:rgba(255,255,255,.7);

}



#contact-us-default-form input{

    text-align: center;

}



#contact-us-default-textarea{

    display: none;

}



#contact-us-default #btn-send-req{

    background-color:#fff;

}



.single-blog-img{

    margin-bottom: 10px;

    border-radius: 6px;

}



.inner-page .details-box{

    background-color: #EFEFEF;

    padding: 20px;

    min-width: 310px;

    border-radius: 6px;

    float: right;
    margin-bottom: 10px;
    margin-left: 20px;

}



@media all and (max-width: 790px){

    .inner-page .details-box{

        width: 100%;

    }

}



.author-date-box{

    float: left;

}



.details{

    display: block;

}



.author-blog-img{

    margin-right: 20px;

    float: left;

}



.author-blog-img img{

    height: 64px;

    width: auto;

}



.author-name{

    font-size: 16px;

    font-weight: bold;

    border-bottom: 1px  #ccc solid;

    margin-bottom: 10px;

    padding-bottom: 3px;



}



.blog-date{

    font-size: 14px;

}





.the-tags, .the-categories{

    margin-top: 10px;

    margin-bottom: 10px;

}



.the-categories h5, .the-tags h5{

    float: right;

    color: #444;

    /*padding: 3px 0;*/

    margin: 0;

    font-weight: bold;

    line-height: normal;

}



.the-tags a, .the-categories a{

    background-color: #eee;

    color: #777;

    /*border: solid #eee 1px;*/

    font-size: 14px;

    /*font-weight: bold;*/

    text-decoration: none;

    margin-right: 6px;

    padding: 3px 8px;

    transition: 0.5s;

    border-radius: 3px;

}



.the-tags a:hover, .the-categories a:hover{

    background-color: #ddd;

    /*    border: solid #6699ff 1px;*/

    transition: 0.3s;

    color: #888;

}







/* --------------- move things when admin's bar shown --------------- */

.admin-bar #navbar-front-page nav.navbar-fixed-top {

    top: 46px;

}

@media screen and (min-width: 783px) {

    .admin-bar #navbar-front-page nav.navbar-fixed-top {

        top: 32px;

    }

}



.modal-table .modal-header{

    border-bottom: 0;

}



.modal-table .modal-body{

    padding: 0;

}



.modal-table table.table{

    margin-bottom: 0;

}



.modal-table table.table > tbody > tr > th{

    text-align: center;

    color:#777;

    background-color: #e0e0e0;

    font-size: 16px;

}



.modal-table table.table > tbody > tr > th,

.modal-table table.table > tbody > tr > td{

    vertical-align: middle;

}



/*.modal-table .table>thead>tr>th,

.modal-table .table>tbody>tr>th,

.modal-table .table>tfoot>tr>th,*/

.modal-table .table>thead>tr>td:first-child,

.modal-table .table>tbody>tr>td:first-child,

.modal-table .table>tfoot>tr>td:first-child{

    padding-right: 15px;

}



.modal-table table.table > tbody > tr > th small,

.modal-table table.table > tbody > tr > td small{

    font-size: 75%;

}



.small-65-top{

    font-size: 65%;

    vertical-align: top;

}



.small-65-bottom{

    font-size: 65%;

    vertical-align: bottom;

}



.small-65-middle{

    font-size: 65%;

    vertical-align: middle;

}



.small-75-middle{

    font-size: 75%;

    vertical-align: middle;

}



#modal-contact-us-form .input-group, #modal-message{

    margin-bottom: 10px;

}



.padding-left-0{

    padding-left: 0;

}



.element-dismissed {

    height: 0;

    padding-top: 0;

    padding-bottom: 0;

    margin-top: 0;

    margin-bottom: 0;

    overflow: hidden;

    opacity: 0;

    border-top: 0;

    border-bottom: 0;

}



.element-dismissable {

    -webkit-transition: all 300ms ease-out;

    -moz-transition: all 300ms ease-out;

    -ms-transition: all 300ms ease-out;

    -o-transition: all 300ms ease-out;

    transition: height 300ms ease-out, padding 300ms ease-out, border 300ms ease-out, margin 300ms ease-out, opacity 300ms ease-out;

}



.btn-group-addons i.fa-check-square-o{

    display: none;

}



.btn-group-addons i.fa-square-o{

    opacity: 0.4;

}



.btn-group-addons .active i.fa-square-o{

    display: none;

}



.btn-group-addons .active i.fa-check-square-o{

    display: inline-block;

}



.btn-group-addons .active{

    /*font-weight: 700;*/

    background-image: -webkit-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);

    background-image: -o-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);

    background-image: -webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#c8e5bc));

    background-image: linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);

    background-repeat: repeat-x;

    border-color: #b2dba1;

    color: #3c763d;

}



.btn-group-addons .btn{

    white-space: normal;

    text-align: right;

    padding: 15px;

}



.btn-group-addons{

    width: 100%;

}



.show-if-parent-active{

    /*display: none;*/

    /*  -webkit-transition:  200ms ease-in-out;

        -moz-transition: all 200ms ease-in-out;

        -ms-transition: all 200ms ease-in-out;

        -o-transition: all 200ms ease-in-out;

        transition: all 200ms ease-in-out;*/

    opacity: 0;



}



.active .show-if-parent-active{

    /*display: inline-block;*/

    -webkit-transition:  1200ms ease-in;

    -moz-transition: all 1200ms ease-in;

    -ms-transition: all 1200ms ease-in;

    -o-transition: all 1200ms ease-in;

    transition: all 1200ms ease-in;

    opacity: 1;

}



a#nav-login{

    padding: 0px 14px;

    margin: 14px 7px;

    border: solid 1px;

    border-radius: 30px;

    opacity: 0.6;

    font-size: 85%;

}



.force-hebrew-font{

    font-family: 'Open Sans Hebrew', serif !important;

}

/* <select> - used in tandem with jQuery to wrap all <selects>'s */
.select-wrapper {
    position: relative;
    z-index: 0;
    display: inline-block; 
    overflow: hidden;
    /* this hides the select's drop button */
    /*height: auto;*/
    background-color: #FFF;
    border: 0;
    /* border-bottom: #D9D9D9 solid 4px; */
    display: inline-block;
    margin-bottom: 10px;
    box-shadow: none;
    border-radius: 0;
    width:100%
}

.select-wrapper:before {
    position: absolute;
    z-index: 1;
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    top: 50%;
    right: 10px;
    margin-top: -10px;
    font-size: 14px;
    color: #b3b3b3;
}

.select-wrapper select { 
    position: relative;
    z-index: 2;
    outline: none;
    width: 100%;  /*this percentage effectively extends the drop down button out of view */
    /*padding: 5px 20px 5px 10px;*/
    background-color: transparent; /* this hides the selects background making any styling visible from the div */
    background-image: none; 
    -webkit-appearance: none; /* this is required for Webkit browsers */ 
	-moz-appearance: none;
    /*border:none !important; */
    box-shadow: none;
    margin: 0 !important;
}

#faq-page .rev_slider_wrapper{
	margin-top: -190px !important;
}