@import url(https://web-archive.nli.org.il/National_Library/cs_/http://fonts.googleapis.com/css?family=Oxygen);

body {
    font-family: 'Open Sans', Arial, sans-serif;
    _background-image: url("/National_Library/oe_/https://www.sitsite.com/assets/img/sit_bg.png");
}

p {
    text-align: justify;
    text-justify: inter-word;
}

h1, h2, h3, h4, h5 {
    margin: 0px !important;
}

.row {
    margin-right: 0px !important;
}

.sit-content {
    background-color: white;
}

@media (min-width: 768px) {
    .container {
        width: 750px!important;
    }
}

@media (min-width: 992px) {
    .container {
        width: 943px!important;
    }
}

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

div.content-body {
    margin-top: 140px;
}

div.about {
    background-color: #f9c790;
}
/*div.about{    padding-top: 30px;    padding-bottom: 30px;    text-align: justify;    -webkit-column-count: 2; /* Chrome, Safari, Opera */ /*    -moz-column-count: 2; /* Firefox */ /*    column-count: 2;    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */ /*    -moz-column-gap: 40px; /* Firefox */ /*    column-gap: 40px;}*/

div.images .row {
    margin: 0 !important;
}

div.res-image {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
}

div.slidercontainer {
    margin-top: 130px;
    margin-bottom: 0;

}

div.sit-box {
    overflow: hidden;
}

div.images .sit-box img.img-responsive {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
}

div.images .sit-box:hover img.img-responsive {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none;
}

div.sit-box img {
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    position: relative;
}

div.sit-box:hover img {
    _-webkit-transform: scale(1.2) rotate(2deg);
    _-moz-transform: scale(1.2) rotate(2deg);
    _-o-transform: scale(1.2) rotate(2deg);
    _-ms-transform: scale(1.2) rotate(2deg);
    _transform: scale(1.2) rotate(2deg);
}

#social-sidebar {
    right: 0;
    position: fixed;
    top: 20%;
    list-style-type: none;
    z-index: 1000 !important;
}

    #social-sidebar li:first-child a {
        border-top-left-radius: 5px;
    }

    #social-sidebar li:last-child a {
        border-bottom-left-radius: 5px;
    }

    #social-sidebar a {
        background: rgba(0, 0, 0, .7);
        color: #fff;
        text-decoration: none;
        display: block;
        height: 50px;
        width: 50px;
        font-size: 24px;
        line-height: 50px;
        position: relative;
        text-align: right;
        cursor: pointer;
    }

        #social-sidebar a:hover span {
            left: -330px;
            opacity: 1;
            width: 320px;
        }

        #social-sidebar a span {
            font: 12px "Open Sans", sans-serif;
            text-transform: uppercase;
            border-radius: 3px;
            line-height: 24px;
            _left: -100%;
            margin-top: -16px;
            opacity: 0;
            padding: 4px 8px;
            position: absolute;
            transition: opacity .3s, left .4s;
            top: 50%;
            z-index: -1;
            text-align: right;
            width: 320px;
        }

            #social-sidebar a span:before {
                background-color:inherit;
                content: "";
                display: block;
                height: 8px;
                width: 8px;
                right: -4px;
                margin-top: -4px;
                position: absolute;
                top: 50%;
                transform: rotate(45deg);
            }
               
           /*#social-sidebar a span.arrow {
                content: "";
                display: block;
                height: 8px;
                width: 8px;
                right: -4px;
                margin-top: -4px;
                position: absolute;
                top: 50%;
                transform: rotate(45deg);
            }*/
        #social-sidebar a[class*="facebook"] {
            background-image: url('/National_Library/oe_/https://www.sitsite.com/sit/Responsive2015/images/facebookIcon.png');
        }

        #social-sidebar a[class*="dribbble"] {
            background-image: url('/National_Library/oe_/https://www.sitsite.com/sit/Responsive2015/images/ShopIcon.png');
        }

        #social-sidebar a[class*="gplus"] {
            background-image: url('/National_Library/oe_/https://www.sitsite.com/sit/Responsive2015/images/mediaIcon.png');
        }

        #social-sidebar a[class*="linkedin"] {
            background-image: url('/National_Library/oe_/https://www.sitsite.com/sit/Responsive2015/images/linkedInIcon.png');
        }

        #social-sidebar a[class*="twitter"]:hover, #social-sidebar a[class*="twitter"] span, #social-sidebar a[class*="twitter"] span:before {
            background: #00aced;
        }

        #social-sidebar a[class*="facebook"] span, #social-sidebar a[class*="facebook"] span:before {
            background: #3B5998;
        }

        #social-sidebar a[class*="gplus"] span, #social-sidebar a[class*="gplus"] span:before {
            background: #f70000;
        }

        #social-sidebar a[class*="dribbble"] span, #social-sidebar a[class*="dribbble"] span:before {
            background: #f4911e;
        }

        #social-sidebar a[class*="dropbox"]:hover, #social-sidebar a[class*="dropbox"] span, #social-sidebar a[class*="dropbox"] span:before {
            background: #8DC5F2;
        }

        #social-sidebar a[class*="github"]:hover, #social-sidebar a[class*="github"] span, #social-sidebar a[class*="github"] span:before {
            background: #9C7A5B;
        }

        #social-sidebar a[class*="evernote"]:hover, #social-sidebar a[class*="evernote"] span, #social-sidebar a[class*="evernote"] span:before {
            background: #6BB130;
        }

        #social-sidebar a[class*="linkedin"] span, #social-sidebar a[class*="linkedin"] span:before {
            background: #0075b5;
        }

.sliding-menu {
    background-color: #4e5c67;
    visibility: hidden;
    position: fixed;
    _overflow: hidden;
    min-width: 260px;
	 overflow-y:scroll;
       -webkit-overflow-scrolling: touch;
}

    .sliding-menu div.headline {
        background-color: #364451;
        height: 48px;
        border-bottom: 1px solid #26343f;
    }

        .sliding-menu div.headline h4 {
            font-size: 20px;
            margin: 0;
            padding-top: 14px;
            padding-left: 10px;
            color: #feffff;
        }

            .sliding-menu div.headline h4 a {
                color: #feffff;
            }

            .sliding-menu div.headline h4 i {
                float: right;
                margin-right: 10px;
                font-size: 16px;
            }

@media (min-width: 768px) {
    .full-page-width {
        width: 100%;
        overflow: hidden;
        min-height: 500px;
    }

    .content-container {
        width: 100%;
        padding: 20px 0;
    }

    .extended-content-container {
        width: 200%;
        margin-left: -50%;
        padding: 20px 0;
    }
  .extended-content-container-home {
        width: 208%;
        margin-left: -54%;
        padding: 20px 0;
    }
    .extended-content {
        width: 100%;
        text-align: center;
    }

    .sliding-menu div.headline h4 i {
        display: block;
    }
}

.sliding-menu div.headline h4 a:hover {
    text-decoration: none;
}

.sliding-menu ul {
    list-style: none;
    text-align: left;
    padding: 0;
    display: none;
}

.sliding-menu li {
    margin: 10px auto 10px 20px;
}

    .sliding-menu li a {
        font-size: 18px;
        color: #feffff;
    }

        .sliding-menu li a:hover {
            text-decoration: none;
        }

.sliding-menu div.posts address {
    padding-top: 50px;
    padding-left: 50px;
    color: #feffff;
}

    .sliding-menu div.posts address a {
        color: #f5911f;
    }

.sliding-menu hr {
    width: 50%;
    min-width: 100px;
    border-color: rgb(18, 209, 234);
}

.exit {
    position: relative;
    font-size: 20px;
    color: white;
    cursor: pointer;
    text-align: right;
    font-size: 30px;
    color: #c7cccf;
    padding-right: 50px;
    margin-bottom: 50px;
}

.left-exit, .top-exit, .bottom-exit {
    top: 20px;
    right: 40px;
}

.right-exit {
    top: 20px;
    left: 40px;
}
@media (max-height: 710px) {

#layerslider .sliderText span{
	font-size:44px!important;
	_display:none!important;
	}
}
@media (max-width: 991px) {
	div.slidercontainer{
		margin-top:130px!important;
	}
    div.sit-box img {
        width: 100%;
    }

    div.ls-slide img {
        width: 100%;
    }

    #social-sidebar {
        display: none;
    }

    #layerslider {
        padding-bottom: 10px;
    }
	
	#layerslider div.read-more{
		font-size:16px!important;
		_left:50%!important;
		text-align:center;
	}
    div.images img {
        padding: 6px;
    }

    div.images {
        padding-bottom: 20px;
    }

    div.HomeBodyTitle span {
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
    }

    div.footer-default {
        display: none;
    }

    div.boxed-content {
        padding-bottom: 20px;
    }

    div.hideMobile, span.hideMobile {
        display: none;
    }

    #mobileView {
        display: block !important;
    }

    div.main-desc {
        padding-top: 20px;
    }
	.marketing-block{
		margin-top:10px!important;	
	}
	.marketing-item img{
		filter:none!important;
		-webkit-filter:none!important;
	}
	#layerslider .ls-l-1{
		left:15px;!important;
	}
	#layerslider{
	height:40vh!important;
}
	div.slidercontainer {
     height: 40vh!important; 
}
	div.grey-box{
		_height:55vh!important;
		padding:15px!important;
	}
	div.read-more{
		margin-top:0px;
		padding:10px!important;
	}
	/**BLOG**/
	.text-container{
		left:10px!important;
	}
	.continue_reading{
		display:none;
	}
	.more-info{
		display:none;
	}
   .image:hover {
      background:none;
    }
	 .image:hover img {
      opacity:1!important;
    }
	.abstractt-text{
		display:none;
	}
	.image{
		margin-top:-10px!important;
	}
	.single-blog{
		padding-bottom:950px!important;
		
	}

			
}
@media (max-width: 768px) {
	#layerslider .sliderText span{
		font-size:36pt!important;
		
	}
	#layerslider .sliderText p{
		margin-left: 20px;
		margin-right:20px;
	}
	div.read-more{
		top:auto!important;
		margin-left:20px!important;
	}
	#layerslider div.read-more {
		font-size:22px!important;
	}
}
@media (max-width: 600px) {
	#layerslider .sliderText span{
		font-size:26px!important;
		
	}
	#layerslider{
	height:30vh!important;
}
	div.slidercontainer {
     height: 30vh!important; 
}
	#layerslider .sliderText p{
		margin-left: 20px;
		margin-right:20px;
	}
	#layerslider div.ls-l-1{
		top:10%!important;	
	}
	div.read-more{
		display:none!important;
	}
	.right-text {
    top: 20px!important;
	position:absolute!important;
	width:90%!important;
	}
	.slider-top{
		_width:90%!important;	
		font-size:1.6em;
	}
	.slider-top p{
		max-width:90vw!important;	
	}
	.slider-sub{
		_width:90%!important;	
		font-size:1.3em;
		margin-top:40px!important;
	}
}
@media (max-width:350px){
	span.sliderText{
		margin-top:-30px!important;	
	}
}
div.about {
    background-color: #FFDCB3;
    _margin-top: 30px;
    padding-bottom: 50px;
}

div.top-area {
    padding-bottom: 0px;
}

@media all and (min-width: 900px) {
    div.images {
        padding-bottom: 40px;
    }
	div.ls-s-1{
	margin-top:45px!important;
    }
    span.sliderText{
	_font-size:6rem!important;
	}

    div.top-area {
        _padding-bottom: 20px;
    }

    div.HomeBodyText {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
    }
}

div.HomeBodyText {
    text-align: justify;
    text-justify: inter-word;
}

div.HomeBodyTitle {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    color: #455560;
}

    div.HomeBodyTitle span {
        padding: 10px;
        border: 1px solid #455560;
        text-transform: uppercase;
    }

div.boxed-content img.img-responsive {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
}

div.boxed-content:hover img.img-responsive {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none;
}

div.content-body div.social {
    margin-top: 5px;
}

    div.content-body div.social a {
        width: 30px;
        height: 26px;
        display: inline-block;
        text-align: center;
        font-size: 30px;
        background: white;
    }

        div.content-body div.social a i {
            padding-top: 8px;
        }

        div.content-body div.social a.linkedin i {
            color: #0274b3;
            text-decoration: none;
        }

        div.content-body div.social a.skype i {
            color: #3e9dd7;
            text-decoration: none;
        }

        div.content-body div.social a.facebook i {
            color: #3b5998;
            text-decoration: none;
        }
div.body-content{
	padding-top:10px;
}

#layerslider img {
    background: -webkit-linear-gradient(left, red, blue); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, red, blue); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, red, blue); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, red, blue); /* Standard syntax */
}
@media (max-width: 670px) {
	.main-image-text{
		display:none!important;
	}
}