/* ================================================================ *\
	#Reset
\* ================================================================ */

* { padding: 0; margin: 0; outline: 0; }

/* ================================================================ *\
	#Base
\* ================================================================ */

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { width: 100%; height: 100%; overflow: hidden; position: relative; }

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); }
body { background: #eee; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 1.2; color: #000; -webkit-font-smoothing:antialiased; }
body.oedoopro { font-family: 'OEDooPro', Arial, sans-serif; font-weight: 500; }

a { text-decoration: none; color: #0b87b5; }
a:hover { text-decoration: none; }

img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -webkit-font-smoothing:antialiased; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }

h1 { font-size: 22px; font-weight: normal; }
h2 { font-size: 29px; font-weight: 600; }
h3 { font-size: 27px; font-weight: 600;  }
h4 { font-size: 17px; font-weight: normal; }
h5 { font-size: 21px; font-weight: normal; }

/*::-webkit-scrollbar { width: 3px; background-color: #ddd; }
::-webkit-scrollbar-button { display: none; }
::-webkit-scrollbar-thumb { background-color: #000; }*/

/* ================================================================ *\
	#Helpers
\* ================================================================ */

.alignleft { float: left; }
.alignright { float: right; }
.hidden { display: none; visibility: hidden; }

.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.clearfix:before,
.clearfix:after { display: table; content: ' '; }
.clearfix:after { clear: both; }

.fsr-container { overflow: hidden; }
.fsr-element { position: absolute; }
.fsr-hidden { display: none; }

/* ===========================
	# reusables
============================ */
.ico { display: inline-block; vertical-align: middle; background-size: 100% 100%; background-repeat: no-repeat; background-position: 0 0; }
.ico-menu { background-image: url(images/ico-menu.png); width: 36px; height: 36px; }
.ico-search { background-image: url(images/ico-search.png); width: 36px; height: 36px; }
.ico-bookmarks { background-image: url(images/ico-bookmarks.png); width: 36px; height: 36px; }
.ico-pdf { background-image: url(images/ico-pdf.png); width: 36px; height: 36px; }
.ico-print { background-image: url(images/ico-print.png); width: 36px; height: 36px; }
.ico-home { background-image: url(images/ico-home.png); width: 36px; height: 36px; }
.ico-action-fb { background-image: url(images/ico-action-fb.png); width: 28px; height: 28px; }
.ico-action-link { background-image: url(images/ico-action-link.png); width: 28px; height: 28px; }
.ico-action-ph { background-image: url(images/ico-action-ph.png); width: 28px; height: 28px; }
.ico-action-bm { background-image: url(images/ico-action-bm.png); width: 28px; height: 28px; }
.ico-play { background-image: url(images/ico-play-ie.png); width: 70px; height: 70px; }
.ico-close { background-image: url(images/ico-close.png); width: 24px; height: 24px; }
.ico-twitter { background-image: url(images/ico-twitter.png); width: 50px; height: 50px; }
.ico-instagram { background-image: url(images/ico-instagram.png); width: 50px; height: 50px; }
.ico-linkedin { background-image: url(images/ico-linkedin.png); width: 50px; height: 50px; }
.ico-youtube { background-image: url(images/ico-youtube.png); width: 50px; height: 50px; }
.ico-facebook { background-image: url(images/ico-facebook.png); width: 50px; height: 50px; }
.ico-twitter-white { background-image: url(images/ico-twitter-white.png); width: 50px; height: 50px; }
.ico-instagram-white { background-image: url(images/ico-instagram-white.png); width: 50px; height: 50px; }
.ico-linkedin-white { background-image: url(images/ico-linkedin-white.png); width: 50px; height: 50px; }
.ico-youtube-white { background-image: url(images/ico-youtube-white.png); width: 50px; height: 50px; }
.ico-facebook-white { background-image: url(images/ico-facebook-white.png); width: 50px; height: 50px; }


/* ===========================
	# header
============================ */

.header { position: absolute; left: 0; top: 0; right: 0; background-color: #fff; height: 52px; padding: 0 15px; z-index: 10; }
.header h1 { position: absolute; left: 0; top: 0; right: 0; z-index: 1; }

.utilities { float: left; padding-top: 8px; position: relative; z-index: 2; }
.utilities ul { list-style: none outside none; }
.utilities li { float: left; margin-right: 6px; }
.utilities a { display: block; background-color: #ddd; border-radius:18px; color: #fff; }
.utilities a:hover { background-color: #2b2b2b; text-decoration: none; }
.utilities .ico { display: block; width: 36px; height: 36px; }
.utilities .ico-lang { font-style: normal; text-align: center; line-height: 36px; font-size: 23px; text-transform: uppercase; }
.utilities .ico-lang-hebrew { line-height: 32px; }

.utilities-mobile { display: none; }
.utilities-mobile a { background: transparent; }

.logo { float: right; width: 110px;  height: 52px; background: url("images/logo.png") no-repeat 100% 50%; font-size: 0; line-height: 0; text-indent: -4000px; position: relative; z-index: 3; }

.header h1 { text-align: center; line-height: 52px; }

/* ===========================
	#panel
============================ */

.panel { position: absolute; left: 0; top: 0; bottom: 0; width: 285px; background-color: #2b2b2b; z-index: 1; color: #fff; overflow: hidden; }
.panel-visible .header { left: 285px; right: -285px; }
.panel-visible .wrapper { left: 285px;  right: -285px; }

.bookmarks,
.search,
.archive,
.menu { position: absolute; left: 0;  right: 0; top: 0; bottom: 0; padding: 20px; background-color: #2b2b2b; z-index: 1; }


/*  menu */
.menu { opacity: 0; }
.menu {
	-webkit-transition: opacity 0.5s;
	     -o-transition: opacity 0.5s;
	        transition: opacity 0.5s;
}

.menu-head { padding-bottom: 20px; }
.menu-body { position: absolute; left: 20px; right: 3px; padding-right: 20px; bottom: 100px; top: 80px;  overflow-y:auto; }
.menu ul { list-style: none outside none; }
.menu-list li > a { font-size: 17px; line-height: 20px; color: #fff; padding:8px 20px 8px 0; }
.menu-list li > a { display: block; }
.menu-list li a:hover { text-decoration: none; }
.menu-list { border-bottom: 1px solid #616161; }
.menu-list > li { border-top: 1px solid #616161;   }
.menu-parent > a { background: url(images/caret-r.png) no-repeat right center; }
.menu-parent ul { background-color: #363636; display: none; }
.menu-parent.expanded > a { background-image: url(images/caret-b.png);  }
.menu-parent.expanded ul { display: block; }
.menu-parent ul a { padding-left: 20px; padding-top: 13px; padding-bottom: 13px; }

.menu-foot { position: absolute; bottom: 0; right: 20px; left: 20px; }
.menu-foot .toggle-archive { color: #616161; display: block; background: url(images/caret-b.png) no-repeat right 8px; line-height: 29px; font-size: 21px; }
.menu-foot .toggle-archive:hover { text-decoration: none; color: #fff; }

.panel-logo { text-align: center; padding: 10px 0; margin-top: 10px; border-top: 1px solid #616161; }
.panel-logo a { display: inline-block; }

.search .nicescroll-rails div,
.archive .nicescroll-rails div,
.menu .nicescroll-rails div { border: 0 !important; }

.menu-visible .menu { opacity: 1; }

/* search */
.search { z-index: 2; opacity: 0; visibility: hidden; }
.search {
	-webkit-transition: opacity 0.5s, visibility 0.5s;
	     -o-transition: opacity 0.5s, visibility 0.5s;
	        transition: opacity 0.5s, visibility 0.5s;
}
.search-visible .search { opacity: 1; visibility: visible; }
.search-head { padding-bottom: 8px; }
.search-form { background-color: #fff; margin-bottom: 15px; background-color: #fff; position: relative; }
.search-field { color: #424242; font-size: 17px; padding: 5px 30px 5px 8px; border: 0; background: transparent; position: relative; z-index: 1; width: 100%; }
.search-field {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.search-button { border: 0; cursor: pointer; background: url(images/ico-magnifier.png) no-repeat center center; }
.search-button { position: absolute; right: 0; top: 0; width: 30px; height: 33px; z-index: 2; font-size: 0; line-height: 0; text-indent: -4000px; }
.search-results { border-bottom: 1px solid #616161; list-style: none outside none; }
.search-results ul { list-style: none outside none; }
.search-results li { border-top: 1px solid #616161; background: url(images/caret-r.png) no-repeat right center; }
.search-results li > a { font-size: 17px; line-height: 20px;  color: #fff; padding:8px 20px 8px 0; }
.search-results li > a { display: block; }
.search-results li a:hover { text-decoration: none; }

.search-visible .search { display: block; }
.search-body { position: absolute; left: 20px; right: 3px; padding-right: 20px; bottom: 70px; top: 120px;  overflow-y:auto; }


/* archive  */
.archive { z-index: 2; padding: 20px 30px; bottom: -100%; top: 100%; }
.archive {
	-webkit-transition: top 0.5s, bottom 0.5s;
	     -o-transition: top 0.5s, bottom 0.5s;
	        transition: top 0.5s, bottom 0.5s;
}
.archive-head { padding-bottom: 20px; }
.archive-body { position: absolute; top: 80px; left: 0; right: 3px; bottom: 20px; overflow-y: auto; z-index: 1; padding-bottom: 30px; }

.archive-item { display: block; text-align: center; margin-bottom: 30px; }
.archive-item span { display: block; padding: 5px 0; }
.archive-item a { display: block; font-size: 17px; color: #fff; }
.archive-item a:hover { text-decoration: none; }
.archive-item img { width: 225px; height: 145px; }
.archive-close { position: absolute; right: 20px; top: 20px; }
.archive-foot { position: absolute; left: 20px; right: 20px; bottom: 20px; height: 60px; z-index: 2; }
.archive-foot {
	background-color:rgba(43,43,43,0);
	background:-webkit-linear-gradient(rgba(43,43,43,0), rgba(43,43,43,1));
	background:     -o-linear-gradient(rgba(43,43,43,0), rgba(43,43,43,1));
	background:linear-gradient(rgba(43,43,43,0), rgba(43,43,43,1));
}
.archive-foot:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content:''; background: url(images/caret-b-white.png ) no-repeat center center; }

.archive-visible .archive { top: 0; bottom: 0; }

/* bookmarks */
.bookmarks { z-index: 2; opacity: 0; visibility: hidden; }
.bookmarks {
	-webkit-transition: opacity 0.5s, visibility 0.5s;
	     -o-transition: opacity 0.5s, visibility 0.5s;
	        transition: opacity 0.5s, visibility 0.5s;
}
.bookmarks-head { padding-bottom: 20px;  }
.bookmarks ul { list-style: none outside none; }
.bookmarks-list { border-bottom: 1px solid #616161; }
.bookmarks-list li { border-top: 1px solid #616161; background: url(images/caret-r.png) no-repeat right center; }
.bookmarks-list li a { font-size: 17px; line-height: 20px; color: #fff; padding:8px 20px 8px 0; display: block; }
.bookmarks-list li a:hover { text-decoration: none; }

.bookmarks-visible .bookmarks { opacity: 1; visibility: visible; }

/* ===========================
	#page
============================ */

.masterwrapper { width: 100%;  height: 100%; overflow: hidden; position: relative; z-index: 1; opacity: 0; }
.masterwrapper {
	-webkit-transition: opacity 0.3s;
	     -o-transition: opacity 0.3s;
	        transition: opacity 0.3s;
}
.loaded .masterwrapper { opacity: 1; }

.wrapper { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; background-color: #eee; overflow: hidden; }
.wrapper {
	-webkit-transition: left 0.5s, right 0.5s;
	     -o-transition: left 0.5s, right 0.5s;
	        transition: left 0.5s, right 0.5s;
	-webkit-perspective: 2000px;
	   -moz-perspective: 2000px;
	    -ms-perspective: 2000px;
	        perspective: 2000px;
}


.page-prev,
.page-next { position: absolute; left: 0; top: 50%; background: url(images/page-nav.png) no-repeat 0 0; width: 50px; height: 50px; margin-top: -25px; z-index: 200; }
.page-next { background-position: right 0; left: auto; right: 0; }

.panel-visible .page-prev,
.panel-visible .page-next { display: none; }

.page {	left: 50%; width: 50%; height: 100%; position: absolute; top: 0; }
.page {
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	    -ms-transform-style: preserve-3d;
	        transform-style: preserve-3d;
	-webkit-transform-origin: left top;
	   -moz-transform-origin: left top;
	    -ms-transform-origin: left top;
	     -o-transform-origin: left top;
	        transform-origin: left top;
	/*-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;*/

	-webkit-transition: -webkit-transform 0.5s linear;
	    -ms-transition: -ms-transform 0.5s linear;
	     -o-transition: -o-transform 0.5s linear;
	        transition: transform 0.5s linear;

	-webkit-transform: rotateY(-180deg);
	    -ms-transform: rotateY(-180deg);
	     -o-transform: rotateY(-180deg);
	        transform: rotateY(-180deg);
}

.page > div { display: block; height: 100%; width: 100%; position: absolute; background: #eee; overflow: hidden; }
.page > div {
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	    -ms-transform-style: preserve-3d;
	        transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}

.page .front {

	-webkit-transform: rotateY(0deg);
	    -ms-transform: rotateY(0deg);
	     -o-transform: rotateY(0deg);
	        transform: rotateY(0deg);
}
.page .back {
	-webkit-transform: rotateY(-180deg);
	    -ms-transform: rotateY(-180deg);
	     -o-transform: rotateY(-180deg);
	        transform: rotateY(-180deg);
}
.page .outer { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; overflow: hidden; }
.page .outer:after { position: absolute; left: 0; top: 0; z-index: 2; background-color: rgba(0,0,0,0.2); width: 100%; height: 100%; content:''; opacity: 0; visibility: hidden; }
.page .outer:after {
	-webkit-transition: opacity 0.3s, visibility 0.3s;
	     -o-transition: opacity 0.3s, visibility 0.3s;
	        transition: opacity 0.3s, visibility 0.3s;
}

.page .content { width: 200%; position: absolute; top: 52px; bottom: 0; left: 0; z-index: 1; }
.page .front .content { left: auto; right: 0; }
.page .header { left: 0; right: 0; top: -52px; }

/* pages order and states */
.page.current { z-index: 100 !important; }
.page.current {
	-webkit-transform: rotateY(-180deg);
	    -ms-transform: rotateY(-180deg);
	     -o-transform: rotateY(-180deg);
	        transform: rotateY(-180deg);
}

.page.current ~ .page {
	-webkit-transform: rotateY(0deg);
	    -ms-transform: rotateY(0deg);
	     -o-transform: rotateY(0deg);
	        transform: rotateY(0deg);
}

.page.dragging {
	z-index: 101 !important;
	-webkit-transition: none;
	    -ms-transition: none;
	     -o-transition: none;
	        transition: none;
}

.page.current-minus-one { z-index: 99 !important; }

.shadowed .outer:after,
.dragging .outer:after { opacity: 1; visibility: visible; }


.page { display: none; }
.page.current { display: block; }
.page.current-minus-one { display: block; }
.page.current + .page ~ .page { display: none; }
.page.current + .page { display: block; }
.page.current + .page + .page { display: block; }

/* IE */

.ie .page .front,
.ie .page .back {
	-webkit-transition: z-index 0s linear 0.25s;
	    -ms-transition: z-index 0s linear 0.25s;
	     -o-transition: z-index 0s linear 0.25s;
	        transition: z-index 0s linear 0.25s;
}
.ie .page .front { z-index: 1; }
.ie .page .back { z-index: 2; }
.ie .page.current ~ .page .front { z-index: 2; }
.ie .page.current ~ .page .back { z-index: 1; }

/* old IE */
.ie-old .page { left: 0; width: 100%; }
.ie-old .page .content { width: 100%; }
.ie-old .page .front { display: none; }
.ie-old .page.current { display: block;  }

.ie-old .panel,
.ie-old .wrapper { top: 40px; }
.ie-old .modal { top: 40px; height: auto; bottom: 0; }
.ie-old .ie-notice { display: block; }

.ie-notice { display: none; background-color: #fff000; height: 40px;  position: absolute; left: 0; top: 0; width: 100%; text-align: center; z-index: 999; }
.ie-notice h1 { line-height: 40px; color: #ff0000; }

/*.ie-old .page.current .front { display: none; }
.ie-old .page.current + .page { display: block; left: 50%;}
.ie-old .page.current + .page .back { display: none; }*/

/* ===========================
	#blocks
============================ */



.block { overflow: hidden; position: absolute; padding: 7px; }
.block:after { position: absolute; left: 4px; top: 4px; right: 4px; bottom: 4px;  content:''; border: 3px solid #fff; z-index: 3; pointer-events:none; display: none; }
.block:hover .block-overlay { background-color: #eee; }
.block:hover:after { display: block; }

.block-inner { position: relative; width: 100%; height: 100%; }

.block-media { position: absolute; left: 0; top: 0; right: 0; bottom: 226px;  background-color: #fff; background-position: center center;  background-repeat: no-repeat; background-size: cover; z-index: 1; }
.block-media-small { position: absolute; left: 15px; bottom: 12px; z-index: 1; }
.block-media-small iframe { max-width: 100%; }
.block-media-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.block-media-overlay .ico { position: absolute; left: 50%; top: 50%; margin: -35px 0 0 -35px; border-radius:50%; }
.block-media-overlay .ico {
	-webkit-transition: background-color 0.3s;
	     -o-transition: background-color 0.3s;
	        transition: background-color 0.3s;
}
.block-media-overlay:hover .ico { background-color: rgba(0,0,0,0.5); }

.block-overlay { position: absolute; bottom: 0; left: 0; right: 0; background-color: #fff; z-index: 2; }
.block-overlay-img { float: right; margin: 4px 4px 4px 8px; }
.block-overlay-img ~ .block-actions { right: 162px; }
.block-entry { margin: 20px 20px 40px; height: 166px; }
.block-entry h3 { margin-bottom: 10px; height: 31px; position: relative; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;  }
.half-page .block-entry h3 {
	height: auto;
	overflow: visible;
	text-overflow: clip;
	white-space: normal;
}
.block-entry h4 { margin-bottom: 10px; height: 57px; position: relative; overflow: hidden; text-overflow: ellipsis; }
.block-entry .block-text { height: 54px; margin-bottom: 10px; position: relative; overflow: hidden }
.block-entry .link-entry { color:#000; display: block; }

.half-page {
	top: 30%;
}
.block-inner .half-page .block-entry { height: calc(100% - 60px); overflow-y: scroll; }
.half-page .block-entry h4 { height: auto; }

.block-actions { position: absolute; left: 20px; right: 20px; bottom: 10px;  }
.block-actions .link-more { font-size: 17px; font-weight: 600; float: left; }
.block-actions .link-more:hover { text-decoration: none; color: #18b2eb; }

.actions { float: right; }
.actions a { float: left; width: 28px; height: 28px; border-radius:14px; background-color: #ddd; margin-left: 6px; }
.actions a {
	-webkit-transition: background-color 0.3s;
	     -o-transition: background-color 0.3s;
	        transition: background-color 0.3s;
}
.actions a.active,
.actions a:hover { background-color: #2b2b2b; }

/* ===========================
	# grid-a
============================ */

.block-a-1 { left: 7px; top: 7px; right: 50%; bottom: 7px; }
.block-a-2 { left: 50%; top: 7px; bottom: 7px; right: 25%; }
.block-a-3 { right: 7px; top: 7px; bottom: 7px; left: 75%; }
.block-a-1 .block-entry { height: 108px; }
.block-a-1 .block-media { bottom: 168px; }


/* ===========================
	# grid-b
============================ */

.block-b-1 { left: 7px; top: 7px; bottom: 7px; right: 75%; }
.block-b-2 { right: 50%; top: 7px; bottom: 7px; left: 25%; }
.block-b-3 { right: 7px; top: 7px; left: 50%; bottom: 7px; }

.block-b-3 .block-entry { height: 108px; }
.block-b-3 .block-media { bottom: 168px; }

/* ===========================
	# grid-c
============================ */

.block-c-1 { left: 0; top: 0; right: 0; bottom: 0; padding: 0; }
.block-c-1 .block-entry { height: auto; }
.block-c-1 .block-media { bottom: 0; }
.block-c-1 .block-overlay { bottom: 7px; right: 7px; left: 50%; margin: 7px; background-color: rgba(255,255,255,0.8); }
.block-c-1 .actions a { background-color: #c0c0c0; }
.block-c-1 .actions a:hover { background-color: #2b2b2b; }
.block-c-1:hover:after { display: none; }
.block-c-1:hover .block-overlay { background-color: rgba(255,255,255,0.8); }
.block-c-1 .block-overlay:hover { background-color: #eee; }
.block-c-1 .block-media-overlay:hover .ico { background-color: transparent; }

/* ===========================
	# grid-d
============================ */

.block-d-1 { left: 7px; top: 7px; right: 50%; bottom: 7px; }
.block-d-2 { left: 50%; top: 7px; bottom: 67%; right: 7px; }
.block-d-3 { left: 50%; top: 33%; bottom: 33%; right: 7px; }
.block-d-4 { left: 50%; top: 67%; bottom: 7px; right: 7px; }

.block-d-2 .block-media,
.block-d-4 .block-media { position: absolute; height: auto; width: auto; right: 0; top: 0; bottom: 0; left: 63%; }
.block-d-2 .block-overlay,
.block-d-4 .block-overlay { position: absolute; right: 37%; top: 0; bottom: 0; left: 0; }

.block-d-3 .block-media { position: absolute; height: auto; width: auto; right: 63%; top: 0; bottom: 0; left: 0; }
.block-d-3 .block-overlay { position: absolute; right: 0; top: 0; bottom: 0; left: 37%; }

.block-d-2 .block-entry,
.block-d-3 .block-entry,
.block-d-4 .block-entry { margin: 10px 20px 0; height: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 40px; overflow: hidden; }

.block-d-2 .block-entry:after,
.block-d-3 .block-entry:after,
.block-d-4 .block-entry:after { position: absolute; left: 0; right: 0; bottom: 0; height: 10px; content:'';
	background-color:               rgba(255,255,255,0);
	background:-webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
	background:     -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
	background:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
}

.block-d-2:hover .block-entry:after,
.block-d-3:hover .block-entry:after,
.block-d-4:hover .block-entry:after {
	background-color:               rgba(238,238,238,0);
	background:-webkit-linear-gradient(rgba(238,238,238,0), rgba(238,238,238,1));
	background:     -o-linear-gradient(rgba(238,238,238,0), rgba(238,238,238,1));
	background:linear-gradient(rgba(238,238,238,0), rgba(238,238,238,1));
}

.block-d-2 .block-overlay,
.block-d-3 .block-overlay,
.block-d-4 .block-overlay { overflow: hidden; }

.block-d-2 .block-entry h4,
.block-d-3 .block-entry h4,
.block-d-4 .block-entry h4 { height: 39px; }

.block-d-2 .block-entry .block-text,
.block-d-3 .block-entry .block-text,
.block-d-4 .block-entry .block-text { height: 36px; }

.block-d-2 .block-entry h3,
.block-d-2 .block-entry h4,
.block-d-3 .block-entry h3,
.block-d-3 .block-entry h4,
.block-d-4 .block-entry h3,
.block-d-4 .block-entry h4 { margin-bottom: 8px; }

/* ===========================
	# grid-e
============================ */

.block-e-1 { left: 7px; top: 7px; bottom: 67%; right: 50%; }
.block-e-2 { left: 7px; top: 33%; bottom: 33%; right: 50%; }
.block-e-3 { left: 7px; top: 67%; bottom: 7px; right: 50%; }

.block-e-4 { right: 7px; top: 7px; left: 50%; bottom: 7px; }

.block-e-1 .block-media,
.block-e-3 .block-media { position: absolute; height: auto; width: auto; right: 0; top: 0; bottom: 0; left: 63%; }
.block-e-1 .block-overlay,
.block-e-3 .block-overlay { position: absolute; right: 37%; top: 0; bottom: 0; left: 0; }

.block-e-2 .block-media { position: absolute; height: auto; width: auto; right: 63%; top: 0; bottom: 0; left: 0; }
.block-e-2 .block-overlay { position: absolute; right: 0; top: 0; bottom: 0; left: 37%; }

.block-e-1 .block-entry,
.block-e-2 .block-entry,
.block-e-3 .block-entry { margin: 10px 20px 0; height: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 40px; overflow: hidden; }

.block-e-1 .block-entry:after,
.block-e-2 .block-entry:after,
.block-e-3 .block-entry:after { position: absolute; left: 0; right: 0; bottom: 0; height: 10px; content:'';
	background-color:               rgba(255,255,255,0);
	background:-webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
	background:     -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
	background:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
}

.block-e-1:hover .block-entry:after,
.block-e-2:hover .block-entry:after,
.block-e-3:hover .block-entry:after {
	background-color:               rgba(238,238,238,0);
	background:-webkit-linear-gradient(rgba(238,238,238,0), rgba(238,238,238,1));
	background:     -o-linear-gradient(rgba(238,238,238,0), rgba(238,238,238,1));
	background:linear-gradient(rgba(238,238,238,0), rgba(238,238,238,1));
}

.block-e-1 .block-overlay,
.block-e-2 .block-overlay,
.block-e-3 .block-overlay { overflow: hidden; }

.block-e-1 .block-entry h4,
.block-e-2 .block-entry h4,
.block-e-3 .block-entry h4 { height: 39px; }

.block-e-1 .block-entry .block-text,
.block-e-2 .block-entry .block-text,
.block-e-3 .block-entry .block-text { height: 36px; }

.block-e-1 .block-entry h3,
.block-e-1 .block-entry h4,
.block-e-2 .block-entry h3,
.block-e-2 .block-entry h4,
.block-e-3 .block-entry h3,
.block-e-3 .block-entry h4 { margin-bottom: 8px; }

/* ===========================
	# gird-f
============================ */

.block-f-1 { left: 7px; top: 7px; bottom: 7px; right: 75%; }
.block-f-2 { right: 50%; top: 7px; bottom: 7px; left: 25%; }

.block-f-3 { left: 50%; top: 7px; bottom: 67%; right: 7px; }
.block-f-4 { left: 50%; top: 33%; bottom: 33%; right: 7px; }
.block-f-5 { left: 50%; top: 67%; bottom: 7px; right: 7px; }

.block-f-3 .block-media,
.block-f-5 .block-media { position: absolute; height: auto; width: auto; right: 0; top: 0; bottom: 0; left: 63%; }
.block-f-3 .block-overlay,
.block-f-5 .block-overlay { position: absolute; right: 37%; top: 0; bottom: 0; left: 0; }

.block-f-4 .block-media { position: absolute; height: auto; width: auto; right: 63%; top: 0; bottom: 0; left: 0; }
.block-f-4 .block-overlay { position: absolute; right: 0; top: 0; bottom: 0; left: 37%; }

.block-f-3 .block-entry,
.block-f-4 .block-entry,
.block-f-5 .block-entry { margin: 10px 20px 0; height: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 40px; overflow: hidden; }

.block-f-3 .block-entry:after,
.block-f-4 .block-entry:after,
.block-f-5 .block-entry:after { position: absolute; left: 0; right: 0; bottom: 0; height: 10px; content:'';
	background-color:               rgba(255,255,255,0);
	background:-webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
	background:     -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
	background:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
}

.block-f-3:hover .block-entry:after,
.block-f-4:hover .block-entry:after,
.block-f-5:hover .block-entry:after {
	background-color:               rgba(238,238,238,0);
	background:-webkit-linear-gradient(rgba(238,238,238,0), rgba(238,238,238,1));
	background:     -o-linear-gradient(rgba(238,238,238,0), rgba(238,238,238,1));
	background:linear-gradient(rgba(238,238,238,0), rgba(238,238,238,1));
}

.block-f-3 .block-overlay,
.block-f-4 .block-overlay,
.block-f-5 .block-overlay { overflow: hidden; }

.block-f-3 .block-entry h4,
.block-f-4 .block-entry h4,
.block-f-5 .block-entry h4 { height: 39px; }

.block-f-3 .block-entry .block-text,
.block-f-4 .block-entry .block-text,
.block-f-5 .block-entry .block-text { height: 36px; }

.block-f-3 .block-entry h3,
.block-f-3 .block-entry h4,
.block-f-4 .block-entry h3,
.block-f-4 .block-entry h4,
.block-f-5 .block-entry h3,
.block-f-5 .block-entry h4 { margin-bottom: 8px; }

/* ===========================
	# grid-g
============================ */

.block-g-4 { left: 50%; top: 7px; bottom: 7px; right: 25%; }
.block-g-5 { right: 7px; top: 7px; bottom: 7px; left: 75%; }

.block-g-1 { left: 7px; top: 7px; bottom: 67%; right: 50%; }
.block-g-2 { left: 7px; top: 33%; bottom: 33%; right: 50%; }
.block-g-3 { left: 7px; top: 67%; bottom: 7px; right: 50%; }

.block-g-1 .block-media,
.block-g-3 .block-media { position: absolute; height: auto; width: auto; right: 0; top: 0; bottom: 0; left: 63%; }
.block-g-1 .block-overlay,
.block-g-3 .block-overlay { position: absolute; right: 37%; top: 0; bottom: 0; left: 0; }

.block-g-2 .block-media { position: absolute; height: auto; width: auto; right: 63%; top: 0; bottom: 0; left: 0; }
.block-g-2 .block-overlay { position: absolute; right: 0; top: 0; bottom: 0; left: 37%; }

.block-g-1 .block-entry,
.block-g-2 .block-entry,
.block-g-3 .block-entry { margin: 10px 20px 0; height: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 40px; overflow: hidden; }

.block-g-1 .block-entry:after,
.block-g-2 .block-entry:after,
.block-g-3 .block-entry:after { position: absolute; left: 0; right: 0; bottom: 0; height: 10px; content:'';
	background-color:               rgba(255,255,255,0);
	background:-webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
	background:     -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
	background:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
}

.block-g-1:hover .block-entry:after,
.block-g-2:hover .block-entry:after,
.block-g-3:hover .block-entry:after {
	background-color:               rgba(238,238,238,0);
	background:-webkit-linear-gradient(rgba(238,238,238,0), rgba(238,238,238,1));
	background:     -o-linear-gradient(rgba(238,238,238,0), rgba(238,238,238,1));
	background:linear-gradient(rgba(238,238,238,0), rgba(238,238,238,1));
}

.block-g-1 .block-overlay,
.block-g-2 .block-overlay,
.block-g-3 .block-overlay { overflow: hidden; }

.block-g-1 .block-entry h4,
.block-g-2 .block-entry h4,
.block-g-3 .block-entry h4 { height: 39px; }

.block-g-1 .block-entry .block-text,
.block-g-2 .block-entry .block-text,
.block-g-3 .block-entry .block-text { height: 36px; }

.block-g-1 .block-entry h3,
.block-g-1 .block-entry h4,
.block-g-2 .block-entry h3,
.block-g-2 .block-entry h4,
.block-g-3 .block-entry h3,
.block-g-3 .block-entry h4 { margin-bottom: 8px; }

/* ===========================
	# grid h
============================ */
.block-h-1 { left: 7px; top: 7px; right: 50%; bottom: 7px; }
.block-h-2 { left: 50%; top: 7px; right: 7px; bottom: 7px; }
.block-h-2 .block-entry,
.block-h-1 .block-entry { height: 108px; }
.block-h-2 .block-media,
.block-h-1 .block-media { bottom: 168px; }
.block-h-2 .image-only,
.block-h-1 .image-only { bottom: 0; }

/* ===========================
	# grid i
============================ */
.block-i-1 { left: 7px; top: 7px; bottom: 7px; right: 75%; }
.block-i-2 { right: 50%; top: 7px; bottom: 7px; left: 25%; }
.block-i-3 { left: 50%; top: 7px; bottom: 7px; right: 25%; }
.block-i-4 { right: 7px; top: 7px; bottom: 7px; left: 75%; }

/* ===========================
	# grid j
============================ */
.block-j-1 { left: 7px; top: 7px; bottom: 67%; right: 50%; }
.block-j-2 { left: 7px; top: 33%; bottom: 33%; right: 50%; }
.block-j-3 { left: 7px; top: 67%; bottom: 7px; right: 50%; }

.block-j-1 .block-media,
.block-j-3 .block-media { position: absolute; height: auto; width: auto; right: 0; top: 0; bottom: 0; left: 63%; }
.block-j-1 .block-overlay,
.block-j-3 .block-overlay { position: absolute; right: 37%; top: 0; bottom: 0; left: 0; }

.block-j-2 .block-media { position: absolute; height: auto; width: auto; right: 63%; top: 0; bottom: 0; left: 0; }
.block-j-2 .block-overlay { position: absolute; right: 0; top: 0; bottom: 0; left: 37%; }

.block-j-1 .block-entry,
.block-j-2 .block-entry,
.block-j-3 .block-entry { margin: 10px 20px 0; height: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 40px; overflow: hidden; }

.block-j-1 .block-entry:after,
.block-j-2 .block-entry:after,
.block-j-3 .block-entry:after { position: absolute; left: 0; right: 0; bottom: 0; height: 10px; content:'';
	background-color:               rgba(255,255,255,0);
	background:-webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
	background:     -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
	background:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
}

.block-j-1:hover .block-entry:after,
.block-j-2:hover .block-entry:after,
.block-j-3:hover .block-entry:after {
	background-color:               rgba(238,238,238,0);
	background:-webkit-linear-gradient(rgba(238,238,238,0), rgba(238,238,238,1));
	background:     -o-linear-gradient(rgba(238,238,238,0), rgba(238,238,238,1));
	background:linear-gradient(rgba(238,238,238,0), rgba(238,238,238,1));
}

.block-j-1 .block-overlay,
.block-j-2 .block-overlay,
.block-j-3 .block-overlay { overflow: hidden; }

.block-j-1 .block-entry h4,
.block-j-2 .block-entry h4,
.block-j-3 .block-entry h4 { height: 39px; }

.block-j-1 .block-entry .block-text,
.block-j-2 .block-entry .block-text,
.block-j-3 .block-entry .block-text { height: 36px; }

.block-j-1 .block-entry h3,
.block-j-1 .block-entry h4,
.block-j-2 .block-entry h3,
.block-j-2 .block-entry h4,
.block-j-3 .block-entry h3,
.block-j-3 .block-entry h4 { margin-bottom: 8px; }

.block-j-4 { left: 50%; top: 7px; bottom: 67%; right: 7px; }
.block-j-5 { left: 50%; top: 33%; bottom: 33%; right: 7px; }
.block-j-6 { left: 50%; top: 67%; bottom: 7px; right: 7px; }

.block-j-4 .block-media,
.block-j-6 .block-media { position: absolute; height: auto; width: auto; right: 0; top: 0; bottom: 0; left: 63%; }
.block-j-4 .block-overlay,
.block-j-6 .block-overlay { position: absolute; right: 37%; top: 0; bottom: 0; left: 0; }

.block-j-5 .block-media { position: absolute; height: auto; width: auto; right: 63%; top: 0; bottom: 0; left: 0; }
.block-j-5 .block-overlay { position: absolute; right: 0; top: 0; bottom: 0; left: 37%; }

.block-j-4 .block-entry,
.block-j-5 .block-entry,
.block-j-6 .block-entry { margin: 10px 20px 0; height: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 40px; overflow: hidden; }

.block-j-4 .block-entry:after,
.block-j-5 .block-entry:after,
.block-j-6 .block-entry:after { position: absolute; left: 0; right: 0; bottom: 0; height: 10px; content:'';
	background-color:               rgba(255,255,255,0);
	background:-webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
	background:     -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
	background:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
}

.block-j-4:hover .block-entry:after,
.block-j-5:hover .block-entry:after,
.block-j-6:hover .block-entry:after {
	background-color:               rgba(238,238,238,0);
	background:-webkit-linear-gradient(rgba(238,238,238,0), rgba(238,238,238,1));
	background:     -o-linear-gradient(rgba(238,238,238,0), rgba(238,238,238,1));
	background:linear-gradient(rgba(238,238,238,0), rgba(238,238,238,1));
}

.block-j-4 .block-overlay,
.block-j-5 .block-overlay,
.block-j-6 .block-overlay { overflow: hidden; }

.block-j-4 .block-entry h4,
.block-j-5 .block-entry h4,
.block-j-6 .block-entry h4 { height: 39px; }

.block-j-4 .block-entry .block-text,
.block-j-5 .block-entry .block-text,
.block-j-6 .block-entry .block-text { height: 36px; }

.block-j-4 .block-entry h3,
.block-j-4 .block-entry h4,
.block-j-5 .block-entry h3,
.block-j-5 .block-entry h4,
.block-j-6 .block-entry h3,
.block-j-6 .block-entry h4 { margin-bottom: 8px; }

/* ===========================
	# cover
============================ */
.cover-bg,
.cover-b,
.cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; padding: 0; }
.cover-b:hover:after,
.cover:hover:after { display: none; }
.cover-bg { background-position: center center; background-repeat: no-repeat; background-size: cover; }

.cover-inner { background: url(images/cover-inner-bg.png); }
.cover-inner { position: absolute; top: 0; bottom: 0; right: 30px; background: rgba(255,255,255,.5); padding: 25px 20px 80px; z-index: 2;  width: 306px;}

.cover-foot { position: absolute; bottom: 20px; right: 20px; left: 20px; }

.cover-b .cover-foot { z-index: 2; }

.cover-center { position: absolute; left: 0; right: 0; top: 55%; z-index: 2; text-align: center; }
.cover-center h5 { font-size: 20px; line-height: 20px; margin-bottom: 5px; }

.cover-body h1 { font-size: 80px; line-height: 75px; margin-bottom: 15px; }
.cover-body h2 { font-size: 32px; line-height: 32px; margin-bottom: 25px; }

.homebox { padding: 10px; background-color: #0b87b5; color: #fff; margin: 15px 0; }
.homebox h3 { font-weight: 300; }
.homebox h3.bolder { font-weight: 500; }
.homebox h3 a { display: block; color: #fff; }
.homebox h3 a:hover { text-decoration: none; }

.socials ul { list-style: none outside none; float: right; }
.socials li { float: left; padding-left: 10px; }
.socials a { display: block; width: 50px; height: 50px; background-color: #fff; border-radius:50%; }
.socials a {
	 -webkit-backface-visibility: hidden;
	-webkit-transition: background-color 0.3s;
	     -o-transition: background-color 0.3s;
	        transition: background-color 0.3s;
}
.socials a .ico { display: block }
.socials a .ico-hover { display: none; }
.socials a:hover { background-color: #2b2b2b; }
.socials a:hover .ico { display: none; }
.socials a:hover .ico-hover { display: block; }

/* ===========================
	# modals
============================ */
.modal { background: url(images/modal-bg.png); }
.modal { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background: rgba(43,43,43,0.9); z-index: 99; }
.modal { opacity: 0; visibility: hidden; }
.modal {
	-webkit-transition: opacity 0.3s;
	     -o-transition: opacity 0.3s;
	        transition: opacity 0.3s;
}
.modal.show { opacity: 1; visibility: visible; }
.modal-close { position: absolute; left: 14px; top: 14px; }

.article { position: absolute; left: 25%; right: 25%; top: 14px; bottom: 14px; background-color: #fff; padding: 102px 20px 70px;  }
.article h3,
.article h5 { padding-bottom: 8px; }
.article h5 { font-size: 17px; font-weight: 400; }
.article h3 { font-weight: 500; }
.article-author { color: #848484; }
.article-head { position: absolute; left: 20px; top: 20px; right: 20px; height: 72px; }
.article-foot { position: absolute; left: 20px; right: 20px; bottom: 20px; }
.article-body { position: relative; height: 100%; padding-left: 20px; }
.article-body p { margin: 20px 0; line-height: 18px; font-weight: 400; }
.article-body p:first-child { margin-top: 0; }
.article-body .images img { max-width:30%; }
.article-body blockquote { background-color: #ebebeb; padding: 10px 20px; }
.article-body blockquote p { margin: 0; padding: 10px 0; }
.article-body ol,
.article-body ul { margin: 20px 0; padding:0 25px; }
.show .article-body { overflow:auto; }

.block-entry .article-body { padding-left: 0; }

.article .nicescroll-rails { left: 6px !important; }

.iframe { position: absolute; left: 60px;  top: 60px; right: 60px; bottom: 60px; padding-bottom: 30px; }
.iframe-foot { position: absolute; left: 0; bottom: 0; right: 0; line-height: 30px; }
.iframe-title {text-align: center; color: #fff; }

/* ===========================
	#device overlay
============================ */
.device-overlay { position: fixed; left: 0; top: 0; background-color: #eee; text-align: center; width: 100%; height: 100%; z-index: 999; display: none; }
.device-overlay.in { display: block; }
.device-overlay-text { width: 100%; position: absolute; left: 0; top: 50%; text-align: center; }
.device-overlay-text {
	-webkit-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	     -o-transform: translate(0, -50%);
	        transform: translate(0, -50%);
}



/*ipad landscape*/
@media only screen and (max-width: 959px) {

	.panel-visible .header,
	.panel-visible .wrapper { left: 0;  right: 0; }

	.wrapper {
		-webkit-transition: -webkit-transform 0.5s;
		     -ms-transition: -ms-transform 0.5s;
		      -o-transition: -o-transform 0.5s;
		         transition: transform 0.5s;
	}
	.panel-visible .wrapper {
		-webkit-transform: translate(285px, 0);
		    -ms-transform: translate(285px, 0);
		     -o-transform: translate(285px, 0);
		        transform: translate(285px, 0);
	}


	.block:hover .block-overlay { background-color: #fff; }
	.block-c-1:hover .block-overlay { background-color: #fff; }
	.block:hover:after { display: none; }

	.cover-inner { left: 50%; margin-left: -210px; width: 380px; right: auto; }

	.block-media-overlay:hover .ico { background-color: transparent; }

	.cover-body h1 { font-size: 40px; line-height: 40px; margin-bottom: 10px; }
	.cover-body h2 { font-size: 26px; line-height: 30px; margin-bottom: 10px; }

	.socials a  {
		-webkit-transition: none;
	     -o-transition: none;
	        transition: none;
	   }
	.socials a:hover { background-color: #fff; }
	.socials a:hover .ico { display: block; }
	.socials a:hover .ico-hover { display: none; }

	/* a */
	.block-a-1 { right: 7px; }
	.block-a-2 { left: 7px; right: 50%; }
	.block-a-3 { right: 7px; left: 50%; }

	/* b */
	.block-b-3 { left: 7px; }
	.block-b-1 { left: 7px; right: 50%; }
	.block-b-2 { right: 7px; left: 50%; }

	/* c */
	.block-c-1 { left: 7px; right: 7px; top: 7px;  bottom: 7px; padding: 7px; }
	.block-c-1 .block-media { bottom: 0; }
	.block-c-1 .block-overlay { left: 0; right: 0; bottom: 0; margin: 0; background-color: #fff; }
	.block-c-1 .actions a:hover { background-color: #fff; }

	/* d */
	.block-d-1 { right: 7px; }
	.block-d-2 { left: 7px; }
	.block-d-3 { left: 7px; }
	.block-d-4 { left: 7px; }

	.block-d-2 .block-entry:after,
	.block-d-3 .block-entry:after,
	.block-d-4 .block-entry:after { display: none; }

	/* e */
	.block-e-1 { right: 7px; }
	.block-e-2 { right: 7px; }
	.block-e-3 { right: 7px; }
	.block-e-4 { left: 7px; }

	.block-e-1 .block-entry:after,
	.block-e-2 .block-entry:after,
	.block-e-3 .block-entry:after { display: none; }

	/* f */
	.block-f-1 { left: 7px; right: 50%; }
	.block-f-2 { right: 7px; left: 50%; }

	.block-f-3 { left: 7px; }
	.block-f-4 { left: 7px; }
	.block-f-5 { left: 7px; }

	.block-f-3 .block-entry:after,
	.block-f-4 .block-entry:after,
	.block-f-5 .block-entry:after { display: none; }

	/* g */
	.block-g-1 { right: 7px; }
	.block-g-2 { right: 7px; }
	.block-g-3 { right: 7px; }

	.block-g-1 .block-entry:after,
	.block-g-2 .block-entry:after,
	.block-g-3 .block-entry:after { display: none; }

	.block-g-4 { left: 7px; right: 50%; }
	.block-g-5 { right: 7px; left: 50%; }

	/* h */
	.block-h-1 { right: 7px; }
	.block-h-2 { left: 7px; }

	/* i */
	.block-i-1 { left: 7px; right: 50%; }
	.block-i-2 { right: 7px; left: 50%; }
	.block-i-3 { left: 7px; right: 50%; }
	.block-i-4 { right: 7px; left: 50%; }

	/* j */

	.block-j-1 { right: 7px; }
	.block-j-2 { right: 7px; }
	.block-j-3 { right: 7px; }

	.block-j-4 { left: 7px; }
	.block-j-5 { left: 7px; }
	.block-j-6 { left: 7px; }

	.block-j-1 .block-entry:after,
	.block-j-2 .block-entry:after,
	.block-j-3 .block-entry:after,
	.block-j-4 .block-entry:after,
	.block-j-5 .block-entry:after,
	.block-j-6 .block-entry:after  { display: none; }

    .block-media-small { bottom: auto; top: 12px; }

	.page { right: 0 !important; left: 0; width: 100% !important; }
	.back { display: none !important; }
	.page .content { width: 100% !important; }
}

@media only screen and (max-width: 1024px) and (orientation : landscape) {
    .block-c-1 .block-overlay { left: 25%; }

    .block-media-small { bottom: auto; top: 12px; }
}

@media only screen and (max-width: 959px) {
	.modal-close { left: 30px; top: 13px; margin: 0; }
	.article { left: 30px; top: 50px; bottom: 30px; right: 30px; width: auto; height: auto;  }
	.iframe { left: 30px; top: 50px; right: 30px; bottom: 30px; }

}

@media only screen and (max-width: 640px) and (orientation : landscape) {
	.device-overlay { display: block; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	body { font-size: 11px; }
	h2 { font-size: 15px; }
	h3 { font-size: 18px; }
	h4 { font-size: 13px; }

	.ico-close { width: 12px; height: 12px; }

	.panel { width: 200px; }

	.panel-visible .header,
	.panel-visible .wrapper { left: 0;  right: 0; }

	.wrapper {
		-webkit-transition: -webkit-transform 0.5s;
		     -ms-transition: -ms-transform 0.5s;
		      -o-transition: -o-transform 0.5s;
		         transition: transform 0.5s;
	}
	.panel-visible .wrapper {
		-webkit-transform: translate(200px, 0);
		    -ms-transform: translate(200px, 0);
		     -o-transform: translate(200px, 0);
		        transform: translate(200px, 0);
	}

	.cover-inner { margin-left: -115px; width: 210px; padding: 20px 10px 60px; right: auto; }
	.cover-body h1 { font-size: 50px; line-height: 45px; margin-bottom: 10px; }
	.cover-body h2 { font-size: 20px; line-height: 20px; }
	.cover-foot { left: 10px;  right: 10px; }

	.cover-center { top: 50%; }
	.cover-b h3 { font-size: 20px; line-height:20px; }
	.cover-b h5 { font-size: 15px; line-height: 15px; }
	.cover-b p { font-size: 12px;  line-height: 12px;}
	.cover-b .cover-foot { left: 50%; width: 210px; margin-left: -105px;}

	.homebox { margin: 10px 0; padding: 5px; }

	.header { height: 26px; padding: 0 10px; }
	.header h1 { font-size: 12px; line-height: 26px;}

	.logo { height: 26px; width: 55px; background-size: 100%; }

	.utilities { padding-top: 3px; }
	.utilities li { display: none; }
	.utilities li:first-child { display: block; }
	.utilities .ico { width: 20px; height: 20px; }
	.utilities-mobile { height: 20px;  float: none; padding: 0 0 10px; display: block; }
	.utilities-mobile li { display: block; }
	.utilities-mobile .ico { width: 26px; height: 26px; }
	.utilities-mobile .ico-lang { font-size: 18px; line-height: 26px; }
	.utilities-mobile .ico-lang-hebrew { line-height: 22px; }

	.page .content { top: 26px; }
	.page .header { top: -26px; }

	.socials a,
	.socials .ico { width: 36px; height: 36px; }
	.socials li { padding-left: 6px }

	.actions a,
	.actions .ico { width: 26px; height: 26px; }

	.block-media { bottom: 145px; }
	.block-entry { margin: 10px 10px 40px; height: 95px; }
.block-h-2 .block-entry, .block-h-1 .block-entry { height: auto; }
	.block-entry h3 { height: 21px; margin-bottom: 7px; }
	.block-entry h4 { margin-bottom: 7px; height: 120px; font-size: 16px; }
	.block-entry .block-text { height: 42px; margin-bottom: 7px; display: none; }
	.block-actions { left: 10px;  right: 10px; line-height: 24px; }
	.block-actions .link-more { font-size: 14px;  }


	.bookmarks,
	.search,
	.archive,
	.menu { padding: 10px; }

	.menu-head { padding-bottom: 8px; }
	.menu-body { left: 10px; right: 3px; padding-right: 4px; bottom: 80px; top: 70px; }
	.menu-list li > a { font-size: 15px; line-height: 19px; padding-top: 10px; padding-bottom: 10px; }
	.menu-parent { background-size: 10px 17px;  }
	.menu-parent.expanded { background-size: 17px 10px;  }
	.menu-parent ul a { padding: 10px; }
	.menu-foot { right: 10px; bottom: 0; left: 10px; }
	.menu-foot .toggle-archive { font-size: 12px; background-size: 17px 10px;}

	.panel-logo { padding: 5px 0; margin-top: 5px; }

	.archive-close { right: 10px; top: 10px; }
	.archive-head { padding-bottom: 8px; }
	.archive-body { top: 70px; }
	.archive-item { margin: 0 10px 20px; }
	.archive-item img { width: 100%; }
	.archive-foot { left: 0; right: 0; }

	.search-field { font-size: 15px; padding-top: 1px; padding-bottom: 2px; }
	.search-button { width: 23px; height: 23px; background-size: 12px 12px; }

	.search-results li > a {  font-size: 15px; line-height: 19px; padding-top: 10px; padding-bottom: 10px;  }
	.search-results li { background-size: 10px 17px; }

	.bookmarks-head { padding-bottom: 8px; }
	.bookmarks-list li a {  font-size: 15px; line-height: 19px; padding-top: 10px; padding-bottom: 10px; }
	.bookmarks-list li { background-size: 10px 17px; }

	.modal-close { left: 10px;  top: 9px; width: 12px; height: 12px; line-height: 12px; }
	.article { right: 10px; left: 10px; bottom: 10px; top: 30px; padding: 78px 20px 50px; }
	.article h3 { font-size: 17px; line-height: 20px; }
	.article-body { padding-left: 10px; }
	.block-entry .article-body { padding-left: 0; }
	.article-body li,
	.article-body p { font-size: 15px; }
	.article-head { overflow: hidden; height: 48px; }
	.iframe { left: 10px; top: 30px; right: 10px; bottom: 10px; }

	.page-prev,
	.page-next { width: 25px; height: 25px; margin-top: -12px;  background-size: 200% 100%; }

	/* a */
	.block-a-2 { left: 7px; right: 7px; }
	.block-a-3 { right: 7px; left: 7px; }

	.block-a-1 .block-entry { height: auto; }
	.block-a-1 .block-media { bottom: 145px; }


	/* b */
	.block-b-1 { left: 7px; right: 7px; }
	.block-b-2 { right: 7px; left: 7px; }

	.block-b-3 .block-entry { height: 95px; }
	.block-b-3 .block-media { bottom: 145px; }

	/* c */
	.block-c-1 .block-media { bottom: 0; background-position: center 40px; background-size: 140% auto }

	/* d */

	.block-d-2,
	.block-d-3,
	.block-d-4 { top: 7px; bottom: 7px;}

	.block-d-2 .block-media,
	.block-d-3 .block-media,
	.block-d-4 .block-media {  width: auto; height: auto; top: 0; left: 0;  bottom: 127px;  right: 0;}

	.block-d-2 .block-entry,
	.block-d-3 .block-entry,
	.block-d-4 .block-entry { margin: 10px 10px 40px; position: static; height: 77px;  }

	.block-d-2 .block-entry:after,
	.block-d-3 .block-entry:after,
	.block-d-4 .block-entry:after { display: none; }

	.block-d-2 .block-entry h4,
	.block-d-3 .block-entry h4,
	.block-d-4 .block-entry h4 {height: 48px;}

	.block-d-2 .block-overlay,
	.block-d-3 .block-overlay,
	.block-d-4 .block-overlay { bottom: 0; left: 0; right: 0; top: auto; }

	/* e */
	.block-e-1,
	.block-e-2,
	.block-e-3 { top: 7px; bottom: 7px;}

	.block-e-1 .block-media,
	.block-e-2 .block-media,
	.block-e-3 .block-media {  width: auto; height: auto; top: 0; left: 0;  bottom: 127px;; right: 0;}

	.block-e-1 .block-entry,
	.block-e-2 .block-entry,
	.block-e-3 .block-entry { margin: 10px 10px 40px; height: 77px; position: static; }

	.block-e-1 .block-entry:after,
	.block-e-2 .block-entry:after,
	.block-e-3 .block-entry:after { display: none; }

	.block-e-1 .block-entry h4,
	.block-e-2 .block-entry h4,
	.block-e-3 .block-entry h4 { height: 48px; }

	.block-e-1 .block-overlay,
	.block-e-2 .block-overlay,
	.block-e-3 .block-overlay { bottom: 0; left: 0; right: 0; top: auto; }

	/* f */
	.block-f-1 { left: 7px; right: 7px; }
	.block-f-2 { right: 7px; left: 7px; }

	.block-f-3,
	.block-f-4,
	.block-f-5 { top: 7px; bottom: 7px;}

	.block-f-3 .block-media,
	.block-f-4 .block-media,
	.block-f-5 .block-media {  width: auto; height: auto; top: 0; left: 0;  bottom: 127px;  right: 0;}

	.block-f-3 .block-entry,
	.block-f-4 .block-entry,
	.block-f-5 .block-entry { margin: 10px 10px 40px; position: static; height: 77px;  }

	.block-f-3 .block-entry:after,
	.block-f-4 .block-entry:after,
	.block-f-5 .block-entry:after { display: none; }

	.block-f-3 .block-entry h4,
	.block-f-4 .block-entry h4,
	.block-f-5 .block-entry h4 {height: 48px;}

	.block-f-3 .block-overlay,
	.block-f-4 .block-overlay,
	.block-f-5 .block-overlay { bottom: 0; left: 0; right: 0; top: auto; }

	/* g */
	.block-g-1,
	.block-g-2,
	.block-g-3 { top: 7px; bottom: 7px;}

	.block-g-4 { left: 7px; right: 7px; }
	.block-g-5 { right: 7px; left: 7px; }

	.block-g-1 .block-media,
	.block-g-2 .block-media,
	.block-g-3 .block-media {  width: auto; height: auto; top: 0; left: 0;  bottom: 127px;; right: 0;}

	.block-g-1 .block-entry,
	.block-g-2 .block-entry,
	.block-g-3 .block-entry { margin: 10px 10px 40px; height: 77px; position: static; }

	.block-g-1 .block-entry:after,
	.block-g-2 .block-entry:after,
	.block-g-3 .block-entry:after { display: none; }

	.block-g-1 .block-entry h4,
	.block-g-2 .block-entry h4,
	.block-g-3 .block-entry h4 { height: 48px; }

	.block-g-1 .block-overlay,
	.block-g-2 .block-overlay,
	.block-g-3 .block-overlay { bottom: 0; left: 0; right: 0; top: auto; }

	/* i */

	.block-i-1,
	.block-i-2,
	.block-i-3,
	.block-i-4 { right: 7px; left: 7px; }

	/* j */
	.block-j-1,
	.block-j-2,
	.block-j-3,
	.block-j-4,
	.block-j-5,
	.block-j-6  { top: 7px; bottom: 7px; }

	.block-j-1 .block-media,
	.block-j-2 .block-media,
	.block-j-3 .block-media,
	.block-j-4 .block-media,
	.block-j-5 .block-media,
	.block-j-6 .block-media { width: auto; height: auto; top: 0; left: 0; bottom: 127px; right: 0;}

	.block-j-1 .block-entry,
	.block-j-2 .block-entry,
	.block-j-3 .block-entry,
	.block-j-4 .block-entry,
	.block-j-5 .block-entry,
	.block-j-6 .block-entry { margin: 10px 10px 40px; height: 77px; position: static; }

	.block-j-1 .block-entry:after,
	.block-j-2 .block-entry:after,
	.block-j-3 .block-entry:after,
	.block-j-4 .block-entry:after,
	.block-j-5 .block-entry:after,
	.block-j-6 .block-entry:after  { display: none; }

	.block-j-1 .block-entry h4,
	.block-j-2 .block-entry h4,
	.block-j-3 .block-entry h4,
	.block-j-4 .block-entry h4,
	.block-j-5 .block-entry h4,
	.block-j-6 .block-entry h4  { height: 48px; }

	.block-j-1 .block-overlay,
	.block-j-2 .block-overlay,
	.block-j-3 .block-overlay,
	.block-j-4 .block-overlay,
	.block-j-5 .block-overlay,
	.block-j-6 .block-overlay  { bottom: 0; left: 0; right: 0; top: auto; }

    .block-overlay-img { display: none; }
    .block-overlay-img ~ .block-actions { right: 10px; }

    .block-media-small { bottom: auto; top: 41px; left: 14px; right: 14px; z-index: 101; }
    .block-media-small.js-changed { display: none; }
    .block-media-small iframe { width: 100%; }

}