/*** Reset ***/
* { margin: 0; padding: 0; }
html, body { font-family: Arial, Helvetica, sans-serif; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */
img { margin: 0; padding: 0; border: 0; } /* Firefox/IE img fix */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

.clearfix:before,
.clearfix:after {
  content: ".";    
  display: block;
  height: 0;    
  overflow: hidden;  
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE 6/7 */

::-webkit-input-placeholder { color: #000; }
:-moz-placeholder { color: #000; }
::-moz-placeholder { color: #000; }
:-ms-input-placeholder { color: #000; }


/*** Debugging ***/
#scrollcount { position: fixed; top: 0; left: 0; width: 50px; height: 30px; color: #000; z-index: 9999; font-size: 12px; }
#left-guide { position: fixed; width: 1px; height: 100%; top: 0; left: 50%; margin-left: -480px; z-index: 9999; background: #FF0; }
#right-guide { position: fixed; width: 1px; height: 100%; top: 0; left: 50%; margin-left:480px; z-index: 9999; background: #FF0; }
#iphone-height { position: fixed; width: 100%; height: 10px; top: 646px; border-bottom: 1px solid #00F; color: #00F; z-index: 9999; font-size: 9px; text-align: right; pointer-events: none; }
#ipad-height { position: fixed; width: 100%; height: 10px; top: 636px; border-bottom: 1px solid #F00; color: #F00; z-index: 9999; font-size: 9px; text-align: right; pointer-events: none; }


/*** Fonts ***/
@font-face {
    font-family: 'AkzidenzGroteskCondensed';
    src: url('fonts/akzidenzgroteskbe-cn.eot');
    src: url('fonts/akzidenzgroteskbe-cn.eot') format('embedded-opentype'),
         url('fonts/akzidenzgroteskbe-cn.woff') format('woff'),
         url('fonts/akzidenzgroteskbe-cn.ttf') format('truetype'),
         url('fonts/akzidenzgroteskbe-cn.svg#AkzidenzGroteskCondensed') format('svg');
}
@font-face {
    font-family: 'AkzidenzGroteskBoldCondensed';
    src: url('fonts/akzidenzgroteskbe-boldcn.eot');
    src: url('fonts/akzidenzgroteskbe-boldcn.eot') format('embedded-opentype'),
         url('fonts/akzidenzgroteskbe-boldcn.woff') format('woff'),
         url('fonts/akzidenzgroteskbe-boldcn.ttf') format('truetype'),
         url('fonts/akzidenzgroteskbe-boldcn.svg#AkzidenzGroteskBoldCondensed') format('svg');
}

@font-face {
    font-family: 'AkzidenzGroteskBQLightCondensed';
    src: url('fonts/akzidenz_grotesk_bq_light_condensed.eot');
    src: url('fonts/akzidenz_grotesk_bq_light_condensed.eot') format('embedded-opentype'),
         url('fonts/akzidenz_grotesk_bq_light_condensed.woff') format('woff'),
         url('fonts/akzidenz_grotesk_bq_light_condensed.ttf') format('truetype'),
         url('fonts/akzidenz_grotesk_bq_light_condensed.svg#AkzidenzGroteskBQLightCondensed') format('svg');
}


/*** General Page Styles ***/
.skrollable { position:fixed; z-index:10; }
.skrollable .skrollable { position:absolute; }
/* .skrollable .skrollable .skrollable { position:static; } */

#skrollr-body { min-width: 1px; width: 100%; height: 100%; position: absolute; z-index: 0; top: 0px; }
#content { height: 100%; }

body { min-width: 940px; overflow-x:hidden; color: #000; font-family: 'AkzidenzGroteskBQLightCondensed', Arial, sans-serif; font-size: 20px; line-height: 1; -webkit-text-size-adjust: 100%; /* font-family: 'AkzidenzGroteskCondensed'\0/; */}

h1, h2, h3, h4 { font-family: 'AkzidenzGroteskCondensed', Arial, sans-serif; /* font-family: 'AkzidenzGroteskBQLightCondensed', Arial, sans-serif; */ font-weight: normal; margin: 0 0 0.5em; line-height: 1; }

h2 { font-size: 70px; }

strong, b { font-weight: normal; font-family: 'AkzidenzGroteskBoldCondensed', Arial, sans serif; }

strong.medium { font-weight: bold; font-family: 'AkzidenzGroteskCondensed', Arial, sans serif; }

/* h1 strong, h2 strong, h3 strong { font-family: 'AkzidenzGroteskCondensed'; } */

a { text-decoration: none; color: #000; }
section a:hover { text-decoration: underline; }
.page-counterfeit-policy section a { text-decoration: underline; }
.page-counterfeit-policy section a:hover { text-decoration: none; }

.inner { position: relative; width: 960px; margin: 0 auto; }

header { width: 100%; min-width: 980px; height: 100px; position: fixed; left: 0; top:0; background: #FFF; z-index: 100; border-bottom: 1px solid #000; }
#logo { float: left; width: 130px; padding-top: 30px; padding-left: 15px; }
#logo img { width: 100%; height: auto; }
nav { float: right; margin: 38px 12px 0 0; font-family: 'AkzidenzGroteskBoldCondensed', Arial, sans-serif; font-size: 18px; }
nav ul { list-style: none; }
nav ul li { float: left; display: table; border-left: 1px solid #CCC; height: 40px; }
nav ul li:first-child, nav ul li:last-child { border-left: none; }
nav ul li a { display: block; display: table-cell; vertical-align: middle; padding: 3px 15px; line-height: 1; color: #777; text-decoration: none; text-align: center; -webkit-transition:  all 0.5s; -moz-transition:  all 0.5s; transition:  all 0.5s; }
nav ul li:last-child a { }
nav ul li a:hover { color: #000; }
nav ul li.selected a { color: #000; }



#nav-contact2 a { display: block; background: #000; color: #FFF; margin-top: -40px; padding-top:23px; height:76px; margin-right:-12px;  }
#nav-contact2 a span { display: block; font-size: 22px; margin: 2px 0 -2px; }
#nav-contact2 a:hover { background: #777; }

.page-home #nav-about a { color: #000; }
.page-the-benefits #nav-the-benefits a { color: #000; }
.page-video #nav-video a { color: #000; }
.page-the-janger-family #nav-the-janger-family a { color: #000; }
.page-janger-worldwide #nav-gallery-videos a { color: #000; }
.page-counterfeit-policy #nav-counterfeit-policy a { color: #000; }
.page-studio-janger #nav-studio-janger a { color: #000; }


/*** Contact ***/


#contact { width: 100%; height: 150px; position: fixed; left: 0; top: 100px; display: none; background: #000; z-index: 999; }

#contact-info { width: 350px; float: left; color: #FFF; padding-top: 10px; font-size: 30px; }
#contact-info h3 { margin: 0 0 0.2em; }
#contact-info a { color: #FFF; }
#contact-info a:hover { color: #CCC; }
span.grey { color:#999;}
p.contact_details h2 {font-size:35px;}
p.contact_details {text-align:center; font-size:33px;}

#sample-form { width: 590px; margin: 5px; padding: 5px; background: #FFF; margin-left:auto; margin-right:auto; }
#sample-form h3 { margin: 0 0 40px 0.2em; text-align: center; }
.name, .surname, .tel, .company, .position, .postcode { width: 280px; float: left; border: 1px solid #777; padding: 5px; margin: 0 0 5px; color: #000; }
.name, .company, .postcode { margin-right: 5px; }

.email { width: 577px; clear: both; border: 1px solid #777; padding: 5px; margin: 0 0 5px 0px; color: #000; }
section p.email-label { font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom: 20px; }
.address { width: 577px; clear: both; border: 1px solid #777; padding: 5px; margin: 0 0 5px; color: #000; }
.hear { width: 577px; clear: both; border: 1px solid #777; padding: 5px; margin: 0 0 35px 0px; color: #000; }

.checkboxes { width: 100%; float: left; height:auto; margin-top:20px; }
input#check { border-radius:0px!important; border:#999 1px solid!important; -webkit-appearance: none; width:20px; height:20px; float:left; margin-right:10px;}
input#check:checked {
	background-color: #777;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);

}

.checkboxes input {width:20px; height:20px; float:left; margin-right:10px;}
.checkboxes label { width:50%; height:203px; float:left; margin-bottom:40px;}
.contact_image { width:59px; height:203px; margin-right:20px; float:left; }
.contact_text { width:150px; height:203px; float:left; }
.contact_text h2 { font-size:30px!important; text-align:left!important; margin-bottom:5px;}

label { font-size: 20px; }
label input { margin-right: 5px; }
.janger-sample { display: block; float: left;  }
.terms { display: block; clear: both; width: 220px; font-size:15px; float:left; }
.terms a { text-decoration: underline; }

.submit { width: 350px; float: right; background: #000; border: none; border-radius: 10px; padding: 5px 10px; margin: 1px 0 0; color: #FFF; cursor: pointer; font-family: 'AkzidenzGroteskBoldCondensed', Arial, sans-serif; font-size: 20px; line-height:20px; }

#message_post { clear: both; padding-top: 5px; margin-left: -5px; }
.errorMessage{color: #fff; background-color: #ce0c0c; margin: 10px 0; padding: 5px; text-align: center; }
.successMessage{color: #fff;background-color: green; margin: 10px 0; padding: 5px; text-align: center; }

#contact-details { background: #000; padding: 20px 0; color: #FFF; }
#contact-details p { margin: 0.5em 0; }



/*** Page elements ***/

#white-mask { position: absolute; width: 100%; height: 1000px; top: 1000px; background: #FFF; z-index: 1000; }

#bg-1, #snappy-way, #white-box, #bg-2, #bg-2b, #strapline, #bg-3, #best-idea, #bg-4, #bg-5, #original, #strong, #the-benefits h2, #benefits-txt-1, #benefits-txt-2, #bg-6, #versatile-way, #hanging-methods, #bg-7, #bg-8, #product-range-btn, #janger-men, #janger-women, #bg-9, #customise, #colours-1, #colours-2, #colours-3, #custom-logo, #custom-text { cursor: pointer; }

.page-home section, .page-the-benefits section {
	z-index: 50;
	width: 100%;
	min-width: 980px;
	height: 1000px;
	overflow: hidden;
	-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); /* enable hardware acceleration */
}
.bg { overflow: hidden; width: 100%; max-width: 100%; }
.bg img { width: 100%; height: auto; min-width: 1200px; max-width: 100%; }

/*===== About =====*/
#about { 
	position: relative; 
  height: 100%;
	/* background: url(images/janger-bg-01.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover; */
	}

#bg-1 { height: 100%; }	
#bg-1 img { display: block; }

#snappy-way { position: absolute; bottom: 100px; color: #FFF; font-size: 80px; width: 100%; text-align: center; }

#down-btn { width: 100%; top: 550px; text-align: center; }
#down-btn a { color: #FFF; font-weight:bold; font-size:20px; }
#down-btn img { width: 80px; height: auto; display: block; margin: 0 auto 10px; }

#strapline { right: 20px; }
#strapline-2 { display: none; }

#white-box { width: 100%; height: 100%; padding: 50px 0; background: #FFF; font-size: 50px; line-height: 1.1; text-align: center; z-index: 11; }
#white-box p { margin: 1em 0; }
#white-box p:first-child { }

#black-box { width: 100%; padding: 150px 0 60px; background: #000; z-index: 100; }
#black-box .white-block { width: 286px; float: left; background: #FFF; border-radius: 0 0 0 40px; margin-left: 21px; padding: 5px 10px 15px; text-align: right; }
#black-box .white-block:first-child { margin-left: 0; }
#black-box .white-block h3 { font-size: 30px; margin: 0 0 0.1em; }
#black-box .white-block p { font-size: 20px; line-height: 1.1; }

#bg-2 { }

#bg-3 { border-bottom: 2px solid #FFF; }
#best-idea { font-size: 80px; width: 100%; text-align: center; }

#bg-4 { z-index: 1; }

#original { left: 50%; margin-left: -470px; font-size: 50px; text-align: left; }
#original p { margin: 0 0 1em; }
#strong { right: 50%; margin-right: -470px; font-size: 50px; text-align: right; }


/*===== How it works =====*/
#how-it-works {
	background: #000;
}
#how-it-works h2 { font-size: 50px; color: #FFF; text-align: center; padding: 120px 0 20px; margin: 0; }

#stop-motion { position: relative; width: 60%; /* height: 480px; */ margin: 0 20%; background: #FFF; }
#stop-motion .slide { position: absolute; top: 0; left: 0; width: 100%; height: 200px; }
#stop-motion #play-btn { display: none; position: absolute; z-index: 1000; cursor: pointer; }
#stop-motion img { display: block; width: 100%; height: auto; }


/*===== The Benefits =====*/
#the-benefits { width: 100%; padding: 0 0 200px; background: #FFF; text-align: center; }
#the-benefits h2 { padding-top: 120px; padding-bottom: 20px; background: #FFF; position: relative; z-index: 11; }
#the-benefits p { margin: 1em 0; font-size: 40px; }
#the-benefits ul { margin: 0; font-size: 35px; list-style: none; }
#the-benefits ul li { position: relative; display: block; padding: 0.7em 0; }
#the-benefits ul li span { position: absolute; top: 0px; left: 50%; margin-left: -100px; width: 200px; height: 2px; background: #000; }
#the-benefits ul li:first-child { }
#benefits-txt { width: 100%; }

#bg-6 { z-index: 12; }
#versatile-way { font-size: 50px; width: 100%; text-align: center; z-index: 1000; z-index: 16; }
#hanging-methods { width: 100%; font-size: 26px; z-index: 16; text-align: center; }
.folded { float: left; width: 50%; padding-left: 5%; }
.loop { float: right; width: 40%; text-align: left; }

#bg-7 { z-index: 14; }
#bg-8 { z-index: 15; }


/*===== Product Range ===== */
#product-range { width: 100%; padding: 0 0 200px; background: #FFF; text-align: center; z-index: 16; }
#product-range h2 { padding-top: 120px; padding-bottom: 20px; margin: 0; background: #FFF; /* position: relative; z-index: 11; */ }

#janger-men { position: absolute; width: 40%; left: 10%; text-align: center; font-size: 40px; }
#janger-men h3 { font-size: 50px; margin: 0 0 0.1em; }
#janger-men p { line-height: 1; margin: 0 0 0.4em; }

#janger-women { position: absolute; width: 40%; right: 10%; text-align: center; font-size: 40px; }
#janger-women h3 { font-size: 50px; margin: 0 0 0.1em; }
#janger-women p { line-height: 1; margin: 0 0 0.4em; }

#sample-btn { position: absolute; width: 250px; left: 50%; margin-left: -125px; border: 2px solid #000; border-radius: 15px; padding: 5px; cursor: pointer; }
#sample-btn div { background: #000; border-radius: 10px; padding: 5px 0; font-size: 40px; line-height: 1; text-align: center; color: #FFF; }

#bg-9 { padding-top: 175px; }

#customise { width: 100%; height: 100%; background: #FFF; }

.colours { width: 100%; height: 100px; }
.colours img { width: 100%; }

#colours-1 { width: 100%; height: 30%; background: url(images/janger-colours-1-bg.gif) no-repeat center top; }
#colours-2 { width: 100%; height: 30%; background: url(images/janger-colours-2-bg.gif) no-repeat center top; }
#colours-3 { width: 100%; height: 30%; background: url(images/janger-colours-3-bg.gif) no-repeat center top; }

#custom-logo { position: absolute; width: 100px; left: 50%; margin-left: -50px; text-align: center; }
#custom-logo img { height: 285px; width: auto; }

#custom-text { width: 100%; background: #FFF; font-size: 40px; line-height: 1; text-align: center; overflow: hidden; }
#custom-text p { margin: 0.5em 0 0.5em; }

#top-btn { width: 100%; background: #FFF; text-align: center; }
#top-btn img { width: 80px; height: auto; margin: 80px 0; }


/* =====================*/
/* NEW individual pages */
/* =====================*/

.section { clear: both; font-size: 28px; min-width: 1200px; height: auto; }
.section h2 { text-align: center; }
.section h3 { font-size: 45px; margin: 0 0 0.3em; }
.section p { margin: 0 0 0.5em; }

#request-sample { height: 100%; }
.sample-btn { display: block; z-index: 200; width: 100%; height: 200px; background: #000; color: #FFF; font-size: 50px; line-height: 200px; text-transform: uppercase; text-align: center; }

.janger-bespoke { width: 100%; padding: 40px 0; background: #000; color: #FFF; font-size: 34px; text-align: center; }
.janger-bespoke p { margin-bottom: 0.5em; }


/* Janger Solutions */

.solutions-txt { width: 960px; margin: 30px auto 0; }
.solutions-nav { list-style: none; width: 1200px; margin: 0 auto; }
.solutions-nav li { border-top: 1px solid #CCC; padding: 20px 0; }
.solutions-nav img { width: 100%; height: auto; }
.solutions-nav a:hover { opacity: 0.5; }

.family { margin-top: 120px; }

#janger-group, #janger-slimline, #janger-dogtag, #janger-drop { display: block; width: 100%; height: auto; }
.janger-type { width: 25%; float: left; margin: 0 0 20px; cursor: pointer; 
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.janger-type:hover { opacity: 0.5; text-decoration: none; }
.janger-type .janger-img { display: block; width: 100%; height: auto; margin-bottom: 20px; }
.janger-type .janger-icon { float: left; width: 70px; height: auto; margin: 0 10px; }
.janger-type p { margin-right: 20px; }

.creative { /* background: #F2F2F2; */ text-align: center; margin-top: 50px; }
.creative h2 { margin: 0 0 0.3em; padding-top: 0.5em; }

#jangers-multicolour { display: block; max-width: 960px; width: 100%; height: auto; margin: 60px auto 70px; }

.innovative { text-align: center; }
.innovative h2 { margin: 0.3em 0 0.3em; }
#janger-slimline { }

.cool { text-align: center; margin-top: 70px; }
.cool h2 { margin: 0.3em 0 0.3em; }
#janger-dogtag { margin-top: 30px; }

.space-saving { text-align: center; margin-top: 70px; }
.space-saving h2 { margin: 0.3em 0 0.3em; }
#janger-drop { margin-top: 30px; }


/* Janger Solutions sub-pages */

section.solutions { position: relative; padding-top: 100px; }
section.drop { padding-top: 0; }
section.solutions .inner { position: absolute; z-index: 10; top: 0; width: auto; margin: 0; padding-left: 5%;  }
section.solutions .logo-janger { margin: 130px 0 20px; width: 270px; height: auto; }
section.solutions .inner2 { padding-left: 5%; margin: 30px 0 0; }
section.solutions h2 { text-align: left; font-size: 46px;  margin-top: 130px; margin-left: 85px; font-family: 'AkzidenzGroteskBQLightCondensed';  }
section.solutions h2 strong { font-weight:normal; font-family: 'AkzidenzGroteskCondensed'; }
section.solutions .inner p, section.solutions .inner2 p { font-size:27px; letter-spacing:1px; line-height:30px; margin-left: 85px; }
section.solutions .inner p strong, section.solutions .inner2 p strong { font-weight:normal; font-family: 'AkzidenzGroteskCondensed'; font-size:27px; }
section.drop h2 { margin-top: 30px; }
#img-spacer { position: absolute; z-index: 1; width: 100%; top: 0; }
#janger-solutions-img { width: 100%; display: block; min-height: 200px; padding:0; }
#janger-original-img { width: 100%; min-width: 1200px; max-width: 1300px; height: auto; }
#janger-junior-img { display: block; width: 100%; min-width: 1200px; max-width: 1300px; height: auto; }
#janger-dogtag-img { width: 100%; min-width: 1200px; max-width: 1300px; height: auto; }
#janger-dogtag-brands-img { width: 100%; height: auto; }
#janger-drop-img { display: block; width: 100%; min-width: 1200px; height: auto; }
#janger-branding-options-img { width: 100%; height: auto; margin-top: 30px; }
#janger-sizes-img { width: 100%; height: auto; margin-top: 30px; }

section.solutions .inner a { padding-left: 85px; display: block; margin-bottom: 0.5em; }
#play-icon { width: 100px; height: 100px; margin: 15px 0 0; }

.page-child .family { margin-top: 70px; }
.page-child .family h2 { display: none; }

/* section.solutions img { opacity: 0; } */

#janger-360 { display: block; width: 400px; height: 640px; position: absolute; top: 70px; left: 750px; z-index: 10; }
#janger-360-gif { display: none; width: 400px; height: 640px; position: absolute; top: 70px; left: 750px; z-index: 10; }

.touch #janger-360, .no-video #janger-360 { display: none; }
.touch #janger-360-gif, .no-video #janger-360-gif { display: block; }


/* Gallery */

.gallery { margin-top: 120px; }
.gallery h3 { font-family: 'AkzidenzGroteskBQLightCondensed', Arial, sans-serif; font-size: 40px; text-align: center; line-height: 0.9; margin-bottom: 1em; }
.gallery h3 span { font-size: 33px; }

.gallery-item { width: 50%; float: left; background: #F2F2F2; border-collapse: collapse; }
.gallery-item td { width: 50%; text-align: center; }
.gallery-item img { width: 100%; height: auto; display: block; }
.gallery-txt { font-size: 32px; /* font-size: 5vw; */ }
.gallery-txt p { padding: 0 20px; }
.gallery_large p { }
.gallery_right { text-align:right!important; }
.gallery_right p { padding: 15px 15px 15px 20%; }

/* #gallery-item-3 img, #gallery-item-4 img, #gallery-item-7 img, #gallery-item-8 img { float: right; } */
#gallery-item-3, #gallery-item-4, #gallery-item-7, #gallery-item-8 { background: #000; color: #FFF; }

#janger-map { position: relative; }
#janger-worldwide { display: block; width: 100%; height: auto; margin: 50px auto; }
#janger-worldwide-locations { position: absolute; top: 0px; left: 0; width: 100%; height: auto; }

.video-1 { margin: 70px 0; }
.video-2 { margin: 40px 0 70px; }
/* .video a { display: block; width: 50%; margin: 0 auto; } */
/* .video img { width: 100%; display: block; } */


/* janger Story */

/* .page-janger-story .studio-janger-gallery .slide { box-sizing: border-box; border-left: 100px solid #FFF; border-right: 100px solid #FFF; } */

.page-janger-worldwide .logo-janger-story { display: block; width: 1100px; margin: 44px 0 50px 50px }


/* Counterfeit Policy */

.page-counterfeit-policy section { margin: 120px auto 100px; font-size: 18px; max-width: 840px; min-width: 840px; }
.page-counterfeit-policy section h2 { font-size: 44px; text-align: left; }

.page-contact section { margin: 120px auto 50px; font-size: 18px; max-width: 840px; min-width: 840px; }
.page-contact section h2 { font-size: 70px; text-align: center; }

section p.disclaimer { font-size: 17px; line-height: 1.0; }
.page-studio-janger section p.disclaimer { margin-bottom: 20px; }
.disclaimer span { font-size: 18px; font-weight: bold; }


/* New homepage */
/* #bg-gallery { height: 1000px; } */
#bg-gallery { -webkit-backface-visibility: hidden; } /* iPad 1 fix for image fade flicker */

.studio-janger-gallery { width: 100%; height: auto; }
.studio-janger-gallery .slide { width: 100%; height: auto; min-width: 1200px; max-width: 100%; }
.gallery-spacer { width: 100%; height: auto; }
.text-slide { width: 800px; margin: 10% auto 0; font-size: 32px; }

.gallery-arrow { position: absolute; top: 50%; margin-top: -20px; width: 30px; height: 30px; z-index: 100; }
#arrow-left { left: 50px; cursor: pointer; }
#arrow-right { right: 50px; cursor: pointer; }


/* Video */

.vimeoFrame { position: relative; width: 800px; height: 450px; margin:50px auto 0; }
#video-thumb { display: block; position: absolute; }
.vimeoFrame .vimeoXtra { /* margin-top:-100px; */ }


/*===== Media Queries =====*/

/* @media (min-width: 1000px) {

  section.solutions h2 { font-size: 50px; font-family: 'AkzidenzGroteskBQLightCondensed';  }
  section.solutions p { font-size: 25px; }

}
@media all and (max-width: 1000px) and (min-width: 700px) {
	section.solutions h2 { font-size: 46px;}
	section.solutions p { font-size: 23px; line-height:25px;}
	
}

@media only screen and (min-device-width : 320px) and (max-device-width: 568px) {

  section.solutions h2 { font-size: 40px;  font-family: 'AkzidenzGroteskBQLightCondensed'; }
  section.solutions p { font-size: 21px; }

} */

h1.home_title { font-family:AkzidenzGroteskCondensed; color:#fff; font-size:85px; font-weight:bold;}
 span.home_title { font-size:205px;}