/*
Item Name : Site Style Structure
Item URL : http://www.andyquick.co.uk
Author URL : http://andyquick.co.uk
Version : 1.00
*/

/*
TABLE OF CONTENTS

01 Universal Styles

	1. Typography presets
	2. Nav General
	3. Image General
	4. Backgriounds
	5. Link General
	6. Contact Form
	7. Footer
	8. Backgrounds
	
*/
/* 	===========================================================================================================================*/
/* 	===========================================================================================================================*/

/* 	===========================================================================================================================*/
/* 	1. TYPOGRPHY PRESETS */
/* 	===========================================================================================================================*/

	/*	------Universal Type------------	*/	

h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', Arial, Helvetica, sans-serif; }
h1 {font-size:2.8em;line-height:1em; margin-bottom:.8em !important; color:#373737; font-style: normal; font-weight: 400; font-family:  'Cinzel',  Arial, Helvetica, cursive, sans-serif; } /*  'Felipa',*/
h2 {font-size:1.6em; line-height:1.6em; margin-bottom:0.25em; color:#b7b7b7; font-style: normal; font-weight: 300; font-family: 'Oswald',  Arial, Helvetica, sans-serif; }
h3 {font-size:1.3em;line-height:1.5em; margin-bottom:.5em; color:#8b8b8b; font-weight: 300; font-family:'Oswald',  Arial, Helvetica, sans-serif;}
h4 {font-size:1.4em;line-height:1.4em;margin-bottom:.5em; color:#f5f5f5; font-weight: 400; font-family: 'Cinzel', Arial, Helvetica, sans-serif;}
h5 {font-size:1.1em; line-height:1.4em; font-weight: 300; margin-bottom:.5em; color:#8b8b8b; font-family:'Oswald', Arial, Helvetica, sans-serif;}
h6 {font-size:.9em; line-height:1.6em; font-weight: 400; margin-bottom:.9em; color:#555555; font-family:'Oswald', Arial, Helvetica, sans-serif;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p, li {color:#555555; font-size:.9em; margin:0 0 1em; text-transform: none; font-family:'Open Sans', Arial, Helvetica, sans-serif;font-weight: 400; }
b {font-weight:bold;font-size:1.1em; line-height:1.1em; margin:0 0 1.5em; font-weight: 700; font-family:'Open Sans', Arial, Helvetica, sans-serif;}
strong{font-weight:bold;}

b.slide { color:#ffffff; font-style: bold; font-weight: 400; font-family:  'Oswald', Arial, Helvetica, sans-serif; }
b.services { color:#ffffff; font-style: bold; font-weight: 400; font-family:  'Oswald', Arial, Helvetica, sans-serif; }

p.subject {color:#787878; font-size: .9em; font-weight: bold; line-height:.5; } 
p.title {color:#5c5c5c; font-size: 1.2em; font-weight: bold; line-height:1.2; font-style: normal; font-weight: 700; font-family: 'Cinzel',  Arial, Helvetica, sans-serif; min-height:30px; } 
.title {font-size:1.6em; font-weight: 700; font-family:  'Cinzel',  Arial, Helvetica, cursive, sans-serif; color:#e5e5e5; }
p.main{ font-size: 1.4em; }

p.titleevent {color:#fff; font-size: 1.2em; font-weight: bold; line-height:1.3; font-style: normal; font-weight: 400; font-family: 'Oswald', Arial, Helvetica, sans-serif; min-height:20px; } 
p.textevent {color:#c6c6c6; font-size:1em; text-transform: none; font-family:'Open Sans', Arial, Helvetica, sans-serif;font-weight: 400;} 
p.textevent b {font-weight:bold; color:#fff; font-size:1.1em; line-height:1.1em; margin:0 0 1.5em; font-weight: 700; font-family:'Open Sans', Arial, Helvetica, sans-serif;}

p.intro {font-weight: 700; font-size:1em; line-height:1.3em; margin:0 0 1.5em; text-transform: none; font-family:'Open Sans', Arial, Helvetica, sans-serif; }
.intro{color:#cccccc; }
p.info {font-weight: 400; font-size:.95em; line-height:1.3em; margin:0 0 1.5em; text-transform: none; font-family:'Open Sans', Arial, Helvetica, sans-serif; }
.info{color:#8b8b8b; }

p.lb {color:#676767; font-size: .7em;  line-height:1.4em;} /* Legal bit Yanone Kaffeesatz */
.credittext {color:#676767; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:.75em; padding:8px 0 0 0;}
	.credittext:hover{color:#ffffff; transition: all 0.3s ease-in;text-shadow: 0px 0px 14px rgba(0, 180, 255, 1), 0px 0px 6px rgba(22, 236, 236, 1);}

.click {color:#717171; font-size: .8em;  }

.whitetxt {color:#ffffff !important;}
.greytxt {color:#888888;}


.white {color:#ffffff; 
		text-shadow:
		0px 4px 6px rgba(000,000,000,1),
		0px 0px 6px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.3);}

.grey {color:#b4b4b4; float:right;
		text-shadow:
		0px 4px 6px rgba(000,000,000,1),
		0px 0px 6px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.3);}	

	/*	------Site Specific Type------------	*/

/* 	===========================================================================================================================*/
/* 	===========================================================================================================================*/

/* 	===========================================================================================================================*/
/* 	2. NAVIGATION GENERAL */
/* 	===========================================================================================================================*/
	
	/*	------General------------	*/
.header 		{height:50px;}	
.black		{height:50px; background:#000;}	
	
#menu_text	{float: left; font-size:.9em; line-height:1.60em;  color:#373737; text-transform: uppercase; font-family:   'Oswald', Arial, Helvetica, sans-serif; z-index:3; position: fixed; top:17px; display : none; }	
#menu_textb {float: left; font-size:.9em; line-height:1.60em;  color:#a9a9a9; text-transform: uppercase; font-family:   'Oswald', Arial, Helvetica, sans-serif; z-index:3; position: fixed; top:17px; display : none; }	

	/*	------Mobile Nav------------	*/

li.linkSpacer {height: 12px;text-align: center;color:#4699e7; position: relative; top:2px; }
	
/*a.selected:link, a.selected:visited, a.selected:active, a.selected:hover 	{color:#07fa12; }
a.selected:hover	{color:#ffffff; }*/

.mobnav {font-size:1em;  font-family:'Open Sans', Arial, Helvetica, sans-serif; padding: 10px 20px 0 20px;}

/*	------End of Mob------------ */


/*	------Desktop Nav ------------ */

#nav 		{float: right; 	z-index:100; padding: 0 50px 0 0; }
#menu .main-menu  {display: block; float:right;}

.menu-wrapper{width:650px; float:right; } /*------was 650 ----menu width------------- */

ul.menu li	{ text-align: center; padding: 0 0 8px 0;}
ul.menu li { text-align: center; padding: 10px 0 0 0;}
ul.menu li	{ display: inline-block;  }

li.linkSpacer {height: 12px;text-align: center;color:#636363; position: relative; top:0px; } 

li.bullet  {font-size: 1em; color:#afafaf;}
li.bullet:before  {content: "• "; font-size: 1.4em; color:#fff;}
li.services, li.services:hover {cursor: default; font-size: 1em; color:#afafaf; padding: 0 0 20px 0; background:none;}

a.menulink:link 	{  text-align:left; text-transform: uppercase; font-family: 'oswald', Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px;   font-weight: 400; color:#a0a0a0; text-decoration: none;border-style: none; position: relative; top:3px; transition: all 0.3s ease-in;}
a.menulink:visited  { text-align:left; text-transform: uppercase; font-family: 'oswald', Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px;   font-weight: 400; color: #a0a0a0;  text-decoration: none;border-style: none; position: relative; top:3px; transition: all 0.3s ease-in;}
a.menulink:hover 	{ text-align:left; text-transform: uppercase; font-family: 'oswald', Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px;    font-weight: 400; color: #ffffff;  text-decoration: none;border-style: none; position: relative; top:3px;transition: all 0.3s ease-in;text-shadow: 0px 0px 14px rgba(0, 180, 255, 1), 0px 0px 6px rgba(22, 236, 236, 1);}
a.menulink:active 	{ text-align:left; text-transform: uppercase; font-family: 'oswald', Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px;    font-weight: 400; color: #a0a0a0;  text-decoration: none;border-style: none; position: relative; top:3px; transition: all 0.3s ease-in;}

a.light:link 	{  color:#ffb400; }
a.light:visited { color: #ffb400; }
a.light:hover 	{ color: #ffffff;  }
a.light:active 	{ color: #ffb400;  }

a.menulinkhead:link 	{ text-align:center; text-transform: uppercase; font-family: 'oswald', Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px;   font-weight: 400; color:#a0a0a0; text-decoration: none;border-style: none; position: relative; top:3px; transition: all 0.3s ease-in; }
a.menulinkhead:visited  { text-align:center; text-transform: uppercase; font-family: 'oswald', Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px;   font-weight: 400; color: #999;  text-decoration: none;border-style: none; position: relative; top:3px; transition: all 0.3s ease-in;}
a.menulinkhead:hover 	{ text-align:center; text-transform: uppercase; font-family: 'oswald', Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px;    font-weight: 400; color: #ffffff;  text-decoration: none;border-style: none; position: relative; top:3px;transition: all 0.3s ease-in;text-shadow: 0px 0px 14px rgba(0, 180, 255, 1), 0px 0px 6px rgba(22, 236, 236, 1); }
a.menulinkhead:active 	{ text-align:center; text-transform: uppercase; font-family: 'oswald', Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px;    font-weight: 400; color: #999;  text-decoration: none;border-style: none; position: relative; top:3px; transition: all 0.3s ease-in;}


.selected 	{ text-align:left; text-transform: uppercase; font-family: 'oswald', Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: .9em;  color: #ffffff !important;  text-decoration: none; border-style: none; position: relative; top:3px;text-shadow: 0px 0px 14px rgba(0, 180, 255, 1), 0px 0px 6px rgba(22, 236, 236, 1);}

/*Makes Menu disappear! Pancake menu, It appears using max width area 660 at bottom */
#my-menu, #pancake{visibility: hidden;  }
#nav {visibility: visible; height:50px;}

.topbar{ width:100%; margin:0 auto; background:#ffffff; background:rgba(255,255,255,1); z-index:8; height: 57px;  background: url(../img/interface/menu_bar.png) top repeat; }  /*	--Originally 58px-- */
.topbar2{ width:100%; margin:0 auto; background:#00ff00; background:rgba(0,0,0,1); z-index:8; height: 57px;  background: url(../img/interface/menu_bar2.png) top repeat; }		/*	--Originally 58px-- */
/*	------End of Desktop------------ */



/* 	========================================================================================================================*/
/* 	========================================================================================================================*/
/*
a {text-decoration: none;}
nav {font-family: monospace;}
ul {background: darkorange; list-style: none; margin: 0; padding-left: 0;}
li {color: #fff; background: darkorange; display: block; float: left;vpadding: 1rem; position: relative; text-decoration: none; transition-duration: 0.5s;}
li a {color: #fff;}
*/

/* ========= Dropdown =========*/

li:hover,
li:focus-within {
	background: black;
	cursor: pointer;
}

li:focus-within a {
  outline: none;
}


ul li ul {
	
	visibility: hidden;
  opacity: 0;

	position: absolute;
  transition: all 0.5s ease;
 
	left: 0;
  display: none;
}

ul li:hover > ul,
ul li:focus-within > ul,
ul li ul:hover,
ul li ul:focus {
   visibility: visible;
   opacity: 1;
   display: block;
}

ul li ul li {
	clear: both;
  width: 100%;
}


/* 	========================================================================================================================*/
/* 	===========================================================================================================================*/

/*	------Mobile reset------------ */

/* Reset */
 
/*.nav,
.nav a,
.nav ul,
.nav li,
.nav div,
.nav form,
.nav input {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

.nav a { text-decoration: none; }

.nav li { list-style: none; }*/

/* Menu Container - add height to make stuff appear */
.nav {
	/* display: inline-block;*/
	position: relative;
	cursor: default;
	z-index: 500;
}

/* Menu List */
.nav > li {display: block; float: left;}

/* Menu Links - Background colour */
.nav > li > a{
	min-width:76px;
	position: relative;
	display: block;
	z-index: 510;
	height: 54px;
	padding: 0 20px;
	line-height: 54px;
	
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	font-size: 12px;
    font-weight: 400;
	color: #999;
		/*text-shadow: 0 0 1px rgba(0,0,0,.35); */

	/* background: #fff; */
	border-left: 1px solid #4b4441;
	border-right: 1px solid #312a27;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

/*Hover on Rollover*/
.nav > li:hover > a { background: #4b4441; border-bottom: 2px solid #4b4441; }

@media only screen and (max-width: 1350px) { /* was 900 Hides main menu*/
	  #menu, .nav    {display: none;}
}

/* 	========================================================================================================*/
/* 	========================================================================================================*/



/* 	===========================================================================================================================*/
/* 	3. IMAGE GENERAL */
/* 	===========================================================================================================================*/

img.centerlogo	{width: 80%; max-width:283px; margin: auto; position:absolute; left: 0; right: 0; top: 80px;
opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */}
.dogs{ width: 343px; height: 863px; margin:0 auto;   background: url(../img/interface/dogs.png) top no-repeat; }
/* 	===========================================================================================================================*/
/* 	===========================================================================================================================*/





/* 	===========================================================================================================================*/
/* 	4. BACKGROUNDS */
/* 	===========================================================================================================================*/

/* background setup */
.vis{overflow: visible !important;}
/* 	===PARALLAX=================================*/



.background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%\9 !important;
	
}

/* fullscreen setup */
	/*html, body {
    /* give this to all tags from html to .fullscreen */
    /*height:100%;}*/
	
.fullscreen,
.content-a {
    width:100%;
    min-height:100%;
	
}
.not-fullscreen,
.not-fullscreen .content-a,
.fullscreen.not-overflow,
.fullscreen.not-overflow .content-a {
    height:100%;
    overflow:hidden;
}

/* ===Content Centering Styles   ========   display:table;*/

.content-a {
	display:table;

}
.content-b {
	vertical-align:middle;
	text-align:left;
	height:600px;
	text-align: left;
	display: table;
}

.content-c {
	vertical-align:middle;
	text-align:left;
	min-height:350px;
	
}

.content-d {
vertical-align:middle;
	text-align:left;
	height:663px;
}

.vert{display: table-cell;
vertical-align: middle;}



/* 	===END OF PARALLAX=================================*/

/* visual styles */
/*body{margin:0;font-family:sans-serif;font-size:28px;line-height:100px;color:#ffffff;text-align:center;}9ed100*/
section {
	background:#ffffff;
}
.not-fullscreen {
    height:50%;
}

/*.clients {background-color:#ffde00; width: 100%;}*/

/* 	===WRAP ELEMENTS=================================*/

/* 	===Trapezoid Slope right to left===========*/
.wrap {
	display:table;
	height:100%;
	width:100%;
	background-size:cover;
	-webkit-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
	-moz-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
	clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
}
		
		.wrap.nudge-a {
		-webkit-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
		-moz-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
		clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
		position: relative; top: 104px;
	}
		
		.wrap.nudge-b {
		-webkit-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
		-moz-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
		clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
		position: relative; top: -104px;
	}
	



/* 	===Trapezoid Slope left to right===========*/
.wrap2 {
	-webkit-clip-path: polygon(0 0, 100% 15%, 100% 85%, 0% 100%);
	-moz-clip-path: polygon(0 0, 100% 15%, 100% 85%, 0% 100%);
	clip-path: polygon(0 0, 100% 15%, 100% 85%, 0% 100%);
}

	.wrap2.nudge-a {
		-webkit-clip-path: polygon(0 0, 100% 15%, 100% 85%, 0% 100%);
		-moz-clip-path: polygon(0 0, 100% 15%, 100% 85%, 0% 100%);
		clip-path: polygon(0 0, 100% 15%, 100% 85%, 0% 100%);
		position: relative; 
	}
	
	
	
.wrap3 {
	display:table;
	height:100%;
	width:100%;
	background-size:cover;
	-webkit-clip-path: polygon(0 0, 100% 15%, 100% 85%, 0% 100%);
		-moz-clip-path: polygon(0 0, 100% 15%, 100% 85%, 0% 100%);
		clip-path: polygon(0 0, 100% 15%, 100% 85%, 0% 100%);
		position: relative; 
}


.wrap4 {
	display:table;
	height:100%;
	width:100%;
	background-size:cover;
	-webkit-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
	-moz-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
	clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
}
		
		.wrap4.nudge-a {
		-webkit-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
		-moz-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
		clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
		
	}

	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

		.wrap.nudge-a {position: relative; top: 0px;}
		
		.wrap.nudge-b {position: relative; top: 0px;}
	
		.wrap2.nudge-a {position: relative; }
		.wrap4.nudge-a {position: relative; }
}




/* 	===END OF WRAP ELEMENTS=================================*/
























/* 	===========================================================================================================================*/
/* 	5. LINKS GENERAL */
/* 	===========================================================================================================================*/

/*	------button_links------------	*/	
/*	------Main Logo on white backgrounds------------	*/	
.logo {display: inline-block; position: relative; text-indent: -9999px; width: 125px; height: 120px; background: url(../img/interface/logo.png) no-repeat; z-index:20; overflow:hidden; }
.logo:after {content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/interface/logo.png) no-repeat; background-position: 0 -120px; opacity: 0;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s;}
		.logo:hover:after {opacity: 1;  -webkit-animation: filter-animation 2s 1}
/*	------Main Logo on black backgrounds------------	*/			
.logob {display: inline-block; position: relative; text-indent: -9999px; width: 125px; height: 120px; background: url(../img/interface/logob.png) no-repeat; z-index:20; overflow:hidden; }
.logob:after {content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/interface/logob.png) no-repeat; background-position: 0 -120px; opacity: 0;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s;}
		.logob:hover:after {opacity: 1;  -webkit-animation: filter-animation 2s 1}		
		
		@-webkit-keyframes filter-animation {
  0% {-webkit-filter:  saturate(800%) brightness(800%);}
  
  50% {-webkit-filter: saturate(100%);}
  
  100% {-webkit-filter: saturate(100%);}
}
			
.logo-sm {display: inline-block; position: relative; text-indent: -9999px; width: 60px; height: 58px; background: url(../img/interface/logo-sm.png) no-repeat; z-index:20; overflow:hidden; }
.logo-sm:after {content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/interface/logo-sm.png) no-repeat; background-position: 0 -58px; opacity: 0;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s;}
		.logo-sm:hover:after {opacity: 1;}		
		
.logob-sm {display: inline-block; position: relative; text-indent: -9999px; width: 60px; height: 58px; background: url(../img/interface/logob-sm.png) no-repeat; z-index:20; overflow:hidden; }
.logob-sm:after {content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/interface/logob-sm.png) no-repeat; background-position: 0 -58px; opacity: 0;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s;}
		.logob-sm:hover:after {opacity: 1;}		
			
			
.logo_title {display: inline-block; position: relative; text-indent: -9999px; width: 250px; height: 120px; background: url(../img/interface/logo_title.png) no-repeat; z-index:20; overflow:hidden; }
.logo_title:after {content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/interface/logo_title.png) no-repeat; background-position: 0 -120px; opacity: 0;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s;}
		.logo_title:hover:after {opacity: 1;}	

.logo_titleb {display: inline-block; position: relative; text-indent: -9999px; width: 250px; height: 120px; background: url(../img/interface/logo_titleb.png) no-repeat; z-index:20; overflow:hidden; }
.logo_titleb:after {content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/interface/logo_titleb.png) no-repeat; background-position: 0 -120px; opacity: 0;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s;}
		.logo_titleb:hover:after {opacity: 1;}	
		
.logomob {display: inline-block; text-align: center;position: relative; text-indent: -9999px; width: 125px; height: 120px; background: url(../img/interface/logo2.png) no-repeat;  overflow:hidden; }
.logomob:after {content: "";  text-align: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/interface/logo2.png) no-repeat; background-position: 0 -120px; opacity: 0;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s;}
		.logomob:hover:after {opacity: 1;}

.arrow {display: inline-block; text-align: center;position: relative; top:2px; text-indent: -9999px; width: 14px; height: 14px; background: url(../img/interface/arrow.png) no-repeat;  overflow:hidden; }
.arrow:after {content: "";  text-align: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/interface/arrow.png) no-repeat; background-position: 0 -14px; opacity: 0;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s;}
		.arrow:hover:after {opacity: 1;}			

.logo_twit {display: inline-block; text-align: center;position: relative; text-indent: -9999px; width: 32px; height: 32px; background: url(../img/interface/logo_social.png) no-repeat;  overflow:hidden; }
.logo_twit:after {content: "";  text-align: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/interface/logo_social.png) no-repeat; background-position: 0 -32px; opacity: 0;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s;}
		.logo_twit:hover:after {opacity: 1;}
		
.logo_face {display: inline-block; text-align: center;position: relative; text-indent: -9999px; width: 32px; height: 32px; background: url(../img/interface/logo_social.png) no-repeat; background-position: -32px 0;  overflow:hidden; }
.logo_face:after {content: "";  text-align: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/interface/logo_social.png) no-repeat; background-position: -32px -32px; opacity: 0;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s;}
		.logo_face:hover:after {opacity: 1;}

.logo_ins {display: inline-block; text-align: center;position: relative; text-indent: -9999px; width: 32px; height: 32px; background: url(../img/interface/logo_social.png) no-repeat; background-position: -64px 0;  overflow:hidden; }
.logo_ins:after {content: "";  text-align: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/interface/logo_social.png) no-repeat; background-position: -64px -32px; opacity: 0;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s;}
		.logo_ins:hover:after {opacity: 1;}	

.logo_you {display: inline-block; text-align: center;position: relative; text-indent: -9999px; width: 32px; height: 32px; background: url(../img/interface/logo_social.png) no-repeat; background-position: -96px 0;  overflow:hidden; }
.logo_you:after {content: "";  text-align: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/interface/logo_social.png) no-repeat; background-position: -96px -32px; opacity: 0;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s;}
		.logo_you:hover:after {opacity: 1;}	
/*
.logo_dev {display: inline-block; text-align: center;position: relative; text-indent: -9999px; width: 32px; height: 32px; background: url(../img/interface/logo_social.png) no-repeat; background-position: -128px 0;  overflow:hidden; }
.logo_dev:after {content: "";  text-align: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/interface/logo_social.png) no-repeat; background-position: -128px -32px; opacity: 0;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s;}
		.logo_dev:hover:after {opacity: 1;}	
*/
.logo_aq {display: inline-block; text-align: center;position: relative; text-indent: -9999px; width: 45px; height: 35px; background: url(../img/interface/logo_aq.png) no-repeat;  overflow:hidden; }
.logo_aq:after {content: "";  text-align: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/interface/logo_aq.png) no-repeat; background-position: 0 -35px; opacity: 0;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s;}
		.logo_aq:hover:after {opacity: 1;}	

/*
.me1 {display: inline-block; position: relative; cursor:default; text-indent: -9999px; width: 359px; height: 415px; background: url(../img/interface/me1.png) no-repeat;  overflow:hidden; }
.me1:after {content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/interface/me1.png) no-repeat; background-position: 0 -415px; opacity: 0;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s;}
		.me1:hover:after {opacity: 1;}	

.me2 {display: inline-block; position: relative; cursor:default; text-indent: -9999px; width: 359px; height: 415px; background: url(../img/interface/me2.png) no-repeat;  overflow:hidden; }
.me2:after {content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/interface/me2.png) no-repeat; background-position: 0 -415px; opacity: 0;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s;}
		.me2:hover:after {opacity: 1;}	

.me3 {display: inline-block; position: relative; cursor:default; text-indent: -9999px; width: 359px; height: 415px; background: url(../img/interface/me3.png) no-repeat;  overflow:hidden; }
.me3:after {content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/interface/me3.png) no-repeat; background-position: 0 -415px; opacity: 0;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s;}
		.me3:hover:after {opacity: 1;}			
*/

/*.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 36;
  -moz-border-radius: 36;
  border-radius: 36px;
  -webkit-box-shadow: 0px 5px 4px #cfcfcf;
  -moz-box-shadow: 0px 5px 4px #cfcfcf;
  box-shadow: 0px 3px 2px #cfcfcf;
  font-family: 'bebas_neueregular', Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 18px;
  padding: 10px 20px 10px 20px;
  border: solid #ffffff 4px;
  text-decoration: none !important;
  margin:0 auto;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
} */

.btn {
  background: #4a4a4a;
  
  
  border-radius: 5px;
  font-family: 'oswald', Arial, Helvetica, sans-serif;
  color: #cecece;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  
  text-decoration: none;
}

.btn:hover {
  background: #8f8f8f;
 
  text-decoration: none;
  color: #ffffff;
}

.seemore {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #ffffff !important;
  line-height:2.8em;
  font-size: 1.2em;
  padding: 10px 20px 10px 20px;
  border: solid rgba(255,255,255,1) 2px;
  text-decoration: none;
  
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.9),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.9),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.9),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px 0px 3px rgba(000,000,000,1),
		0px 0px 2px rgba(255,255,255,0.3);
}


.seemore:hover {
  background: rgba(255,255,255,.5);
  text-decoration: none;

}	

.seemore2 {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: 'oswald', Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
  color: #555555 !important;
  line-height:2.4em;
  font-size: 1em;
  padding: 6px 15px 6px 15px;
   max-width: 300px;
 border: solid rgba(100,100,100,1) 1px;
}

.seemore2:hover {
  background:#565656;
  text-decoration: none;
  color: #fff !important;
   border: solid rgba(150,150,150,1) 1px;
}		
		
/* 	===========================================================================================================================*/
/* 	===========================================================================================================================*/

/* 	===========================================================================================================================*/
/* 6. CONTACT FORM */
/* 	===========================================================================================================================*/

/*----Form elements--------width:550px------------*/
#formholder 			{width:86%; border:2px solid #E6E6E6; padding:5% 5% 5% 5%; }
#formleft 			{position:relative;  float:left;  } 
fieldset       			{  position:relative; left:0px;  }

input           			{  background-color:#ededed; border:0px solid #c8c8c8; padding:0 0 0 5px; font-weight: 300; font:.9em/1.1em 'Oswald', Verdana, Arial, Helvetica, sans-serif; line-height:15px; color:#3b3b3b;}
input, textarea       		{width:96%; border:1px solid #dadada; padding:5px;margin:0px 0 0 0; }/*Border for text areas*/
input:focus,
textarea:focus 		{background:#545454; color:#ffffff;}
textarea       			{  font-weight: 300;  font:.9em/1.1em  'Oswald', Verdana, Arial, Helvetica, sans-serif; border:1px solid #dadada; background:#ededed; } /*-- Text area big --*/
label           			{display:block; padding:0px 10px 5px 0; font-weight:300; font: 0.9em/1.1em 'Oswald', Tahoma, Verdana, Arial, sans-serif; text-align:left;  color: #3b3b3b; }  /*text-shadow: 0px -1px 1px #e0dede;*/
label:after     		{content:": ";}

.spacerform 			{ height: 26px; width:50%;}

select 				{background-color: #ededed; color: #3b3b3b; font-weight: 300; font:.9em/1.1em 'Oswald', Verdana, Arial, Helvetica, sans-serif; min-width:50%;}

.formbut 			{  width:100px;  text-align:center; margin:0 auto; }

.padtop				{ padding: 10% 0 0 0;}



.radio{
 display: inline-block; width: 5%; font-weight:300; font: 0.9em/1.1em 'Oswald', Tahoma, Verdana, Arial, sans-serif; text-align:left;  color: #3b3b3b; 
}

/* User feedback
 -----------------------*/
p.yay, p.oops    		 {font-size:.8em;text-align:center;padding:10px;color:#ffffff;font-weight:700; width:90%;position:relative; }
.yay           			 {background:#090;}
.oops          			 {background:#f30;}
div.error      			 {font-size:.8em;font-weight:700;padding:5px 0 0;color:#f30;margin:0 0 0 90px;}

/* Captcha
 -----------------------*/
.formimg           		{margin:0 0 0 0px;display:block; }

/*---^^^^---------------End of Form--------------------------------------------------------^^^^---*/

.password

/* 	===========================================================================================================================*/
/* 7. FOOTER */
/* 	===========================================================================================================================*/

ul.ftmenu { text-align: center; padding: 10px 0 2px 0; display: inline-block;  }
ul.ftmenulogo { text-align: center; padding: 0 0 2px 0; }
ul.ftmenu li  { display: inline-block;  } /* 	was inline block */
ul.ftmenulogo li { display: inline-block;  } /* 	was inline block */
li.linkSpacer {height:0px; } 	
.line {border-top: 1px solid #2e2e2e; padding:0  0 4px 0;}
.credit {overflow:visible; margin:0 auto;  height: 40px;  background: #19191a; border-top: 1px solid #151515;}

/* text element -see section 1 */








/* 	===========================================================================================================================*/
/* 8. CALENDAR */
/* 	===========================================================================================================================*/


.calendar{background:#000000; display:inline-block; padding:20px 20px 20px 20px; width: 44% !important; color:fff; min-height:220px;}




.clippy{-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);}




/* 	===========================================================================================================================*/
/* 	===========================================================================================================================*/

/* 	===========================================================================================================================*/
/* 	9. MAX WIDTH */
/* 	===========================================================================================================================*/
@media only screen and (max-width:1140px) {
	.logo {display: inline-block; position: relative; text-indent: -9999px; width: 83px; height: 80px; background: url(../img/interface/logo_sm.png) no-repeat; z-index:20; overflow:hidden; }
	.logo:after {content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/interface/logo_sm.png) no-repeat; background-position: 0 -80px; opacity: 0;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s;}
	.logo:hover:after {opacity: 1;}
	
	.logob {display: inline-block; position: relative; text-indent: -9999px; width: 83px; height: 80px; background: url(../img/interface/logob_sm.png) no-repeat; z-index:20; overflow:hidden; }
	.logob:after {content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/interface/logob_sm.png) no-repeat; background-position: 0 -80px; opacity: 0;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s;}
	.logob:hover:after {opacity: 1;}
	
	.logo_title {display: inline-block; position: relative; text-indent: -9999px; width: 150px; height: 72px; background: url(../img/interface/logo_title_sm.png) no-repeat; z-index:20; overflow:hidden; }
	.logo_title:after {content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/interface/logo_title_sm.png) no-repeat; background-position: 0 -72px; opacity: 0;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s;}
	.logo_title:hover:after {opacity: 1;}	
	
	.logo_titleb {display: inline-block; position: relative; text-indent: -9999px; width: 150px; height: 72px; background: url(../img/interface/logo_titleb_sm.png) no-repeat; z-index:20; overflow:hidden; }
	.logo_titleb:after {content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/interface/logo_titleb_sm.png) no-repeat; background-position: 0 -72px; opacity: 0;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s;}
	.logo_titleb:hover:after {opacity: 1;}	
		
}	

/* 	===========================================================================================================================*/


@media only screen and (max-width:1040px) {
	/*
	.logo {display: inline-block; position: relative; text-indent: -9999px; width: 83px; height: 80px; background: url(../img/interface/logo_sm.png) no-repeat; z-index:20; overflow:hidden; }
	.logo:after {content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/interface/logo_sm.png) no-repeat; background-position: 0 -80px; opacity: 0;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s;}
	.logo:hover:after {opacity: 1;}
	
	.logob {display: inline-block; position: relative; text-indent: -9999px; width: 83px; height: 80px; background: url(../img/interface/logob_sm.png) no-repeat; z-index:20; overflow:hidden; }
	.logob:after {content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/interface/logob_sm.png) no-repeat; background-position: 0 -80px; opacity: 0;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s;}
	.logob:hover:after {opacity: 1;}
	*/
	
	.logo-sm {display: inline-block; position: relative; text-indent: -9999px; width: 60px; height: 58px; background: url(../img/interface/logo-sm.png) no-repeat; z-index:20; overflow:hidden; }
	.logo-sm:after {content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/interface/logo-sm.png) no-repeat; background-position: 0 -58px; opacity: 0;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s;}
		.logo-sm:hover:after {opacity: 1;}	
		
		.logob-sm {display: inline-block; position: relative; text-indent: -9999px; width: 60px; height: 58px; background: url(../img/interface/logob-sm.png) no-repeat; z-index:20; overflow:hidden; }
	.logob-sm:after {content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/interface/logob-sm.png) no-repeat; background-position: 0 -58px; opacity: 0;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s;}
		.logob-sm:hover:after {opacity: 1;}	
	
	/*
	.logo_title {display: inline-block; position: relative; text-indent: -9999px; width: 150px; height: 72px; background: url(../img/interface/logo_title_sm.png) no-repeat; z-index:20; overflow:hidden; }
	.logo_title:after {content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/interface/logo_title_sm.png) no-repeat; background-position: 0 -72px; opacity: 0;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s;}
	.logo_title:hover:after {opacity: 1;}	
	
	.logo_titleb {display: inline-block; position: relative; text-indent: -9999px; width: 150px; height: 72px; background: url(../img/interface/logo_titleb_sm.png) no-repeat; z-index:20; overflow:hidden; }
	.logo_titleb:after {content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/interface/logo_titleb_sm.png) no-repeat; background-position: 0 -72px; opacity: 0;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s;}
	.logo_titleb:hover:after {opacity: 1;}	
	*/
	
.content-c {
	vertical-align:middle;
	text-align:left;
	min-height:350px;
}
	
}

/* 	===========================================================================================================================*/

@media only screen and (max-width:1350px) { /* Changed from 900px */
/* Makes Mob-Menu appear! Pancake menu, and Desk Nav Disappear */
	#my-menu, #pancake{	visibility: visible;}
	#nav {visibility: hidden; display:none;}
/*	----------------------------------------------------------------	*/


@media only screen and (max-width:1000px) { /* Changed from 900px */
	.header 		{height:57px;}	 /* Changed from 58px */
	.black		{height:57px !important; background:#000;}	/* Changed from 58px */
	#menu_text	{float: left; position:relative; top:17px; font-size:.9em; line-height:1.60em;  color:#373737; text-transform: uppercase; font-family:   'Oswald', Arial, Helvetica, sans-serif; }	
	#menu_textb	{float: left; position:relative; top:17px; font-size:.9em; line-height:1.60em;  color:#a9a9a9; text-transform: uppercase; font-family:   'Oswald', Arial, Helvetica, sans-serif; }	
/*	----------------------------------------------------------------	*/

.calendar{background:#000000; display:inline-block; padding:20px 0 20px 20px; width: 100% !important; color:fff;}

}

/*	----------------------------------------------------------------	*/
/*@media only screen and (max-width:820px) {  */
/*	----------------------------------------------------------------	*/
@media only screen and (max-width:820px) {
	
/*.imgsol{max-width: 70%; height: auto;}*/

.wrap4 {
	display:table;
	height:100%;
	width:100%;
	background-size:cover;
	-webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
	-moz-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
	clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
}

.wrap4.nudge-a {
		-webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
		-moz-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
		clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
	}
	
	.content-c {
	vertical-align:middle;
	text-align:left;
	min-height:350px;
}

}

/*	------@media only screen and (max-width:767px------------	*/	
@media only screen and (max-width:767px) {
	
ul.ftmenu li { display: block;}
	ul.ftmenulogo li{ display: inline-block;  }
	li.linkSpacer {height:0px; visibility: hidden;} 	
	
	
.content-b {
	vertical-align:middle;
	text-align:left;
	min-height:250px;
	text-align: left;
	display: table;
}

h1 {font-size:1.8em;line-height:1em; margin-bottom:0.5em; color:#373737; font-style: normal; font-weight: 300; font-family:  'Cinzel',  Oswald, Arial, Helvetica, sans-serif; }
h2 {font-size:1.4em; line-height:1.2em; margin-bottom:0.25em; color:#b7b7b7; font-style: normal; font-weight: 300; font-family: 'Oswald',  Arial, Helvetica, sans-serif; }
h3 {font-size:1.3em;line-height:1.5em; margin-bottom:.5em; color:#8b8b8b; font-weight: 300; font-family: 'Oswald',   Arial, Helvetica, sans-serif;}
h4 {   font-size: 1.1em;  line-height: 1.1em;}
p {font-size:.85em; margin:0 0 .9em; text-transform: none; font-family:'Open Sans', Arial, Helvetica, sans-serif; }
p.intro { font-weight: 700;font-size: .9em;line-height: 1.3em;margin: 0 0 1.3em;text-transform: none;font-family: 'Open Sans', Arial, Helvetica, sans-serif;}
p.info {font-weight: 400; font-size: .86em; line-height: 1.2em;margin: 0 0 1.3em;text-transform: none;font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
.imgvis2 {display:none;}

/* 	===========================================================================================================================*/

/* 	===========================================================================================================================*/
/* 	===========================================================================================================================*/

/*  ------------was 580--------- */  
 @media only screen and (max-width:600px) {
	#menu_text	{float: left; position:relative; top:17px; font-size:.9em; line-height:1.60em;  color:#373737; text-transform: uppercase; font-family:   'Oswald', Arial, Helvetica, sans-serif;}	
	#menu_textb	{float: left; position:relative; top:17px; font-size:.9em; line-height:1.60em;  color:#a9a9a9; text-transform: uppercase; font-family:   'Oswald', Arial, Helvetica, sans-serif;}	
	
		
	
	.content-b {
	vertical-align:middle;
	text-align:left;
	height:350px;
	text-align: left;
	display: table;
}
	
	.content-c {
	vertical-align:middle;
	text-align:left;
	min-height:300px;}
	

	
	.cbp-l-slider-testimonials-wrap.spacebottom{padding:0 0 20% 0;}
	
	.edges{display:none;}
	.imgvis {display:none;}
	
/* 	===Trapezoid Slope right to left===========*/

/*.content-c {
	vertical-align:middle;
	text-align:center;
	min-height:760px;
}*/

.content-b {
	vertical-align:middle;
	text-align:left;
	min-height:750px;
	text-align: left;
	display: table;
}

.wrap {
	display:table;
	height:100%;
	width:100%;
	background-size:cover;
	-webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
	-moz-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
	clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
}
		
		.wrap.nudge-a {
		-webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
		-moz-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
		clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
		position: relative; top: 114px;
	}
		
		.wrap.nudge-b {
		-webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
		-moz-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
		clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
		position: relative; top: -114px;
	}
	



/* 	===Trapezoid Slope left to right===========*/
.wrap2 {
	-webkit-clip-path: polygon(0 0, 100% 10%, 100% 90%, 0% 100%);
	-moz-clip-path: polygon(0 0, 100% 10%, 100% 90%, 0% 100%);
	clip-path: polygon(0 0, 100% 10%, 100% 90%, 0% 100%);
}

	.wrap2.nudge-a {
		-webkit-clip-path: polygon(0 0, 100% 10%, 100% 90%, 0% 100%);
		-moz-clip-path: polygon(0 0, 100% 10%, 100% 90%, 0% 100%);
		clip-path: polygon(0 0, 100% 10%, 100% 90%, 0% 100%);
		position: relative; 
	}
.wrap3 {
	-webkit-clip-path: polygon(0 0,100% 5%, 100% 95%, 0% 100%);
	-moz-clip-path: polygon(0 0, 100% 5%, 100% 95%, 0% 100%);
	clip-path: polygon(0 0, 100% 5%, 100% 95%, 0% 100%);
	
}

.wrap4 {
	display:table;
	height:100%;
	width:100%;
	background-size:cover;
	-webkit-clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%);
	-moz-clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%);
	clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%);
}

.wrap4.nudge-a {
		-webkit-clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%);
		-moz-clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%);
		clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%);
	}
		
/* 	===END OFTrapezoid Slope left to right===========*/		
} /*	------END @media only screen and (max-width:600px)------------	*/	


 @media only screen and (max-width:479px) {
	 
	 .content-b {
	vertical-align:middle;
	text-align:left;
	min-height:900px;
	text-align: left;
	display: table;
}

	.content-c {
	vertical-align:middle;
	text-align:left;
	min-height:450px;}
	
	h2.white.title{text-align:left;}
	h3.white{text-align:left;}
	
	.header 		{height:57px;}	
	.black		{height:10px; background:#000;}	
	
	.logomob {display: inline-block; text-align: center;position: relative; text-indent: -9999px; width: 83px; height: 80px; background: url(../img/interface/logo2_sm.png) no-repeat;  overflow:hidden; }
	.logomob:after {content: "";  text-align: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/interface/logo2_sm.png) no-repeat; background-position: 0 -80px; opacity: 0;-webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s;}
	.logomob:hover:after {opacity: 1;}
	
	
	p.main{ font-size: 1.2em; }
	

	
}