/*
Theme Name: VIO Commercial
Author: Elegant Seagulls
Author URI: http://elegantseagulls.com
*/

body { margin:0px; padding:0px; background:#323334; font-family: "proxima-nova",sans-serif; -webkit-text-size-adjust: 100%; font-weight: 300;}

#viewport { width:100%; overflow:hidden; position:relative; }

#viewport-hold { width:100%; position:relative; }

#cart-viewport { position:relative; z-index:200; }

.cart-slide { margin-left:-310px; }

.container { margin:auto; max-width:1300px; position:relative; }

img { max-width:100%; }


/*

-------------------------------------------------------------

STREAM HOME PAGE UPDATES

*/

.sectionHeading { font-size: 3em; }

.ghost-text {
	font-size: 15em;
	color: rgba(255,255,255,0.1);
	position: absolute;
	font-weight: bold;
	width: 10em;
	word-wrap: normal;
	z-index: 0;
	top: .5em;
	left: -1.5em;
}
.arrow {
	list-style-type: none;
	padding-left: 0;
	margin: 3em 0;
}
.arrow li {
	background: url(../img/arrow-bullet.svg) no-repeat left 0.5em;
	margin-bottom: 1em;
    	padding-left: 1.5em;
}
.section-home h1, .section-home h2, .section-home h3, .section-home h4, .section-home h5, .section-home p, .section-home li {
	color: #2a2a2a;
	position: relative;
	z-index: 1;
}
.section-home p {
	line-height: 1.8em;
}

.section-hero {
	min-height: 1000px;
	width: 100%;
	background: url(../img/stream-hero-background.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 1em;
}
.heroStream { padding-top: 12em; height: 100%; }
a.buynow-buybtn { background:#f15c22; display:inline-block; color:#ffffff; padding: 1.2em 3.8em; font-size:1em; font-weight:bold; letter-spacing: 0.2em;}
.section-hero h3 {
	color:  white;
	font-size: 3em;
	letter-spacing: 0.1em;
	padding: 0.8em 0 1em;
}
.section-hero .hero-stream {
	z-index: 200;
	position:  relative;
	left: -80px;
	bottom: -80px;
	max-width: 700px;
}
.section-hero .hero-phone {
	z-index: 0;
	position: relative;
	right: 40px;
	bottom: -60px;
	max-width: 700px;
}
.section-one {
	background: #f4f4f4;
	width: 100%;
	min-height: 1000px;
	position: relative;
}
.section-one img {
	padding-right: 1em;
	padding-bottom: 2em;
}
.section-one h4 {
	font-size: 1.3em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin: 0;
	color: #4b4b4b;
}
.section-one p {
	letter-spacing: 0.1em;
}
.dot-connect {
	display: none;
}
@media (min-width: 1000px) {
	.section-one-border {
		border-left: 1px #ccc solid;
		padding-left: 0 !important;
		left: 100px;
	}
	.dot-connect {
		position: absolute;
		top: -3.5em;
		left: 4.32em;
		display: block;
	}
	.details-box {
		left: -60px;
	}
}
@media (max-width: 1000px) {
	.section-one {
		text-align: center;
	}
	.section-hero {
		text-align: center;
	}
	.section-hero .hero-stream {
	    z-index: 1000;
	    position: relative;
	    left: 0;
	    bottom: 0;
	    max-width: 20em;
	    padding-top: 6em;
	}
	.heroStream { padding-top: 2em; }
	.section-hero .hero-phone {
		z-index: 0;
		position: relative;
		right: 40px;
		bottom: -60px;
		max-width: 35em;
	}
}
.details-box {
	position: relative;
	min-height: 11em;
}
.details-box.first {
	padding-top: 0;
}
.details-box.last {
	padding-bottom: 1em;
	background: #f4f4f4;
}
.section-one:before {
	content: '';
	position: absolute;
	left: 0;
	top: -60px;
	width: 100%;
	height: 130px;
	background: #f4f4f4;
	-webkit-transform: skewY(-2.5deg);
	-moz-transform: skewY(-2.5deg);
	-ms-transform: skewY(-2.5deg);
	-o-transform: skewY(-2.5deg);
	transform: skewY(-2.5deg);
}
.section-two {
	background: #e6e7e7;
	width: 100%;
	min-height: 700px;
}
.streamFront {
	position: relative;
	z-index: 1;
	width: 35em;
	top: -8em;
	right: 5em;
	max-width: none;
}
.requirements-link {
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.2em;
	color: #f15d23;
}
.requirements-link img {
	position: relative;
	top: .4em;
}
.section-three {
	position: relative;
	min-height: 1000px;
	width: 100%;
	background: url(../img/stream-info-hero.jpg) no-repeat center center;
	background-size: cover;
}
.section-three:before {
	content: '';
	position: absolute;
	left: 0;
	top: -42px;
	width: 100%;
	height: 90px;
	background: #e6e7e7;
	-webkit-transform: skewY(-2.5deg);
	-moz-transform: skewY(-2.5deg);
	-ms-transform: skewY(-2.5deg);
	-o-transform: skewY(-2.5deg);
	transform: skewY(-2.5deg);
}
.appScreens { position: relative; top: -180px; max-width: none; }
.section-four {
	position: relative;
	min-height: 900px;
	width: 100%;
	background: #f15d23;
	text-align: center;
	letter-spacing: 0.1em;
}
.section-four h3 {
	color: white;
}
.section-four p {
	color: #ffbea4;
}
.stream-icon {
	height: 10em;
}
.stream-icon img {
	position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.section-five {
	position: relative;
	min-height: 900px;
	width: 100%;
	background: #f4f4f4;
}
.section-five:before {
	content: '';
	position: absolute;
	left: 0;
	top: -42px;
	width: 100%;
	height: 90px;
	background: #f4f4f4;
	-webkit-transform: skewY(-2.5deg);
	-moz-transform: skewY(-2.5deg);
	-ms-transform: skewY(-2.5deg);
	-o-transform: skewY(-2.5deg);
	transform: skewY(-2.5deg);
}
.section-social {
	background: #040404;
	width:  100%;
	padding: 1.7em 0;
	text-align: center;
}
.section-social a {
	padding: 0.2em;
}

#foot-info p {
	color: #636466;
}



/*

-------------------------------------------------------------

TOP

*/

#top { height:105px; position:absolute; width:100%; line-height:40px; font-size:16px; text-transform:uppercase; }

#logo { width:150px; position:absolute; left:0px; top:25px; z-index:100; }

/* header interior */

#header-interior { height:160px; background:#e7e7e8; }

#header-interior #navigation { top:20px; }


#header-interior #logo { top:15px; width:80px; }

#header-interior #top { background:#292a2b; height:77px; border-bottom:3px solid #151617; }

/* menu butotn */

#menu-btn { width:25px; height:50px; position:absolute; left:0px; top:27px; z-index:200; display:none; }

#menu-btn a { display:block; }

#menu-btn span { display:block; height:3px; background:#96989b; margin:4px 0px; }

/* navigation */

#navigation { width:800px; position:absolute; right:0; top:65px; height:40px; text-transform:uppercase; z-index:200; font-size: 1em;}

#navigation ul { padding:0px; margin:0px; list-style:none; }

#navigation li { float:left; position:relative; margin:0px 8px;  }

#navigation a { color:#96989b; display:block; padding:0px 15px; }

#navigation a.hasdrop { background:url(../img/nav-drop.png) top right no-repeat; padding-right:28px; }

#navigation a:hover, #navigation a.active { color:#f15c22; }

/* footer navigation */

#foot-nav { text-transform:uppercase; height: 30px;}

#foot-nav  ul { padding:0px; margin:0px; list-style:none; }

#foot-nav  li { float:left; position:relative; margin:0px 8px;  }

#foot-nav  a { color:#96989b; display:block; padding:0px 15px; }

#foot-nav  a:hover, #foot-nav  a.active { color:#f15c22; }

#foot-nav .first {
	margin-left: 0;
}

#foot-nav .first a {
	padding-left: 0;
}

/* sub nav */

#navigation li:hover ul.subnav { left:0px; }

#navigation li:hover a.hasdrop { background-color:#343637; border-radius:3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px; }

#navigation ul.subnav { z-index:200; position:absolute; top:40px; left:-9999px; background:#343637; width:250px; border-radius:0px 3px 3px 3px; -webkit- border-radius:0px 3px 3px 3px; }

#navigation ul.subnav li { margin:0px; float:none; }

#navigation ul.subnav a.borderdrop { border-bottom:1px solid #404243; }

/* nav cart

#nav-cart { width:100px; height:40px; position:absolute; right:0px; top:55px; z-index:100; text-align:right; z-index:200; }

#nav-cart a { color:#96989b; display:block; font-weight:600; text-align:right; }

#nav-cart a:hover { color:#ffffff; }
*/
#nav-cart span {
	color: #fff;
	background: #f15c22;
	border-radius: 20px;
	padding: 3px 8px;
	font-size: 0.7em;
	font-weight: 300;
	text-align: center;
	position: relative;
	top: -2px;
}

#carticon { width:13px; display:inline-block; vertical-align:middle; padding-bottom:4px; margin-left:3px; text-align:right; }

#carticon span { height:2px; display:block; width:10px; background:#96989b; margin:2px 0px; margin-left:3px; }

#carticon span.carticonmid { width:13px; margin-left:0px; }

/* secondary nav */

#secondary-nav  { position:absolute; left:0px; top:80px; width:100%; height:80px; border-bottom:1px solid #b9bbbd; background:#e7e7e8 url(../img/bg-buynow-bar.png) repeat; z-index:100; box-shadow:0px 1px 2px rgba(0,0,0,0.06); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.06); color:#5a5c5f; }

#top .fixed-secondary { position:fixed; top:0px; z-index:50; }

#secondary-nav h2 { font-size:20px; line-height:80px; color:#5c5e5f; font-weight:600; }

#secondary-nav a.pricebtn { display:inline-block; background:#e0e0e1 url(../img/icon-plus.png) center no-repeat; height:40px; vertical-align:middle; width:70px; border:1px solid #b9bbbd; border-radius:3px 0px 0px 3px; -webkit-border-radius:3px 0px 0px 3px; }

#secondary-nav a.pricebtn-cheaper { border-left:none; background:#e0e0e1 url(../img/icon-minus.png) center no-repeat; border-radius:0px 3px 3px 0px; -webkit-border-radius:0px 3px 3px 0px; }

#secondary-nav a.pricebtn:hover { background-color:#d9d9d9; color:#000000; }

#secondary-nav .secondary-nav-title { margin:0px 20px; margin-right:15px; }

#secondary-right { text-align:right; width:550px; float:right; padding:20px 0px; line-height:40px; font-size:14px; }

/* secondary category list */

#category-list { list-style:none; display:inline-block; margin:0px; padding:0px; width:200px; vertical-align:middle; }

#category-list li { text-align:left; position:relative; }

#category-list a { display:block; border:1px solid #b9bbbd; color:#5a5c5f; padding:0px 13px; background:#e0e0e1 url(../img/icon-droplist.png) top right no-repeat; }

#category-list a:hover { background-color:#d9d9d9; color:#000000; }

#category-list li:hover ul { left:0px; }

#category-list li:hover a.round-3px { border-radius:3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px; }

#category-list-drop { list-style:none; position:absolute; top:42px; left:-9999px; width:200px; margin:0px; padding:0px; z-index:100; }

#category-list-drop a { border-top:none; background:#e0e0e1; }



/*

-------------------------------------------------------------

CART MENU

*/

#cart-menu { background:#292a2b; width:310px; position:fixed; height:100%; right:-320px; top:0px; }

#cart-menu-close { width:21px; height:21px; position:absolute; right:20px; top:17px; }

.cart-visible #cart-menu { right:0px; }

#cart-menu-title { color:#8e9093; font-size:15px; line-height:15px; padding:20px; border-bottom:1px solid #353637; }

#cart-menu-total { background:#242526; line-height:90px; font-size:55px; color:#ffffff; font-weight:200; padding-left:20px; border-bottom:1px solid #353637; }

#cart-menu .cart-item { padding:20px; border-bottom:1px solid #353637; }

#cart-menu .product-img { width:60px; float:left; }

#cart-menu .product-info { margin-left:75px; font-size:14px; text-transform:uppercase; padding-top:5px; color:#8e9093; }

#cart-menu .product-title { color:#8e9093; font-size:16px; font-weight:600; }

#cart-menu .product-title:hover { color:#ffffff; }

#cart-menu .product-price { color:#ffffff; }

#cart-menu-checkout { padding:20px; text-align:center; font-size:14px; }

#cart-menu-checkout a { color:#8e9093; }

#cart-menu-checkout a:hover { color:#ffffff; }

#cart-menu-checkout #goto-checkout { background:#f15c22; display:block; color:#ffffff; font-size:16px; font-weight:600; line-height:60px; margin-bottom:10px; }

#cart-menu-checkout #goto-checkout:hover { background:#cd4f1f; }



/*

-------------------------------------------------------------

EASY COLS

*/

.col-lft-2 { width:46.3636%; float:left; }

.col-rgt-2 { width:46.3636%; float:right; }



/*

-------------------------------------------------------------

GLOBAL PRODUCT STYLES

*/

.tag-hold { position:relative; overflow:hidden; margin-bottom:20px; z-index:1; }

.tag-hold img { margin-bottom:-4px; }

.tag-price { position:absolute; right:25px; bottom:25px; width:120px; height:50px; text-align:center; font-size:20px; font-weight:200; z-index:1; }

.tag-price a, .tag-buynow a { display:block; background:#f15c22; line-height:50px; color:#ffffff; }

.tag-price a:hover, .tag-buynow a:hover { background:#cd4f1f; color:#ffffff; }

.tag-buynow { position:absolute; right:25px; bottom:-65px; width:120px; height:50px; text-align:center; font-size:16px; font-weight:600; }

.tag-hold:hover .tag-price { bottom:-65px; z-index:10; }
.tag-hold:hover .tag-buynow { bottom:25px; z-index:10; }



/*

-------------------------------------------------------------

INTERIOR CONTENT

*/

#interior-content { background:#e7e7e8; padding:60px 0px; }

#interior-column { background:#e7e7e8 url(../img/bg-column.jpg) top center repeat-y; padding:50px 0px; overflow:hidden; }



/*

-------------------------------------------------------------

SIGN UP

*/

#signup { padding:65px 0px; background:#f15c22 url(../img/bg-signup.png) top left no-repeat; }

#signup-box { width:600px; height:60px; margin:auto; border:1px solid #f48357; }

#signup-txt { border:none; background:transparent; padding:18px; color:#ffffff; font-size:18px; width:70%; }

#signup-btn { width:60px; height:60px; background:#f48357 url(../img/btn-signup.png) center no-repeat; float:right; border:none; border-radius:0px 3px 3px 0px; -webkit-border-radius:0px 3px 3px 0px; cursor:pointer; }

#signup-btn:hover { background-color:#f9895e; }



/*

-------------------------------------------------------------

MODAL

*/

.modal { width:100%; position:absolute; top:0px; left:0px; z-index:450; background-image:url(../img/modal-blacktrans.png); background-repeat:repeat; display:none; }

.modal-main { position:relative; width:900px; margin:auto; color:#717476; font-size:14px; line-height:22px; margin-top:200px; }

.modal-main b { color:#5c5e5f; font-size:16px; text-transform:uppercase; }

.modal-close { display:block; width:30px; height:30px; background:url(../img/modal-close.png) center no-repeat; position:absolute; right:25px; top:25px; }

.modal-topbar { position:relative; background:#323334; height:80px; text-align:center; line-height:80px; color:#ffffff; font-size:20px; font-weight:bold; }

.modal-topbar span { font-weight:200; }

.modal-image { background:#252525; text-align:center; }

.modal-image img { margin-bottom:-5px; }

.modal-content { background:#dbdbdc; padding:40px; }

.modal-left { width:48%; float:left; }

.modal-right { width:48%; float:right; }



/*

-------------------------------------------------------------

FOOTER

*/

footer { background:#212121; padding:60px 0px; padding-bottom:100px; color:#636466; font-size:16px; line-height:25px;}

footer h3 { color:#e7e7e8; font-weight:normal; font-size:24px; line-height:24px; margin:0px; margin-bottom:40px; text-transform:uppercase; }

footer a:hover { color:#ffffff; }

/* #foot-nav { width:200px; float:left; } */

#foot-nav a { display:inline-block; line-height:40px; color:#96989b; text-decoration:none; text-transform:uppercase; }

#foot-nav a:hover { color:#f15c22; }

/* #foot-info { margin-left:240px; } */

#foot-logo { width:113px; position:absolute; right:0px; top:2em; }



/*

-------------------------------------------------------------

GENERAL

*/

h1, h2, h3 { font-weight:900; margin:0px; padding:0px; text-transform:uppercase; }

h1 span, h2 span, h3 span { font-weight:200; }

a { color:#f15c22; text-decoration:none; }

a:hover { color:#ff7c49; }

a img { border:none; }

.clear { clear:both; }

.line { border-top:1px solid #b9bbbd; margin:40px 0px; }

.round-3px { border-radius:3px; -webkit-border-radius:3px; }

.round-4px { border-radius:4px; -webkit-border-radius:4px; }

.checklist { list-style:none; margin:0px; padding:0px; font-size:14px; }

.checklist li { padding:5px 0px; line-height:25px; background:url(../img/icon-check.png) top left no-repeat; padding-left:30px; }

/* buy now bar */

.buynow-bar { position:absolute; left:0px; top:0px; width:100%; height:80px; border-bottom:1px solid #b9bbbd; background:url(../img/bg-buynow-bar.png) repeat; z-index:100; box-shadow:0px 1px 2px rgba(0,0,0,0.06); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.06); }

.buynow-bar .container { line-height:40px; font-size:18px; padding:20px 0px; color:#5c5e5f; }

.buynow-bar .container a {  }

.buynow-bar .container a:hover { color:#cd4f1f; }

.buynow-bar .container a.buynow-buybtn { background:#f15c22; display:inline-block; color:#ffffff; padding:0px 25px; float:right; font-size:16px; font-weight:bold; }

.buynow-bar .container a.buynow-buybtn:hover { background:#cd4f1f; }

.buynow-bar .container a.buynow-borderbtn { display:inline-block; color:#5a5c5f; width:150px; text-align:center; border:1px solid #b9bbbd; font-size:14px; border-radius:3px 0px 0px 3px; -webkit-border-radius:3px 0px 0px 3px; }

.buynow-bar .container a.buynow-borderbtn:hover { background:#d9d9d9; color:#000000; }

.buynow-bar .container a.buynow-borderright { border-left:none; border-radius:0px 3px 3px 0px; -webkit-border-radius:0px 3px 3px 0px; }

.buynow-bar .container a.buynow-launchbtn { display:block; width:40px; height:40px; background:#f15c22 url(../img/icon-launch.png) top center no-repeat; float:right; }

.buynow-bar .container a.buynow-launchbtn:hover { background-color:#cd4f1f; }

.fixed-buynow { position:fixed; }

.fixed-bottom-buynow { position:absolute; bottom:-1px; top:auto; }

/* social */

.social-btn { display:inline-block; height:40px; width:40px; margin-left:5px; }

.facebook-light { background:url(../img/icon-fb-light.png) top center no-repeat; }
.facebook { background:#414243 url(../img/icon-fb.png) top center no-repeat; }

.twitter-light { background:url(../img/icon-twitter-light.png) top center no-repeat; }
.twitter { background:#414243 url(../img/icon-twitter.png) top center no-repeat; }

.vimeo-light { background:url(../img/icon-vimeo-light.png) top center no-repeat; }
.vimeo { background:#414243 url(../img/icon-vimeo.png) top center no-repeat; }

.youtube-light { background:url(../img/icon-youtube-light.png) top center no-repeat; }
.youtube { background:#414243 url(../img/icon-youtube.png) top center no-repeat; }


.youtube:hover, .facebook:hover, .vimeo:hover, .twitter:hover { background-color:#545556; }

/* animate all class */

.trans-all { -webkit-transition: all 0.1s linear; transition: all 0.1s linear; }

.trans-bg { -webkit-transition: background 0.1s linear, color 0.1s linear; transition: background 0.1s linear, color 0.1s linear; }

.trans-cartslide { -webkit-transition: margin 0.2s ease-out, right 0.2s ease-out; transition: margin 0.2s ease-out, right 0.2s ease-out; }

.trans-swipe { -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }



/*

-------------------------------------------------------------

IPAD LANDSCAPE

*/

@media (max-width: 1150px) {

	.container { width:900px; }


	/* top */

	#navigation { left:175px; }


}


/*

-------------------------------------------------------------

IPAD PORTRAIT

*/

@media (max-width: 960px) {

	.container { width:700px; }


	/* interior content */

	#interior-content { padding:40px 0px; }


	/* top */

	#top { font-size:15px; }

	#navigation { left:140px; }

	#navigation li { margin:0px;  }

	#navigation a { padding:0px 15px; }

	#navigation a.hasdrop { padding-right:25px; }

	#navigation ul.subnav { width:180px; }


	/* secondary nav */

	#secondary-nav .secondary-nav-title { margin:0px 15px; margin-right:10px; }

	#secondary-nav a.pricebtn { width:50px; }

	#secondary-right { width:430px }

	#category-list { width:170px; }

	#category-list-drop { width:170px; }


	/* modal */

	.modal-main { width:700px; }



}


/*

-------------------------------------------------------------

IPHONE

*/

@media (max-width: 767px) {

	.container { width:530px; }

	.streamFront {
		position: relative;
		z-index: 1;
		width: 100%;
		top: 0;
		right: 0;
		max-width: none;
	}

	.sectionHeading { font-size: 2em; }

	.appScreens { position: relative; top: 0; max-width: 100%; }


	/* top */

	#logo, #header-interior #logo { width:80px; padding-top:15px; position:relative; height:auto; left:auto; top:auto; margin:auto; z-index:100; }

	#top { background:#292a2b; border-bottom:3px solid #151617; position:relative; height:auto; }

	#header-interior #top { background:#292a2b; border-bottom:0px; position:relative; height:auto; }

	#top .container { width:100%; }

	#header-interior { height:auto; }

	#menu-btn { display:block; left:30px; }

	#nav-cart { right:30px; top:20px; }

	#navigation, #header-interior #navigation { width:100%; left:0px; top:auto; background:#292a2b; height:auto; display:none; position:relative; }

	#top .shownav, #header-interior #top .shownav { display:block; }

	#navigation li { float:none; position:relative; margin:0px;  }

	#navigation a { color:#96989b; display:block; padding:0px 15px; border-bottom:1px solid #404243; }

	#navigation a.hasdrop { background:none; padding:0px 15px; }

	#navigation li:hover a.hasdrop { border-radius:0px; background:#292a2b; }

	#navigation ul.subnav { z-index:200; position:relative; top:auto; left:auto; background:#343637; width:100%; border-radius:0px; -webkit-border-radius:0px; }

	#navigation ul.subnav li { margin:0px; float:none; }


	/* secondary nav */

	#top .fixed-secondary, #secondary-nav { position:relative; top:0px; border-top:3px solid #151617; background:#e0e0e1; }

	#secondary-right { text-align:center; width:100%; float:none; }


	/* cart menu */

	#cart-menu { position:absolute; height:auto; }

	.cart-visible #cart-menu { right:0px; }


	/* easy cols */

	.col-lft-2, .col-rgt-2 { width:100%; float:none; margin-bottom:20px; }


	/* buy now bar */

	.buynow-bar span { display:none; }

	.buynow-bar .buynow-learnbtn { display:inline-block; color:#5a5c5f; width:47.5%; text-align:center; border:1px solid #b9bbbd; font-size:14px; }

	.buynow-bar .container a.buynow-buybtn { padding:0px; width:47.5%; text-align:center; font-size:14px;  }

	.buynow-bar .container a.buynow-borderbtn { width:120px; font-size:13px; }

	.fixed-bottom-buynow, .fixed-buynow { position:absolute; top:0px; left:0px; }

	.buynow-bar .container { line-height:40px; font-size:14px; padding:20px 0px; color:#5c5e5f; }


	/* sign up */

	#signup { padding:65px 0px; background:#f15c22 url(../img/bg-signup.png) top left no-repeat; }

	#signup-box { width:80%; height:55px; margin:auto; border:1px solid #f48357; }

	#signup-txt { font-size:15px; width:60%; }

	#signup-btn { width:55px; height:55px; }


	/* footer */

	footer { text-align:center; padding-bottom:40px; }

	footer h3 { font-size:17px; }

	#foot-nav { display: none; }

	#foot-info { margin-left:0px; }

	#foot-logo { width:120px; margin:auto; text-align:center; margin-top:30px; position:relative; right:0px; top:0px; }

	/* modal */

	.modal-main { width:100%; margin-top:82px; }



}


/*

-------------------------------------------------------------

IPHONE SMALLER

*/

@media (max-width: 600px) {

	.container { width:90%; }

	#menu-btn { left:20px; top:27px; }

	#menu-btn span { height:2px; background:#96989b; margin:3px 0px; }

	#nav-cart, #header-interior #nav-cart { right:20px; top:17px; }

	#logo, #header-interior #logo { width:60px; padding-top:18px; position:relative; height:auto; left:auto; top:auto; margin:auto; z-index:100; }


	/* secondary nav */

	#secondary-nav a.pricebtn { width:40px; }

	#secondary-nav .secondary-nav-title { display:none; }

	#category-list { margin-right:10px; }


	/* modal */

	.modal-main { width:100%; margin-top:72px; }

	.modal-content { font-size:12px; padding:20px; }


}