/*
Name: Neue
Version: 1.4
Author: Aether Themes
Author URI: http://www.aetherthemes.com
*/


/* =Table of Contents
--------------------------------------------------------------
	=Common Styles
	=Typography
	=Notifications
	=Anchors
	=Header
	=Hero
	=Overview
	=Static
	=Detail

	=Responsive
*/


/* =Common Styles
-------------------------------------------------------------- */



body { 
	background: #fff;
	color: #555;
	font: normal 15px "Roboto", arial, sans-serif;
	font-weight: 300;
	overflow-x: hidden;

}


hr {
	color: #555;
	width:100%;
}



#logo{
	padding-top: 10px;
}

.small-border {
	display: block;
	width: 150px;
	margin: 0 auto;
	height: 1px;
	background: #ececec;
}

::selection {
	background: #013e7f;
	color: #fff; 
}

::-moz-selection { 
	background: #013e7f;
	color: #fff; 
}

/* =Typography
-------------------------------------------------------------- */
	
p {
	color: #666;
	line-height: 1.8em;
	margin: 0 0 08px;
	font-size: 15px;
}

p b {
	font-weight: 400;
}

ul.listblock  { list-style-type: circle;
		line-height: 2.0em;
		font-size: 16px;
}

em {
	font-style: italic;
}

strong {
	font-weight: 400;
}

h1,h2,h3,h4,h5,h6 {
	color: #2782BB;
	font-style: normal;
	font-weight: 300;
	line-height: 1.17em;
	margin: 0 0 20px;
}



h1 {
	font-size: 2.4em;
}

h2 {
	font-size: 2.4em;
}

h3 {
	font-size:  1.05em;;
	font-weight: 500;
	clear: both;
	padding-bottom: 1px;
	margin: 0 0 12px;
}

h3.sub-heading {
	font-size: 1em;
	font-weight: 400;
	color:#5C5C5C;
	clear: both;
	padding-bottom: 10px;
}


h4 {
	font-size: 1em;
	font-weight: 500;
	margin-top: 15px;
	margin-bottom: 7px;	
}

h5 {
	font-size: 1.1em;
	font-weight: 400;
	color: #555;
	margin-bottom: 7px;
}

h6 {
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: 300;
}




/* =Section Positions hacks
-------------------------------------------------------------- */

#section0{ margin-top:-110px; position: fixed}


#section1{

}

#section2{

}

#section3{

}

#section4{

}

/* =Notifications
-------------------------------------------------------------- */

.notification.columns {
	display: none;
	position: relative;
	width: 100%;
	margin-bottom: 20px;
	padding: 10px 18px;
	text-align: left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.notification p {
	float: left;
	padding: 0;
	margin: 0;
}

.notification.success { 
	border: 1px solid #b3dc82; 
}

.notification.success p { 
	color: #5f9025; 
}

.notification.error { 
	border: 1px solid #fbc4c4; 
}

.notification.error p { 
	color: #de5959; 
}

.notification .close {
	float: right;
	text-indent: -999em;
	width: 9px;
	height: 9px;
	margin-top: 10px;
}

.notification.success .close { 
	background: url(../images/icons/close-success.png) no-repeat; 
}

.notification.error .close { 
	background: url(../images/icons/close-error.png) no-repeat; 
}

/* =Anchors
-------------------------------------------------------------- */

a {
	color: #2782BB;
	cursor: pointer;
	text-decoration: none;
	-moz-transition:color .2s;
	-o-transition:color .2s;
	-webkit-transition:color .2s;
	transition:color .2s;
}

a:hover { 
	color: #0072e6; 
}

a.button {
	display: inline-block;
	font-size: 1.5em;
}

a.button i { 
	display: inline-block; 
	margin-left: 10px; 
	width: 30px; 
	height: 30px; 
	margin-bottom: -8px; 
}

a.button.small {
	font-size: 12px;
	font-weight: 400;
}

a.button.small i { 
	margin-left: 5px; 
	width: 15px; 
	height: 15px; 
	margin-bottom: -4px; 
}

a.button i.go { background: url('../images/icons/go.png') no-repeat top center; }
a.button i.go.small { background: url('../images/icons/go-small.png') no-repeat top center;}
a.button i.grid { background: url('../images/icons/gallery.png') no-repeat top center; }
a.button i.more { background: url('../images/icons/more.png') no-repeat top center; }
a.button i.top { background: url('../images/icons/top.png') no-repeat top center; }
a.button:hover i, a.button.small:hover i { background-position: bottom; }


/* =Header
-------------------------------------------------------------- */

header {
	position: fixed;
	height: 110px;
	top: 0px;
	right: 0%;
	left: 0%;
	margin: 0% auto;
	z-index: 300;
	width: 1280px;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 1);
	min-height: 80px;
	line-height: 80px;
	box-shadow: 0 0 4px rgba(0, 0, 0, .2);
	border: 1px solid #ccc;
	border-left: 7px solid #2782BB;
}

html.ie header { border-bottom: 1px solid #aeaeea; }

nav ul { float: right; }

nav ul li {
	float: left;
	margin-right: 40px;
}

nav ul li:last-of-type { margin-right: 0px; }
nav ul li a { color: #777; }
nav ul li a:hover { color: #2782BB; -webkit-transition: .7s all; -moz-transition: .7s all; transition: .7s all; } 
nav ul li a.current { color: #2782BB; font-weight: 400;-webkit-transition: .7s all; -moz-transition: .7s all; transition: .7s all; }





/* =Hero
-------------------------------------------------------------- */
	
.hero { 
	background: url('../images/Cheesecake-price-label-shot.jpg') no-repeat top right;
	margin-top:0px;
	height:400px;
	width:1280px;
	background-color:#cccccc;
}

.action {
	background: #fff;
	background: -webkit-linear-gradient(top, rgba(255,255,255,.8) 0%, rgba(255,255,255,1) 45%);
	background: -moz-linear-gradient(top, rgba(255,255,255,.8) 0%, rgba(255,255,255,1) 45%);
	background: linear-gradient(top, rgba(255,255,255,.8) 0%, rgba(255,255,255,1) 45%);
	margin-top: 220px;
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
	border-bottom: 1px solid #ececec;
}

.action li {
	display: inline-block;
	margin-right: 50px;
}

.action li:last-of-type {
	margin-right: 0px;
}

.hero-header {
	background: rgba(255, 255, 255, 0.8);
	color: #2782BB;
	line-height: 1.4em;
	padding: 5px 20px;
	padding-bottom: 10px;
	top: 290px;
	left: 160px;
	position: relative;
	text-decoration: none;
	border-left: 7px solid #2782BB;w
	font-weight: normal;
	font-size: 2.5em;
	width: 840px;
	height: 70px;
	box-sizing: border-box;
	font-weight: 300;
}


/* =Overview
-------------------------------------------------------------- */

.overview { text-align: center; padding-top: 40px; padding-bottom: 40px;  border-top: 1px solid #ececec }
.content-box img { margin-bottom: 10px; }
.overview p {
	font-size: 15px;
	padding: 0px 5px;
}



/* =Icons
-------------------------------------------------------------- */
.icons { text-align: center; padding-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #ececec; border-top: 1px solid #ececec; height:282px;}
.icons p {
	font-size: 15px;
}


/* =Static
-------------------------------------------------------------- */

.static { 
	position: relative;
	overflow: hidden;
	padding-top: 80px;
	height: 580px;
	border-bottom: 1px solid #ccc;
}

.static-spacing { 
	position: relative;
	overflow: hidden;
	height: 100px;
}

.static-top { 
	position: relative;
	overflow: hidden;
	padding-top: 20px;
	height: 520px;
	text-align: center;

}

.static-trial { 
	position: relative;
	overflow: hidden;
	padding-top: 80px;
	height: 450px;
	background: #fff;
}

.static-adds { 
	position: relative;
	overflow: hidden;
	padding-top: 80px;
	height: 500px;
	background: #fff;
}

.static-trial-dark { 
	position: relative;
	overflow: hidden;
	padding-top: 60px;
	height: 320px;
	background-color: #444;
	background: -webkit-linear-gradient(left, rgba(68, 68, 68, 0.7) 50%, rgba(51, 51, 51, 0.78) 100%);

}

.static-trial-dark  h2{
	color: #fff;
}

.static-trial-dark  p{
	color: #fcfcfc;
}




.static-specs { 
	position: relative;
	overflow: hidden;
	padding-top: 80px;
	height: 700px;
	border-bottom: 1px solid #ececec;
}

.static-last { 
	position: relative;
	overflow: hidden;
	padding-top: 80px;
	height: 600px;
}

.sidephone-big, .sidephone-small {
	position: absolute;
/* sticks images to bottom of section 
bottom: 0;
*/
	left: 185px;
	width: 220px;
	height: 380px;
}

.static-list li {
	float: left;
	margin-right: 15px;
}

.static-list li:last-of-type { margin-right: 0px; }

.static-phone {
	position: absolute;
	width:220px;
	bottom: -483px;
	right: 200px;	
	
}
.static-tablet {
	position: absolute;
	bottom: 0;
	right: 50px;
	bottom: 120px;
	width:230px;
}



.static-middle {
	position: absolute;
	bottom: -40px;
	right: 200px;
	z-index: 90;
}

.small-left {
	position: absolute;
	bottom: -293px;
	right: 120px;	
	z-index: 200;
}

.small-right {
	position: absolute;
	bottom: -293px;
	right: -25px;	
	z-index: 100;
}




/* =contact forms
-------------------------------------------------------------- */
.contact-forms {
	padding-top: 80px;
	padding-bottom: 80px;

}

/* =page shadow hack
-------------------------------------------------------------- */
.drop-container{
	width:1280px; 
	margin: 0 auto; 
	margin-top: 110px; 
	box-shadow: 0 2px 7px rgba(0,0,0,0.2);  
}





/* =Aside
-------------------------------------------------------------- */
.aside{
	
	padding: 20px;
	height: 700px;
	background-color: #009ddc;
}

aside p {
	font-size: 0.8em;

}

/* =Compatabiltiy section
-------------------------------------------------------------- */
.static-compatibility { 
	position: relative;
	overflow: hidden;
	padding-top: 80px;
	height: 580px;
	width:960px;
	
}

/* =delivery section
-------------------------------------------------------------- */
.static-delivery { 
	position: relative;
	overflow: hidden;
	padding-top: 80px;
	height: 500px;
	background: -webkit-linear-gradient(left, #F5F5F5, #fff);
	width:100%;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	
}

/* =delivery section
-------------------------------------------------------------- */
.static-security { 
	position: relative;
	overflow: hidden;
	padding-top: 80px;
	height: 580px;
	width:100%;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	background: -webkit-linear-gradient(right, #F5F5F5, #fff);
	
}




/* =Subscribe
-------------------------------------------------------------- */

.subscribe {
	border-top: 1px solid #ccc;
	padding-top: 60px;
	padding-bottom: 30px;
	background: #ededed;
	width: 100%;
	height:750px;
}

.subscribe .sub-heading {
	margin-bottom: 20px;
}

.subscribe input.text {
	display: inline-block;
	outline: none;
	-webkit-appearance: none;
	width: 340px;
	padding: 15px 0px 15px 15px;
	background: white;
	border: 1px solid #d4d4d4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font: 12px "Roboto";
	color: #2782BB;
	margin-bottom: 20px;
}

.subscribe input.submit {
	border: none;
	display: inline-block;
	outline: none;
	cursor: pointer;
	background: transparent url(../images/icons/more.png) no-repeat top right;
	-webkit-font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-decoration: none;
	-webkit-appearance: none;
	font: 22px "Roboto";
	font-weight: 300;
	color: #2782BB;
	margin-left: 10px;
	padding-right: 40px;
	-moz-transition:color .2s;
	-o-transition:color .2s;
	-webkit-transition:color .2s;
	transition:color .2s;
}

.subscribe input.text::-ms-clear {
    display: none;
}

.subscribe input.submit:hover {
	color: #555;
	background-position: bottom right;
}

.social-list { padding-top: 20px; }
.social-list li { 
	display: inline-block;
	margin-right: 10px;
}
.social-list li:last-of-type {
	margin-right: 0px;
}

.social-list a {
	-webkit-transition: all 0.33s;
	-moz-transition: all 0.33s;
	-o-transition: all 0.33s;
	-ms-transition: all 0.33s;
	transition: all 0.33s;
}

.social-list a:hover {
	opacity: 0.4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE 8 */
    filter: alpha(opacity=40);
	-webkit-transition: all 0.33s;
	-moz-transition: all 0.33s;
	-o-transition: all 0.33s;
	-ms-transition: all 0.33s;
	transition: all 0.33s;
}

a.button {
font-size: 1em;
margin-top: 10px;
white-space: nowrap;
display: inline-block;
}
a.pdf {
background: url("../images/pdf-icon-cta.png") no-repeat;
padding: 0px 20px 7px 35px;
}


i {
	color: #2782BB;
	display: inline-block;
	padding-left: 7px;
}