/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
 .tm-container {
    margin: -15px auto !important;
}
 @-webkit-keyframes pulse {
  0% { box-shadow:0 0 4px #fc5f05, inset 0 0 4px #fc5f05; }
  50% { box-shadow:0 0 34px #fc5f05, inset 0 0 34px #fc5f05; }
  100% { box-shadow:0 0 4px #fc5f05, inset 0 0 4px #fc5f05; }
}

body {
	background: #d5f9d2 radial-gradient(ellipse at top, #b8ffb2 50%, #3b9534 100%) 0 0 fixed !important;
}

.logo_head {
	width: 235px;
	/*margin: auto; */
	position:relative;
}

/*
.inner {
  background-color:transparent;
  width:88px;
  height:88px;
  border: 2px solid #fc5105;

  box-shadow: 0 0 4px #FF0000, inset 0 0 4px #FF552A;
  -webkit-animation: pulse 3s linear 1s infinite;
    -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
   	float: left;
	/*position: relative; */
/*	position:absolute;
    z-index:1;
	margin: 2px 2px 2px 2px;
	
}

 */
 
 .inner {
	background-color: transparent;
	width: 90px;
	height: 90px;
	border: 2px solid #fc5105;
	box-shadow: 0 0 4px #FF0000, inset 0 0 4px #FF552A;
	-webkit-animation: pulse 3s linear 1s infinite;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	float: left;
	/* position: relative; */
	position: absolute;
	z-index: 1;
	margin: 66px 2px 2px 70px;
}

#outer {
	position: absolute;
	/* width: 50%; */
	left: 45px;
	top: 44px;
	-webkit-animation: rotation 5s infinite linear;
	animation: rotation 10s infinite linear;
}

@-webkit-keyframes rotation {
  from {-webkit-transform: rotate(0deg);}
  to   {-webkit-transform: rotate(359deg);}
}
@keyframes rotation {
  from { transform: rotate(0deg); }
  to   { transform: rotate(359deg); }
}

.heatpump{
    background-image:url('scanair.png');
	background-position: -0px -0px; 
	width: 270px; 
	height: 270px;
    position:absolute;
	margin: -21px -20px -20px -18px;
    z-index:2;
}

.heatpump:hover{
    background-image:url('scanair.png');
	background-position: -0px -270px;
	width: 270px; 
	height: 270px;
    position:absolute;
	margin: -21px -20px -20px -18px;
    /*z-index:1; */
} 

@keyframes rotate {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}

.c_ease {
  animation: colour_ease 3s infinite ease-in-out;
   z-index:1;
}

.counterspin5 {
  animation: rotate_anti 0s linear infinite;
  position: relative;
	margin-top: 20px;
	margin-left: 20px;
	z-index:1;
}

.arc {
  width: 136px;
  height: 136px;
  border: 2px solid #fffc00;
  /*background: rgba(2, 254, 255, 0.2); */
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transform: rotateY(-30deg) translateZ(-200px);
  -ms-transform: rotateY(-30deg) translateZ(-200px);
  -webkit-transform: rotateY(-30deg) translateZ(-200px);
  transform: rotateY(-30deg) translateZ(-200px);
  transform: rotateZ(0deg);
  transition: box-shadow 3s ease;
  text-align: center;
   z-index:1;
}

.arc:hover {
  box-shadow: 0px 0px 30px rgba(2, 254, 255, 0.8);
  transition: 0.3s;
}

.arc:after {
  content: "";
  position: absolute;
  width: 89%;
  height: 89%;
  left: 5%;
  top: 5%;
  border: 2px solid #fffc00;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  animation: rotate 4s linear infinite;
   z-index:1;
}

.e3 {
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  animation: rotate 5s linear infinite;
   z-index:1;
}

.e3:after {
  border-color: #fffc00;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
   z-index:1;
}

.outer_ring {
	margin: 43px 47px;
	position: absolute;
}

/* .hpmenu {
    position:relative;
    top:0px;
    width: 785px;
    height:182px;
    z-index:100;
	margin:  0 auto;
} */

.hpmenu {
	position: relative;
	top: 0px;
	/* width: 785px; */
	/* height: 182px; */
	z-index: 100;
	/* margin: auto; */
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	display: flex;
}

.logo2{
    z-index: 100;
    top: 0px;
    width: 100px;
    margin: 0px;
    margin-top: -30px;
    display: inline-block;
}

.nav1, .nav2 {
    text-align: center;
     float: left;
}
.nav2 {
	margin: 5px 0px;
	width: 232px;
}
.nav1 {
	/*margin: 99px 2px 0 0;*/
	margin: 99px auto;
}
.nav { 
    text-align: center; 
	border-top: 1px solid #000;
	border-top: 1px solid rgba(0,0,0,0.3);
	border-bottom: 1px solid #343434;
	border-bottom: 1px solid rgba(255,255,255,0.08);
	border-radius: 28px;
	background: #242424;
	background: rgba(0,0,0,0.08);
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	padding:2px; 
}

.nav li {
    list-style: none;
    vertical-align:top;
    display:inline-block;
/*	float: left; */
	border-bottom: 1px solid #111;
	border-bottom: 1px solid rgba(20, 255, 0, 0.6);
	border-radius: 25px;
	background: url("menu_dropdown.png") 0 0 repeat-x;
	box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

.nav a {
    color: #E0E0E0; 
    display: block; 
    font-family:arial; 
    text-transform: uppercase; 
    font-weight: bold; 
    margin-top: 0px;
    padding: 7px 13px; 
    text-decoration: none; 
	border-radius: 25px;
}

/*.nav a:hover {
	color: #333;
	background-color: #fbcf37;
	box-shadow: 0 0 16px rgba(252, 9, 5, 0.8) inset, 0 0 8px rgba(255, 29, 29, 0.54) inset;
}*/

.nav a:hover {
	color: #333;
	background-color: #9ffb9c;
	box-shadow: 0 0 16px rgba(24, 180, 2, 0.8) inset, 0 0 8px rgb(45, 187, 5) inset;
}

.nav a.active {
	color: #333;
	background-color: #fbcf37;
	box-shadow: 0 0 16px rgba(252, 9, 5, 0.8) inset, 0 0 8px rgba(255, 29, 29, 0.54) inset;

}

/* .container {
	width: 100%;
}
 */
 
 /* 9. Fibonacci Spiral (div version) */
.animation-container {
	position: relative;
	width: 220px;
	height: 220px;
	/* border: 1px solid rgba(255, 255, 255, 0.1); */
	/* background: rgba(0, 0, 0, 0.5); */
	/* padding: 10px; */
	/* display: flex; */
	/* flex-direction: column; */
	/* align-items: center; */
	overflow: visible;
	transition: border-color 0.3s ease;
	background-image: url(/wp-content/themes/spacious-child/css/Scanair_Logo.png);
	background-size: 120px 107px;
	background-position: center;
	background-repeat: no-repeat;
}

.dot {
	position: absolute;
	border-radius: 50%;
	/*background: #00ffc3 !important;*/
	background: #00ffc3 !important;
	opacity: 0.4;
}

.fibonacci-dot {
	position: absolute;
	border-radius: 50%;
	background: #00ffc3 !important;
	-webkit-animation: fibPulse 3s infinite ease-in-out;
	animation: fibPulse 3s infinite ease-in-out;
}

.fibonacci-container {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-animation: rotateSlow 30s infinite linear;
          animation: rotateSlow 30s infinite linear;
  transform-origin: center;
}
@-webkit-keyframes rotateSlow {
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotateSlow {
  to {
    transform: rotate(360deg);
  }
}
.fibonacci-dot {
  position: absolute;
  border-radius: 50%;
  background: #fff;
  -webkit-animation: fibPulse 3s infinite ease-in-out;
          animation: fibPulse 3s infinite ease-in-out;
}
@-webkit-keyframes fibPulse {
  0%,
  100% {
    opacity: 0.2;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes fibPulse {
  0%,
  100% {
    opacity: 0.2;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
}
/* end Fibonacci Pulse */ 
 
.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    /* margin-bottom: 56px; */
    background: #157302;
	background: linear-gradient(90deg,rgba(21, 115, 2, 1) 0%, rgba(12, 68, 1, 1) 50%, rgba(21, 115, 2, 1) 100%);
    height: 233px;
}
h1.hpump {
    margin-left: 15px;
    margin-top: 15px;
}
.hpump_desc {
    margin-left: 15px;
    margin-right: 15px;
    color: black;
    font-size: 15px;
}

.hpback {
	z-index: 0;
	background: #212121;
	position: absolute;
	width: 191px;
	height: 191px;
	border-radius: 50%;
	margin: 16px 0px 0px 21px;
}
.uk-navbar{
	display: none !important;
}

.uk-navbar-center {
	float: right !important;
}
.uk-article, .uk-panel-box {
	    border-radius: 15px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		background: -moz-linear-gradient(left, #CCCCCC 0%, #EEEEEE 50%, #EEEEEE 50%, #CCCCCC 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#CCCCCC),color-stop(50%,#EEEEEE), color-stop(50%,#EEEEEE), color-stop(100%,#CCCCCC));
		box-shadow: 0 5px 5px #000 !important;
	-moz-box-shadow: 0 5px 5px #000 !important;
	-webkit-box-shadow: 0 5px 5px #000 !important;
	color: #000 !important;
}

.tm-top-block {
	box-shadow: none !important;
}
.tm-grid-block {
	background: none !important;
	margin-top: 0px;
}

.tm-article-featured-image, .wp-post-image {
	display: none !important;
}

@media only screen and (max-width: 800px) {
	.nav { 
		border-radius: 19px;
	}
	.nav li {
		display: block;
	}
	.hpmenu {
		width: 450px;
		margin-top: -10px;
	}
	.nav a {
		padding: 6px 10px;
	}
	.tm-headerbar{
		display: block !important;
	}
	.uk-navbar{
		display: block !important;
	}
	.nav1 {
		margin: 85px 2px 0 0;
	}
	
}

@media (min-width: 768px) and (max-width: 950px) {
  .uk-visible-small {
    display: block !important;
  }
}

@media only screen and (max-width: 460px) {
	/*.hpumps{
		display: none;
	} */
	.nav1 {
		display: none;
	}
	.hpmenu {
		width:230px;
		height: 220px !important;
		margin-top: -10px;
	}
}
/*@media only screen and (max-width: 400px) {  */
	
.uk-navbar-nav {
	display: none;
}

/* .wrapper { width: 860px; margin: auto;} */
.wrapper {
	width: 860px;
	margin: 15px auto 20px auto;
}

.uk-nav > li > a {
	padding: 3px 15px !important;
}

/*
h1, h2 { font-size: 34px; color: #000; }
h3 { font-size: 24px; color: #000; } */


/*------------------------------------------------*/
/*----------------[FEATURED SLIDER]---------------*/
/*------------------------------------------------*/
#featured { margin-top: 5px; }
	#featured #slides, #featured ul.slides { background-color: #636363; border-bottom: 1px solid #a8a8a8; padding: 3px; }
	#featured #slides { width: 825px; height: 265px; }
		#slides .slide { position: relative; }
		#featured .slider_shadow { background-image: url(images/slider-shadow.png); width: 860px; height: 14px; display: block; }
			.slide .banner { position: absolute; width: 211px; height: 254px; background: url(images/slider-banner.png) no-repeat; top: 75px !important; padding: 12px 20px 0 70px;font-style: italic; color: #ffe4ba; text-shadow: 1px 1px 0px #8f0606; }
			.slide .active { top: 90px; }
				.banner h2 { color: #fca047; font-size: 26px; padding-top: 2px; line-height: 40px; display: block; height: 70px; text-align:center; }
				.banner span { top: 222px; left: 130px; height: 40px; display: block; background-image: url(images/slider-readmore-left.png); position: absolute; }
				.banner span a { background: url(images/slider-readmore-right.png) no-repeat right; height: 20px; font-family: Georgia; font-size: 14px; color: #fff; text-transform: uppercase; float: left; margin-right: -17px; padding: 10px 15px; text-shadow: 1px 1px 0px #000; text-decoration: none; }
#switcher { width: 450px; float: right; margin-top: -50px; }
	#switcher .item { margin-right: 17px; float: left; height: 94px; width: 93px; background: url(images/slider-thumb-shadow.png) no-repeat bottom; position: relative; }
		.item div.wrap { cursor: pointer; 
		/*background: #3c3c3c; */

background: rgb(176, 0, 0);
/*background: -moz-linear-gradient(top, rgba(92,92,92,1) 0%, rgba(181,181,181,1) 46%, rgba(173,173,173,1) 56%, rgba(87,87,87,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(92,92,92,1)), color-stop(46%, rgba(181,181,181,1)), color-stop(56%, rgba(173,173,173,1)), color-stop(100%, rgba(87,87,87,1)));
background: -webkit-linear-gradient(top, rgba(92,92,92,1) 0%, rgba(181,181,181,1) 46%, rgba(173,173,173,1) 56%, rgba(87,87,87,1) 100%);
background: -o-linear-gradient(top, rgba(92,92,92,1) 0%, rgba(181,181,181,1) 46%, rgba(173,173,173,1) 56%, rgba(87,87,87,1) 100%);
background: -ms-linear-gradient(top, rgba(92,92,92,1) 0%, rgba(181,181,181,1) 46%, rgba(173,173,173,1) 56%, rgba(87,87,87,1) 100%);
background: linear-gradient(to bottom, rgba(92,92,92,1) 0%, rgba(181,181,181,1) 46%, rgba(173,173,173,1) 56%, rgba(87,87,87,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c5c5c', endColorstr='#575757', GradientType=0 ); */

		
		border-bottom: 1px solid #000;
		border-top: 1px solid #f0f0f0; 
		border-left: 1px solid #f0f0f0;
		border-right: 1px solid #f0f0f0;
		padding: 3px; 
		width: 83px; 
		height: 83px; 
		position: absolute; 
		}
		.item div.active { margin-top: -15px; }
		.item div span.image { width: 83px; height: 83px; display: block; }
		.item .hover { z-index: 10; background-image: url(images/slider-hover.png);  display: none; position: absolute; top: -160px; left: -35px; width: 132px; height: 60px; padding: 20px 10px; font-style: italic; color: #525252;  /*text-shadow: 1px 1px 0px #fff; */ text-align: center;}
		.item .hover span { color: #363535; font-size: 20px; margin: 3px 3px 3px 3px; padding: 0; float: left; }

.slidertext {
	font: italic 13px arial;
	text-align: justify;
	width: 218px;
	margin-left: -4px;
}


.slider_small_overlay, .slider_overlay { position: absolute; display: block; }
.slider_overlay { background: url(images/slider-overlay.png) no-repeat; width: 852px; height: 265px; top: 0; left: 0; display: block; }
.slider_small_overlay { background: url(images/slider-thumb-overlay.png) no-repeat; width: 83px; height: 83px; top: 2px; left: 2px; }
.flexslider .slide .banner { top: 90px; }


#switcher { z-index: 30; position: relative; }

/* ------ */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img, .post img, #logo { max-width: 100%; width: auto;  }
.flexslider .slides img { display: block; width: auto; }
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative; zoom: 1;}
.flexslider .slides {zoom: 1; height: 265px;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

.flex-control-nav, .flex-direction-nav, #controllers-wrapper { display: none; }



@media only screen and ( min-width: 820px ) and ( max-width: 960px ) {
	.wrapper  { width: 748px; }
		
		.slide .banner { margin-left: -20px }
		.flexslider .slides { height: 230px; }
	.slider_overlay { background: url(images/slider-overlay_768.png) no-repeat; width: 742px; height: 230px; }
	#featured .slider_shadow { background-image: url(images/slider_bottom_shadow_768.png); width: 747px; }
	#switcher { width: auto; }
}

@media only screen and ( max-width: 820px ) {
	.wrapper { width: 530px; }
	.flexslider .slides { height: 163px; }
	.slide .banner { display: none; }
	.slider_overlay { background: url(images/slider-overlay_768.png) no-repeat; width: 524px; height: 163px; }
	#featured .slider_shadow { background-image: url(images/slider_bottom_shadow_480.png); width: 461px; height: 9px; }
	#switcher { width: auto; float: left; margin-left: 20px; }
}

@media only screen and ( max-width: 600px ) {
	.wrapper { width: 400px; }
	.flexslider .slides { height: 122px; }
	.slider_overlay { background: url(images/slider-overlay_480.png) no-repeat; width: 396px; height: 122px; }
	#featured .slider_shadow { background-image: url(images/slider_bottom_shadow_480.png); width: 400px; height: 9px; }
	
	.item div.wrap {
		width: 65px;
		height: 65px;
	}
	
	#switcher .item {
	margin-right: 15px;
	float: left;
	height: 78px;
	width: 74px;
	background: url(images/slider-thumb-shadow.png) no-repeat bottom;
	position: relative;
	}

	.slider_small_overlay {
		width: 64px;
		height: 64px;
	}
	
	.item div span.image {
		width: 64px;
		height: 64px;
	}
	
}	

@media only screen and ( max-width: 480px ) {
	.wrapper { display: none; }
}