@import url(https://use.fontawesome.com/releases/v5.0.6/css/all.css);
@import url(https://fonts.googleapis.com/earlyaccess/opensanshebrew.css);
@import url('http://fonts.googleapis.com/css?family=Titillium+Web:200');


body{
    font-family: 'Open Sans Hebrew';
    background: url("../images/background.jpg") no-repeat;
    background-size: cover;
    color: white;
}

/* HEADER */

#header{
    background: #171717;
    position: fixed;
    width: 100%;
    z-index: 10000;
}

#header .phone-wrapper{
    color: #1ea0f3;
    font-size: 18px;
    display: inline-block;
    font-weight: bold;
    padding: 0px 20px;
    line-height: 55px;
    border-left: 1px solid #747473;
    border-right: 1px solid #747473;
    transition: all 1s ease;
}

#header .phone-wrapper:hover, #header .phone-wrapper:focus{
    color: darkgrey;
}

#header .phone-wrapper i{
    margin-left: 5px;
}

#header .language-wrapper{
    display: inline-block;
    position: relative;
}

#header .language-wrapper i{
    padding: 0px 13.5px;
}

#logo {
    display: inline-block;
    padding: 10px 0px;
    max-width: 270px;
}

#header .language-wrapper ul{
    display: none;
    position: absolute;
    list-style: none;
    padding: 0px;
    top: calc(100% - 10px);
    z-index: 9000;
    margin-bottom: 0px;
}

#header .language-wrapper li{
    margin-bottom: 3px;
}

/* MENU */

#menu{
    padding: 0px;
    margin: 0px;
    text-align: center;
    display: inline-block;
}

#menu li {
    display: inline-block;
    line-height: 80px;
    margin-left: 20px;
}

#menu li a {
    color: white;
    font-size: 18px;
    padding: 0px 5px;
    display: inline-block;
    transition: all 1s ease;
}

#menu li a:hover {
    color: #1ea0f3;
    text-decoration: none;
}

#menu li a:focus {
    text-decoration: none;
}

#menu .active{
    color: #1ea0f3 !important;
    border-bottom: 2px solid #1ea0f3;
    font-weight: bold;
}


#mobileMenu {
    display: none;
}

/* SLIDER */

#slider{
    padding: 220px 0px 120px 0px;
    background: url("../images/slider-background.jpg") no-repeat;
    background-size: cover;
    text-align: center;
}

#slider a{
    font-size: 18px;
    color: white;
    padding: 5px 20px;
    margin-top: 60px;
    display: inline-block;
    border: 1px solid white;
    transition: all 1s ease;
    opacity: 0.5;
}

#slider a:hover, #slider a:focus{
    background: white;
    color: black;
    text-decoration: none;
    opacity: 1;
}

/* ABOUT */
#about{
    padding: 80px 0px;
    background: url("../images/about-background.jpg") no-repeat;
    background-size: cover;
    text-align: center;
}

#about .GlobalRow{
    text-align: right;
    margin-top: 60px;
}

#about .content-wrapper p{
    font-size: 14px;
}

#about .agreements-wrapper{
    margin-top: 20px;
}

#about .agreements-wrapper b{
    font-size: 16px;
    display: block;
    margin: 5px 0px;
    color: #188dca;
    transition: all 0.5s ease;
}

#about .agreements-wrapper b:hover, #about .agreements-wrapper b:focus{
    color: #1ea9f1;
}

#about .agreements-wrapper a:hover, #about .agreements-wrapper a:focus{
    text-decoration: none;
}

#about small{
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: #1ea9f1;
}

#about .amount{
    text-align: center;
    display: inline-block;
    margin-left: 15px;
}

#about .agreements{
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 100%;
}

#about .text-wrapper{
    padding: 15px;
    border-radius: 50px;
    border: 2px solid #188dca;
	height: 140px;
}

#about .content-wrapper .icon{
    font-size: 41px;
    padding: 25px 30px;
    border-radius: 100%;
    border: 2px solid #188dca;
    margin-bottom: 15px;
}

#about .content-wrapper strong{
    font-size: 30px;
    font-weight: 900;
    display: block;
    margin-bottom: 0px;
    line-height: 26px;
}

#about .owl-carousel .owl-nav.disabled{
    display: block !important;
}

#about .owl-theme .owl-nav{
    margin-top: 0px;
}

#about .owl-nav i:hover, #about .owl-nav i:focus{
    color: #4e6f81;
    outline: none;
}

#about .owl-theme .owl-nav [class*=owl-]{
    background: none !important;
    padding: 0px;
    margin: 0px 10px;
    font-size: 26px;
}

#about .footer-child{
    display: table-footer-group;
}

#about .header-child{
    display: table-header-group;
    margin-bottom: 40px;
}

#about .content-wrapper small{
    margin-top: 0px;
}

#about .profile-wrapper{
    text-align: center;
}

#about .profile{
    box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.4);
    margin-bottom: 10px;
}

#about .profile-wrapper h1{
    font-size: 24px;
    margin-bottom: 0px;
}

/* VALUES */
#values{
    padding: 80px 0px;
    color: #363636;
}

#values hr::after{
    background: #363636;
}

#values .block-wrapper{
    border-radius: 5px;
    box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.2);
    background: white;
    margin-bottom: 40px;
}

#values .owl-carousel .owl-dots.disabled{
    display: block !important;
}

#values a{
    color: #363636;
}

#values a:hover, #values a:focus{
    text-decoration: none;
}

#values .block-footer{
    padding: 10px 20px;
    border-top: 1px solid #a9a9a9;
    color: #a9a9a9;
}

#values .block-footer small{
    font-size: 14px;
}

#values .block-content{
    padding: 10px 20px;
}

#values h3{
    font-weight: bold;
    font-size: 20px;
    margin: 10px 0px;
}

#values .row{
    margin-top: 60px;
}

#values .column-wrapper{
    padding: 0px 15px;
}

#values .block-header img{
    max-height: 180px;
    width: 100%;
    border-radius: 5px 5px 0px 0px;
}

/* CONTACT */
#contact{
    padding: 80px 0px;
    background: url("../images/footer-background.jpg") no-repeat;
    background-size: cover;
}

#contact .GlobalRow{
    margin-top: 60px;
}

#contact input, #contact textarea{
    border-radius: 0px;
}

#contact button{
    background: #1eaaf3;
    color: white;
    padding: 8px 20px;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
    display: inline-block;
    border: 0px;
    font-size: 18px;
    font-weight: bold;
    transition: all 1s ease;
}

#contact button:hover, #contact button:focus{
    background: #188dca;
}

#contact button i{
    margin-right: 5px;
}

#contact .information-block{
    display: flex;
    margin-bottom: 10px;
}

#contact .block-icon{
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

#contact .block-content{
    display: inline-block;
    vertical-align: middle;
}

#contact .col-lg-6{
    position: relative;
}

#contact .col-lg-6:first-child{
    padding-left: 40px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

#contact .col-lg-6:last-child{
    padding-right: 40px;
}

#contact small{
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
    position: absolute;
    left: 15px;
    top: -25px;
}

#contact strong{
    font-size: 24px;
    font-weight: bold;
    display: block;
}

#contact span{
    font-size: 14px;
    color: #1eaaf3;
    display: block;
    transition: all 0.5s ease;
}

#contact a:hover, #contact a:focus{
    text-decoration: none;
}

#contact a:hover span, #contact a:focus span{
    color: #188dca;
}

#contact .block-icon i{
    font-size: 34px;
    padding: 10px;
    margin-bottom: 0px;
    border-radius: 100%;
    border: 2px solid #188dca;
}

#map{
    height: 334px;
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.title{
    font-size: 36px;
    font-weight: 900;
    margin-bottom: 30px;
    text-align: center;
}

hr{
    width: 250px;
    margin: 0px auto;
    background: rgba(255, 255, 255, 0.5);
}

hr::after{
    content: '';
    display: block;
    width: 80px;
    height: 5px;
    background: white;
    border-radius: 20px;
    margin: 0px auto;
    position: relative;
    top: -3px;
}

.col-center {
    float: none !important;
    margin: 0px auto;
}

@media (max-width: 1400px) {

}

@media (max-width: 1200px) {

}

@media (max-width: 991px) {

    #contact .col-lg-6:first-child{
        margin-bottom: 50px;
        padding-left: 15px;
        border-left-width: 0px;
    }

    #contact .col-lg-6:last-child{
        padding-right: 15px;
    }

    #about .content-wrapper{
        margin-top: 40px;
        padding: 0px 15px;
    }

    #about .profile-wrapper{
        padding: 0px 15px;
    }

    #mobileMenu {
        display: inline-block;
        font-size: 21px;
        border: 1px solid #e3e3e3;
        padding: 1px 7px;
        color: white;
        border-radius: 5px;
        vertical-align: middle;
        margin: 22.5px 0px;
    }

    #header .phone-wrapper{
        padding: 0px;
        line-height: 21px;
        font-size: 16px;
        border-width: 0px;
    }

    #header .language-wrapper{
        margin-right: 10px;
    }

    #menu {
        display: none;
        overflow: hidden;
        text-align: right;
        display: block;
        position: absolute;
        z-index: 10000;
        width: 100%;
        left: 0px;
    }

    #menu {
        padding-right: 0;
        border: 1px solid #ddd;
        margin-bottom: 15px;
    }

    #menu li {
        float: left;
        display: block;
        width: 100%;
        border-bottom: 1px solid #ddd;
        margin-left: 0px;
        line-height: 21px;
    }

    #menu li a {
        width: 100%;
        background: #fff;
        padding: 10px 10px;
        font-size: 16px;
        display: block;
        color: black;
    }

    #menu li:last-child {
        border-bottom: none;
    }
}

@media (max-width: 768px) {

    #contact, #about, #values{
        padding: 60px 0px;
    }

    #about .agreements-wrapper b{
        font-size: 16px;
    }

    #about .content-wrapper{
        margin-top: 20px;
    }

    #about .content-wrapper p{
        font-size: 14px;
    }

    #logo{
        max-width: 198px;
    }

    #about .amount{
        margin-left: 5px;
    }

    #mobileMenu{
        margin: 16.5px 0px 16.5px 0px;
        font-size: 18px;
    }

    #slider a{
        font-size: 16px;
    }

    #slider{
        padding: 190px 0px 90px 0px;
    }
}

@media (max-width: 580px) {

    #about .amount{
        display: flex;
        margin-bottom: 20px;
    }

    #about .amount .icon-wrapper{
        display: inline-block;
        margin-left: 10px;
    }

    #about .amount .icon-wrapper .icon{
        font-size: 34px;
        padding: 10px;
        margin-bottom: 0px;
    }

    #about .amount .value-wrapper{
        display: inline-block;
        text-align: right;
    }

    #about .content-wrapper strong{
        line-height: 30px;
    }

    #about .agreements-wrapper b{
        font-size: 15px;
    }
}

@media (max-width: 486px) {

    #contact, #about, #values{
        padding: 40px 0px;
    }

    .title{
        font-size: 31px;
        margin-bottom: 15px;
    }

    .GlobalRow{
        margin-top: 40px !important;
    }

    #slider{
        padding: 160px 0px 60px 0px;
    }

    hr{
        width: 200px;
    }

    #contact button{
        font-size: 16px;
        padding: 5px 15px;
    }

    #contact input, #contact textarea{
        font-size: 15px;
    }

    #contact .block-icon i{
        font-size: 18px;
    }

    #contact strong{
        font-size: 18px;
        line-height: 21px;
    }

    #contact span{
        font-size: 11px;
    }

    #values h3{
        font-size: 18px;
    }

    #values .block-footer small{
        font-size: 12px;
    }

    #slider a{
        font-size: 14px;
    }
}

.article{
	/*background-image: url('../images/wood.png');
	background-position: center; */
	background-color: #171717;
	color:#fff;
	text-align:center;
	border-radius: 10px;
	width:360px;
	height:230px;
	transition: all 0.3s;
	padding-top:100px;
	margin: 0px auto 30px auto;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
}

.article:hover{
	color: #1ea0f3;
	transform: scale(0.9);
	opacity: 0.8;
	transition: all 0.3s;
}

.article h1{
	font-size: 26px;
	font-weight:900;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}


.scroll-div {
  width:100%;
  height: 1280px;
  position:relative;
}