si/*
Theme Name: siexpo Child Theme
Theme URI: http://siexpo.gr
Version: 1.0
Author: -
Author URI: -
Template: siexpo
*/

/*********** Default **************/
body { font-weight:400; font-size:19px; color:#222;}
html.activemodal {overflow:hidden;}
.alignright{text-align: right}
.alignleft{text-align: left;}
.aligncenter{text-align: center;}
.navbar-fixed-top{top:inherit;}
.navbar-nav .open .dropdown-menu{display:block !important;}
.no-padding { padding: 0 !important; }

/*********************************/
/*********** Header **************/
.preloader-container img {max-width:100px ; height:auto; margin-bottom:10px;}
.spinner > div {border-radius:0; background-color:#FFC425;}

.header-nav ul.langs { list-style: none; margin: 0; position: absolute; top: 18px; right: 30px;}
.header-nav ul.langs li {font-size:12px; text-transform:uppercase;}
.header-nav ul.langs li.lang-sel { padding: 0; border: none; float: left; border-right: #FFC425 2px solid; margin-right: 5px; padding-right: 5px;}
.header-nav ul.langs li:last-child {border-right:none; margin-right: 0; padding-right: 0;}

.slogan-wrapper {position: absolute;  top: 70px;  left: 140px; width: 34vw;  height: 16vw; max-width: 516px; max-height: 312px; min-width: 212px; min-height: 100px;background-image:url(images/box-orange-slogan-outline-new.svg); background-position:top left; background-size: contain; background-repeat: no-repeat;}
.slogan-box {width: 16vw;  height: 16vw;  background-color: #EFC33C;  float: left;  min-width: 100px;  min-height: 100px; display:none;}
h1.home-slogan {float: left;  font-size: 60px;  color: #FFF;  width: 250px;  text-align: left;  margin: -14px 0 0 20px;  line-height: 74px;  padding: 0; display:none;}

a.navbar-brand {height:auto; padding:18px 20px 18px 60px;}
a.navbar-brand img { height:auto;}
.nav.navbar-nav {margin-top:73px;}

.navbar-nav li {border-right: #FFC425 2px solid;}
.navbar-nav li:last-child {border: none;}

a.one-page-arrow {position: absolute; bottom: 20px; left: 50%; width: 30px; height: 30px;}
a.one-page-arrow i { width: 100%; height: 100%; content: ""; color: #fff; font-family: FontAwesome; font-size: 30px;}
a.one-page-arrow:hover i {color:#FFC425;}

/***********************************/
/*********** Sections **************/
.parallax-overlay:before {background:none;}
.parallax-overlay h2, .parallax-overlay h3 {color:#000 !important;}
.separator { color:#ffc425; margin: 0 24px; }
#home {position: relative; padding:0 !important; background-position: top center !important; background-size: cover !important; height:700px; }
section h1.section-heading {color:#58595b; font-size:56px; font-weight:300; width:50%; max-width:750px; border-bottom:3px solid #ffc425; margin:0 auto 10px auto; padding-bottom: 10px; }

#about { overflow: hidden; padding-top: 40px; padding-bottom: 0; }
.about-more {display:none; }
.about-more, .about-more-pre {padding: 0 20%;}
#about-counter {padding-bottom: 30px;}
#slogan-2017 { padding-top: 0; padding-bottom: 5px; }
.m-counter span { font-size:52px; font-weight:700; color:#FFC425; }
.m-counter span.suf-counter, .m-counter span.pre-counter { font-size:30px; font-weight:400;}
.m-counter h5, .s-counter h5 { font-size:25px; }
.s-counter .count-wrap {display:table; background-color: #ffc425; font-size: 38px; font-weight:bold; position: relative; margin: 0 auto;}
.s-counter .count-wrap .count-cell {display:table-cell; vertical-align:middle; width:140px; height:140px;}
.s-counter .count-wrap .count-cell:before { content: ''; position: absolute; width: 3px; height: 24px; top: -23px; left: 68%; background-color: #ffc425;}
.s-counter .count-wrap .count-cell:after { content: ''; position: absolute; width: 3px; height: 14px; bottom: -13px; left: 30%; background-color: #ffc425;}
.cities-row {padding-top:10px; padding-bottom:10px; margin-bottom:20px; background-color:#58595b;}
.cities-row h4 {font-size:28px; font-weight:bold; color:#fff; margin:0; }
.cities-row .wpb_content_element {margin:0;}
.cities-row .wpb_content_element p:empty {display:none;}
.cities-row .wpb_content_element img{ margin-top: -6px; margin-right: 8px;}

#pre-projects, #post-services {position:relative; height:680px; margin:0; padding:0; }
#pre-projects .col-md-12, #post-services .col-md-12 {position:inherit;}
h1.inner-slogan {font-size: 45px; position:absolute; right:20px; text-align:left; top:50%; transform: translate(0,-50%); margin:0;  line-height: 67px; }
h1.inner-slogan:before { content: ''; position: absolute; width: 6px; height: 40px; top: -39px; left: 68%; }
h1.inner-slogan:after { content: ''; position: absolute; width: 6px; height: 24px; bottom: -23px; left: 30%; }
#pre-projects h1.inner-slogan {background-color:#fff; padding:10px 15px; color:#000;}
#pre-projects h1.inner-slogan:before, #pre-projects h1.inner-slogan:after {background-color:#fff;}
#post-services h1.inner-slogan {left:20px; right:auto; background-color:#58595b; padding:10px 15px;}
#post-services h1.inner-slogan:before, #post-services h1.inner-slogan:after {background-color:#58595b;}

#projects {padding-left:0;padding-right:0; padding-bottom: 40px;}
#projects .nav-services p {font-size:22px;}
.projects .vc_btn3 {border-radius: 0px;	text-decoration: none;	padding: 12px 18px;	font-size: 12px; line-height: 19px;	text-transform: uppercase;	font-family: 'Roboto', sans-serif;	font-weight: 700;	letter-spacing: 3px; color: #fff; background-color: #d0ad55 !important; border-color: #d0ad55 !important;	-webkit-transition: all .2s ease-in-out;	-moz-transition: all .2s ease-in-out;	-ms-transition: all .2s ease-in-out;	-o-transition: all .2s ease-in-out;	transition: all .2s ease-in-out; }
.projects .vc_btn3:focus, #projects .vc_btn3:active:focus, #projects .vc_btn3.active:focus {color: #fff;}
.projects-list p {font-size:12px; font-weight:normal; line-height:normal; color:#666;}

.logos-imgs p img {margin: 0 45px;}

#group { padding: 0 0 20px 0; overflow: hidden;}
#group h2 {font-size:38px; color:#58595B; margin-bottom:20px;}
#group .wpb_content_element {margin:0; }

#services {  padding: 10px 0;}
#services .nav-services {font-size:22px;}
#services .nav-services a { color:#000; cursor:pointer; }
#services .nav-services a:hover { color:#58595B; }
#services-counter { margin-top: 100px; margin-bottom: 0;}
button.close {cursor:pointer; }

.news-grid {background-color:#706f6f; overflow: hidden;}
.news-grid .blogcard {background-color:#fff;position: relative;}
.news-grid .blog-title { display: inline-block; position: relative; bottom: 0; width: 100%; left: 0;}
.news-grid .blog-title h3 {font-size:19px; line-height: normal; color:#454444; margin: 20px 20px;}
.news-grid .blog-date {display:none;}
.news-grid p {font-size:18px; color:#fff; line-height:normal;}
.news-grid .btn { margin: 30px 0 0 0;}
.blogcol-1 {text-align:left;}
.blogcol-1 img, .blogcol-3 img {max-width:100%; height:auto; position:relative;}
.blogcol-1 img {left:0; top:-50px;}
.blogcol-3 {text-align:right;}
.blogcol-3 img {left:0; top:300px;}

.i-blog-s-title h1 { font-size: 30px; font-weight: 600; }
.i-blog-section-inner .container { max-width: 960px; }
.i-blog-content span.i-blog-date:before { display: none; content: ''; }
.archive a .i-blog-content { color: #454444; }
.archive a:hover .i-blog-content { color: #d0ad55; 	-webkit-transition: background-color .2s linear, color .2s linear;
	-moz-transition: background-color .2s linear, color .2s linear;
	-o-transition: background-color .2s linear, color .2s linear;
	-ms-transition: background-color .2s linear, color .2s linear;
	transition: background-color .2s linear, color .2s linear;}
.single i.fa.fa-clock-o { margin-right: 10px; }
.single .post-content { margin: 30px 0 50px 0; overflow: hidden;}

.gmaps { margin-bottom: 30px; }

.expo-grid {overflow: hidden;}
 
.footer-row { padding:20px 0 0 0; font-size:14px; font-weight: 400; line-height:normal; color:#fff; overflow:hidden; }
.footer-row a { color:#ffc425; }
.footer-row .wpb_content_element, .footer-row-bottom .wpb_content_element {margin-bottom:15px; }
.footer-row .vc_separator {margin:0;}
.footer-row-bottom {background-color: #2A2A2A;  overflow:hidden; padding:20px 0 0 0; }
.footer-row-bottom a {font-size:19px; line-height:normal; color:#fff;}
.nav-footer {  margin-top: 100px; }
.cnt {width: 35px; display: inline-block;}
.logo-bottom a { position: relative; top: 50px; cursor: pointer; margin-left: 14px; font-weight: 400; }
.logo-bottom a span { margin: 0 14px; }


/***************************************/
/*********** modals **************/
.imodal { display:none; position:absolute; width:40%; top:20px; right:20px; background-color:#FFF; padding:20px; font-size:14px; font-weight:400; color:#333; text-align:left; }
.imodal-title {margin-top:0;}
.imodal-content p:last-child {margin-bottom:0;}
.services-modal {}

.ioverlay {position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.9); height: 100vh; width: 100vw; display:none; z-index:999; overflow-y:scroll; overflow-x:hidden }
.overlay-bk {position:absolute; top:0; left:0; width:100%; height:100%; }
.ioverlay-wrapper {color:#fff;}


/***************************************/
/*********** jssor Slider **************/
.jssora21l, .jssora21r { display: block; position: absolute; width: 19px; height: 46px; cursor: pointer; background-repeat:no-repeat; background-position:center center; overflow: hidden;}
.jssora21l { background-image:url(images/owl-prev.png); left:20px; }
.jssora21r { background-image:url(images/owl-next.png); right:20px; }

.jssorb21 {position: absolute;}
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {position: absolute;/* size of bullet elment */width: 19px; height: 19px; text-align: center; line-height: 19px; color: white; font-size: 12px; background: url(images/jssor/b16.png) no-repeat; overflow: hidden; cursor: pointer; }
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }

#jssor-projects .jssor-item img { display:block; }
#jssor-projects .jssor-item .jssor-active { width:100%; height:100%; position:absolute; top:0; left:0; background-color: rgba(13,12,12,0.9); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#jssor-projects .jssor-item h5 { background: #fff; color: #000; padding:5px 0;}
#jssor-projects .jssor-item p { line-height:normal; font-size:12px; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; color: #FFC425; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
#jssor-projects a.jssor-info {font-size:12px; display: inline-block; text-decoration: none; padding: 3px 6px; background: #fff; color: #000;}
#jssor-projects span.jssora21l, #jssor-projects span.jssora21r {transform: scale(2.9,2.9); -ms-transform: scale(2.9,2.9); -webkit-transform: scale(2.9,2.9); }


.proj-data { top: 50%; transform: translate(0,-50%);}

.ioverlay .owl-theme .owl-item{ background-color: #191919;}
.ioverlay .owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent; display:none;}
.ioverlay .owl-theme .owl-dots { position: absolute; bottom: -40px; width: 100%;}
.ioverlay .owl-theme .owl-dots .owl-dot{ display:inline-block;zoom:1;*display:inline}
.ioverlay .owl-theme .owl-dots .owl-dot span{width:20px;height:20px;margin:5px 7px;background:#ffc425;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;}
.ioverlay .owl-theme .owl-dots .owl-theme .owl-dots .owl-dot:hover span{background:#ffc425}
.ioverlay .owl-theme .owl-dot.active span { background-color:#FFF;-webkit-box-shadow: 0px 0px 18px 5px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 5px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 5px rgba(0,0,0,0.5);}

.ioverlay {padding:20px 0;}

.ioverlay .container {background-color:#706f6f; position: static;}
.ioverlay .col-md-10 {padding-left:0; padding-right:10px;}
.ioverlay .owl-theme .owl-controls { position: absolute; margin: 0; top: 0; width:100%; height:100%; display:none; }
.ioverlay .owl-theme .owl-nav {position: absolute; top: 10px; right: 10px; margin: 0; width:100%; }
.ioverlay .owl-theme .owl-nav div {display:inline-block; position: absolute; width: 19px; height: 46px; margin:0 5px; cursor: pointer; overflow: hidden; text-indent:-9999px;}
.ioverlay .owl-theme .owl-prev { background-image:url(images/owl-prev.png); right:50px;}
.ioverlay .owl-theme .owl-next { background-image:url(images/owl-next.png); right:10px;}
.ioverlay .iosidebar {padding-top:20px;}
.ioverlay .iosidebar i.fa-close { position:absolute; top:5px; right:5px; cursor:pointer;}
.ioverlay .iosidebar p {margin:0 0 22px 0; font-size: 15px; line-height: normal;}
.ioverlay .iosidebar .ptitle {display:block; color:#ffc425;}

.projects_grid a { position: relative; display: block; }
.projects_grid * { -webkit-transition: all .3s ease-in-out;	-moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.projects_grid .mask { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #000; opacity: 0; }
.project-title { font-size: 20px; position: absolute; top: 30%; width: 100%; transform: translateY(-50%); color: #fff; opacity: 0; font-weight: 600; text-align: center; }
.projects_grid a:hover .mask { opacity: 0.6; }
.projects_grid a:hover .project-title { top: 50%; opacity: 1; }

.vc_mobile .parallax { background-attachment: initial;}

@media (min-width: 991px) and (max-width:1170px){

}

@media (max-width: 991px) {
	.ioverlay .col-md-10 { padding:0;}
	.about-more, .about-more-pre {padding: 0;}
	.nav-footer {margin-top:10px;}
	.footer-row-bottom a { font-size: 13px; line-height: normal; color: #fff;}
	.footer-row-bottom .separator {   margin: 0 4px;}
	.nav.navbar-nav {margin-top:0;}
	.navbar-default .navbar-nav>li>a {font-size: 14px;}
	.blogcol-3 img { left: 0; top: auto; bottom: -50px;}
	.header-nav ul.langs {right:90px;}
	
} 

@media (max-width: 767px) {
	.slogan-wrapper  {left:70px;}
	#home {background-position: 65% 50% !important;}
	.slogan-wrapper {  left: 40px; top: 40px;}
	a.navbar-brand { height: auto; padding: 18px 20px;}
	.blogcol { margin-bottom:40px;}
}

@media (max-width: 469px) {
	section h1.section-heading {width:100%;}
	.logos-imgs p img {margin: 0 45px 30px 45px;}
	h1.inner-slogan { font-size: 25px; line-height: 40px;}
	.imodal{width:90%;}
	#services .nav-services a {line-height:normal;}
	#services-counter { margin-top: 70px;  margin-bottom: 20px;}
	.s-counter .count-wrap .count-cell {width:100px; height:100px; font-size:28px;}
	.s-counter h5 {font-size: 20px;}
	.nav-services .separator {margin: 0 8px;}
	#projects, #news {padding-bottom:30px;}
}
/*
@media (max-width: @iphone-screen) {
        background-attachment: scroll;
    }
	*/