/* Font */
@import "compass/css3";
@import url(http://fonts.googleapis.com/css?family=Roboto:400,900,700,100,300);

@font-face {
   font-family: HelveticaNeueCond;
   src: url(../fonts/HelveticaNeueCond.ttf);
}


/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
html, body {max-width:100%;overflow-x:hidden;}
body{font-family:"HelveticaNeueCond";color:black;padding:0 10px 10px;}
a, a:hover {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.bgcolor-grey {background:#e5e5e5;}
.bgcolor-darkergrey {background:#cfcfcf;}
.bgcolor-darkgrey {background:#333;}
.bgcolor-purple {background:#4d207a;}
.color-white {color:#fff;}
.color-black {color:#000;}
.color-grey {color:#666;}
.color-orange {color:#fcb814;}
.color-lightblue {color:#47afe3;}
.color-purple {color:#4d207a;}

.blank-divider {border:none;padding:25px 0;}

h1, h2, h3 {font-family:"helveticaneue_lt_97_blackcnRg",Arial,Helvetica,Sans Serif;text-transform:uppercase;}
h4, h5, h6 {font-family:"helveticaneue_lt_97_blackcnRg",Arial,Helvetica,Sans Serif;}
h1 {padding:12px 0;margin:0 0 10px 0;}

.container-sm {max-width:890px;margin:0 auto;padding:0 15px;}

/*Form */


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */

.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: 100%;
}

.navbar {position:fixed;z-index:99999999!important;background:white!important;border:none;width:100%;padding-top:0px;}
.navbar .container {background:#fff!important;padding-top:20px;}
.navbar .navbar-collapse {padding-right:15px;}
.navbar .navbar-brand img {max-width:230px; margin-top:-10px;}
.navbar-nav li  {font-weight:300;}
.navbar-nav li ul>li  {min-width:280px;}

.features-wrap {border-top:1px solid #e5e5e5;padding:10px 0;}
.features-wrap h4 {/*font-family:"Roboto",Arial,Helvetica,sans-serif;*/font-size:12px;color:#333;font-weight:300;text-transform:uppercase;letter-spacing:1px;}
.features-wrap h4 strong {color:#222;}
.features-wrap h4 i {color:#222;padding:0 10px;}

.first-item {text-align:right;padding:0 30px;}
.last-item {text-align:left;padding:0 30px;}

.icon-block {overflow:hidden;margin:10px auto 15px;border-radius:50%;border-style:solid;}
.icon-block.lg {width:150px;height:150px;display:table;text-align:center;font-size:78px;border-width:6px;}
.icon-block.lg i {max-width:80px;display:block;margin:0 auto;}
.icon-block.md {width:120px;height:120px;display:table;text-align:center;font-size:58px;border-width:5px;}
.icon-block.md i {max-width:60px;display:block;margin:0 auto;}
.icon-block.sm {width:90px;height:90px;display:table;text-align:center;font-size:38px;border-width:5px;}
.icon-block.sm i {max-width:40px;display:block;margin:22px auto 0;}
.icon-block.xs {width:7px;height:60px;display:table;text-align:center;font-size:21px;border-width:2px;}
.icon-block.xs i {max-width:20px;display:block;margin:18px auto 0;}
.icon-block.lg span, .icon-block.md span, .icon-block.sm span, .icon-block.xs span {display:table-cell;vertical-align:middle;}
.icon-block.lightgrey {border-color:#ccc;}
.icon-block.grey {border-color:#999;}
.icon-block.black {border-color:#111;}
.icon-block.white {border-color:#fff;}
.icon-block.bgblack {border-color:#222;background:#222;color:#fff;}

/*Full width banner*/
.fix-height-block {position:relative;max-width:100%;display:table;margin:0 auto;}
.fix-height-content {display:table-cell;vertical-align:middle;width:1%;}
.fix-height-block.max-width {max-width:100%;}
.height-lg, .fix-height-block.height-lg .fix-height-content  {min-height:780px;}
.height-md, .fix-height-block.height-md .fix-height-content  {min-height:640px;}
/*.height-sm, .fix-height-block.height-sm .fix-height-content  {min-height:420px;}*/
.fix-height-content.bg-in-screen {background:rgba(255,255,255, .35);padding:0;margin:0;}
.fix-height-content.bg-blk-in-screen {background:rgba(0,0,0, .65);padding:0;margin:0;}
.fix-height-content.bg-blk-in-screen h1, .fix-height-content.bg-blk-in-screen h2, .fix-height-content.bg-blk-in-screen h3, .fix-height-content.bg-blk-in-screen h4, .fix-height-content.bg-blk-in-screen h5, .fix-height-content.bg-blk-in-screen h6, .fix-height-content.bg-blk-in-screen p {color:#fff!important;}

/* CUSTOMIZE THE MODAL
-------------------------------------------------- */
.modal, .modal-backdrop{z-index:999999999;}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999998;}
.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}
.modal-backdrop.in{filter:alpha(opacity=95);opacity:.95}
.modal-backdrop {background:#000;}

.modal-header {border:0;outline:0;}

.modal-promo {background:#333;background-size:cover;padding:15px;margin:0 0 30px 0;border-radius:8px;}
.modal-promo .modal-promo-text {color:#fff;text-shadow:0 3px 6px #000;}
.modal-promo .modal-promo-text h1, .modal-promo .modal-promo-text h2 {font-weight:700;}
.modal-promo .modal-promo-icon, .modal-promo .modal-promo-icon .fa {font-size:120px;color:#fff;text-align:right;}
.close:hover {color:#1070ae;}

.modal-blank {background:transparent;background-size:cover;padding:15px;margin:0 0 30px 0;border-radius:8px;}
.modal-blank .modal-content {background:rgba(0,0,0, 0);box-shadow:none;border:0px solid;outline:0;border-radius:0;}
.modal-blank .modal-content.blank-bg {background:transparent;box-shadow:none;border:0px solid;outline:0;border-radius:0;}
.modal-blank.border .modal-content {border:12px solid #666;background:#000;}
.modal-blank.redbox .modal-content {border:6px solid red;}
.modal-blank.bluebox .modal-content {border:6px solid #00c2d9;}
.modal-blank.greenbox .modal-content {border:6px solid #39b54a;background:#39b54a;}
.modal-blank.yellowbox .modal-content {border:6px solid #F90;}
.modal-blank .modal-blank-text {color:#fff;text-shadow:0 3px 6px #000;}
.modal-blank .modal-blank-text h1, .modal-blank .modal-blank-text h2 {font-weight:700;}
.modal-blank .modal-blank-icon, .modal-blank .modal-blank-icon .fa {font-size:120px;color:#fff;text-align:right;}
.modal-blank .close {color:#ffffff;text-shadow:none;font-size:58px;margin-top:-20px;}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 450px;
  max-width:1540px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:8px;
}
/* Since positioning the image, we need to help out the caption */
.carousel .carousel-caption {
  z-index: 10;
  width:300px;
  bottom:25%;left:15%;
  text-align:left;
}
.carousel .carousel-caption h1 {color:#fff;font-size:54px;text-shadow:none;font-weight:100;}
.carousel .carousel-caption h1 .slider-style-text1 {background:rgba(0,0,0, .6);padding:8px 26px;letter-spacing:.3px;}
.carousel .seperatorblock {display:block;height:29px;}
.carousel .carousel-caption p {color:#4d207a;text-shadow:none;padding:5px 0;}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 450px;
  background-color: #777;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  background-origin:content-box;
}
.carousel .carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height:auto;
  min-height:450px;
}
.carousel a.carousel-control {z-index:999999;}

/* Carousel base class */
.carousel.carousel-text {
  height:auto;
  min-height: 290px;
}
/* Since positioning the image, we need to help out the caption */
.carousel.carousel-text .carousel-caption {
  z-index: 10;
  top:5%;left:0;right:0;
  text-align:center;
}
.carousel.carousel-text .carousel-caption h1 {color:#4d207a;font-size:54px;text-shadow:none;font-weight:100;}
.carousel.carousel-text .carousel-caption h2 {color:#4d207a;font-size:38px;text-shadow:none;font-weight:700;}
.carousel.carousel-text .seperatorblock {display:block;height:29px;}
.carousel.carousel-text .carousel-caption p {color:#000;text-shadow:none;padding:5px 0;}
.carousel.carousel-text .carousel-control {color:#4d207a;background:transparent;}
.carousel.carousel-text .carousel-control .glyphicon {font-weight:100;}
.carousel.carousel-text .carousel-indicators li {border-color:#999;}
.carousel.carousel-text .carousel-indicators li.active {background:#666;}

/* Declare heights because of positioning of img element */
.carousel.carousel-text .item {
  height: auto;
  min-height:290px;
  background-color:#fff;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  background-origin:content-box;
}
.carousel.carousel-text .carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height:auto;
  min-height:290px;
}

/* Carousel base class */
.carousel.carousel-thumb {
  height:auto;
  height: 450px;
}
/* Since positioning the image, we need to help out the caption */
.carousel.carousel-thumb .carousel-caption {
  z-index: 10;
  top:5%;left:0;right:0;
  text-align:center;
}
.carousel.carousel-thumb .carousel-caption h1 {color:#4d207a;font-size:54px;text-shadow:none;font-weight:100;}
.carousel.carousel-thumb .carousel-caption h2 {color:#4d207a;font-size:38px;text-shadow:none;font-weight:700;}
.carousel.carousel-thumb .seperatorblock {display:block;height:29px;}
.carousel.carousel-thumb .carousel-caption p {color:#000;text-shadow:none;padding:5px 0;}

/* Declare heights because of positioning of img element */
.carousel.carousel-thumb .item {
  height: auto;
  height:450px;
  background-color:#fff;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  background-origin:content-box;
}
.carousel.carousel-thumb .carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height:auto;
  height:450px;
}

/* All CONTENT
-------------------------------------------------- */
.main-wrap {margin-top:80px;}
/* Center align the text within the three columns below the carousel */
.navi-button {font-size:0.83em;font-weight:700;border-radius:50px;margin-top:20px;padding:8px 11px;margin:21px 3px 0 3px;background:#2b79e2;color:#fff;border:0;}
.navi-button:hover , .navi-button .active{color:#000;background:#fff;}
.row-header {margin:10px auto 50px auto;max-width:80%;}
.row-header h1, .row-header h2, .row-header h3, .row-header h4, .row-header h5, .row-header h6 {text-align: center;}
.row-header h1, .row-header h2 {font-size:56px;font-weight:100;}
.row-header h3, .row-header h4 {font-weight:400;max-width:80%;margin:0 auto;}
.row-header h5 {font-weight:400;line-height:20px;}
.marketing {position:relative;margin:0 auto 25px;}
.marketing-div {position:relative;z-index:1;padding-top:30px;color:#fff;}
.marketing .method {margin:0 auto;margin-bottom: 20px;text-align: center;width:100%;}
.marketing .method h2, .marketing .method h3, .marketing .method h4 {font-weight: normal;}
.marketing .method p {margin-right: 10px;margin-left: 10px;font-weight:400;min-height:40px;}
.marketing .method a h3 {color:#000;}
.marketing .method a:hover h3 {color:#4d207a;}
.marketing .method a p {color:#999;}
.marketing .method a:hover p {color:#000;}
.marketing .method a:hover {text-decoration:none;}
.marketing .border-topleft, .marketing .border-topright, .marketing .border-btmleft {border-right:2px dotted #ccc;}

.product-pic img {width:100%;}

.halfsize-pic {width:100%;min-height:500px;max-height:600px;}

/* Search
-------------------------------------------------- */
#search {
    position: fixed;
	z-index:999999;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.95);

    -webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s 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;
}
#search h3 {
    position: absolute;
    top: 25%;
    width: 100%;
    color: #000;
    text-align: center;
}
#search input[type="search"] {
    position: absolute;
    top: 50%;
    width: 100%;
    color: rgb(0, 0, 0);
    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%;
    min-width: 100px;
    max-width: 200px;
    margin-top: 61px;
    margin-left: -45px;
}
#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #fff;
	background-color: #888;
	border-color: #ccc;
	opacity: 1;
	padding: 10px 17px;
	font-size: 27px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 1200px){
  .container {padding:0 10px;margin:0;width:100%;}
  .navbar .navbar-brand img {max-width:210px;margin-top:-8px;}
  .box2 .padding20 {padding:20px 20px;}
}

@media (max-width: 991px) {
  /*Navbar*/
	.navbar-collapse {
    border-top: 0px solid transparent;
  }
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-header {
  float: none;
  }
  .navbar-toggle {
  display: block;
  }
  .navbar-collapse.collapse {
  display: none!important;
  }
  .navbar-nav {
  margin-top: 15px;
  margin-right:0px;
  float: none!important;
  }
  .navbar-nav>li {
  float: none;
  padding-left: 15px;
  }
  .navbar-collapse.collapse.in{
  display:block !important;
  }
  .navbar-collapse{
  padding-left:0px;
  padding-right:0px;
  }

  .navbar-dash {display:none;}

  .navbar-inverse .nav {max-width:auto;}
  .navbar-header {width:106%;}
  .navbar .navbar-brand {margin:0;width:auto;text-align:left;}
  .navbar .navbar-brand img {max-width:230px;margin-top:-8px !important;}
  .navbar-header .navbar-toggle {margin:0 25px 0 0;}
  .navbar-collapse {background-color:rgba(0,0,0, .85);width:100%;}
  .navbar-collapse .nav {width:100%;margin:0;padding:25px 0;}

  .navbutton {width:100%;}
  .navbar-nav li ul {margin: 0 0 0 20px !important;}
  .navbar-nav li ul>li  {width:auto !important;display:block !important;padding:0!important;margin:6px 0 28px 0 !important;}
  .navbar-nav li ul>li a {max-height:20px !important;display:block !important;padding:0px 0!important;margin:-18px 0 !important;}
  .navbutton1 {display:inline-block;float:left;margin:25px 0 !important;padding:0 10px !important;position:relative !important;}
	.have-item {top:-14px !important;right:-8px !important;}
  .navbutton2 {display:inline-block;float:left;margin:25px 0 25px 15px !important;border-left:1px solid #999 !important;}

  .navbar-wrapper {overflow:hidden;}
  .navbar-header {width:100%;}
  .navbar-header .ion-navicon-round {font-size:24px;}
  .cartphoto, .cartdetails, .cartprice {zoom: .75;}
  .wishlistcontainer, .cartcontainer {padding-bottom:25px;}
  .wishlistcontainer .wishlistbutton .paddingleft, .cartcontainer .wishlistbutton .paddingleft {float:right;padding:10px 0 0 0;}
  .blackbutton {zoom: .85;}
  .cartitem {
	width:100% !important;
	padding:10px;
	display:block !important;}
  .cartvalue {
	float:none !important;
	width:100% !important;
	padding:10px;}

}

@media (max-width: 767px) {
  .container {padding:0 15px;}
  .carousel {
  height: 420px;
  }
  .carousel .item {
  height: 420px;
  }
  .carousel-control {display:none;}
  .carousel-caption h1 {
    font-size: 30px;
    line-height: 1.05;
  }
  .carousel .carousel-caption h1 {font-size:28px;}

  .carousel.carousel-text .carousel-caption h2 {font-size:24px;}

  .first-item, .last-item {text-align:center;padding:0 0px;}

  .product-section {height:auto !important;max-height:1000px !important;color:#000 !important;margin-bottom:50px !important;border-bottom:1px solid #000;}
  .product-img {height:180px !important;background-position:center;position:relative;}
  .headercontent-wrap {position:relative !important;display:block !important;height:auto !important;min-height:150px !important;zoom: .85;}
  .headercontent {display:block !important;max-width:100% !important;padding:0 10% 50px 10% !important;}
  .halfborder {border-top:6px solid black !important;}

  .featurette .featurette-text-height450 {padding:25px 20px 45px 20px;}
  .seperatorblock {display:block;height:23px;}

  .marketing .method {min-height:auto;padding-bottom:30px;}
  .footerlink.text-right {text-align:left;}
  .marketing .col-lg-4 {padding:0 0px !important;}

  .borderblack {border:0 !important;}
}

@media (min-width: 468px) {
}

@media (min-width: 1200px) {
  .darkgreyfont.invert a {display:block;}
}

@media (min-width: 992px) {
 .newsletterbg .newsletterbox input {max-width:50%;}
}

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }


}

@media (min-width: 768px) and (max-width: 990px) {

  }

/*CUSTOM*/

.greybutton {
	margin-top:10px;
	padding:10px 20px;
	background:white;
	width:auto;
	text-align:center;
	color:black;
	text-shadow:none;
	display:table;
	font-family: 'Roboto', sans-serif;
	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
}
.greybutton:hover {background:#ccc;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.greybutton a:hover {color:black;}
.blackbutton {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding:10px 20px;
	background:#333;
	width:auto;
	text-align:center;
	color:white;
	text-shadow:none;
	cursor:pointer;
	font-family: 'Roboto', sans-serif;
	display:inline-block;
	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
}

.blackbutton2 {
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	padding:auto;
	background:#333;
	text-align:center;
	color:white;
	text-shadow:none;
	cursor:pointer;
	font-family: 'Roboto', sans-serif;
	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
}

.blackbutton a, .blackbutton2 a {display:block;color:#fff;}
.blackbutton:hover, .blackbutton2:hover {background:black;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.navigation {
	margin:5px;
	float:right;
}

.navbutton{
	padding:10px;
	margin-top:2px;
	letter-spacing:1px;
	text-align:left;
	font-size:14px;
}

.navbutton:hover{
	background:#e5e5e5;
}

.navbutton1 {padding:10px;
	letter-spacing:1px;
	text-align:left;
	font-size:14px;
	opacity:.6;
	position:relative;}
	.have-item {position:absolute;top:-10px;right:-6px;width:24px;height:24px;background:#CCC;color:#000;font-size:10px;text-align:center;line-height:24px;border-radius:50%;}
.navbutton1:hover {opacity:1;}
.navbutton2 {padding:0 10px 0 0;
    margin:12px 0 12px 15px;
	letter-spacing:1px;
	text-align:left;
	font-size:14px;
	opacity:.6;}

.columntitle {
	margin-top:10px;
	font-size:20px;
}

.featurecontainer {
	position: relative;
}

.imgmargin {
	margin-top:-60px;
	width:250px;
}

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

.box1 {
	background-image: url(../img/image.jpg);
	background-position: center;
	margin:10px 10px 0px 10px;
	padding:20px;
}
input,select {width:100%;padding:8px 15px;margin:0 0 10px 0;}
textarea {width:100%;padding:8px 15px;margin:0 0 10px 0;border:1px solid #000;}
input[type="checkbox"]:not(:checked),
input[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
input[type="checkbox"]:not(:checked) + label,
input[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}

/* checkbox aspect */
input[type="checkbox"]:not(:checked) + label:before,
input[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: -2px;
  width: 17px; height: 17px;
  border: 1px solid #000000;
  background: #FFFFFF;

  box-shadow: none;
}
/* checked mark aspect */
input[type="checkbox"]:not(:checked) + label:after,
input[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 0; left: 4px;
  font-size: 14px;
  color: #000000;
  transition: all .2s;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
}
/* checked mark aspect changes */
input[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform : scale(0);
}
input[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform : scale(1);
}
/* disabled checkbox */
input[type="checkbox"]:disabled:not(:checked) + label:before,
input[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #000000;
  /*background-color: #ddd;*/
}
input[type="checkbox"]:disabled:checked + label:after {
  color: #000000;
}

/* accessibility */
input[type="checkbox"]:checked:focus + label:before,
input[type="checkbox"]:not(:checked):focus + label:before {
  border: inherit;  border: 1px solid #000000;
}

.box1content {
	text-align: center;
	width: 80%;
	margin: auto;
	background: rgba(255,255,255,0.9);
	padding: 50px 20px 70px;
	border: 0px solid #000;
}

.font20 {
	font-size:19px;
}
.font20b {
	font-size:21px;
	font-family:"helveticaneue_lt_97_blackcnRg",Arial,Helvetica,Sans Serif;
}

.box2 {
	background:#d9d9d9;
	margin:0px 10px 10px 10px;
	padding:20px;
}

.readcontainer {
	position: relative;
	margin-top:30px;
	margin-bottom:0px;
	height:80px;
}

.readcontainer:before {
	content: '';
	position: absolute;
	border-bottom: 1px black solid;
	height: 100%;
	width: 100%;
	transform : translateY(-74%);
	z-index:-9999;
	margin-left:-15px;
}

.middleline {
	position: relative;
	margin-top:30px;
	height:40px;
}

.middleline:before {
	content: '';
	position: absolute;
	border-bottom: 1px black solid;
	height: 100%;
	width: 100%;
	transform : translateY(-70%);
	z-index:-9999;
	margin-left:-10px;
}


.whitebgtext {
    background-color:white;
	padding-left:20px;
	padding-right:20px;
	font-size:30px;
	color:black;
}

.text-left {
	text-align:left;
}

.info2 {
	position: relative;
	text-align:left;
	margin-top:10px;
}

.info2:after {
	content: '';
	display: block;
	position: absolute;
	left: 10px;
	width:50%;
	border: 1px solid black;
}
.infostatic {
	position: relative;
	text-align:left;
	margin-top:10px;
}

.socialmedia {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	color:#b6b6b6;
	padding-left:10px;
}

.infocontainer {
	padding:10px;
	background:rgba(255,255,255,0.8);
	width:100%;
	cursor:pointer;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
}
.infocontainerstatic {
	padding:10px;
	background:rgba(255,255,255,0.9);
	width:100%;

}

.hover-content {
	display:none;	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
}

.infocontainer:hover {
	margin-top:-50px;
	padding-bottom:60px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
}

.infocontainer:hover .hover-content{
	display:block;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
}

.newsletterbg {
	background-image: url(../img/image-5.jpg);
	background-position: center;
	background-size:cover;
	width:100%;
	height:300px;
	padding:30px;
	color:white;
	display:table;
}

.newsletterbg2 {
	background-image: url(../img/image.jpg);
	background-position: center;
	background-size:cover;
	width:100%;
	height:180px;
	padding:30px 60px;
	color:white;
	display:table;
}
.newsletterbg .newsletterbox {display:table-cell;vertical-align:middle;padding-left:10%;}
.newsletterbg2 .newsletterbox {display:table-cell;vertical-align:middle;}

.sitemap {
	padding:10px;
	margin-top:30px;
	margin-bottom:30px;
}

.box {
	padding:0px;
	margin:0px;
}

#hover-content {
    display:none;
}
#parent:hover #hover-content {
    display:block;
}



.navbaricon {
	font-size:18px;
	line-height:22px;
}

.marketing .col-lg-4 {padding:0 4px;}
.image-col-3 {background-size:cover;height:210px;}
.parent {
	width:100%;
	height:250px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:120px;
}
.parentstatic {
	width:100%;
	height:250px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:160px;
}


.child {
	width:100%;
	position:absolute;
}
.childstatic {
	width:100%;
	position:absolute;
}
.borderleft {
	border-left:1px solid #DDDDDD;
}
.borderblack {
	border-left: 1px solid #000000;

}

.font30 {
	font-size:30px;
	line-height:32px;
}

.font50 {
	font-size:50px;
}

.whitefont {
	color:white;
}


#navhover {
    display:none;
}
#navbutton:hover #navhover {
    display:block;
}

#navbar > ul > li {
    position: relative;
    z-index: 100;
}

.formcontrol, .formcontrolselect{
	border: 1px solid #000;
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
}

/* SECOND LEVEL */
#navbar > ul > li > ul {
	margin-top:20px;
    position: absolute;
    left: 0;
    top: 100%;
    padding: 50px 1000em; /* trick from css-tricks comments */
    margin: 0 -1000em; /* trick from css-tricks comments */
    z-index: 101;
    visibility: hidden;
    opacity: 0;
	list-style:none;
	background:rgba(255,255,255,0.9);
   	background-image: url(../img/headerbg.png);
	background-repeat:no-repeat;
	background-position: center;
	height:300px;
	letter-spacing:1px;
	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
}

#navbar > ul > li:hover > ul {
    visibility: visible;
    opacity: 1;
	text-align:left;
	letter-spacing:1px;
	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
}

.navbar-collapse {
	background:white;
	overflow-x:hidden;
}

.navbar-toggle {
	border:none;padding:0;
}

a {
	color:black;
}

a:hover {
	color:#7f7f7f;
	text-decoration:none;
}

.title {
	font-size:25px;
	line-height:25px;
}

.subtitle {
	font-size:25px;
	text-transform :uppercase;
	line-height:25px;
}

.title2 {
	font-size:25px;
}

.video {
	width:100%;
	border:5px solid black;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	background:black;
}

.padding20 {
	padding-left:50px;
	padding-right:50px;
}
.paddingleft {
	padding-left:30px;

}

strong {
	letter-spacing:1px;
}

.margintop10 {
	margin-top:10px;
}
.margintop20 {
	margin-top:20px;
}

.paddingtop50 {
	margin-top:50%;
}

.navfloat {
	float:right;
}

.lightgreyfont {
	color:#b6b6b6;
}

.darkgreyfont {
	color:#7f7f7f;
}

.font40 {
	font-size:40px;
}

.invert a {
	color:#7f7f7f;
}

.invert a:hover {
	color:black;
}

@media screen and (max-width: 768px) {
	.navfloat {
		float:left;
	}

	.borderleft {
		border:none
	}

	#navbar > ul > li {
		position: initial;
		z-index: 100;
	}

	/* SECOND LEVEL */

	#navbar > ul > li > ul {
			margin-top:-500px;
			padding-left:50%;
    		position: initial;
    		left: 0;
    		top: 100%;
    		padding: 0; /* trick from css-tricks comments */
    		margin: 0; /* trick from css-tricks comments */
    		z-index: 99999999;
    		visibility: hidden;
    		opacity: 0;
			background:white;
   			background-image:none;
			height:auto;
			letter-spacing:1px;
			width:100%;
			list-style:none;
			padding-left:10px;
			display:none;
	}

	#navbar > ul > li:hover > ul {
    		visibility: visible;
    		opacity: 1;
			list-style:none;
			text-align:left;
			letter-spacing:1px;
			display:block;
		}


}

.space:before {
	content:"   ";
	padding-left:16px;
}

.navbutton:before {
	content:"";
	padding-left:5px;
}

.navbutton:after {
	content:"";
	padding-left:5px;
}

.pushleft {
	float:left;
	margin-left:-15px;
}

.pushright {
	margin-right:-15px;
}

.manualleft {
	margin-left:-7px;
}

.hblackfont {
	font-family:"helveticaneue_lt_97_blackcnRg";
}

.font16 {
	font-size:16px;
}
.fontBold{
	font-weight: bold;
}
.productparent {
	position:relative;
	max-width:250px;
	height:470px;
	margin-left:auto;
	margin-right:auto;
}

.productparent .product-link {position:relative;display:block;}
.productparent .product-link:hover {background:#ccc;}
.productparent .product-link span {display:none;width:70%;position:absolute;top:45%;left:0;right:0;margin:0 auto;padding:12px 20px;background:rgba(0,0,0,.5);color:#fff;font-size:16px;text-transform:uppercase;letter-spacing:2px;}
.productparent .product-link:hover span {display:inline-block;}

.productchild {
	position:absolute;width:100%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
}


.productinfo {
	padding:10px;
	width:100%;
	cursor:pointer;
}

.productchild:hover{
	background:rgba(234,234,234,0.9);
	width:100%;
	cursor:pointer;
	margin-top:-20px;
	padding-bottom:20px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;

}

.productchild .moreinfo{
	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
}

.productchild:hover .moreinfo{
	margin-bottom:30px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
}

.productchild:hover .moreproductdetail{
	color:red;
}

.pagination1 {
	margin-top:50px;
}

.pagination1 .spacing {
	padding:10px;
}

.pageselected {
	text-decoration:underline;
}

.pagination1 a {
	color:#999999;
}

.halfborder {
	width:80px;
	height:30px;
	border-top:6px solid white;
	margin:auto;
}

.halfborderblack {
	width:80px;
	height:30px;
	border-top:6px solid black;
	margin:auto;
}

.pageguide {
	border-bottom:1px solid black;
	margin-left:10px;
	margin-right:10px;
	text-align:center;
	margin-top:20px;
}

.middlelinetext {
    background-color:white;
	padding-left:20px;
	padding-right:20px;
	font-size:20px;
	color:black;
}

.paddingtopbottom {
	padding-top:30px;
	padding-bottom:20px;
}

.marginbottom40 {
	margin-bottom:40px;
}
.margin10 {
	margin:10px;
}
.companycontainer {
	background-image:url(../img/rainforest.jpg);
}

.blacktransbg {
	margin:10%;
	padding-top:30px;
	padding-bottom:30px;
	background:rgba(0,0,0,0.7);
}

.product-section {position:relative;max-height:450px;color:#fff;margin-bottom:40px;}
.product-img {height:450px;background-position:center;}
.headercontent-wrap {width:100%;min-height:450px;vertical-align:middle;display:table;margin:0 auto;position:absolute;top:0;left:0;}
.headercontent-wrap1 {width:100%;min-height:150px;vertical-align:middle;display:table;margin:0 auto;position:relative;top:0;left:0;color:#000;}
.headercontent {max-width:60%;padding:0 20%;vertical-align:middle;display:table-cell;text-align:center;}

table {
  width: 100%;
}

/*.login-form input {max-width:94%;}*/

.cartitem {
	width:70%;
	padding:10px;
	display:inline-block;
}
.wishlistitem {
	width:100%;
	padding:10px;
	display:inline-block;
}

.cartvalue {
	float:right;
	width:30%;
	padding:10px;
}

.extrasmall {zoom: .6;font-family:"HelveticaNeueCond",Arial,Helvetica,Sans Serif;}

.cartphoto {max-width:100%;}
.cartphoto img {max-width:100%;min-width:110px;}

.cartphoto, .cartdetails, .cartprice {
	display:inline-block;
	float:left;
	height:auto;
}


.cartdetails {
	padding:10px 20px;
}


.cartprice {
	padding:10px 20px;
}

.quantity-select {float:left;margin:-6px 0 0 6px;}
select {
    padding:10px 30px 10px 10px;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    -webkit-box-shadow: 0 0px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 0px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 0px 0 #ccc, 0 -1px #fff inset;
    background: #000000;
    color:#ffffff;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

.wishlistbutton {margin-top:20px;}
.title-underline{
    border-top: 1px solid #000;
}
.totaltable {
padding: 10px;
	background:#eaeaea;
	width:100%;
	margin-top:20px;
}
.totaltable h3{
    border-bottom: 1px solid #000;
    line-height: 35px;
}

.table-cell {background:#F6F6F6;padding:10px;height:160px;overflow-y:scroll;}
.table-cell ul {padding:0;margin:0;list-style:none;text-align:left;}
.table-cell li {text-align:left;display:inline-block;padding:1px 5px;margin:4px 2px;border-right:1px solid #666;}

.padding {
	padding:10px;
}

.marginbottom100 {
	margin-bottom:100px;
}
.marginbottom300 {
	padding-bottom: 300px;
}

.cartcontainer {
	min-height:150px;
	margin-bottom:20px;
	border-bottom:1px solid black;
}
.wishlistcontainer {
	min-height:150px;
	margin-bottom:20px;
	border-bottom:1px solid black;
}

a.linkwhite {
	color:white;
}

@media screen and (max-width: 1220px) {

	.pushleft {
		float:none;
		margin-left:auto;
	}

	.pushright {
		float:none;
		margin-right:auto;
	}

	.manualleft {
	margin-left:auto;
	}

}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:38px}
}

label.custom-select {position:relative}
label.custom-select:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#fff;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:6px; top:12px;
    padding:0 0 2px;
    border-bottom:0px solid #ddd;
    position:absolute;
    pointer-events:none;
}
label.custom-select:before {
    content:'';
    right:6px; top:0px;
    width:10px; height:20px;
    background:#000000;
    position:absolute;
    pointer-events:none;
    display:block;
}

.boxOutline{
    border: 1px solid #000;
    padding: 12px;
    margin-bottom: 15px;
}