@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);

/******************************************
[Table of contents]

Author: Joseph Goddard, Gary Ivey

1. Body / Typography
2. Header
3. Nav
4. Slideshow - Media
5. Footer
6. OmegaNet Specific
7. Misc
8. Media Queries

[Color codes]
Orange: #f58220

[Typography]

Body copy:    ;
Headers:      ;

******************************************/

/***********
1.) Body / Typography
************/

html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 120px;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  line-height: 20px;
}

.prod-container {
	padding-top: 60px;
	padding-bottom: 150px;
}

a {color:#f58220}

a:hover {
	text-decoration: none;
}

.btn.btn-default {background-color:#f58220;color:#eee}

/***********
2.) Header
************/

/***********
3.) Nav
************/

.main-nav {
	margin-bottom: 0;
	background-color: transparent;
	border: none;
	font-size: 13px;
	font-weight:500;
}

.nav.navbar-nav.navbar-right {}

.navbar-default .navbar-nav>li>a {
	color: #fff;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #f58220; /*#FF69B4;*/
}

.navbar-fixed-top {
	position: absolute !important;
}

/***********
4.) Slideshow - Media
************/

#maximage {
    position: relative !important;
} 

.main_container {
	padding-top: 200px;
	padding-bottom: 100px;
}

#arrow_left, #arrow_right {
	bottom:30px;
	height:67px;
	position:absolute;
	right:30px;
	width:36px;
	z-index:1000;
}
#arrow_left {
	right:86px;
}

#arrow_left:hover, #arrow_right:hover {
	bottom:29px;
}
#arrow_left:active, #arrow_right:active {
	bottom:28px;
}

/***********
5.) Footer
************/

footer {
	position: relative;
	bottom: 0;
	width: 100%;
	background-color: #333;
	min-height: 120px;
	color: #fff;
	padding-top: 30px;
	padding-bottom: 30px;
}

.ftr-nav {
	display: block;
	list-style-type: none;
}

.ftr-nav a {
	color: #fff;
}

/***********
6.) OmegaNet Specific
************/

.cat_content_bottom {
	min-height: 480px;
}

.detail-pop-alt-img div {width:100%;height:150px;}

.col-columns {
	min-height: 400px;
}

table.Cart img { max-height:75px }

.shows {
	padding-bottom: 20px;
}

/*********************SHOPPING CART*********************************************/
table#CartOuter {width:80%;margin:auto;}/*float:right}*/
#updateCart, #notFirst, #checkoutBtn, #viewCart { float:left;margin:.05%;margin-left:2% }
#checkoutBtn { width:auto;} /*100px}*/
table#EditCart {width:100% }
table#Cart { width:100%;border:1px solid #f58220;font-size:1.5vw;font-weight:bold}
table#Cart th, table#Cart td {padding:5px;}
table#Cart th {text-align:center}
table#Cart tr.cartTotal { color:#f58220; font-weight:bold }
tr.cartHeader th, tr.cartItems td { color:#f58220}
tr.cartItems td img {max-height:75px}
.cartBtn.btn.btn-default, .cartForm {margin:20px 0 0 4%;width:20%;display:inline}
input#editCartSubmit { margin-top:20px }
/*******************END SHOPPING CART********************************************/


/***********
7.) Misc
************/

.pink-border {
/*	border: 3px solid #FF69B4;*/
	margin: 10px;
}

.pink-border h1 {
	text-align: center;
	color: #fff;
	vertical-align: middle;
	line-height: 310px;
}

.pink-border h1:hover {
	color: #FF69B4;
}

.col-columns {
	text-align: center;
}

.top {
	min-height: 350px;
}

.bottom {
	min-height: 334px;
}

.first {
	background: 
	linear-gradient(
	      rgba(51, 51,51, 0.45), 
	      rgba(51, 51,51, 0.45)
	    ),
	url(../img/banner4_new.jpg) no-repeat;
	background-size: 100%;
}

.first:hover {
	background: 
	linear-gradient(
	      rgba(51, 51,51, 0), 
	      rgba(51, 51,51, 0)
	    ),
	url(../img/banner4_new.jpg) no-repeat;
	background-size: 100%;
}

.second {
	background: 
	linear-gradient(
	      rgba(51, 51,51, 0.45), 
	      rgba(51, 51,51, 0.45)
	    ),
	url(../img/NK259_new.jpg) no-repeat;
	background-size: 100%;
}

.second:hover {
	background: 
	linear-gradient(
	      rgba(51, 51,51, 0), 
	      rgba(51, 51,51, 0)
	    ),
	url(../img/NK259_new.jpg) no-repeat;
	background-size: 100%;
}

.third {
	background:
	linear-gradient(
	      rgba(51, 51,51, 0.45), 
	      rgba(51, 51,51, 0.45)
	    ),
	url(../img/NK3.jpg) no-repeat;
	background-size: 100%;
}

.third:hover {
	background: 
	linear-gradient(
	      rgba(51, 51,51, 0), 
	      rgba(51, 51,51, 0)
	    ),
	url(../img/NK3.jpg) no-repeat;
	background-size: 100%;
}

.fourth {
	background:
	linear-gradient(
	      rgba(51, 51,51, 0.45), 
	      rgba(51, 51,51, 0.45)
	    ),
	url(../img/SC034.jpg) no-repeat;
	background-size: 100%;
}

.fourth:hover {
	background: 
	linear-gradient(
	      rgba(51, 51,51, 0), 
	      rgba(51, 51,51, 0)
	    ),
	url(../img/SC034.jpg) no-repeat;
	background-size: 100%;
}

.fifth {
	background:
	linear-gradient(
	      rgba(51, 51,51, 0.45), 
	      rgba(51, 51,51, 0.45)
	    ),
	url(../img/1917516.jpg) no-repeat;
	background-size: 100%;
}

.fifth:hover {
	background: 
	linear-gradient(
	      rgba(51, 51,51, 0), 
	      rgba(51, 51,51, 0)
	    ),
	url(../img/1917516.jpg) no-repeat;
	background-size: 100%;
}



#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;

    -webkit-transform: translate(0px, -100%) scale(0, 0);
	-moz-transform: translate(0px, -100%) scale(0, 0);
	-o-transform: translate(0px, -100%) scale(0, 0);
	-ms-transform: translate(0px, -100%) scale(0, 0);
	transform: translate(0px, -100%) scale(0, 0);
    
    opacity: 0;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
	-o-transform: translate(0px, 0px) scale(1, 1);
	-ms-transform: translate(0px, 0px) scale(1, 1);
	transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
    z-index: 999;
}

#search input[type="search"] {
    position: absolute;
    top: 50%;
    width: 100%;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0);
    font-size: 60px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
}
#search .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 61px;
    margin-left: -45px;
}
#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #fff;
	background-color: #428bca;
	border-color: #357ebd;
	opacity: 1;
	padding: 10px 17px;
	font-size: 27px;
}

/***********
8.) Media Queries
************/

@media (min-width: 768px) {
	.navbar-nav>li {
	    padding-top: 30px;
	}
}

@media (max-width: 768px) {
	.navbar-nav {
	    float: right;
	    text-align: right;
	}

	.navbar-default .navbar-collapse {
		border: transparent;
		box-shadow: none;
	}

	.location-txt {
		text-align: center;
	}

	.navbar-nav .open .dropdown-menu {
		background-color: #ddd;
	}

	.main_container, .prod-container {
		padding-bottom: 400px;
	}

	.ftr-nav {
	  text-align: center;
	}
	.detail-pop-alt-img div {width:25%;float:left}

	table#Cart {font-size:2.5vw}
	#cartCheckout, #cartEdit { width:auto}
}