/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Lanteri styles
   ========================================================================== */
   
@font-face {font-family: 'VintageITCStd';src: url('webfonts/2F282C_0_0.eot');src: url('webfonts/2F282C_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2F282C_0_0.woff2') format('woff2'),url('webfonts/2F282C_0_0.woff') format('woff'),url('webfonts/2F282C_0_0.ttf') format('truetype');}

div, header, footer, nav, span, a, ul, input { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

html, body {	height: 100%; }


/*! Styles targeting mobile devices 
    Mobile first so no media queries for this style set
 */

/*font-family: "museo-sans-rounded"*/
 
body { min-width: 320px; width: 100%; color: #99999b; font-family: "freight-text-pro", "Times New Roman", serif; font-weight: 300; font-size: 13px; }
	body.home { font-size: 14px; background: #3d3d3d url(../img/320/home_page_back.gif) top left; repeat-x; }
	


h1 { font-family: "freight-text-pro", "Times New Roman", serif; font-weight: 300; color: #c4a065; font-size: 29px; margin:0; letter-spacing: 1px; }
h2 { font-family: "freight-text-pro", "Times New Roman", serif; font-weight: 300; color: #fff; font-size: 18px; margin: 0; line-height: 22px; letter-spacing: 0.5px; }
	.home h2 { font-size: 19px; line-height: 26px; letter-spacing: 1px; }
h3 { font-family: "freight-text-pro", "Times New Roman", serif; font-weight: 300; color: #c4a065; font-size: 13px; margin: 0; letter-spacing: 0.5px; line-height: 21px; }
h4 { font-family: "freight-text-pro", "Times New Roman", serif; font-weight: 300; color: #fff; font-size: 14px; margin: 0; letter-spacing: 1px; }
h5 { font-family: "freight-text-pro", "Times New Roman", serif; font-weight: 500; color: #99999b; font-size: 13px; margin: 0; letter-spacing: -0.5px; }
h6 { font-family: "freight-text-pro", "Times New Roman", serif; font-weight: 300; font-style: italic; color: #b0b7bc; font-size: 14px; line-height: 14px; margin: 0; }

.wrapper { width: 100%; overflow: hidden; background-color: #fff; background-size: 200% !important; background-repeat: no-repeat; position: relative; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -90px; }
	.push { height: 90px; clear: both; }
		
	.home .wrapper { background: url(../img/320/home_background.png); background-size: 100% auto; background-repeat: no-repeat; }
	.testimonials .wrapper { background: #f5f5f5; }
	.not-found .wrapper { background: #fff; }
	.not-found .wrapper .middle-content p { font-size: 18px; }

.content-width { width: 100%;  }

a.round-button { padding: 3px 12px; color: #4d4d4d; background-color: #8c8c8c; display: block; text-decoration: none; font-size: 11px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
	a.round-button.white { color: #c4a065; background-color: #fff; font-size: 14px; }
		a.round-button.white:hover { background-color: #fafafa; }		
	a.round-button.lightgrey { background-color: #f2f2f2; color: #c4a065; font-size: 14px; padding: 3px 18px; letter-spacing: 0.5px; }
	a.round-button.darkgrey { background-color: #e3e3e3; color: #c4a065; }

nav a { text-decoration: none; }
ul,li, ol { margin: 0; padding: 0; }
nav li { list-style-type: none; }

p { margin: 0px 0px 20px 0px }

.left { float: left; }
.right { float: right; }

.more-text { display: none; }

.background-darkgrey { background-color: #ececec; }

form .form-item { width: 75%; float: left; margin-right: 15px; margin-bottom: 15px; }
	form .form-item.select { float: none; }
form label { font-family: "museo-sans-rounded", Arial, sans-serif; font-size: 12px; width: 100%; margin-bottom: 20px; }
form input[type=text] { background-color: #f2f2f2; width: 100%; border: none; height: 50px; padding-left: 10px; }
form select { background-color: #ececec; border: none; height: 50px; font-size: 11px; width: 317px; padding-left: 10px; color: #98999d; font-family: "freight-text-pro", "Times New Roman", serif; }
form input[type=submit] { clear: both; float: left; border: none; background-color: #f2f2f2; color: #c4a065; font-family: "freight-text-pro", "Times New Roman", serif; font-weight: 300; font-size: 14px; padding: 3px 18px; letter-spacing: 0.5px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }


div.clip-lightgrey { 
		padding: 15px 15px 15px 23px;
		background-color: #fff;
		overflow: hidden;
		position: relative; 
		float: right; 
		width: 95%;
}
div.clip-lightgrey:before {
    content: '';
    position: absolute;
    bottom: 0; left: 0;
    border-bottom: 20px solid #f5f5f5;
    border-right: 20px solid white;
    width: 0;
}

	.clip-lightgrey .round-button {
		float: left;
	}

header { width: 100%; height: 45px; margin-bottom: 42px; }
	.home header { margin-bottom: 35px; }
	.testimonials header { margin-bottom: 0px; background-color: #fff; padding-bottom: 67px; }
	.testimonials.cloud header { margin-bottom: 0px; padding-bottom: 45px; }
	header .logo { display: block; float: left; width: 85px; height: 45px; background: url(../img/320/logo_background.png); background-size: 85px 45px; padding: 8px 0px 0px 8px; }
		header .logo .logo-image { width: 30px; height: 29px; background: url(../img/320/lanteri_logo.png); background-size: 30px 29px; text-indent: -9999px; }
		
	header nav { width: 174px; height: 45px; float: right; background: url(../img/320/nav_background.png); background-size: 174px 45px; padding-top: 13px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
		header nav .show-menu { padding-left: 72px; padding-top: 0px; font-family: "museo-sans-rounded", Arial, sans-serif; color: #fff; font-size: 12px; line-height: 21px; text-transform: uppercase; }
		header nav .hide-menu { display: none; padding-left: 72px; padding-top: 0px; font-family: "museo-sans-rounded", Arial, sans-serif; color: #fff; font-size: 12px; line-height: 21px; text-transform: uppercase; }
			header nav .show-menu .hamburger { display: inline-block; margin-left: 12px; text-indent: -9999px; width: 30px; height: 19px; background: url(../img/320/hamburger.png); background-size: 30px 19px; }
			header nav .hide-menu .close { display: inline-block; margin-left: 12px; text-indent: -9999px; width: 21px; height: 21px; background: url(../img/320/cross.png); background-size: 21px 21px; }
			
		header nav > ul { right: -174px; width: 174px; height: 100%; background-color: #ccab75; padding-left: 14px; margin-top: 11px; position: absolute; padding-bottom: 40px; z-index: 10; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
			header nav.open > ul { right: 0px; }
			header nav > ul > li { width: 93%; }
				header nav > ul > li.menu-item-has-children { width: 93%; background-image: url(../img/320/arrow_right.png); background-position: 7px 12px; background-size: 9px 16px; background-repeat: no-repeat; }
					header nav > ul > li.menu-item-has-children.open { width: 93%; background-image: url(../img/320/arrow_down.png); background-position: 5px 16px; background-size: 16px 9px; }
				header nav ul li a { display: block; height: 38px; width: 100%; line-height: 38px; color: #fff; text-align: right; text-transform: uppercase; font-family: "museo-sans-rounded", Arial, sans-serif; border-top: 2px solid #e8d9c1; font-size: 13px; } 
					header nav > ul > li:first-child a { border-top: none; }
						header nav  ul li ul { display: none; }
						  header nav ul li.open ul { display: block; }
							header nav ul li ul li a { color: #ede3d1; border-top: 1px solid #dbc49f; font-size: 11px; } 
		

.headline { margin-bottom: 50px; overflow: hidden; padding: 0px 18px; }
	.home .headline { padding: 0px 24px; margin-bottom: 48px; }
	.headline h2 { text-align: right; width: 285px; float: right; }
		.home .headline h2 { width: 272px; }
	
.introduction { margin-bottom: 0px; overflow: hidden; background-color: #fff; padding: 27px 6px 41px 17px; }
	.home .introduction { background-color: transparent; padding: 0px 25px 12px 26px; }
	.introduction h3 { margin-top: 15px; letter-spacing: 0px; }
		.home .introduction h3 { margin-bottom: 15px; text-align: right; font-size: 14px; margin-top: 1px; }
	.introduction h1 { margin-left: 1px; margin-bottom: 9px; }
	.introduction h5 { margin-bottom: 10px; }
		.introduction h5 + p { font-size: 13px; margin-bottom: 18px; }
	.introduction .round-button { float: left; background-color: #f2f2f2; color: #c4a065; font-size: 14px; padding: 3px 18px; letter-spacing: 0.5px; }
		.introduction .round-button:hover { background-color: #e6e6e6; }
	
		.introduction .middle-content ul { margin-left: 0px; margin-top: 3px; padding-left: 0px; margin-bottom: 19px; }
			.introduction .middle-content ul li { list-style-type: disc; margin-bottom: 0px; margin-left: 14px; font-size: 11px; letter-spacing: 0px; }

	.introduction nav { display:none; }
	
	.introduction p { margin-bottom: 5px; text-align: left;  letter-spacing: 0px; line-height: 17px; }
		.home .introduction p { margin-bottom: 10px; text-align: right; letter-spacing: 0.5px; line-height: 21px; }

.content-boxes { overflow: hidden; margin-bottom: 22px; }
	.content-box { width: 100%; overflow: hidden; height: 138px; background-color: #666666; position: relative; }
		.content-box .title { background-color: #c6a265; height: 30px; margin-bottom: 7px; width: 100%; }
			.content-box .title h4 { text-align: center; line-height: 30px; }
			
		.content-box p { text-align: center; color: #cccccc; width: 51%; margin: 0 auto 6px auto; line-height: 14px; font-size: 13px; }
		.content-box .round-button { bottom: 12px; left: 50%; margin-left: -39px; width: 78px; position: absolute; }

.bottom-boxes { overflow: hidden; position: relative; }
	.bottom-box { width: 100%; background-color: #4d4d4d; padding-bottom: 12px; }
		.bottom-box .title { width: 100%; background-color: #666666; height: 37px; margin-bottom: 11px; }
			.bottom-box h4 { text-align: center; line-height: 39px; color: #cccccc; font-size: 15px; }
		
		.bottom-box p { text-align: center; margin-bottom: 12px; color:#999999; letter-spacing: 0.5px; line-height: 17px; }
		.bottom-box .round-button { margin: 0 auto; width: 116px; }
		
		
.page-sections { background-color: #f5f5f5; }
.page-sections.page-sections-alt { background-color: #ffffff; padding: 50px 0 180px; }
.page-section { padding: 17px 0px 30px; margin: 0px 9px 12px 18px; border-bottom: 1px solid #808080; overflow: hidden; }
.page-sections-alt .page-section { padding: 0 0px 0; margin: 0px 9px 0 18px; border-bottom: none; }
	.page-section h1 { margin-left: 1px; margin-bottom: 11px; line-height: 31px; }
		.introduction + .page-section h1 { margin-bottom: 8px; }
	.page-section h3 { margin-top: 15px; letter-spacing: 0px; }
	.page-section h5 { line-height: 15px; margin-bottom: 2px; }
	.page-section p { margin-bottom: 5px; line-height: 17px; }
	.page-section ul { margin-left: 0px; margin-top: 3px; padding-left: 0px; margin-bottom: 19px; }
		.page-section ul li { list-style-type: disc; margin-bottom: 0px; margin-left: 14px; font-size: 11px; letter-spacing: 0px; }
		.page-section ol li { margin-bottom: 0px; margin-left: 14px; font-size: 11px; letter-spacing: 0px; }
	.page-section .round-button { float: left; margin-right: 23px; margin-top: 17px; letter-spacing: 0.5px; padding: 3px 16px; margin-bottom: 7px; } 
	
	.page-section img { margin-top: 4px; margin-bottom: 20px; }
		.page-section p + img { margin-top: 14px; }
			.page-section p + img + img { margin-top: 14px; }
	
	.page-sections .quote { display: none; }
	
	.testimonials .page-section:last-child { border-bottom: none; margin-bottom: 55px; }
		.clients .page-section:last-child { border-bottom: none; margin-bottom: 55px; }
		.contact .page-section:last-child { margin-bottom: 0px; padding-bottom: 29px; }
	
		.testimonials .page-section h6 { margin-bottom: 6px; }
		.testimonials .page-section h1 { margin-bottom: 15px; }
	
	.gold { font-weight: 500; color: #c4a065; }
	
	.author { color: #c4a065; font-style: italic; margin-top: 8px; line-height: 32px; }
	
	.client-list {  margin-top: 16px; margin-bottom: -17px; overflow: hidden;
		-webkit-column-count:2;
    -moz-column-count:2;
    -ms-column-count:2;
    -o-column-count:2;
    column-count:2;
    -webkit-column-gap:15px;
    -moz-column-gap:15px;
    -ms-column-gap:15px;
    -o-column-gap:15px;
    column-gap:15px;
    columns:2;
  }
	ul.col { padding-right: 13px; margin-bottom: 0px;}
		ul.col li { list-style-type: none; font-size: 13px; margin-left: 0px; margin-bottom: 6.5px; line-height: 15px; }
		
		.clip-lightgrey h1 { font-size: 21px; margin-bottom: 5px; }
		.clip-lightgrey p { font-size: 12px; width: 84%; line-height: 15px; margin-bottom: 10px; }
	
	.bottom-section { margin-top: 38px; margin-bottom: 87px; overflow: hidden; }
		.testimonials.cloud .bottom-section { margin-top: 0px; }
		.page-section .bottom-section { margin-left: 0px; margin-top: 80px; margin-bottom: 0px; }
		.page-section .bottom-section h1 { font-size: 21px; margin-bottom: 5px; }
		.page-section .bottom-section p { font-size: 12px; width: 84%; line-height: 15px; margin-bottom: 10px; }
		.page-section div.clip-lightgrey:after {
		    content: '';
		    position: absolute;
		    width: 1000%;
		    right: -100%;
		    background-color: #fff;
		    height: 100%;		    
		    top: 0;
		    z-index: -1;
			}
			
			.page-template-page_property .page-section { overflow: visible !important; }
		
	.back-to-top { position:absolute; text-indent: -9999px; width: 50px; height: 50px; background-color: rgba(198,162,101,0.5); bottom: 90px; left: 50%; margin-left: -25px; background-image: url(../img/320/arrow_up.png); background-repeat: no-repeat; background-position: center center; background-size: 24px auto; }
		.back-to-top:hover { background-color: rgba(198,162,101,1); }
	
	/* team page */
	.team .page-sections { padding-top: 26px; margin-bottom: 100px; }
	.team .page-section { border-bottom: none; padding: 15px 0px 0px 0px; }
	.team .page-section h1 { padding-bottom: 12px; margin-bottom: 21px; border-bottom: 1px solid #9d9d9d; width: 100%; }
		
		.team .person { margin-bottom: 28px; clear:both; height: auto; overflow: hidden; }
			.team .person .image { width: 160px; /* 100% */ overflow:hidden; float: left; margin-right: 0px; }
				.team .person .image img { width: 100%; }
			
			.team .person .text { width: 100%; float: left; position: relative; height: auto; max-height: 1000px; transition: max-height 1s; -webkit-transition: max-height 1s; -moz-transition: max-height 1s; }
				.team .person .text.open { height: auto; padding-bottom: 37px; }
					/*.team .person .text.open .more-text { display:block; }*/

				.team .person h2 { color: #c4a065; margin-bottom: -2px; font-size: 22px; margin-top: -8px; font-weight: 300; }
				.team .person h6 { font-size: 12px; margin-bottom: 6px; line-height: 16px; }
				.team .person p { font-size: 12px; line-height: 16px; width: auto; }
				.team .person .round-button { position: relative; bottom: 0px; left: 0px; margin-top: 14px; }
				
	/* seminars page */
	.seminars .page-section { margin-bottom: 0px; min-height: 552px; overflow: visible; }
	
	.seminars .page-section:first-child { padding-top: 18px }
		.seminars .page-section h5 { margin-bottom: 14px; }
		
		.seminars form .form-item { width: 100%; }
		.seminars form input[type=text] { background-color: #ececec; }
		.seminars form input[type=submit] { background-color: #ececec; color: #c4a065; }
			.seminars form input[type=submit]:hover { background-color: #e3e3e3; }
			
		.sent-message { color: #c4a065; }
		.page-section p.error-message { color: #c01c0b; margin-bottom: 20px; }
		.bottom-section p.error-message { color: #c01c0b; margin-bottom: 20px; }
		
		.seminars .bottom-section { background-color: #ececec; }
		
	.bottom-wide { width: 100%; overflow: hidden; }
	
  /* insights */
  
  .insights .page-sections nav { display: none; }
  
  .insights .insight { margin-bottom: 47px; clear:both; height: auto; overflow: hidden; }
			.insights .insight .image { width: 145px; overflow:hidden; float: left; margin-right: 0px; }
				.insights .insight .image img { width: 100%; }
			
			.insights .insight .text { width: 100%; float: left; position: relative; height: auto; }
				.insights .insight h2 { color: #c4a065; margin-bottom: 1px; font-size: 22px; margin-top: -2px; font-weight: 300; line-height: 25px; }
				.insights .insight a { text-decoration: none; }
				.insights .insight h6 { font-size: 16px; margin-bottom: 0px; line-height: 16px; }
				.insights .insight p { font-size: 14px; line-height: 18px; width: auto; margin-bottom: 7px; }
				.insights .insight .round-button { position: relative; bottom: 0px; left: 0px; margin-top: 14px; }
				
		.insights .paging a.round-button { margin-right: 14px; }
		
	.insights-detail header { background-color: #f5f5f5; }
		.insights-detail .main-image { width: 100%; }
			.insights-detail .main-image img { width: 100%; }
			.insights-detail .page-section .round-button { font-size: 14px; }
			
	.insights-detail .video { margin-top: 16px; }
		.insights-detail .video img { width: 100%; }
		
		.lyric-template { color: #bc9b6a; font-family: "VintageITCStd"; }
			.lyric-template .main-image { width: 100% !important; height: 133px; background-color: #72112e;  padding-top: 32px; }
				.lyric-template .main-image h1 { font-family: "VintageITCStd"; font-size: 42px; text-align: center; margin-bottom: 16px; text-transform: uppercase; letter-spacing: 5px; }
				.lyric-template .main-image h3 { font-family: "neuzeit-grotesk", sans-serif; font-size: 17px; text-align: center; text-transform: uppercase; font-weight: normal; letter-spacing: 4px; }
				
				.lyric-template .post-top { background-image: url(../img/1024/lyric-pattern.png); background-size: 676px; background-repeat: no-repeat; width: 100%; height: 262px; margin-bottom: 21px; }
					.lyric-template .post-top h6 { font-family: "neuzeit-grotesk", sans-serif; color: #bc9b6a; font-style: normal; font-size: 8px; margin-bottom: 40px; text-align: center; text-transform: uppercase; letter-spacing: 2px; padding-top: 12px; }
					.lyric-template .post-top h1 { min-height: 175px; font-family: "VintageITCStd";     font-size: 42px;
				    text-align: center;
				    background-image: url(../img/1024/lyric-heading.png);
				    background-size: 148px;
				    background-repeat: no-repeat;
				    background-position: top center;
				    width: 100%;
				    margin: 0 auto;
				    line-height: 50px;
				    letter-spacing: 4px;
				    padding-top: 38px;
				    text-transform: uppercase; }
					
					.lyric-template p { font-family: "neuzeit-grotesk", sans-serif; text-align: center; color: #bc9b6a !important; margin-left: auto; margin-right: auto; font-size: 15px !important; line-height: 18px; letter-spacing: 1px; margin-bottom: 10px !important; }
					
					.lyric-template .lyric-footer { margin-top: 25px; }
						.lyric-template .lyric-footer img { width: 100%; }
		
 /* contact */
 
  .contact header { background-color: #f5f5f5; }
  
  .contact .page-section h1 { margin-bottom: 16px; }
  .contact .page-section h3 { margin-top: 40px; margin-bottom: 5px; }
  .contact .page-section .google-map { margin-top: 23px; width: 100%; }
  	.contact .page-section .google-map img { width: 100%; }
  	
  .contact .bottom-section { margin-top: 8px; padding: 0px 19px; }
  	.contact .bottom-section h5 { margin-bottom: 7px; }
  	.contact .bottom-section p { font-size: 12px; }

	.contact form .form-item { width: 98%; }
  .contact form input[type=text] { background-color: #fff; }
  	.contact form input[type=submit] { color: #c4a065; background-color: #fff; font-size: 14px; }
  	.contact form textarea { background-color: #fff; border:none; width: 100%; }
  	
  	
 /* clients */
 .clients header { background-color: #f5f5f5; margin-bottom: 0px; padding-bottom: 145px; }
 .clients .introduction { background-color: #f5f5f5; padding-bottom: 30px; }
 
 	.clients .arkpx-logo { width: 102px; }
		.clients .arkpx-logo img { width: 100%; } 	
		
		.clients .introduction .middle-content { margin-top: 0px; }
		
		.clients .page-sections { background-color: #e3e3e3; }
		
		.clients .page-section h5 { margin-bottom: 16px; font-size: 18px; }
		.clients .page-section p { margin-bottom: 20px; }
		
		.clients .arkpx-portal { height: 600px; width: 100%; }
			.clients .arkpx-portal iframe { border: none; }
		
		
	/* forms */
	.forms .page-sections { background-color: #ececec; }
  	.forms .page-section { padding: 26px 41px 42px 0px; }
  		.forms .page-section h5 { font-size: 16px; margin-bottom: 10px; }
  		.forms .page-section p { font-size: 11px; line-height: 14px; }
  		.forms .page-section .round-button { margin-top: 6px; }
  		
  		.forms .mini-form { clear: both; margin-top: 20px; height: 0px; padding: 0px; background-color: #fff; overflow: hidden; -webkit-transition: 0.6s all; -moz-transition: 0.6s all; transition: 0.6s all; }
  			.forms .mini-form.open { height: 255px; padding: 20px; }

	/* privacy */
	.privacy header { margin-bottom: 0px; padding-bottom: 62px; }
}
	.privacy .introduction { margin-bottom: 0px; padding-bottom: 105px; }


footer { width: 100%; background-color: #b99861; height: 90px; text-align: center; padding-top: 15px; position: relative; }
	footer .fineprint { text-transform: uppercase; font-family: "museo-sans-rounded", Arial, sans-serif; font-size: 12px; color: #d6c5aa; font-size: 11px; }
		footer .fineprint span { padding-right: 10px; border-right: 1px solid #d6c5aa; }
		footer .fineprint a { padding-left: 10px; color: #d6c5aa; text-decoration: none; }
		
	footer .ennis-perry-logo { width: 79px; height: 20px; background-image: url(../img/320/ennis-perry_logo.png); background-size: 79px 20px; margin: 25px auto 0px auto; text-indent: -9999px; }


@media only screen and (min-width: 768px) {
	/* for > 768px width */
	 
	body { min-width: 768px; width: 100%; font-size: 17px; background: rgba(51,51,51,0.95) url(../img/768/page_background.png) top center repeat-x; }
		body.home { font-size: 17px; background: rgba(51,51,51,0.95) url(../img/768/page_background.png) top center repeat-x; }
		
	
	h1 { font-size: 36px; letter-spacing: 0px; }
	h2 { font-size: 28px; line-height: 36px; letter-spacing: 1px; }
		.home h2 { font-size: 31px; line-height: 36px; letter-spacing: 1px; }
	h3 { font-size: 18px; margin: 0; letter-spacing: 0px; line-height: 21px; }
	h4 { font-size: 14px; margin: 0; letter-spacing: 1px; }
	h5 { font-size: 16px; }
	
	.wrapper { background-size: 200% !important; background-repeat: no-repeat; min-height: 100%; margin: 0 auto -46px; }
		.push { height: 46px; }
		.home .push { height: 177px; }
		.home .wrapper { background: url(../img/768/home_background.png); background-size: 100% auto;  margin: 0 auto -177px; }
		.testimonials .wrapper { background: #f5f5f5; }
	
	.content-width { width: 100%; }
	
	a.round-button { padding: 3px 12px; color: #4d4d4d; background-color: #8c8c8c; display: block; text-decoration: none; font-size: 11px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
		a.round-button.white { letter-spacing: 0.5px; width: auto; }
		
	form .form-item { width: 150px; }
	
	.clip-top-lightgrey { 
	
		position: relative;
	}

	.clip-top-lightgrey:before {
	    content: '';
	    position: absolute;
	    top: 0; left: 0;
	    border-top: 55px solid #f5f5f5;
	    border-right: 55px solid white;
	    width: 0;
	}
	
	.clip-top-medgrey { 
	
		position: relative;
	}

	.clip-top-medgrey:before {
	    content: '';
	    position: absolute;
	    top: 0; left: 0;
	    border-top: 55px solid #e8e9e9;
	    border-right: 55px solid #f5f5f5;
	    width: 0;
	}
	
	.clip-top-darkgrey { 
		overflow: hidden;
		position: relative;
	}

	.clip-top-darkgrey:before {
	    content: '';
	    position: absolute;
	    top: 0; right: 0;
	    border-top: 99px solid #e1e2e3;
	    border-left: 99px solid #f5f5f5;
	    width: 0;
	}
	
	div.clip-top-left-darkgrey { 
		background-color: #f5f5f5;
		position: absolute; 
		left: 0px;
		width: 58px;
		margin-top: 95px;
}
div.clip-top-left-darkgrey:before {
    content: '';
    position: absolute;
    top: 0px; left: 0px;
    border-top: 55px solid #e8e9e9;
    border-right: 55px solid #f5f5f5;
    width: 0;
}
	
	header { height: 45px; }
		.home header { height: 173px; }
		.testimonials header { background-color: #fff; margin-bottom: 0px; padding-bottom: 111px; /* 132px; */ }
			.testimonials.cloud header { margin-bottom: 0px; padding-bottom: 141px; }
		header .logo { width: 85px; height: 45px; background: url(../img/768/logo_background_sub.png); background-size: 85px 45px; padding: 8px 0px 0px 9px; }
			.home header .logo { width: 329px; height: 173px; background: url(../img/768/logo_background.png); background-size: 329px 173px; padding: 26px 0px 0px 37px; }
			header .logo .logo-image { width: 30px; height: 29px; background: url(../img/768/lanteri_logo_sub.png); background-size: 30px 29px; }
				.home header .logo .logo-image { width: 92px; height: 124px; background: url(../img/768/lanteri_logo.png); background-size: 92px 124px; }
			
		header nav { width: 173px; height: 45px; float: right; background: url(../img/768/nav_background2.png) top left; background-size: 256px 45px; padding-top: 13px; }
			header nav.open { width: 256px; }
			header nav .show-menu { float: right; padding-left: 0px; padding-right: 27px; padding-top: 0px; font-size: 12px; line-height: 21px; }
			header nav .hide-menu { float: right; padding-left: 0px; padding-right: 27px; padding-top: 0px; font-size: 12px; line-height: 21px; }
			
			header nav > ul { right: -256px; width: 256px; height:100%; background-color: #ccab75; padding-left: 52px; margin-top: 32px; padding-bottom: 40px; z-index: 10; }
				header nav.open .menu > ul { right: 0px; }
				header nav > ul > li { width: 90%; }
					header nav > ul > li.menu-item-has-children { width: 90%; }
						header nav > ul > li.menu-item-has-children.open { width: 90%; }
					header nav ul li a { display: block; height: 38px; width: 100%; line-height: 38px; color: #fff; text-align: right; border-top: 2px solid #e8d9c1; font-size: 13px; } 
							header nav > ul > li > a:hover { color: #d9c29f; }
								header nav ul li a:hover { color: #ddc8a7; }
									
						header nav > ul > li:first-child a { border-top: none; }
							header nav ul li ul { display: none; }
							header nav ul li.open ul { display: block; }
						header nav ul li ul li a { color: #ede3d1; border-top: 1px solid #dbc49f; font-size: 11px;  } 
						
	
	.headline { margin-bottom: 52px; margin-top: 0px; padding: 46px 49px; width: 100%; position: relative; }
		.home .headline { margin-bottom: 48px; margin-top: -103px; padding: 0px 49px; width: 100%; position: absolute; }
		.headline h2 { text-align: right; width: 623px; float: right; letter-spacing: 0.5px; line-height: 35px; }
			.home .headline h2 { text-align: right; width: 490px; float: right; letter-spacing: 0.5px; }
		
	.introduction { margin-bottom: 0px; padding: 0px 0px 51px; }
		.home .introduction { margin-bottom: 35px; padding: 0px 51px; padding-top: 127px; }
		.testimonials .introduction { margin-bottom: -5px; }
		
		.introduction .middle-content { float: left; width: 63%; margin-top: 42px; }
			.testimonials .introduction .middle-content { margin-top: 0px; margin-left: 140px; }
		
		.introduction h1 { font-size: 34px; } /* sub pages */
			.introduction h3 { margin-top: 18px; letter-spacing: 0px; font-size: 15px; margin-bottom: 8px; }
			.home .introduction h3 { margin-bottom: 34px; float: right; width: 519px; font-size: 18px; margin-top: 18px; }  /* home */
			
		.introduction h5 { font-size: 17px; }
		.introduction p { margin-bottom: 2px; line-height: 21px; font-size: 14px; letter-spacing: 0.5px; }
			.home .introduction p { margin-bottom: 10px; line-height: 21px; float: right; width: 515px; font-size: 18px; }
			
			.introduction .middle-content ul { margin-bottom: 37px; }
				.introduction .middle-content ul li { list-style-type: disc; margin-bottom: 2px; margin-left: 15px; font-size: 13px; letter-spacing: 0px; }
	
	.introduction nav { display: block; float: left; width: 177px; margin-left: 23px; margin-top: 99px; }
		.team .introduction nav { width: 171px; margin-left: 12px; }
		.introduction nav ul li { list-style-type: none;  margin-bottom: 8px; width: 100%; overflow: hidden; }
			.introduction nav ul li a { display: block; font-style: italic; border-bottom: 1px solid #c4a065; font-size: 14px; color: #99999b; float: left }
				.introduction nav ul li a:hover { color: #515151; }
	
	.introduction .scroll-icon { float:right; width: 28px; height: 43px; background: url(../img/768/scroll.png) no-repeat; background-size: 28px 43px; margin-right: 50px; margin-top: 49px; }
		.testimonials .introduction .scroll-icon { margin-right: 53px; margin-top: 13px; }
			.testimonials.cloud .introduction .scroll-icon { display: none; }

	
	.testimonials .clip-top-lightgrey:before { top: 35px; }
		
	.content-boxes { margin-bottom: 48px; padding-left: 0.5%; }
		.content-box { width: 24.5%; height: 138px; background-color: #666666; position: relative; float: left; margin-right: 0.5%; }
			.content-box.far-left { }
			.content-box.middle-left { background: transparent url(../img/768/box-clipped-right.png) bottom right no-repeat; background-size: cover; }
			.content-box.middle-right { background: transparent url(../img/768/box-clipped-left.png) bottom left no-repeat; background-size: cover; }
			.content-box.far-right { }
			
			.content-box .title { margin-bottom: 9px; padding: 0px 14px; }
				.content-box .title h4 { text-align: left; }
					.content-box.middle-right .title h4 { text-align: right; }
					.content-box.far-right .title h4 { text-align: right; }
				
			.content-box p { text-align: left; width: 86%; margin: 0 4px 6px 15px; line-height: 14px; font-size: 13px; }
				.content-box.far-right p { text-align: right; }
				.content-box.middle-right p { text-align: right; }
			.content-box .round-button { left: 13px; margin-left: 0px; }
				.content-box.middle-right .round-button { left: auto; right: 14px; }
				.content-box.far-right .round-button { left: auto; right: 14px; }
				
	.page-section { margin-left: 183px; padding: 37px 91px 39px 0px; margin-bottom: 3px; position: relative; }
	.page-sections-alt .page-section{ margin-left: 300px; padding: 0 91px 0 0px; margin-bottom: 0; border: none; }
		.page-section h1 { margin-bottom: 10px; line-height: 38px; }
		.page-section h3 { margin-top: 18px; letter-spacing: 0px; font-size: 15px; margin-bottom: 8px; }
		.page-section h5 { line-height: 20px; }
		.page-section p { font-size: 14px; letter-spacing: 0.5px; line-height: 19px; margin-bottom: 8px; color: #808184; }
		.page-section ul { margin-bottom: 37px; }
			.page-section ul li { list-style-type: disc; margin-bottom: 2px; margin-left: 15px; font-size: 13px; letter-spacing: 0px; }
			.page-section ol li { margin-bottom: 2px; margin-left: 15px; font-size: 13px; letter-spacing: 0px; }
			
		.page-sections .quote { display: block; position: absolute; margin-top: 90px; left: 15px; width: 135px; font-size: 14px; font-style: italic; letter-spacing: 0.5px; } 
		.page-sections.page-sections-alt .quote { width: 240px; margin-top: 50px; }
		.page-sections.page-sections-alt .quote ~ .quote{ margin-top: 18px; }
		.page-section .round-button { margin-top: 12px; }
		
		.testimonials .page-section:last-child { border-bottom: none; margin-bottom: 55px; }
			.testimonials.cloud .page-section:last-child { border-bottom: none; margin-bottom: 0px; }
			.contact .page-section:last-child { margin-bottom: 0px; padding-bottom: 29px; }
			
			.client-list {  margin-top: 16px; margin-bottom: -17px; overflow: hidden; 
				-webkit-column-count:3;
		    -moz-column-count:3;
		    -ms-column-count:3;
		    -o-column-count:3;
		    column-count:3;
		    -webkit-column-gap:15px;
		    -moz-column-gap:15px;
		    -ms-column-gap:15px;
		    -o-column-gap:15px;
		    column-gap:15px;
		    columns:3;
		  }
			ul.col { padding-right: 13px; margin-bottom: 0px;}
				ul.col li { list-style-type: none; font-size: 13px; margin-left: 0px; margin-bottom: 6.5px; line-height: 15px; }
				
	 .bottom-section { margin-left: 162px; margin-bottom: 100px; margin-top: 54px; min-height: 125px; position: relative; }
			.bottom-section form { margin-top: -10px; }
			
			.page-section .bottom-section h1 { font-size: 25px; margin-bottom: 7px; }
			.page-section .bottom-section p { font-size: 12px; width: 84%; line-height: 15px; margin-bottom: 20px; }
	
	 	.bottom-section .clip-lightgrey { width: 100%; padding: 7px 15px 15px 25px; }
	 		.clip-lightgrey h1 { font-size: 25px; margin-bottom: 7px; }
	 	.clip-lightgrey p { margin-bottom: 21px; }
				
	 .back-to-top { bottom: 46px; }
	
	.bottom-boxes { }
		.bottom-box { width: 49.5%; background-color: #4d4d4d; padding-bottom: 12px; }
			.bottom-box .title { margin-bottom: 11px; }
				.bottom-box h4 { text-align: left; padding-left: 24px; line-height: 41px; }
					.bottom-box.left h4 { text-align: right; padding-right: 24px; }
			
			.bottom-box p { text-align: left; margin-bottom: 12px; line-height: 17px; width: 360px; padding-left: 24px; margin-right: 50px; font-size: 15px; }
				.bottom-box.left p { text-align: right; width: 290px; float: right; padding-right: 24px; margin-left: 50px; margin-right: 0px; }
			.bottom-box .round-button { margin: 0 auto; width: 116px; float: left; margin-left: 24px; }
				.bottom-box.left .round-button { float: right; margin-right: 24px; }
				
	
	/* team page */
	
	.team .introduction { height: 336px; }
	
		.team .person .image { width: 160px; overflow:hidden; float: left; margin-right: 24px; }
		.team .person .text { width: 389px; float: left; position: relative; max-height: 163px; min-height: 163px; }
			.team .person .text.open { height: auto; padding-bottom: 37px; max-height: 1000px; }
			.team .person p { width: auto; font-size: 12px; line-height: 16px; }
			.team .person .round-button { position: absolute; bottom: 0px; left: 0px; margin-top: 14px; }
			
	/* seminars page */
	
	.seminars form .form-item { width: 150px; }
	
	/* insights */
	
	.insights .page-section { padding: 46px 0px 42px 0px; }
	.insights .page-sections nav { display: block; float: left; width: 140px; margin-left: 23px; margin-top: 46px; }
		.insights .page-sections nav h5 { font-size: 15px; margin-bottom: 14px; }
		.insights .page-sections nav ul li { list-style-type: none;  margin-bottom: 15px; width: 100%; overflow: hidden; }
			.insights .page-sections nav ul li a { display: block; border-bottom: none; font-size: 14px; color: #c4a065; float: left }
	
	.insights .insight { border-bottom: 1px solid #bababa; padding-bottom: 25px; }
		.insights .insight .image { width: 145px; overflow:hidden; float: left; margin-right: 25px; height: 140px; }
		.insights .insight .text { width: 400px; float: left; position: relative; }
			.insights .insight p { width: auto; font-size: 14px; line-height: 18px; width: 406px; }
			.insights .insight .round-button { margin-top: 14px; }
			
	.insights-detail header { background-color: #f5f5f5; }
		.insights-detail .main-image { width: 290px; }
		
		.insights-detail .clip-top-darkgrey:before { top: 336px; }
		.insights-detail .video-article.clip-top-darkgrey:before { top: 0px; }
		
	/* contact */
	.contact header { background-color: #f5f5f5; padding-bottom: 115px; }
	
		.contact .bottom-section { margin-top: 17px; overflow: hidden; }
		
		 .contact .page-section .google-map { width: 575px; }
	
	.contact form { margin-top: 20px; }
		.contact form .form-item { width: 150px; }
		.contact form .form-item.textarea { clear: both; }
			.contact form textarea { width: 482px; height: 99px; }
			
	/* clients */
	.clients .introduction .middle-content { margin-top: 0px; margin-left: 159px; }
	.clients .clip-top-darkgrey:before {
			border-top: 99px solid #d4d6d7;
	    border-left: 99px solid #e3e3e3;
	} 
	
	/* forms */
	.forms .clip-top-lightgrey:before { top: 15px; }
	.forms .introduction nav { margin-top: 59px; position: relative; margin-left: 12px; margin-right: 11px; }
	.forms .page-section { padding: 18px 41px 42px 0px; }
	
	.forms .introduction .middle-content {  margin-left: 0px }
	
	.forms .mini-form.open { height: 255px; height: 173px; padding: 20px; }
	
	.forms .clip-top-darkgrey:before {
			border-top: 99px solid #d7d8d9;
	    border-left: 99px solid #ececec;
	} 

	/* privacy */
	
	.privacy .introduction { margin-bottom: 0px; padding-bottom: 105px; }
	
	.privacy .clip-top-lightgrey:before { top: 0px; }
	
	.privacy .clip-top-darkgrey { position: absolute; right: 0px; width: 100px; height: 100px; z-index: 10; }
		.privacy .clip-top-darkgrey:before { border-top: 99px solid #e8e9ea; border-left: 99px solid white; }
					
	footer { padding-top: 13px; height: 46px; }
		footer .fineprint { font-size: 8px; float: left; padding-left: 49px; padding-top: 5px; }
			footer .fineprint span { padding-right: 10px; }
			footer .fineprint a { }
			
		footer .ennis-perry-logo { float: right; background-image: url(../img/768/ennis-perry_logo.png); margin: 0px 50px 0px 0px;  }

} /* end media query */

@media only screen and (min-width: 1025px) {
	/* for > 1024px width */
	 
	body { min-width: 1024px; width: 100%; font-size: 17px; background: rgba(51,51,51,0.95) url(../img/1024/page_background.png) top center repeat-x; }
		body.home { font-size: 17px; background: rgba(51,51,51,0.95) url(../img/1024/page_background.png) top center repeat-x; }

	
	h1 { font-size: 40px; }
	h2 { font-size: 33px; line-height: 36px; letter-spacing: -0.5px; }
		.home h2 { font-size: 33px; line-height: 36px; letter-spacing: -0.5px; } 
	h3 { font-size: 18px; margin: 0; letter-spacing: 0px; line-height: 22px; }
	h4 { font-size: 16px; margin: 0; letter-spacing: 1px; }
	
	.wrapper { background-size: 100% auto !important; background-repeat: no-repeat; min-height: 100%; margin: 0 auto -46px; }
		.push { height: 46px; }
		.home .wrapper { background: url(../img/1024/home_background.png); background-size: 100% auto; }
		.testimonials .wrapper { background: #f5f5f5; }
	
	.content-width { width: 1024px; margin: 0 auto; }
	
	a.round-button { padding: 3px 12px; color: #4d4d4d; background-color: #8c8c8c; display: block; text-decoration: none; font-size: 11px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
		a.round-button.white { letter-spacing: 0.5px; width: auto; }
	
	
	header { height: 45px; }
		.home header { height: 174px; }
		.testimonials header { background-color: #fff; margin-bottom: 0px; padding-bottom: 111px; /* 132px; */ }
			.testimonials.cloud header { margin-bottom: 0px; padding-bottom: 141px; } 
		header .logo { width: 86px; height: 45px; background: url(../img/1024/logo_background_sub.png); background-size: 86px 45px; padding: 8px 0px 0px 9px; }
			.home header .logo { width: 329px; height: 174px; background: url(../img/1024/logo_background.png); background-size: 329px 174px; padding: 26px 0px 0px 37px; }
			header .logo .logo-image { width: 30px; height: 29px; background: url(../img/1024/lanteri_logo_sub.png); background-size: 30px 29px; }
				.home header .logo .logo-image { width: 93px; height: 124px; background: url(../img/1024/lanteri_logo.png); background-size: 93px 124px; }
	
		header nav { width: 695px; height: 45px; float: right; background: url(../img/1024/nav_background.png) top left; background-size: 800px 45px; padding-top: 15px; }
			
			header nav .show-menu { display: none; }
			header nav .hide-menu { display: none; }
			
			header nav > ul { width: 100%; right: 0px; background-color: transparent; margin-top: 0px; padding-left: 120px; position: relative; }
				
				header nav > ul > li { width: auto; float: left;margin-right: 22px; }
					header nav > ul > li.menu-item-has-children { width: auto; background-image: none; }
					header nav > ul > li > a { display: block; height: auto; width: 100%; line-height: 15px; color: #fff; text-align: left; border-top: none; font-size: 13px; border-bottom: 1px solid transparent; letter-spacing: 0px; } 
						header nav > ul > li.current-menu-item { margin-right: 22px; }
						header nav > ul > li.current-menu-item > a { font-weight: 600; }
						header nav > ul > li.current-menu-parent > a { font-weight: 600; }
						header nav > ul > li:hover > a { border-bottom: 1px solid #fff; opacity: 1; color: #fff; }
							
						header nav > ul > li:first-child a { }
						
						header nav ul li ul { display:none; margin-top: 14px; width: auto; position:absolute; right: 0px; padding-left: 30px; padding-right: 14px; height: 28px; background: url(../img/1024/sub-nav_background.png) bottom left; background-size: 800px 28px; padding-top: 0px; }
							/*header nav ul li:hover ul { display: block; }*/
								header nav ul li.current-menu-parent ul { display:block; }
								header nav ul li ul li { float: left; margin-right: 14px; }
									header nav ul li ul li a { color: #fff; border-top: none; font-size: 10px; line-height: 26px; height: 21px; letter-spacing: 0px; } 
										header nav ul li ul li.current-menu-item a { border-bottom: 1px solid #fff; }
										header nav ul li ul li:hover a { border-bottom: 1px solid #fff; opacity: 1; color: #fff; }
						
	
	.headline { margin-bottom: 0px; margin-top: 0px; padding: 48px 51px 0px 51px; height: 283px; width: 100%; margin-left: auto; margin-right: auto; }
		.home .headline { margin-bottom: 48px; margin-top: -72px; padding: 0px 53px; width: 1024px; margin-left: auto; margin-right: auto; }

		.headline h2 { text-align: right; width: 707px; float: right; font-size: 32px; line-height: 36px; }
			.home .headline h2 { text-align: right; width: 605px; float: right; }
		
	.introduction { margin-bottom: 0px; padding: 0px 0px 47px; }
		.home .introduction { margin-bottom: 34px; padding: 0px 52px; padding-top: 126px; }
		.testimonials .introduction { margin-bottom: -5px; }
		.introduction h1 { font-size: 35px; margin-bottom: 11px; }
			.introduction h3 { }
			.home .introduction h3 { margin-bottom: 31px; float: right; width: 517px; }
		.introduction p { margin-bottom: 5px; line-height: 20px; float: none; width: auto; font-size: 14px; letter-spacing: 0.5px; }
			.home .introduction p { margin-bottom: 10px; line-height: 22px; float: right; width: 555px; font-size: 18px; letter-spacing: 0px; }
			
			.introduction nav { margin-left: 51px; width: 234px; position: absolute; }
				.team .introduction nav { margin-left: 51px; width: 234px; position: absolute; }
			.introduction .middle-content { width: 571px; margin-top: 35px; margin-left: 285px; float: none; }
				.testimonials .introduction .middle-content { margin-top: 0px; margin-left: 285px; }
			
	.introduction .scroll-icon { float:right; width: 37px; height: 57px; background: url(../img/1024/scroll.png) no-repeat; background-size: 37px 57px; margin-right: 45px; margin-top: 49px; }
		.testimonials .introduction .scroll-icon { margin-right: 53px; margin-top: 13px; }

	
	.testimonials .clip-top-lightgrey:before { top: 35px; }
		.testimonials.cloud .clip-top-lightgrey:before { top: 0px; }
	
	.content-boxes { padding-left: 0px; width: 926px; margin: 0px auto 49px auto; }
		.content-box { width: 228px; height: 138px; background-color: #666666; position: relative; float: left; margin-right: 4px; }
			.content-box:hover { background-color: #4d4d4d; cursor: pointer; }
			.content-box.far-left { }
			.content-box.middle-left { background: transparent url(../img/1024/box-clipped-right.png) bottom right no-repeat; background-size: 456px auto; background-position: 0px 0px; }
				.content-box.middle-left:hover { background-position: -228px 0px; background-color: transparent; }
			.content-box.middle-right { background: transparent url(../img/1024/box-clipped-left.png) bottom left no-repeat; background-size: 456px auto; background-position: 0px 0px; }
				.content-box.middle-right:hover { background-position: -228px 0px; background-color: transparent; }
			.content-box.far-right { margin-right: 0px; }
			
			.content-box .title { margin-bottom: 10px; padding: 0px 13px; height: 38px; }
				.content-box .title h4 { text-align: left; line-height: 37px; }
					.content-box.middle-right .title h4 { text-align: right; }
					.content-box.far-right .title h4 { text-align: right; }
				
			.content-box p { text-align: left; width: 86%; margin: 0 12px 6px 13px; line-height: 15px; font-size: 14px; }
				.content-box.middle-left p { width: 81%; }
				.content-box.far-right p { text-align: right; float:right; width: 81%; }
				.content-box.middle-right p { text-align: right; float:right; width: 92%; }
			.content-box .round-button { left: 11px; margin-left: 0px; }
				.content-box:hover .round-button { background-color: #d2d2d2; }
				.content-box.middle-right .round-button { left: auto; right: 11px; }
				.content-box.far-right .round-button { left: auto; right: 11px; }
	
	.bottom-boxes { position: relative; height: 131px; }
		.bottom-box { width: 50%; background-color: #4d4d4d; padding-bottom: 12px; position: absolute; left: -4px; cursor: pointer; }
			.bottom-box.right { left: auto; right: -2px; }
			.bottom-box:hover { background-color: #3a3a3a; }
			.bottom-box .title { margin-bottom: 11px; }
				
				.bottom-box h4 { text-align: left; padding-left: 24px; line-height: 41px; font-size: 18px; letter-spacing: 0px; }
					.bottom-box:hover .title h4 { color: #fff; }
					.bottom-box.left h4 { text-align: right; padding-right: 24px; }
			
			.bottom-box p { text-align: left; margin-bottom: 12px; line-height: 17px; width: 327px; padding-left: 24px; margin-right: 50px; font-size: 15px; letter-spacing: 0px; }
				.bottom-box.left p { text-align: right; width: 290px; float: right; padding-right: 24px; margin-left: 50px; margin-right: 0px; }
			.bottom-box .round-button { margin: 0 auto; width: 116px; float: left; margin-left: 24px; clear: both; }
				.bottom-box.left .round-button { float: right; margin-right: 24px; }
				
	.page-section { margin-left: 285px; padding: 47px 41px 42px 0px; margin-bottom: 3px; margin-right: 50px; }
		.testimonials .page-section { padding: 46px 41px 42px 0px; }
		.testimonials .page-section:first-child { padding-top: 23px; }
		.page-section h1 { font-size: 36px; margin-bottom: 13px; }
		.page-section p { line-height: 20px; font-size: 14px; letter-spacing: 0.5px; width: 558px; margin-bottom: 4px; }
		
		.page-sections .quote { margin-top: 90px; left: 45px; width: 200px; } 
		.page-sections.page-sections-alt .quote { margin-top: 65px; left: 45px; width: 240px; } 
		.page-sections.page-sections-alt .quote ~ .quote { margin-top: 18px; left: 45px; width: 240px; } 
		
		.client-list { width: 508px; margin-top: 22px; margin-bottom: 12px; overflow: hidden; -webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; -o-column-count: 3; column-count: 3; -webkit-column-gap: 2px; -moz-column-gap: 2px; -ms-column-gap: 2px; -o-column-gap: 2px;  column-gap: 2px; columns: 3; }	
			.client-list-ie { width: 508px; margin-top: 22px; margin-bottom: 12px; overflow: hidden; }	
			.client-list ul.col li { font-size: 15px; margin-bottom: 5.5px; }
			
		.testimonials .page-section:last-child { border-bottom: none; margin-bottom: 55px; }
			.testimonials.cloud .page-section:last-child { border-bottom: none; margin-bottom: 0px; }
			.contact .page-section:last-child { margin-bottom: 0px; padding-bottom: 29px; }
			
	.bottom-section { margin-left: 285px; margin-bottom: 100px; margin-top: 47px; min-height: 125px; position: relative; overflow: visible; }
		.bottom-section .clip-lightgrey { width: 300%; float: none; }
			.bottom-section .clip-lightgrey:hover { background-color: #fafafa; }
				.bottom-section .clip-lightgrey:hover .round-button { background-color: #e6e6e6; }
				.bottom-section .clip-lightgrey:hover:before { border-right: 20px solid #fafafa; }
		.bottom-section .clip-lightgrey p { width: 550px; }

		.page-section .bottom-section p { font-size: 12px; width: 550px; line-height: 15px; margin-bottom: 20px; }
		

	/* insights */
	.insights .page-sections { padding-top: 2px; }
	.insights .page-section { padding: 46px 0px 42px 0px; margin-left: 283px; }
		.insights .page-sections nav { margin-left: 39px; width: 234px; position: absolute; }
		
	.insights-detail header { background-color: #f5f5f5; }
	.insights-detail .page-section:first-child { padding-top: 0px; }
	
	/* team */
	.team .person .text { width: 500px; float: left; position: relative; height: 163px; }
			.team .person p { width: 506px; font-size: 12px; line-height: 16px; }
	
	/* contact */
	.contact header { background-color: #f5f5f5; padding-bottom: 115px; }
		.contact .bottom-section { margin-top: 17px; }
		
	/* clients */
	.clients .introduction .middle-content { margin-left: 285px; }
	
	/* forms */
	.forms .clip-top-lightgrey:before { top: 15px; }
	.forms .page-section { padding: 18px 41px 42px 0px; }
	.forms .introduction nav { margin-left: 51px; }
	
	/* seminars */
	.seminars .bottom-section .clip-lightgrey:before { border-bottom: 20px solid #ececec; }
	
	/* privacy */

	.privacy .introduction { margin-bottom: 0px; padding-bottom: 105px; }
	.privacy .clip-top-lightgrey:before { top: 0px; }
	
			
	footer { padding-top: 13px; height: 46px; }
		footer .fineprint { font-size: 8px; float: left; padding-left: 49px; padding-top: 5px; }
			footer .fineprint:hover { color: #fff; }
			footer .fineprint span { padding-right: 10px; }
			footer .fineprint a { }
				footer .fineprint:hover a { color: #fff; text-decoration: underline; }
			
		footer .ennis-perry-logo { float: right; width: 79px; height: 20px; background: url(../img/1024/ennis-perry_logo.png) top left no-repeat; background-size: 158px 20px; margin: 0px 50px 0px 0px;  }
			footer .ennis-perry-logo:hover { background-position: -79px 0px; }
		
		
		
		
		
@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) { */
		
	
		header .logo { background: url(../img/1024/2x/logo_background_sub.png); background-size: 86px 45px; }
			.home header .logo { background: url(../img/1024/2x/logo_background.png); background-size: 329px 174px; }
			
			header .logo .logo-image { background: url(../img/1024/2x/lanteri_logo_sub.png); background-size: 30px 29px; }
			.home header .logo .logo-image { background: url(../img/1024/2x/lanteri_logo.png); background-size: 93px 124px; }
			
		header nav { background: url(../img/1024/2x/nav_background.png) top left; background-size: 678px 45px; }
		
			header nav ul li ul { background: url(../img/1024/2x/sub-nav_background.png) top left; background-size: 800px 28px; }
			
			.introduction .scroll-icon { background: url(../img/1024/2x/scroll.png) no-repeat; background-size: 37px 57px; }
		
			.content-box.middle-left { background: transparent url(../img/1024/2x/box-clipped-right.png) bottom right no-repeat; background-size: 456px auto; background-position: 0px 0px; }
			.content-box.middle-right { background: transparent url(../img/1024/2x/box-clipped-left.png) bottom left no-repeat; background-size: 456px auto; }
			
		footer .ennis-perry-logo { background: url(../img/1024/2x/ennis-perry_logo.png) top left no-repeat; background-size: 158px 20px; }
			
	}



} /* end media query */

@media only screen and (min-width: 1200px) {
	header nav { width: 800px; height: 45px; float: right; background: url(../img/1024/nav_background.png) top left; background-size: 800px 45px; padding-top: 15px; }
	header nav > ul > li { width: auto; float: left;margin-right: 28px; }
	header nav > ul > li.current-menu-item { margin-right: 32px; }

	header nav ul li ul{ padding-left: 51px; }
	header nav ul li ul li { margin-right: 20px; }
}





/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}



@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}