/*
Title:    EKHO UPDATYES css file
*/

#main {padding: 0 10px;}

.hg-portfolio-item .other-images li {max-height:170px;} 


.scrollToTop {width:11px; height:11px; position:absolute; bottom:-21px; right:0; background-image:url(../images/scrolltotop.png); background-repeat: no-repeat; background-position:0 0; cursor:pointer; display:block; -webkit-transition: background-position 0.15s ease-in; transition: background-position 0.15s ease-in;}
.scrollToTop:hover,
body.light .scrollToTop {background-position:0 -11px;}
body.light .scrollToTop:hover {background-position:0 0;}

body .newsletter {margin:0; padding:0; text-align:left; font-weight:normal;}
body .newsletter form {margin-bottom:10px;}
.newsletter input[type=text] {margin:0 0 10px; background:#222; border:0; padding:0; width:100%; height: 30px; color: #CCC; text-indent: 10px; border-radius: 0;}
.newsletter input[type=text]:hover { background:#292929;}
.newsletter input[type=text]:focus { background:#333;}
body .newsletter input[type=submit] {background:#333; padding:5px 14px; color:#eee; border:0; margin:0; font-size:10px; text-transform:uppercase; text-shadow:none; border-radius: 0; float:right; }
body .newsletter input[type=submit]:hover {background:#444;}

body.light .newsletter input[type=text] { background:#ddd;color: #333;}
body.light .newsletter input[type=text]:hover { background:#D6D6D6;}
body.light .newsletter input[type=text]:focus { background:#ccc;}
body.light .newsletter input[type=submit] {background:#ccc; color:#111; }
body.light .newsletter input[type=submit]:hover {background:#bbb;}

#page_wrapper {min-height:100%;}
.mb_YTVPBar span.mb_YTVPUrl,
.mb_YTVPBar span.mb_OnlyYT {display:none;}

#header.vertical #menu .jt-menu > li > a {display:block; float:left;}
.dark #contact_form input[type=submit] {color:#c2c2c2;}

.errpop .pp_nav,
.errpop .pp_description,
.errpop .pp_social {display:none !important;}
.errpop .pp_content_container .pp_details {margin: 0; position: absolute; left: 0; top: 0; width: 100% !important;}

/* Mobile menu (Offslide right) */
.offsidemenu {display: none; position: fixed; top: 0; right: -50%; width: 50%; background: #353535; padding: 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.24) inset; -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.24) inset; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.24) inset; height: 100%; overflow: scroll; overflow-x: hidden; margin-bottom: 70px;}
.offsidemenu > ul {margin-bottom: 60px;}
.offsidemenu > ul ul {margin: 3px 0 3px 20px;}
.offsidemenu.opened {display:block; right:0;}
.offsidemenu li a {color:#ddd;}
.offsidemenu li.active > a {color:#fff; border-bottom: 1px solid #929292}
body.light .offsidemenu li a {color:#222;}
body.light .offsidemenu li.active > a {color:#000; border-bottom: 1px solid #6D6D6D}
body.light .offsidemenu {background: #CACACA; -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.24) inset; -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.24) inset; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.24) inset;}

#page_wrapper.mb-opened {margin-left: -50%; position: relative; overflow: hidden; width: 100%;}
#page_wrapper.mb-opened #live_comments {right:50%;}
#page_wrapper.mb-opened #social_sharing {right:50%;}
#page_wrapper.mb-opened #main ~ #social_sharing {right:auto;}
#page_wrapper.mb-opened ~ #backstretch {margin-left: -50% !important;}

.menu-icon-hbg {display:none; width: 16px;  padding: 13px 10px; background:#000; cursor:pointer; border: 1px solid rgba(255, 255, 255, 0.1); }
.menu-icon-hbg:hover {background:rgba(0,0,0,0.7);}
.menu-icon-hbg span,
.menu-icon-hbg span:after,
.menu-icon-hbg span:before { height: 2px; width:16px; background:#E7E6DD; display: block;}
.menu-icon-hbg span { position:relative; }
.menu-icon-hbg span:before { content:''; position:absolute; top: -6px;}
.menu-icon-hbg span:after { content:''; position:absolute; top: 6px;}
.menu-icon-hbg.opened {background: #525252;}
.menu-icon-hbg.opened span { background:transparent;}
.menu-icon-hbg.opened span:before { top: 0px; -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg); }
.menu-icon-hbg.opened span:after {top: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
/*light menu icon*/
body.light .menu-icon-hbg {background:#fff;  border: 1px solid rgba(0, 0, 0, 0.1); }
body.light .menu-icon-hbg:hover {background:rgba(255,255,255,0.7);}
body.light .menu-icon-hbg span,
body.light .menu-icon-hbg span:after,
body.light .menu-icon-hbg span:before { background:#181922;}
body.light .menu-icon-hbg.opened {background: #ADADAD;}
body.light .menu-icon-hbg.opened span { background:transparent;}