/*
Theme Name: EgasAir
Theme URI: http://www.egasair.eu
Description: Tema za Egas Air - Endem 2014.
Author: Petar Antonic
Author URI: https://pekx.com
License: GNU General Public License
License URI: license.txt
Version: 2.1.3
Tags: 
Text Domain: photopharm
*/


@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600&subset=latin,latin-ext);

/* Footer Endem potpis */
#endemContainer {bottom: 0; line-height:46px;padding-bottom:10px;float:right; font-size: 12px;color: #585858;}
#endemGlue {display: block;bottom:0;float:right;width:100%;}
.logoEndem:link,.logoEndem:visited  {    color: #7d7b7b; /*rgba(255, 255, 255, 0.9);*/}
.logoEndem:hover {background-position: 0 -46px;border-bottom:none;}
@media only screen and (max-width: 991px) {	#endemGlue {text-align: center;}}
@media only screen and (max-width: 1200px) {
#endemContainer {line-height:normal;padding-bottom:10px;float:none;}
#endemGlue {width:100%;line-height: 1.6em;}
.logoEndem {display: inline;width: 99px;height: 46px;background:none;text-indent: 0px;float: none;margin-right:0px;background-position: 0 0;color:#343434; font-weight:bold;}
}
/* END Footer Endem potpis */



/*---UNUSED STUFF---*/
.aligncenter,
.bypostauthor,
.sticky,
.wp-caption-text,
.gallery-caption,
.wp-caption {}

* {padding: 0; margin: 0; line-height: 1.7em;}

/* -----BODY STUFF----- */
html {background: #000; height: 100%; }
body {height:auto; width:auto; font-family: 'Open Sans', sans-serif; color:#ccc;}

#pageContent {width: 100%; left: 0; right: 0; top:0; bottom: 0; position: absolute; overflow: auto;}

/* -----A TAG STUFF----- */
a {text-decoration:none;}
a:hover {text-decoration:underline; color: #fff;}

p {
	font-size: 16px;
}

/* -----H TAG STUFF----- */
h1,h2,h3, h4, h5, h6 {color: #b29659; font-weight: normal;}
h1,h1 a,h1 a:visited,
h2,h2 a,h2 a:visited,
h3,h3 a,h3 a:visited,
h4,h4 a,h4 a:visited,
h5,h5 a,h5 a:visited,
h6,h6 a,h6 a:visited {text-decoration:none;}

/* -----PAGE STUFF----- */
.boxStuff {max-width: 99%; padding: 0 50px 30px; position: absolute; top: 10%; left: 50%; display: none;}

#galleryBox,
#widgetBox {max-width: 260px;}

#rightBg {right:0; background:#000; position: fixed; width: 0%; top: 0; bottom: 0; z-index: -1;}

#mesh {
    background: url("images/mesh.png");
    left: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -2;
    display: none;
}

.noticeMessage {
	background: rgba(0,0,0,.85);
	display: inline-block; 
	font-size: 11px;
    padding: 15px 20px;
    margin: 20px;
    color: red;
}
.noticeMessage p {margin-bottom: 10px; font-size: 11px;}
.noticeMessage input[type="submit"] {display: block; width: 100%; padding: 8px 0;}
.noticeMessage input[type="password"] {margin-bottom: 10px;}

/*------TABS STUFF------*/
#navBox {width: 47px; position: fixed; top: 50%; right: 0%; margin-right: 20px; display: none; list-style: none;}
#navBox li {display: block; height: 47px; margin-bottom: 2px;}
#navBox li a {
	display: block; 
	width: 47px; 
	height: 47px; 
	line-height: 47px; 
	font-size: 11px; 
	text-indent: -100px; 
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 14px center;
	background-color: #000;
}
#navBox.openNav li a {
	zoom: 1;
    filter: alpha(opacity=45);
	opacity: .45;
}
li#homeNav a {background-image: url(images/home.png)}
li#contentNav a {background-image: url(images/content.png)}
body.archive li#contentNav a,
body.search li#contentNav a,
body.blog li#contentNav a {background-image: url(images/list.png)}
li#galleryNav a {background-image: url(images/gallery.png)}
li#widgetNav a {background-image: url(images/widget.png)}

#navBox.openNav li a.activeNav {
	border-right: 2px solid #000; 
	border-color:rgba(0,0,0,.0); 
	background-color: #000; 
	background-color: rgba(0,0,0,.85);
	zoom: 1;
    filter: alpha(opacity=100);
	opacity: 1;
}

#navBox li a:hover {
	width: 100px; 
	margin-left: -53px; 
	text-indent: 15px; 
	background-position:67px center !important; 
	letter-spacing: .4px; 
	text-decoration: none; 
	background-color: #000; 
	background-color: rgba(0,0,0,.85); 
	opacity: 1;
}
#navBox li a.activeNav:hover {background:#000 url(images/close.png) no-repeat 14px center !important; background-color: rgba(0,0,0,.85) !important; text-indent: -100px; width: 47px; margin-left: 0;}

/*---------HOME BOX STUFF-----------*/
#logo {display: block; margin-top: 5px; max-width: 100%;}
#copyright {
	font-size: 11px; 
	width: 100%; 
	position: fixed; 
	bottom: 0; 
	left: 50%; 
	padding:45px;
}

/*-------MAIN NAVIGATION STUFF--------*/
#navigation {margin:20px 0 0 -30px;}
#dropmenu {list-style:none; position:relative; width:100%; z-index: 400;}
#dropmenu li {list-style:none;  display:block; position:relative; float: left; line-height: 40px; margin-left: 30px; width: 150px}
#dropmenu li a { 
	display: block; 
	line-height: 40px; 
	font-size: 12px; 
	text-transform: uppercase;
}
#dropmenu li ul {list-style:none; display:none; position:absolute; width:150px; z-index:300; top:30px; left: 0; background: #000; padding: 5px 0;}
#dropmenu li ul li {position:relative; margin: 0; clear: left;}
#dropmenu li ul li a {line-height: 30px; display: block; padding: 0 15px;}
#dropmenu li ul li ul {}
#dropmenu li:hover ul ul, 
#dropmenu li:hover ul ul ul, 
#dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, 
#dropmenu li li:hover ul, 
#dropmenu li li li:hover ul, 
#dropmenu li li li li:hover ul {display:block;}
#dropmenu li.current-menu-item > a,
#dropmenu li.current-menu-ancestor > a {color: #fff}

/* -----SEARCH STUFF----- */
#searchform {background: #222; border: 1px solid #222; max-width: 260px; height: 35px;}
#searchform #s {
	width:73.0769%; 
	padding:0 10px; 
	height: 35px; 
	line-height: 35px; 
	margin: 0; 
	background: none; 
	border: none;
	font-size: 12px;
}
#searchform #searchsubmit {cursor: pointer; padding:13px 0 13px 10px; float: left;} 
#searchform #searchsubmit:hover {text-decoration: none;}

/* -----POST AND ENTRY STUFF----- */
.listing .post,
.listing .page {margin: 0 0 55px;}
.listing .post h2.posttitle,
.listing .page h2.posttitle {margin-bottom: 5px; margin-bottom: 0;}
.post h2.posttitle,
.page h2.posttitle,
.entrytitle {font-size: 20px; padding-bottom: 0px;}
.entrytitle {margin-bottom: 20px;}
.entry{font-size: 12px;}
.entry ol,.entry ul {margin:0 0 15px 25px; padding: 0; font-size: 16px;}
.entry li {padding:0 0 0 5px; list-style-position:outside; line-height: 1.5em;}
.entry p {margin: 0 0 15px;}
.details {font-size: 12px;  margin-bottom: 35px;}

#tagInfo {
	border-top: 1px dotted #ccc; 
	padding-top: 5px; 
	margin: 45px 0; 
	font-size: 11px;
}

p#metaStuff {
	margin-bottom: 40px; 
	font-size: 12px; 
	font-style: italic;
}
p.metaStuff {margin-bottom: 15px; border-bottom: 1px dotted #888; border:none; padding:5px 0; padding: 0; font-size: 10px; font-style: italic;}
.readMore {
	font-size: 14px; 
	float: right; 
	margin-top: 10px;
}

/*-----THUMBS STUFF------*/
ul.attachmentGallery {list-style: none;}
ul.attachmentGallery li {margin: 0 0 45px 0; list-style: none; display: block; overflow: hidden; outline: 2px solid #000;}
ul.attachmentGallery li img {display: block; width: 100%;}
ul.attachmentGallery li.activeImg,
ul.attachmentGallery li:hover {outline:2px solid #f8f8f8;}

/*----SLIDESHOW STUFF----*/
#bgControls {position: fixed; max-width: 100%; bottom: 20px; right: 20px; display: none;}
#bgControls a {display: block; height: 47px; width: 47px; line-height: 47px; text-align: center; color: #fff; background: #000; font-size: 14px; margin-left: 1px; margin-left: 2px; float: right;}
#bgControls a:hover {text-decoration: none; background: #222;}
#imgInfo {
	height: 47px; 
	line-height:47px; 
	padding: 0 20px; 
	color: #ccc; 
	float: right; 
	font-size: 12px; 
	background: #000; 
	display: none; 
	margin-left: 1px; 
	margin-left: 2px;
}

/*-----CRUMBS AND BLOG NAV STUFF---*/
#blogNav {position: fixed; max-width: 100%; top: 20px; right: 20px; z-index: 1000;}
#blogNav > a {display: block; height: 47px; width: 47px; line-height: 47px; text-align: center; color: #fff; background: #000; font-size: 14px; margin-left: 1px; float: right; margin-left: 2px}
#blogNav > a:hover {text-decoration: none; background: #222}
#blogNav #crumbs {
	background: #00000026;
	height: 47px; 
	line-height: 47px; 
	padding: 0 20px; 
	font-size: 12px; 
	float: right;
}

/*--- POST THUMBNAIL STUFF ---*/
a.thumbLink {display: block;}
a.thumbLink img {display: block; width: 100%; margin-bottom: 15px;}

/*-------BLOG PAGE NAVIGATION STUFF----------*/
.navigation {font-size:10px; width: 100%; float: left; text-transform: uppercase; margin-bottom: 45px;}
.navigation .pagenav a {display: block;}

/*-----SIDEBAR STUFF----*/
#widgetBox ul li.widget {
	list-style: none; 
	margin: 0 0 65px; 
	font-size: 14px; 
	width: 100%;
}
#widgetBox ul li.widget img {max-width: 100%}
#widgetBox ul li.widget h2.widgettitle {
	font-size: 14px; 
	text-transform: uppercase; 
	border-bottom: 1px dotted #ccc; 
	padding-bottom: 2px; 
	margin-bottom: 15px;
}
#widgetBox ul li.widget ul li {list-style-type:square; list-style-position: outside; margin-left: 15px; margin-bottom: 5px;}
#widgetBox ul li.widget ul li ul li {padding: 0 0 0 15px; list-style-type:disc; list-style-position: inside;}

/* -----COMMENT STUFF----- */
#commentsection {clear: left; width: 100%;}
.commentlist {width: 100%; list-style:none; clear: left;}
h3.comments {margin:40px auto 20px;}
#commentsection h3 {line-height: 30px; margin:45px 0 20px; display: inline-block; float: left; font-size: 14px;}
#respond {margin-bottom: 75px;}
#respond h3 {margin-bottom: 20px;}
#commentform input,
#commentform textarea {
	float:left; 
	font-size: 14px;
}
.commentlist li {font-weight:bold;list-style:none; font-size:12px; margin-bottom: 40px;}
.commentlist li img.avatar {
    float: left;
    margin-right: 10px;
    position: relative;
    top: 5px;
}
.commentlist cite,
.commentlist cite a {font-weight:bold;font-style:normal;}
.commentlist p {font-weight:normal; text-transform:none;margin:10px 0; text-align: justify;}
.commentlist .pingback p {margin:10px 5px 10px;}
#commentform p {margin:0; clear: left;margin-top: 1px;}
.commentmetadata {
    display: block;
    font-size: 10px;
    font-weight: normal;
    position: relative;
    text-transform: uppercase;
    top: -2px;
}
.nocomments {text-align:center;}
#recentcomments li {}
.alt {}
#commentform {padding: 30px; margin-bottom: 0px; background:none; padding:0; clear: left;}
#cancel-comment-reply-link {line-height: 30px; padding: 0 15px; font-size: 10px; display: inline-block; margin: 45px 0 0;}
#loggedIn {display: inline-blockline-height: 30px; padding: 0 15px;}
.comment-author {
	font-family: serif; 
	font-size: 14px; 
	font-weight: normal; 
	line-height: 1em;
}
#commentform label {display: inline-block; background: #1a1a1a; padding: 0 10px; height: 30px; line-height: 30px; font-size: 10px; text-transform: uppercase;}
ul.children {
	padding-left: 30px; 
	border-left: 2px solid rgba(255,255,255,.2);
}
.reply {text-align: right; font-size: 11px; margin:-5px 0 10px; font-weight: normal; font-style: italic}

/*---FORM STUFF---*/
input[type="email"],
input[type="text"],
input[type="password"]
input[type="password"],
input[type="phone"],
input[type="date"],
input[type="number"],
input[type="tel"]
 {
	padding: 0 0 0 10px;
	height: 30px; 
	line-height: 30px; 
	width:170px; 
	margin: 0 0 5px 0; 
	border: none;
}
input[type="password"] {margin-bottom: 25px;}
textarea {padding: 15px; width:90%; font-family: sans-serif; font-size: 12px; border: none; margin-bottom: 5px;}
#commentform input[type="submit"], 
input[type="submit"] {cursor: pointer; overflow: hidden; display: block; border: none; padding: 8px 15px; margin-bottom: 1px;}
#commentform input[type="submit"]:hover, 
input[type="submit"]:hover {background: #222;}

#commentform input[type="submit"], 
input[type="submit"],
input[type="email"],
input[type="text"],
input[type="password"],
input[type="phone"],
input[type="number"],
input[type="date"],
input[type="tel"],
input[type="phone"],
textarea {
	background: #1a1a1a; 
	color: #fff;
}

#sidebar input, #sidebar textarea {padding:3px}
#sidebar input[type="submit"]{cursor:pointer;}

/* -----UNIVERSAL STUFF----- */
code {font:1.1em 'Courier New', Courier, Fixed;}
acronym,abbr,span.caps {font-size:.9em;letter-spacing:.07em;cursor:help;}
p img {max-width:100%;}
img.centered {display:block;margin:0 auto;}
img.alignright {display:inline;margin:0 0 10px 10px;}
img.alignleft {display:inline;margin:0 10px 10px 0;}
.alignright {float:right;}
.alignleft {float:left;}
acronym.abbr {border-bottom:1px dashed #999;}
blockquote {padding-left:20px;margin:15px;}
blockquote cite {display:block;margin:5px 0 0;}
.center {text-align:center;}
hr {display:none;}
a img {border:none;}
img#wpstats {width:0;height:0;border:none;overflow:hidden;}
#hideme {visibility:hidden;}
.hidden {visibility: hidden; display: none;}
.rssSummary {padding-bottom:15px;}
.clear {clear: both;}
p.clear {height:1px; width:1px; }
.hide {display: none;} 

/* -----CALENDAR STUFF----- */
#wp-calendar {empty-cells:show;width:100%;margin:10px auto 0;}
#wp-calendar #prev a,#wp-calendar #next a {font-size:9pt;}
#wp-calendar #next a {padding-right:10px;text-align:right;}
#wp-calendar #prev a {padding-left:10px;text-align:left;}
#wp-calendar a {text-decoration:none;display:block;}
#wp-calendar caption {text-align:center;width:100%; margin-bottom: 10px;}
#wp-calendar th {font-style:normal;text-transform:capitalize;}
#wp-calendar td {text-align:center;padding:3px 0;}

/*----TAG CLOUD WIDGET STUFF-------*/
.widget_tag_cloud a {
	font-size: 10px !important;
	display: block;
	color: #fff;
	background: #222;	
	float: left;
	padding: 2px 8px;
	margin: 0 3px 3px 0;
	text-transform: uppercase
}
.widget_tag_cloud a:hover {background: #333; color: #fff; text-decoration: none;}
.widget_tag_cloud:after {
    content: ".";
    display: block;
    height: 0;
    clear: left;
    visibility: hidden;
}

/*----------------------------------*/
/*----------PACE LOADING-----------*/
/*--------------------------------*/
.pace {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;

  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  z-index: 2000;
  position: fixed;
  margin: auto;
  top: 12px;
  left: 0;
  right: 0;
  bottom: 0;
  height: 47px;
  width: 85px;
}

.pace .pace-progress {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;

  -webkit-transition: width 1s ease-in-out 1s linear;
  -moz-transition: width 1s ease-in-out 1s linear;
  -ms-transition: width 1s ease-in-out 1s linear;
  -o-transition: width 1s ease-in-out 1s linear;
  transition: width 1s ease-in-out 1s linear;

  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  z-index: 2000;
  display: block;
  font-size: 12px;
  background: #fff;
  color: #fff;
  line-height: 47px;
  max-width: 100%;
  height: 2px;
  text-align: center;
  position: relative;
  left: 0;
  top: 0;
}

.pace .pace-progress:after {
  content: attr(data-progress-text);
  display: block;
  position: fixed; 
  top: 1px;
  left: 0;
  width: 85px;
}

.pace.pace-inactive {
  display: none;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
        white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

#nav-arrows {
	display:none;
}

.page-template-page_homepage #rightBg {
	opacity: 0!important;
}



/* logo lijevo gore */
#middleHolder {
	z-index: 2000;
	top:30px;
	left:40px;
	position: fixed;
	background: url(https://www.egasair.eu/system/wp-content/uploads/2020/12/Logo_EgasAir_white_2020-copy.png) no-repeat top left;
	background-size: 150px 58px;
	width: 500px;
	/*opacity:0;*/
	
	-webkit-animation: fadein 6s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 6s; /* Firefox < 16 */
	-ms-animation: fadein 6s; /* Internet Explorer */
	-o-animation: fadein 6s; /* Opera < 12.1 */
	animation: fadein 6s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


h1, .post h2.posttitle, .page h2.posttitle, .entrytitle {
    text-transform: none;
    font-size: 32px;
    line-height: 36px;
	margin-bottom: 20px;
}

.boxStuff.activeBox h2 {
	padding-bottom: 10px;
}

.entry p {
    margin: 0 0 20px;
    /* letter-spacing: 1px; */
}

p {
    line-height: 1.5em;
}

.tablepress {
	font-size:16px;
}

.wpcf7 input, .wpcf7 textarea {
	width:100%;
	font-family: 'Open Sans', sans-serif!important;
	font-size: 14px!important;
	padding-top: 5px!important;
	padding-bottom: 5px!important;
	line-height: 30px;
}


.grecaptcha-badge {
	display: none!important;
}


/* responsive */

@media only screen and (max-width: 900px) {
   #middleHolder {
	   display: none;
   }
   
   .page-template-page_homepage  #middleHolder {
	   display: initial!important;
   }
   
   img#logo {
	   max-width: 170px!important;
   }
   
   #galleryBox.boxStuff {
	   display: none!important;
   }
}

.vls-gf-gallery figure.vls-gf-init, .vls-gf-gallery figure.vls-gf-lazy {
    opacity: 1;
}

.planeGallery .wpb_gallery_slides.wpb_image_grid li.isotope-item {
	position: relative!important;
	top: 0!important;
	padding: 5px!important;
}

.pp_pic_holder.pp_default .ppt {
	display: none!important;
}

.planeCategory img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.planeCategory img:hover {
	opacity: 0.85;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.planeCategory .wpb_single_image .vc_figure {
    overflow: hidden;
}

.planeCategory h2 a:link:hover, .planeCategory h2 a:link:visited { 
	color: #b29659;
}

input[type='checkbox'] {
	width: 20px!important;
}

.stm_gdpr_popup-main .stm_gdpr_popup-links a.stm_gdpr_popup-accept {
    background-color: #b29659!important;
    border: 1px solid #b29659!important;
}

.stm_gdpr_popup-main .stm_gdpr_popup-links a:hover {
    color: #000000!important;
}

.sfm-active-class, #sfm-sidebar li.sfm-active-class > a span  {
	background: transparent!important;
	color: #ffffff!important;
}

#sfm-sidebar .sfm-menu-level-0 li a:hover, #sfm-sidebar .sfm-menu-level-1 li a:hover, #sfm-sidebar .sfm-menu-level-2 li a:hover {
    color: #ffffff!important;
}