@charset "utf-8";
/* CSS Document */

/************* MISC ***************/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
     width: 20%;
     float: right;
 }
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: right;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: right;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: right;
    }
}
@import url(http://fonts.googleapis.com/earlyaccess/opensanshebrew.css);
body {
	font-family: 'Open Sans Hebrew', Arial, sans-serif;
    color: #000000;
}
* {
	margin: 0 auto; 
	padding: 0;
	direction: rtl;
}
img {
	max-width: 100%;
}
.clear-20 {
    clear: both;
    height: 20px;
}
.clear-30 {
    clear: both;
    height: 30px;
}
a {
    color: #267dba;
}
a:focus, a:hover {
    color: #25438d;
}
.carousel .item > div {
    display: table;
    height: 100%;
}
.carousel-caption {
    z-index: 10;
    position: static;
    vertical-align: middle;
    display: table-cell;
}
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}

@media (max-width: 768px) {
    .row-eq-height {
        display: block;
    }
}

/************* HEADER ***************/
header {
    background-color: #f3f3f3;
    font-size: 17px;
    color: #000000;
    min-height: 78px;
}
header .row {
    position: relative;
}
.navbar {
    margin-bottom: 0px;
}
.navbar-default {
    background: none;
    border: none;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background: none;
}
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>.active>a{
    color: #000000;
    padding: 29px 37px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li.active>a:hover {
	color: #25438d;
}
.navbar-nav li.switch-site {
    background: #ffffff;
    font-size: 15px;
}
.navbar-nav li.switch-site strong {
    color: #25438d;
}
.navbar-nav li.switch-site img {
    margin-left: 10px;
}
.navbar-nav li.switch-site img.arrow {
    margin-right: 15px;
    margin-left: 0px;
}
.navbar-brand>img {
    z-index: 2;
    position: relative;
    top: 15px;
    margin-right: 38px;
}
header .arrow-down {
    width: 0;
    height: 0;
    border-left: 115px solid transparent;
    border-right: 115px solid transparent;
    border-top: 70px solid #f3f3f3;
    position: absolute;
    z-index: 1;
}
@media (max-width: 1200px) {
    .navbar-default .navbar-nav>li>a,
    .navbar-default .navbar-nav>.active>a{
        padding-right: 20px;
        padding-left: 20px;
    }

}
@media (max-width: 1000px) {
    .navbar-header {
        float: none;
        height: 78px;
    }
    .navbar-toggle {
        margin-top: 23px;
        display: block;
    }
    .navbar-collapse.collapse,
    .arrow-down{
        display: none!important;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .navbar-brand {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .navbar-brand > img {
        height: 60px;
        top: 10px;
        margin-right: 0;
    }
    .navbar-default .navbar-nav>li>a,
    .navbar-default .navbar-nav>.active>a{
        padding-right: 17px;
        padding-left: 17px;
    }
    .navbar-nav {
        padding-top: 15px;
    }
}
@media (max-width: 768px) {
    .navbar-nav {
        padding-top: 0px;
    }
    .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>.active>a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

/************* BIG IMAGE ***************/
#bigImage {
    height: 400px;
    width: 100%;
    background: url(../images/bigImage.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#bigImage .carousel {
    height: 400px;
}

#bigImage .carousel .item {
    height: 400px;
}
.carousel .item > div {
    display: table;
    height: 100%;
}
#bigImage .carousel .item h2 {
    font-size: 32px;
    text-shadow: 0px 14px 14px rgba(0, 0, 0, 0.3);
}
#bigImage .carousel .item p {
    font-size: 36px;
    font-weight: bold;
    text-shadow: 0px 14px 14px rgba(0, 0, 0, 0.3);
}
#bigImage .carousel-indicators li {
    background-color: #78bbd6;
    border: 0;
}
#bigImage .carousel-indicators li.active {
    background-color: #ffffff;
}

/************* mainText ***************/
#mainText > .container-fluid >  .row {
    background: -webkit-linear-gradient(left, #25438d, #25438d 35%, white 35%, white);
}
#mainText .container .row > div.blue {
    background-color: #25438d;
    color: #ffffff;
}
#mainText .container .row > div.blue:before {
    content: "";
    position: absolute;
    right: -39px;
    top: 0;
    border-color: #25438d transparent;
    border-style: solid;
    border-width: 40px 40px 0px 0px;
    height: 0px;
    width: 0px;
}
#mainText h1,
#mainText h2 {
    font-size: 24px;
}
#mainText h1 strong,
#mainText h2 strong {
    color: #25438d;
    font-weight: 700;
}
#mainText p,
#mainText ul {
    font-size: 15px;
    color: #464646;
    line-height: 40px;
}
#mainText ul {
    margin-right: 20px;
}
#mainText p a {
    font-weight: bold;
}

#mainText div.blue h2 {
    font-size: 24px;
    font-weight: 700;
    margin-right: 15px;
}
#mainText .carousel {
    height: 260px;
}

#mainText .carousel .item {
    height: 260px;
}
#mainText .carousel-indicators {
    right: 0;
    left: auto;
    text-align: right;
    margin-right: 30px;
}
#mainText .carousel-indicators li {
    background-color: #677caf;
    border: 0;
}
#mainText .carousel-indicators li.active {
    background-color: #ffffff;
}
#mainText .carousel-caption {
    text-align: right;
    padding: 0;
    display: block;
    position: absolute;
    right: 15px;
    width: 100%;
    top: 0;
}
#mainText .carousel p {
    font-size: 15px;
    color: #ffffff;
    line-height: 30px;
}
@media (max-width: 768px) {
    #mainText > .container-fluid >  .row {
        background: transparent;
    }
    #mainText .container .row > div.blue:before {
        right: 0px!important;
        top: -20px!important;
        border-width: 0px 0px 20px 50px!important;
    }
}

/************* Products ***************/
#products {
    background: #f3f3f3;
    text-align: center
}
#products .col-sm-15 {;
    margin-top: 35px;
    margin-bottom: 35px;
    border-left: 2px solid #e7e7e7;
    line-height: 55px;
}
#products .col-sm-15:last-child {
    border-left: 0;
}
#products .col-sm-15 a {
    font-size: 18px;
    color: #000000;
    display: block;
}
#products .col-sm-15 a img.hover {
    display: none;
}

#products .col-sm-15 a:hover {
    color: #25438d;
    font-weight: bold;
    text-decoration: none;
}
#products .col-sm-15 a:hover img.hover {
    display: inline-block;
}
#products .col-sm-15 a:hover img.regular {
    display: none;
}
@media (max-width: 480px) {

    #products .col-sm-15 a {
        font-size: 15px;
    }
}


/************* Contact ***************/
#contact {
    background: url('../images/contact-bg.png') no-repeat center center / cover;
    color: #ffffff;
}
#contact > .container > .row > .col-sm-4 {
    border-left: 1px solid rgba(255,255,255,0.1);
}
#contact h2 {
    font-size: 22px;
    font-weight: lighter;
}
#contact p {
    font-size: 16px;
    line-height: 28px;
    font-weight: lighter;
}
#contact label {
    font-size: 14px;
    text-align: right;
}
#contact input[type=text],
#contact input[type=password],
#contact input[type=email],
#contact input[type=tel],
#contact textarea {
    opacity: 0.6;
    background: rgba(255,255,255,0.1);
    border: 1px solid #ffffff;
    border-radius: 0px;
    color: #ffffff;
}
#contact textarea {
    height: 80px;
}
#contact button {
    width: 100%;
    color: #25438d;
    font-size: 18px;
    font-weight: bold;
}
#contact .contact-info {
    width: 50%;
    position: relative;
    overflow: hidden;
    margin: 0;
}

#contact .contact-info p {
    display: inline-block;
}
#contact .contact-info ul {
    padding: 0;
    list-style: none;
}
#contact .contact-info ul li {
    line-height: 27px;
    font-size: 15px
}
#contact .contact-info ul li span {
    color: #FFF!important;
    float: left;
    z-index: 9;
    position: relative;
    padding: 0 0 0 5px;
    font-weight: 600;
}
#contact label,
{
    font-weight: lighter;
}
#contact form {
    border-top: 1px solid  rgba(255,255,255,0.1);
    padding-top: 20px;
}

/************* Footer ***************/
footer {
    background-color: #1f2127;
    color: #646464;
    padding-top: 20px;
    padding-bottom: 10px;
}
footer a {
    color: #646464;
}
footer a:hover {
    color: #a5a5a5;
}
footer ul li {
    display: inline-block;
    padding: 0 15px;
    border-left: 1px solid #46474b;
}
footer ul li:last-child {
    border-left: 0;
}
@media (max-width: 992px) {
    footer .row > div {
        text-align: center!important;
        margin-bottom: 15px;
    }
}


/************* Inner ***************/
body.inner #bigImage {
    height: 160px;
}
body.inner #bigImage div {
    height: 100%;
}
body.inner #bigImage .row > div {
    display: table;
}
body.inner #bigImage .bigImageText {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
}
body.inner #bigImage h1 {
    font-size: 36px;
    font-weight: bold;
    margin: 0;
}
body.inner #bigImage p {
    margin-top: 10px;
}
body.inner #contact.white {
    background: #ffffff;
    color: #000000;
}
body.inner #contact.white .contact-info ul li span {
    color: #25438d!important;
}
body.inner #contact.white > .container > .row > .col-sm-4 {
    border-left-color: #e8e8e9;
    border-right-color: #e8e8e9;
}
body.inner #contact.white form {
     border-top-color: #e8e8e9;
}
body.inner #contact.white input[type=text],
body.inner #contact.white input[type=password],
body.inner #contact.white input[type=email],
body.inner #contact.white input[type=tel],
body.inner #contact.white textarea {
    background: #f8f8f8;
    border-color: #dadada;
    color: #4f4f4f;
}
body.inner #contact.white button {
    color: #ffffff;
    background: #25438d;
}
body.inner #contactLine {
    background: #f3f3f3;
}
body.inner #contactLine .row > div {
    padding: 35px 0;
    color: #1f2127;
    font-size: 27px;
}
body.inner #contactLine .row > div strong span {
    color: #25438d;
    display: inline-block;
}

body.inner .google-maps {
    position: relative;
    height: 300px;
    overflow: hidden;
}
body.inner .google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}


/************* Products & Companies***************/
body.inner #products-page .row > div.item,
body.inner #companies-page .row > div.item {
    padding: 50px 15px;
    border-bottom: 2px solid #e8e8e8;
}

body.inner #products-page .row > div.item img,
body.inner #products-page .row > div.collapseable .categoryItem img {
    float: right;
}
body.inner #products-page .row > div.item .text,
body.inner #products-page .row > div.collapseable .categoryItem .text,
body.inner #companies-page .row > div.item .text {
    float: right;
    margin-right: 20px;
    color: #464646;
    font-size: 15px;
    line-height: 35px;
}
body.inner #products-page .row > div.item .text h2,
body.inner #companies-page .row > div.item .text h2 {
    margin: 0px;
    font-size: 24px;
    color: #25438d;
    font-weight: 800;
}
body.inner #products-page .row > div.collapseable .categoryItem .text h2 {
    margin: 0px;
    font-size: 22px;
    color: #25438d;
    font-weight: 600;
}
body.inner #products-page .row > div.collapseable .categoryItem .text h2,
body.inner #companies-page .row > div.item .text h2 {
    margin-top: 11px;
}
body.inner #products-page .row > div.item button,
body.inner #products-page .row > div.collapseable .categoryItem button,
body.inner #companies-page .row > div.item button {
    float: left;
    background: #25438d;
    color: #ffffff;
    font-size: 17px;
    font-weight: bold;
    padding: 12px 0;
    width: 170px;
}
body.inner #products-page .row > div.collapseable,
body.inner #products-page .row > div.item.open,
body.inner #companies-page .row > div.item.open {
    background-color: #f7f7f7;
    border-bottom: 2px solid #e8e8e8;
}
body.inner #products-page .row > div.collapseable .phone strong span,
body.inner #companies-page .row > div.collapseable .phone strong span {
    color: #25438d;
}
body.inner #products-page .row > div.item.open button,
body.inner #products-page .row > div.collapseable .categoryItem.open button,
body.inner #companies-page .row > div.item.open button {
    background-color: #f7f7f7;
    color: #25438d;
    border: 1px solid #25438d;
}
body.inner #products-page .row > div.collapseable .product {
    margin-top: 20px;
}
body.inner #products-page .row > div.collapseable .product > div {
    border: 1px solid #d2d2d2;
    padding: 15px;
}
body.inner #products-page .row > div.collapseable .product .text {
    float: right;
    color: #464646;
    line-height: 35px;
    font-size: 15px;
}
body.inner #products-page .row > div.collapseable .product .text h3 {
    margin: 14px 0px 0;
    color: #25438d;
    font-size: 18px;
    font-weight: bold;
}
body.inner #products-page .row > div.collapseable .product a img {
    float: left;
}
body.inner #companies-page .row > div.item .logos {
    float: left;
    margin-left: 20px;
    margin-bottom: 0;
}
body.inner #companies-page .row > div.item .logos li {
    display: inline-block;
    padding: 0 15px;
}
@media (max-width: 1000px) {
    body.inner #companies-page .row > div.item .logos {
        display: none;
    }
}
@media (max-width: 768px) {
    body.inner #products-page .row > div.item,
    body.inner #products-page .row > div.collapseable,
    body.inner #products-page .row > div.collapseable .text-left{
        text-align: center!important;
    }
    body.inner #products-page .row > div.item img,
    body.inner #products-page .row > div.item .text,
    body.inner #products-page .row > div.item button,
    body.inner #products-page .row > div.collapseable .product a img{
        float: none!important;
    }
}
body.inner #products-page .row > div.collapseable .categoryItem {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+100 */
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-8 */

    border-bottom: 2px solid #e8e8e8;
}
body.inner #companies-page .row > div.collapseable .company > div {
    background: #f3f3f3;
    border: 1px solid #d2d2d2;
    display: table;
    width: 100%;
}
body.inner #companies-page .row > div.collapseable .company .logo {
    background: #ffffff;
    height: 100px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
body.inner #companies-page .row > div.collapseable .company .text {
    padding: 0 10%;
    font-size: 15px;
    color: #464646;
    line-height: 25px;
    display: table-row;
}
body.inner #companies-page .row > div.collapseable .company .text h3 {
    color: #25438d;
    font-size: 18px;
    font-weight: 600;
    margin-right: 30px;
    margin-left: 30px;
}
body.inner #companies-page .row > div.collapseable .company .text p {
    margin-right: 30px;
    margin-left: 30px;
}