/* 
* Amazium V1.3
* Copyright 2012, Mike Ballan
* www.amazium.co.uk
*/


/***** Basic Styles *****/

html 									{ overflow-y:scroll; overflow:-moz-scrollbars-vertical; }
body									{ margin:20px 0 0 0; padding:0; background-color:#fff; font:13px "Century Gothic", "Trebuchet MS", Helvetica, sans-serif; color:#333; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; }

/***** Typography *****/


h1, h2, h3, h4, h5, h6	{ color: #666; line-height: 1.25; margin-bottom: 20px; } 

h1 										{ font-size:30px; color: #64a29a; text-align: center;}
h2										{ font-size:30px; font-weight:normal; color: #333;}
h3 										{ color: #ff9933; font-size:18px; font-weight:normal; margin-bottom: 0px;}
h4 										{ font-size:18px; font-weight: normal; }
h5 										{ font-size:16px; color: #000;margin:10px 10px 10px 10px;}
h6 										{ font-size:16px; }
h6 										{ font-size:15px; text-align:center; color:#000; margin:10px 10px 10px 10px;}
p 										{ font-size: 15px; line-height:1.35; margin:10px 10px 10px 10px; padding: 0;}

a:link 									{ color:#fff;}
a:visited 								{ color:#fff; }
a:active 								{ color:#fff; }
a:hover 			 					{ color: #fff; }

.indexlink { color: #fff; }

small									{ font-size:80%; }

/***** Lists *****/

ul, ol 									{ margin-bottom:20px; }
ul 										{ list-style:none outside; }
ul li									{ margin:0 0 5px 0; padding:0 0 0 18px; line-height:18px;}

ul ul, ul ol							{ margin:5px 0 5px 0; }
ol ol, ol ul 							{ margin:5px 0 5px 20px; }
ul ul li, ul ol li,	ol ol li, ol ul li 	{ margin:0 0 6px 0; }


ol 										{ margin:0 0 20px 20px; list-style:decimal; }
ol li									{ margin:0 0 5px 0; padding:0; line-height:18px; }

/***** Blockquotes *****/

blockquote, blockquote p 				{ font-size:12px; line-height:24px; color:#777; font-style:italic; }
blockquote 								{ margin:10px 0 15px 0; padding:0 0 0 5px; border-left:1px solid #747474; }
blockquote cite 						{ display:block; font-size:12px; color:#555; }
blockquote cite:before 					{ content:"\2014 \0020"; }
blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited 				{ color:#555; }
blockquote span							{ width:15px; display:inline-block; }

hr 										{ margin:20px 0 20px 0; border:0; border-top:1px solid #999; height:2px; width:100%; text-align:left; }

/***** Links *****/

a:link 									{ color:#64a29a; text-decoration:none; outline:0; transition-property:color .1s linear 0s; -moz-transition:color .1s linear 0s; -webkit-transition:color .1s linear 0s; -o-transition:color .1s linear 0s; }
a:visited 								{ color:#64a29a; text-decoration:none; outline:0; }
a:active 								{ color:#64a29a; text-decoration:none; outline:0; }
a:hover 			 					{ color:#64a29a; text-decoration:underline; outline:0; }
a:focus 								{ -moz-outline-style:none; }



/***** Images iFrames & Videos  *****/

img 									{ border:0; -ms-interpolation-mode:bicubic; }
.img-max { width: 100%; height: auto; }
.img-max2 { width: 100%; height: auto; }
.media 									{ position:relative; margin:0 0 15px 0;	padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; border:1px solid #ccc; }
.media iframe,
.media object,  
.media embed 							{ position:absolute; top:0; left:0; width:100%; height:100%; }



/**********Forms**************************/
label { color: #333;  }
input, textarea, select, textarea { color: #000; border: solid 1px #666;  background-color: #ccc;}

/*********Form Buttons*********************/
input[type="button"], input[type="submit"], input[type="reset"] { color: #fff; border: 1px solid #000; float: right; width: auto; background-color: #000; }
input[type="button"] {color: #FFF; border-color: #fff; background-color: #999; }
input[type="submit"] { color: #FFF; border-color: #fff; background-color: #999; }
input[type="reset"] { color: #FFF; border-color: #fff; background-color: #999; }
input:hover[type="button"] { color: #FFF; border-color: #fff; background-color: #666; }
input:hover[type="submit"] { border-color: #fff; background-color: #666; color: #fff; }
input:hover[type="reset"] { border-color: #fff; background-color: #666; color: #fff; }

.small-label							{ display:block; font-size:10px; font-weight:normal; color:#666; text-align:right; width:140px; }

/***** Tables  *****/

table									{ margin:0 0 20px 0; width:100%; }
table th 								{ padding:10px 8px 10px 8px; background-color:#e2e2e2; color:#333; font-weight:bold; border:1px solid #999; }
table td 								{ padding:10px 8px 10px 8px; background-color:#e2e2e2; color:#333; border:1px solid #999; }
table tr.even td 						{ background-color:#fff; }
table tr.odd td 						{ background-color:#f3f3f3; }
table td.highlight 						{ color:#FFF; font-weight:bold; }
table tr td.highlight					{ background-color:#333;  }
	
/***** Global Classes *****/

.img-left   							{ float:left; margin:0 30px 30px 0; border:none; }
.img-right  							{ float:right; margin:0 0 30px 30px; border:none; }
.img-nav								{padding: 25px 50px;}
.img-view								{padding: 25px}
.img-space								{padding-bottom: 20px;}
.img-down								{padding: 30px 60px;}
.img-down2								{padding: 0px 0px;}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.img-down								{padding: 20px 30px;}
}

@media only screen and (max-width: 767px) {	
.img-down								{padding: 5px 10px;}
.img-max2 { width: 50%; height: auto; margin: 0px 25% 0px;}
}
.clear       							{ clear:both; }
.float-left 							{ float:left; }
.float-right   							{ float:right; }

.text-big								{ color:#a2bd30; font-weight:bold; line-height:26px; }
.text-left    							{ text-align:left; }
.text-right    							{ text-align:right; }
.text-center   							{ text-align:center; }
.text-justify  							{ text-align:justify; }

.normal									{ font-weight:normal; }
.bold          							{ font-weight:bold; }
.italic        							{ font-style:italic; }
.underline     							{ border-bottom:1px solid; }
.highlight     							{ padding:0 3px 2px; color:#333; font-size:11px; background:#00deff; font-weight:bold; }
.intro									{ font-size:130%; line-height:130%; }

.nopadding 						   		{ padding:0; }
.noindent  						   		{ margin-left:0; padding-left:0; }
.nobullet  					   			{ list-style:none; list-style-image:none; }

.block									{ display:block; }
.hidden									{ display:none; }
.hide 									{ display:none; }
.testimonial {padding-bottom:30px;}
.testimonial1 { background-color: #E6E6E6; padding: 10px; font-size: 16px; line-height: 1.5; }
.testimonial2 { background-color: #CCC; padding: 10px; font-size: 16px; line-height: 1.5; }


/* FONTS */
.dgrey { color: #333; }
a.whitelink { color: #fff; text-decoration:underline; }
a.whitelink:hover { color: #f00; }
.normaltext{ text-transform: capitalize; }

/* <---------- HEADER ----------> */
#header{ width: 100%;   display: block; color: #666; background: rgba(255,255,255,1); }
#logo {  margin:0px 0 15px 0}
#company { display: none; }
.contact {text-align: right; font-size: 16px; }
.contact  a:link {color: #666}
.contact  a:hover {color: #ff9933;}
.slogan { padding-top: 5px;font-size: 30px; font-weight: bold; text-align: left; color: #666; vertical-align: middle; }
.slogan2 {
	font-size: 22px;
	font-style: italic;
	font-weight: bold;
	color: #999;
	vertical-align: middle;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ff9933;
}
@media only screen and (max-width: 767px) {	
#logo {  margin:0px auto 1px auto; padding: 20px 80px 10px 80px; text-align:center;}
.footersocial { margin:10px auto 1px auto; text-align: center; }
.slogan { font-size: 36px; padding-top: 15px; text-align: center; padding-bottom: 20px; }
.slogan2 { font-size: 32px;}

}

/* <---------- NAVIGATION ----------> */
.menu { background: #fff; color: #666; width: 100%; padding: 10px 0px 0px 0px; border-bottom: 2px solid #e5e5e5; }

nav {padding:0; margin:0;}
 /** resets for general settings in Base */
.menucontainer ul li{ margin:0; padding-left:0; }
.menucontainer ul ul{ margin:0; }

.menucontainer {   margin: 6px auto;  font-weight:600; }
.menucontainer ul{ text-align: center; margin-top:0px; margin-bottom:0px;}
.menucontainer ul li{ padding-left: 5px; text-transform: uppercase; }

/** Link for mobile menu*/
.toggleMenu { display: block; padding: 5px 0 5px 45px; color: #fff; background: url(../images/menu.png) no-repeat left center; width: 100%; text-align: left; font-size: 1.2em; margin-top: 0px; display: none; }
a.toggleMenu { color: #fff; text-decoration: none; }

/** Clearfix hack For IE 6/7 only*/
.nav {    list-style: none;     *zoom: 1;}
 /** Clearfix hack For For modern browsers */ 
.nav:before,
.nav:after {    content: " ";     display: table; }
.nav:after {    clear: both;}

.nav ul {    list-style: none; }
.nav a {    padding: 0px 50px 0px 0px;}
.nav a:link {  text-decoration: none; color: #666;}
.nav a:visited {  text-decoration: none; color:#666; }
.nav a:hover { color: #FF9933; }

.nav li { position: relative; margin: 0; width: 24%; }
.nav > li {    float: left;}
.nav > li > .parent {}
.nav > li > a {    display: block;}
.nav li  ul {    position: absolute;    left: -9999px;}
.nav > li.hover > ul {    left: 0;}
.nav li li.hover ul {    left: 100%;    top: 0;}
.nav li li a { display: block; background: #0033CC; position: relative; z-index: 100; border-top: 1px solid #0066cc; color: #9CF; padding-right: 10px; padding-left: 10px; }
.nav li li a:hover { color: #9CF; }
.nav li li li a {    z-index:200;}

.app{	background-color:#f9f9f9;	}

/*@media only screen and (min-width: 768px) and (max-width: 959px) {
.nav li {  width: 45%; }
.nav a {    padding: 0px 20px 0px 0px;}
}
@media only screen and (max-width: 767px) {
.nav li {  width: 45%; }
.nav a {    padding: 0px 20px 0px 0px;}
}*/

@media only screen and (max-width: 767px) {	
	.menucontainer { display: block; }
    .active { display: block;    }
    .nav > li { float: none; border-top: 2px solid #e5e5e5; }
    .nav > li > .parent {}
	.nav li a:hover { }
    .nav li li .parent {    }
    .nav ul {  display: block;  width: 100%;  }
	.nav li { width: 100%; }
    .nav > li.hover > ul , .nav li li.hover ul { position: static; }
	.nav a {    padding: 10px 0px;}
	.menu { padding: 0px 0px 0px 0px;}
   

}


/* <----------- Content -----------> */

.imgspace img {padding-bottom: 20px;}
.topspace {margin-top:20px;}
.bottomspace {margin-bottom: 40px;}
.subheading {font-size:16px; line-height:24px;}
a.largearrowhead { font-size: 60px; text-decoration: none; }
.moveup{ margin-top: -50px; padding-top: -50px; }
.strap {
	width: 100%;
	padding: 10px 0px 0px 0px;
	background-color: #EEE;
	border-bottom: 2px solid #e5e5e5;
}
.strap-contain {	
	display: flex;
	align-items: center;
}
@media only screen and (max-width: 767px) {	
.strap-contain {	
	display: block;
}
}
.straplines { color: #ff9933;  font-size: 16px; font-weight: bold; margin-bottom: 30px;}
.straplineslast { color: #ff9933; font-size: 16px; font-weight: bold; margin-bottom: 15px;}


.andrew { color: #ff9933;  margin-bottom: 0px;}

/* FOOTER */
footer { color: #666; background: #eee; width: 100%; padding-top: 10px; padding-bottom: 10px; border-top: 2px solid #e5e5e5;}
footer nav a:link  { text-decoration: none; color: #ff9933; }
footer nav a:visited { text-decoration: none; color: #666; }
footer nav a:hover { text-decoration: none; color: #666; }
footer nav a { text-decoration: none;   padding: 10px 10px 10px 0px;}
footer nav ul li {margin-left:0px;}
#footerlogo {  margin-bottom: 20px; }
address { margin-top: 20px; margin-bottom: 20px; }

#footernav { margin-top: 15px;}
#footernav ul { margin-left: 0px; padding-left: 0px;  }
#footernav ul li { padding-left:0px; padding-right:5px; }

footer a:link { text-decoration: underline; color: #2354E4; }
footer a:visited {text-decoration: underline; color: #2354E4; }
footer a:hover { text-decoration: none; color:#666;}

.footersocial { text-align: right; }
.footersocial2 { text-align: right; }


.footer2 {background:#ddd; color:#666; width: 100%; padding: 10px 0px 10px 0px;}
.footer2 a:link  { text-decoration: none; color: #ff9933; }
.footer2 a:visited { text-decoration: none; color: #666; }
.footer2 a:hover { text-decoration: none; color: #666;}
.footer2 a { text-decoration: none;   padding: 10px;}
.footer3 {background:#fff; color:#333; padding-top: 10px;}
.footer4 { background: #666; color: #fff; width: 100%; padding-top: 4px; font-size: 1.4em; padding-bottom: 20px;}

/* icons fade */
.imgWrap {
    display: inline-block;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.imgWrap img {
    opacity: 1;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.imgWrap:hover {
    background-color: #666;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.imgWrap:hover img {
    opacity: 1;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.cf {
  display: inline-block;
  position:relative;
  height:48px;
  width:38px;
  margin:0 auto;
}

.cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.cf img.top:hover {
  opacity:0;
}

/* <---------unslider-also change feature section ------->*/

.slider {	position: relative;	width: 100%;	overflow: auto;}
.slider ul {		list-style: none;		width: 300%;	 margin-top: 0px;}
.slider ul li { display: block; float: left; width: 33%; padding-left: 0; 	}

	
.slide-text-background{ z-index: 400;  margin: 0; position:absolute; top:45%;  background: rgba(0,0,0,0.6); width: 100%; }
.two{ width: 50%; }
.three { width: 33.33%;}
.slide-text { padding: 10px 0px; color: #fff; text-align:center;}

.slide-title { font-size: 22px; text-transform: uppercase; line-height: 1.25; color: #fff; font-weight: 600; text-align:center;  }
.slide-content {  font-size: 18px;  display: block;  line-height: 1.25;}
.slide-link {  font-size: 18px;  display: block;   line-height: 1.25;}
	
.slider .dot {
		-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	}
.slider .dots { position: absolute; bottom:5% ; width: 100%; margin-left: auto; margin-right: auto; text-align: center;}
.slider .dots li { display: inline-block; *display: inline; zoom: 1; width: 16px; height: 16px; line-height: 16px; margin: 0 4px; text-indent: -999em; *text-indent: 0; border: 2px solid #F00; border-radius: 8px; cursor: pointer; opacity: .4; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s; 		}
.slider .dots li.active {background: #fff;	opacity: 1;	}

.slider .arrows {	color: #f00; cursor: pointer; }
.arrows .prev { position: absolute; bottom:5%; font-size: 40px; padding-right:50px }
.arrows .next { position: absolute; right: 0; bottom:5%; font-size: 40px; padding-left:50px}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px), (max-width: 767px) {
.slider ul li { 	}
.slide-title {  font-size: 24px;}
.slide-content {  font-size: 14px;}
.slide-link {  font-size: 14px;}
.slide-text-background{ z-index: 0;  margin: 0;   background: rgba(0,0,0,1); width: 100%; position:relative; }
.three { width: 100%;}
.two{ width: 100%; }
.slide-text { padding: 10px;}
.slider .dots li { display: none;}

}
/* <---------feature section - as slider without actual slider------->*/

.feature {	position: relative;	width: 100%;	overflow: auto;}
.feature-outer {
		display: block;
		float: left;
		width: 100%;
	}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px), (max-width: 767px) {
	
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	}
}
