/* ----------------------------------------------------------------
	BANNER JUICE COOKIE & PRIVACY
-----------------------------------------------------------------*/

/*Banner Juice Cookie*/
.cc-window {
	border-radius: 0px 0px 0px 0px!important;
	padding: 1.2em!important;
	width: 300px!important;
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2);
}

.cc-message {
	font-size: 13px!important;
	line-height: 1.2!important;
	text-align: center!important;
}

.cc-btn {
	border-radius: 0px!important;
	font-size: 13px!important;
	line-height: 1.2!important;
	text-align: center!important;
}

.cc-deny {
	border-radius: 0px!important;
	background-color: #666666!important;
}

/*Custom Font Juice Cookie & Privacy policy*/
.juice_container {
	color: #000!important;
	font-family: "Manrope", Helvetica, Arial, Lucida, sans-serif !important;
}

.juice_container h1, h2, h3 {
	color: #000 !important;
}


/* ----------------------------------------------------------------
	Default CSS
-----------------------------------------------------------------*/

#main-header {
    z-index: 9998!important;
}

.et_header_style_split #main-header .logo_container a {
	width: 100%!important;
	font-size: 14px;
	word-wrap: break-word;
	line-height: 1em;
	text-decoration: none;
	font-weight: 600;
	color: rgba(0, 0, 0, .6)!important;
/* 	opacity: 1!important; */
}

.et_header_style_split #main-header .logo_container a:hover{
		
/*
	color: rgba(0, 0, 0, .6);
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
*/
	opacity: .7;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
		
}
.gallery .gallery-item .gallery-icon a img {
	border: none!important;
}

#swipebox-overlay, #swipebox-bottom-bar, #swipebox-top-bar {
	background: #f8f8f6;
}

a#swipebox-close {
	background-image: url("../img/icons.svg");
}

a#swipebox-next, a#swipebox-prev, a#swipebox-next.disabled, a#swipebox-prev.disabled {
	background-image: url("../img/icons.svg");	
}

#swipebox-slider .slide-loading {
  background: url("../img/loader.gif") no-repeat center center;
}

.juiceblog .post-content { display: none; }

.juiceheight img { max-height: 512px; width: auto;}

/* #swipebox-slider .slide img { max-height: 768px; width: auto; } */

/* .et_pb_image_container img, .et_pb_post a img { max-height: 480px; width: auto;} */

.et_post_meta_wrapper a, .et_post_meta_wrapper {
	font-size: 8px;
	font-style: italic;
	cursor: default;
}

.gallery .gallery-item .gallery-icon a img:hover {
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	/* IE 5-7 */
	filter: alpha(opacity=70);
	/* Netscape */
	-moz-opacity: 0.7;
	/* Safari 1.x */
	-khtml-opacity: 0.7;
	/* Good browsers */
	opacity: 0.7;
        -webkit-transition: opacity 0.25s;
        -moz-transition: opacity 0.25s;
        -o-transition: opacity 0.25s;
        transition: opacity 0.25s;	
}

.et_pb_blog_grid_wrapper .et_pb_blog_grid .post-content {
	display: none;
}

.et_pb_contact_field_checkbox {
	margin-top: -4px;
}
/* ----------------------------------------------------------------
	Responsive CSS
-----------------------------------------------------------------*/

@media screen and (min-width: 1600px) { }

@media screen and (min-width: 1400px) { }

@media screen and (max-width: 1399px) { }

@media screen and (min-width: 981px) { 
	.et_header_style_split #main-header .logo_container {
		width: 100%!important;
		text-align: left;
	}
}

@media screen and (min-width: 769px) { 
	#swipebox-overlay #swipebox-container #swipebox-slider .slide img { max-width: 768px; }
	#swipebox-overlay #swipebox-container #swipebox-slider .slide img { max-height: 768px; width: auto; }
}

@media screen and (max-width: 1199px) { }

@media screen and (max-width: 1099px) { }

@media screen and (max-width: 980px) { }

@media screen and (max-width: 768px) { 
	#swipebox-overlay #swipebox-container #swipebox-slider .slide img { max-height: 100%; max-width: 100%; }
}

@media screen and (max-width: 479px) { }

@media screen and (max-width: 360px) { }

@media screen and (max-width: 320px) { }

@media screen and (max-height: 1100px) { }

@media screen and (max-height: 1000px) { }

@media screen and (max-height: 768px) { 
	#swipebox-overlay #swipebox-container #swipebox-slider .slide img { max-height: 100%; max-width: 100%; }
}

@media screen and (min-width: 1200px) and (max-height: 800px) { }

@media screen and (min-width: 1200px) and (max-height: 700px) { }

/* ----------------------------------------------------------------
	Retina CSS
-----------------------------------------------------------------*/


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 991px),
only screen and (        min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (                min-resolution: 192dpi) and (max-width: 991px),
only screen and (                min-resolution: 2dppx) and (max-width: 991px) {

}