/*
Theme Name: CDI's Theme
Author: Mark Cicchetti (mark@markcicchetti.info)
Description: Bootstrap based custom theme
Version: 1.0.0
Tags: bootstrap, custom, WooCommerce
*/
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(assets/css/font-awesome.min.css);
@import url('https://fonts.googleapis.com/css?family=Muli');
@viewport {
    width: device-width;
	zoom: 1;
	min-zoom: 1;
	max-zoom: 1;
}
iframe {
	max-width: 100vw;
}
body {
	background-color: white;
	background: url(assets/css/images/bg-site.png) 0 0 repeat white;
	font-family: 'Source Sans Pro', sans-serif !important;
	color: #676767;
	letter-spacing: .032em;
}
.CDI-loading {
	position: relative;
    width: 103px;
    height: 83px;
	margin:0;
}
.CDI-loading span {
	position: absolute;
	width: 103px;
	height: 83px;
	margin: 0;
	background-image: url(assets/css/images/CDI-loading.png);
	-webkit-animation:spin 4s linear infinite;
	-moz-animation:spin 4s linear infinite;
	animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotateY(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotateY(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotateY(360deg); transform:rotateY(360deg); } }
.CDI-loading-z {
	position: relative;
    width: 103px;
    height: 83px;
	margin:0;
}
.CDI-loading-z span {
	position: absolute;
	width: 103px;
	height: 83px;
	margin: 0;
	background-image: url(assets/css/images/CDI-loading.png);
	-webkit-animation:spiny 4s linear infinite;
	-moz-animation:spinh 4s linear infinite;
	animation:spinh 4s linear infinite;
}
@-moz-keyframes spinh { 100% { -moz-transform: rotateZ(360deg); } }
@-webkit-keyframes spinh { 100% { -webkit-transform: rotateZ(360deg); } }
@keyframes spinh { 100% { -webkit-transform: rotateZ(360deg); transform:rotateZ(360deg); } }
.CDI-loading-x {
	position: relative;
    width: 103px;
    height: 83px;
	margin:0;
}
.CDI-loading-x span {
	position: absolute;
	width: 103px;
	height: 83px;
	margin: 0;
	background-image: url(assets/css/images/CDI-loading.png);
	-webkit-animation:spinx 4s linear infinite;
	-moz-animation:spinx 4s linear infinite;
	animation:spinx 4s linear infinite;
}
@-moz-keyframes spinx { 100% { -moz-transform: rotateX(360deg); } }
@-webkit-keyframes spinx { 100% { -webkit-transform: rotateX(360deg); } }
@keyframes spinx { 100% { -webkit-transform: rotateX(360deg); transform:rotateX(360deg); } }
/*	Top navigation	*/
.login h1 a {
	background: none;
}
.woocommerce .cart-collaterals .cart_totals {
	float:none;
	width: 60%;
	margin: 0 auto;
}
.woocommerce-MyAccount-navigation ul li {
	display: inline-block;
	padding: 3px 6px;
	background-color: #999999;
  }
#mobileSearch .searchBox {
	position: fixed;
	left:0;
	top: 0;
	width: 100vw;
	height:0;
	overflow: hidden;
	transition: height 1s;
	z-index: 100;
}
#mobileSearch .searchBox.active {
	height: 47px;
	transition: height 1s;
	background-color: white;
}
#mobileSearch .glypicon-search {
	width: 29px;
	float: left;
}
#content div.cart_totals h2 {
	color: white;
	background-color: #713277;
	padding:6px;
	border-radius: 3px;
	text-align: center;
}
.woocommerce .cart-collaterals {
	margin-bottom: 24px;
}
#topLinks {
    text-align: right;
	margin: 0;
	padding: 0 24px 24px 0;
}
.navbar-default li a {
    padding-top: 22px;
}
.navbar.navbar-default {
    border-top: 6px solid white;
}
#responsive-menu-additional-content {
    padding: 15px !important;
    background: #676767;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0px;
}
.mb-footer {
    width: 1170px;
    max-width: 100%;
    margin: 0 auto !important;
}
.navbar-toggle {
    margin-top: 2px;
}
#navbar-collapse-1 {
    top: 0px;
}
#searchBox a {
    padding: 0;
    text-align: center;
    font-size: 80%;
    line-height: .9;
}
#wooswipe {
	width: 49%;
	float: left;
}
del:before {
	content:"(msrp ";
}
del:after {
	content: ")";
}
del {
	color: #676767;
	text-decoration: none;
	font-size:85%;
}
del .woocommerce-Price-amount {
	padding: 0;
}
.woocommerce-Price-amount {
	font-weight: bold;
	padding: 0 8px;
}
a.button.ajax_add_to_cart {
	color:white;
	background-color: #713277;
	border-radius: 3px;
	padding: 0 4px;
	display: block;
	width: 98%;
	margin: 4px auto;
}
a.added_to_cart.wc-forward {
	background-color: #DEDEDE;
	padding: 0 4px;
	border-radius: 3px;
}
button.single_add_to_cart_button.button {
    border: none;
    border-radius: 3px;
    background-color: #713277;
    color: white;
}
#mobileSearch {
	display: none;
}
/****
**	Home page stuff
*****/
body.home {
	background-color: white;
	overflow-x: hidden;
}
.home h1 {
	font-size: 35px;
	font-weight: 700;
	color: #676767
}
.home .vc_row {
	margin-left: 0;
	margin-right: 0;
}
.home h2 {
	font-weight: normal;
	font-size: 25px;
}
.home .mainNav {
	margin-bottom: 0;
}
.vc_separator.vc_separator-has-text.vc_separator_align_center h4 {
	height: 60px;
	background-color: #DEDEDE;
	border: 1px #BE1623 solid;
	padding: 24px;
	font-family: 'Italianno', cursive;
	font-size: 38px;
	padding-top: 11px;
	color: #333333;
}
/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
}
/* flip the pane when hovered */
.flip-container.hover .flipper {
	transform: rotateY(180deg);
}
.flip-container .front p {
	margin-top: 45px;
}
.flip-container .back p {
	margin-top: 12px;
}
.flip-container, .front, .back {
	width: 248px;
	height: 435px;
	text-align: center;
}
.front a:first-child {
	margin-top: 220px;
	margin-bottom: 20px;
}
.back a:first-child {
	margin-top: 220px;
	margin-bottom: 8px;
}
/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
}
/*
	Rules for responsive mobile menus on homepage
*/
.CDI-close.close {
	background-color: #C8C6BA;
	width: 40px;
	height: 40px;
	text-align: center;
	position: relative;
	border-radius: 50%;
	font-size: 24px;
	line-height: 36px;
	box-shadow: 0 0 9px #111;
	display: inline-block;
	margin: 0 auto;
	float: none;
	opacity: .45
}
.CDI-close.close::before {
	content: 'X';
	color: white;
}
.vc_row-fluid {
    max-width: 100vw;
}
.content.container {
    max-width: 100%;
    margin: 0 auto;
    background-color: white;
}
#primary main > .container {
	width: 100%;
}
#primary {
	margin-top: 24px;
}
#primary .container-full {
	padding-left: 15px;
	padding-right: 15px;
}
.archive > div {
	margin-top:15px;
}
a:link, a:active, a:visited, a:hover {
	color: #4b3827;
	text-decoration: none;
	font-weight: 500;
}
.container {
	width: 1170px;
	max-width: 100%;
}
.form-control {
	border-radius: 1px;
}
sup {
	top: -.3em;
}
img {
	max-width: 100%;
	height: auto;
}
#content {
  position:relative;
  top: 24px;
}
#middle-div {
	background-color: white;
	border-radius: 4px;
}
#sidebar {
	width: 100%;
	border-radius: 4px;
	background-color: white;
	padding: 12px 4px;
}
#sidebar .woocommerce ul.product_list_widget li img {
	float: left;
	margin-right: 4px;
}
#sidebar ul.product_list_widget .product-title {
	font-weight: normal;
	font-size: 80%;
}
#sidebar ul.product_list_widget .amount {
	display: none;
}
h2 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: .032em;
}
h2:first-child {
	margin-top: 50px;
	margin-bottom: 24px;
}
h3, .h3 {
	font-size: 14px;
	font-weight: bold;
}
#content h2, #content h1, #content p, #content div, #content strong, #content td, #content th {
	color: #676767;
}
h1 {
	font-size: 20px;
	font-weight: bold;
}
p {
	line-height: 20px;
	font-size: 14px;
	font-family: 'Source Sans Pro', sans-serif;
	letter-spacing: .032em
}
p + p {
	line-height: 26px;
	margin-top: 20px;
}
.woocommerce-store-notice, p.demo_store {
	background-color: #C1A211;
	color: white;
}
.input-group, textarea, div.not-required, select {
	margin-bottom: 4px;
}
.container.navLinks-container {
	width: 100%;
	max-width: 100%;
	padding: 0;
}
ul.products li {
	text-align: center;
	width: 32%;
	margin-right: 1%;
	border: 1px solid #DEDEDE;
	border-radius: 3px;
	list-style: none;
	display: inline-block;
	vertical-align: top;
	min-height: 180px;
	margin-bottom: 24px;
}
li.widget {
	list-style-type: none;
}
.checkoutpage .container.navLinks-container {
	margin-top: 12px;
}
.thankyou table.pdgmain td {
	padding: .5% 1%;
}
.special {
	color: #AB1F2E;
	font-weight: bold;
	text-align: center;
}
#mobile-nav-header .navbar-brand {
	display: none;
}
.nav > li.cartExtra {
	display: none;
}
ul.nav li.cartContainer>a {
	padding: 24px 0 0;
	line-height: 18px;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 12px;
}

.wrapper {
	width: 1170px;
}
.footer-wrapper {
	min-height: 200px;
	background-color: #676767 ;
}
container-fluid.footer-wrapper * {
	background-color: white;
}
#topLinks * {
	color: #595650;
	font-size: 14px;
	letter-spacing: .032em;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: bold;
}
.home #topLinks * {
	color: #595650;
}
#topLinks div {
  display: inline-block;
  padding: 0 27px 0 20px;
}
#topLinks > div:last-child {
  padding-right: 50px;
}
#topLinks .rightBorder {
  border-right: 1px solid #c8c6ba;
}
.navbar.navbar-default {
	border-radius: 4px;
	border: none;
	z-index: 35000;
}
.navbar-default .nav.navbar-nav {
	margin-left: 0px;

}
.navbar-nav.navbar-right:last-child {
	margin-right:19px;
}
.navbar-default .navbar-nav *, .navbar-default .navbar-nav > li > a, .menu > li {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	color: #676767;
	letter-spacing: .032em;
	list-style: none;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #ffffff;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color: #676767;
}
/*	WP menu stuff */
.mainNav {
	background-color: transparent;
	margin-bottom: 0;
}
.mainNav .navbar-default {
	width: 100vw;
	max-width: 100vw;
	margin: 0 auto;
	padding: 0;
}
ul.menu {
	text-align: right;
}
.menu > li {
	letter-spacing: .032em;
	list-style: none;
	display: inline;
}
.menu > li a {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15.6px;
	text-transform: uppercase;
	font-weight: bold;
	color: #676767;
	padding: 12px 15px 22px;
	letter-spacing: .08em;
	text-decoration: none;
}
.menu .sub-menu {
	display: none;
}
.navbar-default .navbar-nav .glyphicon {
	font-family: "Glyphicons Halflings";
	font-weight: normal;
}
.navbar-default li {
	height: 65px;
}
.sidebar-content .navbar-default li {
	height: auto;
	border-bottom: 1px #DDDDDD solid;
}
.sidebar-content .nav-stacked>li+li {
	margin-top: 0;
}
.navbar-default li a {
	padding-top:26px;
	padding-bottom: 22px;
}
.navbar-brand {
	display: inline-block;
	width: 188px;
	height: 42px;
	position: relative;
	top: 12px;
	background: url(assets/images/logo.png) no-repeat top left transparent;
}
.navbar-collapse {
	padding:0;
}
.nav>li>a {
	padding: 24px 0;
}
.sidebar-content .nav>li>a {
	padding: 10px 15px
}
.sidebar-content .dropdown-menu {
	padding-top: 0;
}
.sidebar-content .navbar-default li a {
	padding: 10px 15px;
}
.sidebar-content .navbar-default {
	background-color: #fff;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	background-color: #fff;
}

.checkoutpage .navbar-brand {
	top: -26px;
}
.dropdown.open {
	height: auto;
}
.dropdown-menu.arrow_box li {
	height: auto;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color: transparent;
}
.arrow_box li {
	height: 49px;
}
.arrow_box li:last-child {
    border-bottom: none;
}
.badge {
	background-color: #998f76;
}
.badge.active {
	background-color: white;
	color: #988E76;
}

.arrow_box li a {
	padding-top:12px;
	padding-left: 28px;
	letter-spacing: .08em !important;
}
.dropdown-menu {
	top: 12px;
	left: 30px;
	background-color: #b4a667;
}
.dropdown-menu.arrow_box {
	position: absolute;
	background-color: #b4a667;
	border: none;
	top: 83px;
}
.navbar-nav .dropdown-menu {
	left:-24px;
	right: auto;
	min-width: 241px;
}
.navbar-default .navbar-nav .dropdown-menu > li > a {
	color: white;
}
.navbar-default .navbar-nav .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .dropdown-menu > li > a:active {
	background-color: #FFF;
	color: #337ab7;
}
.navbar-nav > li > .dropdown-menu {
	border-radius: 4px;
}
.dropdown-menu.arrow_box {
	position: absolute;
	background-color: #eee;
	border: none;
	top: 38px;
}
.dropdown-menu.arrow_box li {
	position: relative;
}
.dropdown-menu.arrow_box ul {
	background-color: #FFF;	
}
.dropdown-menu.sub-menu {
	left: 150px;
	top: 20px;
}
.dropdown-menu.arrow_box:after, .dropdown-menu.arrow_box:before {
	bottom: 100%;
	left: 25%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.dropdown-menu.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #DDDDDD;
	border-width: 7px;
	margin-left: -7px;
}
.dropdown-menu.arrow_box li {
	border-bottom: 1px #ddd solid;
	padding-right: 0 !important;
}
.dropdown-menu.arrow_box li:last-child {
	border-bottom: none;
}
.sidebar-content .dropdown-menu.arrow_box li a {
	color: #4b3827;
}
.dropdown-menu.arrow_box li a {
	text-transform: none !important;
	color: white;
	font-size: 14px;
}
.dropdown-menu.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #ddd;
	border-width: 13px;
	margin-left: -13px;
}
.cartContainer #cartCount {
	display: block;
	line-height: .4;
	text-align: center;
}
li.cartContainer {
	position: absolute;
	right: 40px;
	bottom: 12px;
}
#searchBox {
	position: absolute;
	width:240px;
	right: 100px;
	top: 12px;
}
#searchBox .btn {
	padding: 5px 12px;
}
.content.plaque, #content.plaque {
	background-color: transparent;
	border: 15px solid white;
	margin-top:40px;
	
}
.container.content.plaque {
	width: 920px;
	max-width: 100%;
}
.news-column {
	max-width: 90vw !important;
}
.plaque .cart div:first-child, .plaque .cart div:first-child, .plaque .cart-collaterals div:first-child  {
	padding: 0 !important;
}
.plaque .woocommerce .content {
	padding: 24px 36px;
  }
.woocommerce ul.products li.product a img {
	width: auto;
	margin: 0 auto;
}
.woocommerce-cart-form tr:last-child {
	margin-top: -12px;
}
.woocommerce-message {
	display: none;
}
.product-page {
	text-align: center;
}
.product-page a {
    padding:8px;
    background-color: #713277;
    color: white;
    border-radius: 1px;
    width: 300px;
    max-width: 100vw;
    display: inline-block;
}
.product-page a:hover, .product-page:active {
    text-decoration: none;
}
#content.productPage {
	background-color: transparent;
	color: white;
	padding-top: 60px;
}
#content.productPage h2, #content.productPage h1, #content.productPage p, #content.productPage div, #content.productPage strong, #content.productPage td, #content.productPage th {
	color: #c8c6ba;
}
#content.productPage h1 {
    margin-top: 0;
    font-weight: normal;
    font-size: 33px;
    margin-bottom: 36px;
}
ul.page-numbers {
    list-style: none;
    margin: 0 auto;
    display: table;
    margin-bottom: 12px;
}
ul.page-numbers li {
    display: inline-block;
    margin: 0 12px;
    border-radius: 50%;
    background-color: rgb(240, 240, 240);
    width: 18px;
    text-align: center;
}

.woocommerce table.shop_table .product-quantity {
	text-align: right;
}
.woocommerce table.shop_table .product-price {
	text-align: right;
}
.woocommerce table.shop_table td.product-price {
	padding-right:16px;
}
.woocommerce table.shop_table .product-subtotal {
	text-align: right;
	padding-right: 15px;
}
.woocommerce table.shop_table td.product-quantity {
	padding-right: 14px;
}
.woocommerce table.shop_table .product-thumbnail a {
	background-color: transparent;
}
.woocommerce a.remove {
	background-color: #713277;
	color: white !important;
	padding: 1px 4px;
}
.woocommerce-shipping-destination {
    background-color: #DEDEDE;
    padding-left: 4px;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
	content: '';
	display:none;
}
.woocommerce-checkout.CDI-checkout #payment div.payment_box {
	margin-top: 0;
	padding-top: 0;
}
.CDI-checkout #payment .payment_box p.form-row {
	margin-left: -30px;
}
#CDI_proceed, #good_points div {
	padding: 0;
	margin: 0 0 16px;

}
#CDI_proceed {
	margin-top: 33px;
}
#CDI_proceed div:first-child {
	margin-bottom: 18px;
	padding: 0 12px;
	font-weight: 500;
}
.woocommerce table.shop_table, .woocommerce table.shop_table td, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
	border: none;
}
.CDI-checkout input[type="submit"] {
	font-family: "Source Sans Pro", sans-serif;
    width: 100%;
    max-width: 90vw;
    margin-top: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 17px !important;
    padding: 10px 1px;
    line-height: 1.42857143 !important;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    box-shadow: none;
    font-weight: bold !important;
}
.CDI-checkout #order_review {
	width: 50%;
}
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
	display: none;
}
.caron {
	display:inline-block;
	width: 12px;
	height:12px;
	background: url(assets/images/caret.png) bottom center no-repeat transparent;
}
.navbar-default .navbar-nav .vcaret {
  display: inline-block;
  font-size: 190%;
  line-height: 20px;
  position: relative;
  top: 15px;
  margin-top:-24px;
}
.CDI-shopping-cart {
	width: 50px;
	height: 50px;
	padding-left: 0;
	padding-top: 17px;
	font-size: 19px !important;
	text-align: center;
	color: white !important;
	text-shadow: 1px 1px 1px black;
	font-weight: bold;
	background: url(assets/images/cart-icon.png) no-repeat center center transparent;
	display: inline-block;
	background-color: #713277;
	background-size: 28px 30px;
	border-radius: 50%
}

/*******
**	Modal Dialogs
*******/
.modal-dialog {
	width: 400px;
	max-width: 100%;
}
.modal-backdrop.in {
	opacity: 0.6;
}
.modal-dialog {
	margin: 114px auto 20px;
}
.modal-header {
  background-color: #FFFFFF;
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  border-bottom: none;
  color: #676767;
}
.modal-header h4 {
	color:#4b3827;
	padding: 0 0 16px;
	font-size: 28px;
}
.modal-header .glyphicon-remove-sign {
	right: 10px;
	top: -10px;
	color: #676767;
}
.modal-content {
	border-radius: 1px;
}
.modal-footer {
	background-color: #FFFFFF;
    border-bottom-left-radius: 1px;
	border-bottom-right-radius: 1px;
	color: #676767;
	border-top: none;
}
.modal-footer .btn.btn-gold {
	color: #676767;
}
.footer-wrapper .social-links span.fa {
	border: 2px #c8c6ba solid;
	border-radius:60px;
	padding: 8px 10px;
	color: #dddddd;
	width: 33px;
	height: 33px;
	margin-left: 8px;
}
.footer-wrapper {
	padding: 55px 0 0;
	color: #dddddd;
	position: relative;
	top: 43px;
}
.footer-wrapper h3 {
	line-height:36px;
	color: #dddddd;
	margin-top: 0;
}
.footer-wrapper a:link, .footer-wrapper a:visited, .footer-wrapper a:active, .footer-wrapper li {
	color: #DDDDDD;
	text-transform: none;
	line-height:2;
	letter-spacing: 0.04em;
}
.footer-wrapper a:hover {
	text-decoration: none;
	color: #e2e2e2;
}
.footer-wrapper .input-group {
	margin-bottom: 36px;
	max-width: 290px;
}
.footer-wrapper input.form-control {
	background-color: #676767;
	color: #dddddd;
	border: 2px solid #DEDEDE;
}
#getMoreInfo input {
    background-color: white;
	border: 2px solid #dedede;
	color: #676767;
}
.footer-wrapper .input-group-addon {
	color: #676767;
	background-color: white;
}
.validation-glyph {
	background-color: white!important;
	border: 0px!important;
}
.glyphicon-asterisk {
	color: #FFFFFF!important;
}
.footer-wrapper .modal-body {
	padding:45px;
}
.footer-wrapper .modal-body div {
	text-transform:none;
	line-height:22px;
	font-size: 18px;
}
.footer-wrapper .modal-body label {
	font-weight: normal;
	font-size: 18px;
}
.footer-wrapper .social-links {
	margin-top: 11px;
	letter-spacing: .032em;
}
.footer-wrapper hr {
	width: 95%;
	height:1px;
	border-bottom: dashed #737373 1px;
	border-top: none;
	margin-top: 60px;
	margin-bottom: 40px;
}
.footer-wrapper .final p {
	text-transform: none;
	line-height: 1.2;
	margin-bottom: 0;
}
.footer-wrapper.checkout {
	text-align: center;
}
.footer-wrapper li {
	list-style: none;
}
.footer-wrapper ul {
	padding-left: 0;
}
#innercontent, #innercontentp {
	background-color: transparent;
	margin: 0px 24px 30px;
	width: 80%;
}

#innercontent.fullwidth, #innercontentp.fullwidth {
	width: 92%;
	margin: 34px auto 30px;
}
.social-links span:first-child {
	margin-left: 48px;
}
.final {
	color: #c8c6ba;
	font-weight: normal;
	text-transform: uppercase;
	background-color: #413D3A;
	padding-top: 24px;
	padding-bottom: 18px;
}
#footer-links a:link,
#footer-links a:hover,
#footer-links a:visited,
#footer-links a:active {
  text-decoration: none;
  line-height: 1.2;
  text-transform: none;
}
.btn, .button {
	text-transform: uppercase;
	border-radius: 1px;
}
.btn.btn-gold {
	background: #C1A211 none no-repeat;
	color: white !important;
	font-family: 'Source Sans Pro', sans-serif;
	border: none;
}
.btn.btn-gray {
	background: #676767;
	color: white;
	font-family: 'Source Sans Pro', sans-serif;
	border-radius: 1px;
}
button.btn.btn-beige, input.btn.btn-beige, .btn.btn-beige {
	background: #BBB5A7 none no-repeat;
	color: white;
	font-family: Verdana, sans-serif;
	border-radius: 1px;
}
a.btn.btn-beige, a.btn.btn-beige:hover, a.btn.btn-beige:visited {
	background: #BBB5A7 none no-repeat;
	color: white !important;
	font-family: Verdana, sans-serif;
	border-radius: 1px;
}
.beige {
	background-color: #e5dfd3;
}
#topLinks * {
	margin-top: 12px;
}
#mobile-menu-backdrop {
	display: none !important;
	z-index: 10000;
}
.navbar-collapse.collapse.in {
	position: absolute;
	right: 0;
	width: 80%;
}
.nav > li.mobileExtra {
	display: none;
}

#cartPulse {
    position: relative;
    width: 5px;
    height: 2px;
    border: none;
    box-shadow: 0 0 0 0 rgba(194, 163, 3, 0.7);
    border-radius: 50%;
    background-color: #713277;
    background-image: none;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    max-height: 2px;
    line-height: 0px;
    min-width: 5px;
    min-height: 5px;
    padding: 0;
    margin: 0;
	top: -19px;
	left: 24px;
    display: none;
	-webkit-animation: pulse 3s infinite cubic-bezier(0.66, 0, 0, 1);
	-moz-animation: pulse 3s infinite cubic-bezier(0.66, 0, 0, 1);
	-ms-animation: pulse 3s infinite cubic-bezier(0.66, 0, 0, 1);
	animation: pulse 3s infinite cubic-bezier(0.66, 0, 0, 1);
}
.pulse-button:hover 
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}
/*
	Some wholesale page rules
*/
#content.wholesale .leftPane  {
	float: left;
	width: 48%;
	height: 900px;
	padding: 0 5em;
	background-color: white;
}
 .wholesale .rightPane {
	float: right;
	width: 48%;
	padding-bottom: 24px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #E8E5D6;
 }
.wholesale .rightPane table {
	width: 95%;
	margin: 0 auto;
}
#inventoryTable th {
	background-color: #C8C6BA;
	text-transform: lowercase;
	font-weight: normal;
	padding: 4px;
}
#inventoryTable th:last-child {
	background-color: transparent;
}
#inventoryTable tr:nth-of-type(2) td {
	padding-top: 12px;
}
.wholesale .rightPane table * {
	text-align: center;
}
.wholesale .rightPane table tr:nth-child(1) th {
	text-align:left;
}
.wholesale .leftPane #picture {
	background-color: white;
	text-align: center;
	background-image: url(/images/loading_image.png);
	background-position: center top;
	background-repeat: no-repeat;
	height: 433px;
}
.wholesale .leftPane #swatches img[color="white"], .wholesale .leftPane #swatches img[color="natural"]  {
	border: 1px solid #AFAEAE;
}
.wholesale .leftPane #swatches img {
	margin:5px 3px;
}
#discount_table table tr td{
	padding: 3px 8px;
}
#discount_table table tr th {
	padding: 8px;
}
#discount_table #display_table {
	margin: 28px auto;
}
#display_table {
	background-color: #E8E5D6;
	margin: 12px auto;
	border-radius: 1px;
	width: 200px;
}
#display_table th {
	background-color: #C8C6BA;
}
#display_table th:nth-of-type(1) {
	border-top-left-radius: 4px;
}
#display_table th:nth-of-type(2) {
	border-top-right-radius: 4px;
}
#display_table tr:nth-child(2n) {
    background-color: rgba(0,0,0,.05);
}
/*
#display_table tr td:last-child, #display_table tr th:last-child {

	text-align:right;
}
*/
#categoryText {
	margin-top: 12px;
}
#CDI_multiadd {
	margin-top: 12px;
	width: 93%;
	font-family: Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	border-radius: 1px;
	letter-spacing: .2em;
}
#colorLabel {
	display: inline-block;
	width: 40px;
}
.btn.btn-sm.addButtonMini {
	background-image: none;
	background-color: #c8c6ba;
	text-transform: lowercase;
	height: 20px;
	padding-top: 0;
	color:#676767;
	width: 70%;
	min-width: 72px;
}
#colorChart {
	margin-bottom: 8px;
	margin-top: 12px;
}
.modal {
	z-index: 35050;
}
span.arrow {
	color: #6a6760;
}
#nav .complete {
	color: #FFFFFF;
}
#nav .pending {
	color: #FFFFFF;
}
#nav .currentStep {
	font-weight: bold;
	color: #713277;
}
.checkouthead {
	background-color: #D8D4C3;
	color: #6A6760;
	padding: 5px 0px 5px 5px;
	font-weight: bold;
	display: inline-block;
	width: 280px;
	margin-bottom: 6px;
}
#checkoutNavigation {
	text-align: center;
}
#checkoutNavigation .step {
	display: inline-block;
	width: 18%;
	color: #998F76;
	text-transform: uppercase;
	line-height: 2.2;
}
#checkoutNavigation .step .fa-chevron-right {
	margin-top: 8px;
}
.CDIGold, #wp-admin-bar-CDI_options.CDIGold {
	background-color: #713277;
	color: white;
}
.checkoutcontent {
	padding: 10px;
}
.checkoutsubmit {
	text-align: center;
	padding: 5px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
select.form-control {
	font-size: 13px;
}
.form-control:focus {
    border-color: #C1A211;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(193,162,17,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(193,162,17,.6)
}
input[type="text"]:focus, input[type="number"]:focus, input[type="tel"]:focus {
	outline-color: #713277;
}
.woocommerce form .form-row.woocommerce-validated input.input-text {
	border-color: #C1A211;
}
.woocommerce form .form-row.woocommerce-invalid input.input-text {
	border-color: #607763;
}
.woocommerce form .form-row .input-checkbox {
	position: inherit;
	margin-right: 0;
}
.checkout input[type="text"], .checkout select{
	width:280px;
	margin-bottom: 6px;
}
.checkout input[type="text"]:active {
	background-color: #CED97D;
}
#shiptobilling {
	padding-bottom: 6px;
}
#billmethod {
	width: 100%;
}
#verifyright {
	float: right;
	width: 250px;
	max-width: 29%;
}
#verifyleft {
	width: 650px;
	float:left;
	max-width: 69%;
}
.verifybox {
	border: 1px solid #D8D4C3;
	background-color: #E1DECE;
	color: #6A6760;
	margin: 0px 0px 10px 0px;
}
.verifyboxh {
	background-color: #D8D4C3;
	color: #6A6760;
	padding: 5px 0px 5px 5px;
	font-weight: bold;
}
.verifyboxc {
	padding: 5px;
	position: relative;
}
.verifyboxc table {
	width: 60%;
	margin-left:5px
}
.verifyboxc select, .verifyboxc input {
	height: 24px;
	margin: 2px 0;
}
#paypal {
	height: auto;
	margin: 0;
}
.shipimage {
	display: none !important;
}
.thankyou table {
	width: 100%;
	border: 1px solid #D8D4C3;
	background-color: #E1DECE;
	color: #6A6760;
}
.thankyou table table {
	border: 1px solid #D8D4C3;
	background-color: #D8D4C3;
}
.isMobile {
	display: none;
}
.notMobile {
	display: table-row;
}
.news-column {
	width: 505px !important;
	margin-left: 50px;
	padding: 10px 0;
	max-width: 100vw;
}
span.reversed {
	display: inline-block;
	transform: rotateY(180deg);
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	background-color: #713277 !important;
	color: white;
}
.woocommerce-message {
	border-top-color: #713277;
}
.woocommerce-message:before {
	color: #713277;
}
.product-thumbnail img {
	width: 40px;
	height: auto;
	max-width: 100vw;
}
.cross-sells h2, .cart_totals h2 {
	margin-top: 0;
}
.CDI-thumb-wrapper img {
	width: 100px;
	height: auto;
}
/**********************
**	Newslist signup
**********************/
#getMoreInfo .modal-dialog {
	border: 2px solid #676767;
	color: #676767;
	width: 50vw;
}
#getMoreInfo .modal-header {
	background-color: white;
	border-radius: 0;
}
#getMoreInfo .modal-footer {
	background-color: white;
	border-radius: 0;
}
#getMoreInfo .modal-body img {
	width: 100%;
	max-width: 100vw;
	height: auto;
}
#getMoreInfo .modal-content {
	border-radius: 0;
	color: #676767;
}
#getMoreInfo .modal-content p {
	color: #676767;
}
/********************
** GOTS
********************/
#GOTS {
    padding: 64px 0 0 16px;
    clear:both;
    margin-bottom: 65px
}
#GOTS > div {
	width: calc(100vw - 64px);
	max-width: 100%;
	margin: 0;
	border: 2px dotted #676767;
	padding: 0;
	background-image: url(https://www.CDItshirts.com/wp-content/uploads/2018/09/GOTS_bg.png) !important;
	background-position: 0 0 !important;
	background-repeat: repeat !important;
	min-height: 216px;
}
#GOTS .wpb_content_element {
    margin-bottom: 0;
}
#GOTSLogo {
	width: 240px;
	padding: 36px 0;
	text-align: center;
	border-right: 1px dashed #676767;
	float: left;
}
#GOTS p {
	padding-top: 48px;
	padding-left: 67px;
	float: left;
	font-size: 26px;
	max-width: calc(100% - 240px);
	line-height: 1.3;
	padding-right: 36px;
}
.CDI-single-product #GOTS p {
	letter-spacing: -.02em;
}
.fa {font-family: FontAwesome !important;}
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);}}

.topMenuContainer{
	display: none;
}
p.ws-fields input.input-text, 
p.ws-fields .input-text, 
p.d2c-fields input.input-text, 
p.d2c-fields .input-text{padding: 15px 10px 15px 15px; font-size: 16px; border:1px solid #dfe0e1;}
p.ws-fields textarea,p.d2c-fields textarea{height: 8em}
p.ws-fields .woocommerce-invalid input.input-text,p.d2c-fields .woocommerce-invalid input.input-text:focus{background: #fff}
p.d2c-fields.woocommerce-validated input.input-text:focus, p.d2c-fields .input-text:focus{border: 1px solid #808284 !important;}
p.ws-fields .select2-container--default .select2-selection--single,p.d2c-fields .select2-container--default .select2-selection--single{padding: 10px 15px; font-size: 16px; border-radius: 0; height: auto;}
p.ws-fields .select2-container .select2-selection--single .select2-selection__rendered,p.d2c-fields .select2-container .select2-selection--single .select2-selection__rendered{padding-left: 0;}
p.ws-fields .select2-container--default .select2-selection--single .select2-selection__arrow,p.d2c-fields .select2-container--default .select2-selection--single .select2-selection__arrow{right: 10px; top: 13px}
p.ws-fields.woocommerce-invalid.woocommerce-invalid-required-field input.input-text,p.d2c-fields.woocommerce-invalid.woocommerce-invalid-required-field input.input-text{border:1px solid #ff7e42 !important; }
p.ws-fields.woocommerce-validated input.input-text,p.d2c-fields.woocommerce-validated input.input-text{border: 1px solid #dfe0e1 !important; background: #fff;}
.error-div{
	padding: 10px 0px 0px 0px;
	display: none;
	width: 100%;
	color: #ff7e42 !important;
}
.error-div-card{
	display: none;
	width: 100%;
	color: #ff7e42 !important;
    padding: 12px 0 0;
}
.rounded-dot{display: none; position: absolute; border-radius: 20px; background: #ff7e42; width: 10px; height: 10px; left: 380px; margin-top: -30px;}
.rounded-dot-valid{display: none; position: absolute; border-radius: 20px; width: 10px; height: 10px; left: 380px; margin-top: -30px; background: #00bc37;}
.high_btn {line-height: 40px!important;font-size: 20px!important;font-weight: 300!important;}
.CDI-checkout #payment input.input-text, .CDI-checkout #payment select{border:1px solid #e1e5e6;}
.CDI-checkout #payment input.input-text::placeholder{font-size: 18px; color: #ccc}
.CDI-expiry{
	width: 29.5%;
    display: inline-block;
}
.CDI-csc{
    width: 20%;
    display: inline-block;
    margin-left: -7px !important;
}
.CDI-zip{    
	width: 25%;
    display: inline-block;
    margin-left: -7px !important;
}
.CDI-country{    
	width: 39%;
    display: inline-block;
    margin-left: -8px !important;
}
.CDI-country select{    
	font-size: 1.5em;
    padding: 7px 8px 7px;
    width: 100% !important;
    background: #fff;
    border: 1px solid #c7c1c6 !important;
    border-top-color: #bbb3b9 !important;
}

.zen-email-bar-container{position: fixed; z-index: 999999; width: 190px; background: #676767; color: #fff; border-top-left-radius:5px; border-top-right-radius:5px; bottom: 0; right: 10px; line-height: 28px}
.zen-email-bar-container span.message{background: none; color: #fff; padding: 0; border-top-left-radius: 0; margin-right: 0}
.zen-email-bar-container span{display: inline-block; background: #5b5b5b; color: #fff; padding: 0 10px; border-top-left-radius: 5px; margin-right: 5px}
.zen-email-bar-container a, .zen-email-container a:hover{color: #fff !important; text-decoration: none; font-size: 14px; font-weight: 700}

.zen-email-msg-container{position: fixed; display: none; right: 50px; bottom: 10px; width: 300px; box-shadow: 0 0 5px #ccc; border-top-left-radius: 7px; border-top-right-radius: 7px; background: white; z-index: 99999;}
.zen-email-msg-container .msg-header{display:inline-block; background: #676767; width: 100%; text-align: center; line-height: 35px; color: #fff; border-top-left-radius: 7px; border-top-right-radius: 7px; font-weight:700;}
.msg-header a.zen-close{position: absolute; color: #fff; right: 0; font-size: 24px; font-weight: 700; padding:0 15px 0 10px; text-decoration: none; line-height: normal;}
.msg-header a.zen-close:hover{color: #fff}
.msg-footer{display: inline-block; width: 100%; padding: 10px 20px; color:#333}
.msg-footer input[type=button],.msg-body input[type=button]{background: #676767; border-radius: 5px; width: 100%; line-height: 35px; border:1px solid #4f4f4f; font-size: 14px; font-weight: 700; color: #fff; opacity: 1;}
.msg-footer input[type=button]:disabled{opacity: 0.5;}
.msg-footer p{font-size: 12px; text-align: right; padding:20px 0 0; font-style: italic; margin: 0}
.msg-footer p span{font-style: normal; font-weight: 700}
.msg-body{display: inline-block; width: 100%; height: auto; background: #fff; padding: 15px; font-size: 14px; color:#666}
.msg-body textarea{resize: none; width: 100%; border:1px solid #ccc; border-radius: 3px; outline: none; padding: 5px 10px; margin-top: 5px;}
#onoo-email-message{height: 80px;}
.CDI-email-error{border: 1px solid red !important;}
.msg-body p{line-height: 18px; font-size: 14px;}
.msg-body input[type=text]{width: 100%; margin-bottom: 20px; padding: 7px 10px; border-radius: 3px; border:1px solid #ccc; outline: none}
.msg-body span{color:red;}
.CDI-checkout #payment input.input-radio{width: 5%; height: 1.2em; vertical-align: sub;}
.CDI-checkout #payment label{font-size: 20px}
.CDI-pre-radio{width: 45%; height: 1.5em}
.CDI-pre-radio-text{line-height: 25px; font-size: 22px;}
#signin p, #create p{width: 100%; margin-top: 0 !important;}
#signin p{font-size: 65% !important}
#signin p a, #create p a{color: #999}
#signin input.form-control, #create input.form-control{padding:10px 15px; font-size: 18px; border:1px solid #ccc;}
p.login-remember, p.login-forget-pass{display: inline-block; width: 49%}
p.login-forget-pass{text-align: right; float: right;}
input.btn-gold{width: 55%; padding:5px 0; line-height: 36px; font-size: 20px;}
p.login-username input.input, p.login-password input.input{
	font-size: 16px;
    padding: 10px 10px;
    /*line-height: 35px;*/
    height: auto;
}
p.login-remember input#rememberme{position: absolute;}
p.login-remember span{padding-left: 20px}
.CDI_promise .our_promise{width:280px; margin:0 auto;}

#content .woocommerce ul.order_details li strong{font-weight: 300;}
#pre_checkout_happiness {
	margin-top: 70px;
    text-align: center;
}
#cart_happiness {
	text-align: center;
    margin: 15px 0 100px 0;
}

.CDI_product_image img{width:calc(100% - 60px);}
.CDI_product_image{margin-bottom: 5px}
a.btn.btn-gold.btn-block.checkoutsubmit {
    font-family: "Source Sans Pro", sans-serif;
    width: 100%;
    max-width: 90vw;
    margin-top: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 17px;
    padding: 10px 1px;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    box-shadow: none;
    font-weight: bold;
}
.woocommerce #payment #place_order {
    margin-top: 20px;
}

#social-sign-up.disabled {
    background-color: #FFFFFF;
    color: #676767;
    cursor: auto;
}
#social-sign-up {
    cursor: pointer;
}
.CDI-product-title-mobile{display: none;}

.email-captured{display: none; width: 87%; margin-top: 25px; float: right;}
.textbar {
	font-size: 15px !important;
	width: 200px;
	border: 2px solid #676767;
	background: #C8C6BA;
	inset: 0 0 0 #fff;
	display: inline-block;
	padding: 8px 10px;
	font-weight: normal !important;
	margin-right: 0;
	color:#000;
	border-radius: 0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
}
.textbar::placeholder{color:#000;}
.signup-btn{width: 80px; font-size: 18px !important; display: inline-block; padding: 0 0; margin-top: -3px; /*float: left;*/ line-height: 56px; color:#676767; font-weight:700; margin-left: -3px; border:0px solid #fff;}
#navbar-collapse-1{width: 100%; opacity: 1}
/*.navbar-default .nav.navbar-nav{overflow: hidden; height: 270px; overflow-y: scroll; -webkit-overflow-scrolling:touch;}*/

.email-captured p{color: #333; font-size: 20px}
.our_promise strong{display: block; font-size: 15px}
.our_promise p{
	margin: 6px auto;
	width: 285px;
	border: 2px dotted #999;
	padding: 20px;
	font-size: 15px;
}
.holder{text-align: center; padding: 40px 0 20px; }
.holder a{padding: 0 15px; color: #999; cursor: pointer;}
.holder a:hover{text-decoration: none; color: #999}
.holder a.jp-current{text-decoration: underline; color: #333}
.holder a.jp-previous{padding-right: 15px; padding-left: 0}
.holder a.jp-next{padding-right: 0; padding-left: 15px}
.holder a.jp-previous:hover, .holder a.jp-next:hover{text-decoration: none;}
.holder a.jp-disabled{color: transparent;}

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

	.second-row .second-row{
		width: 528px
	}

	.second-row .second-row .wpb_column {
    width: 47%;
    display: inline-block;
 }

	.second-row .pima{
		margin-left: 26px;
		margin-top: 10px;
	}

	.second-row .organic-cotton{
		margin-left: 0;
		margin-top: 10px;
	}



}

 
@media screen and (max-width:991px) {
	.rounded-dot, .rounded-dot-valid{ display: none; position: absolute; border-radius: 20px; width: 10px; height: 10px;}
	.rounded-dot{background: #ff7e42;}
	.rounded-dot-valid{background: #00bc37;}
	.modal-header .close{font-size: 36px !important;}
}


@media screen and (max-width: 768px) {
	.modal-header .close{font-size: 36px !important;}
	#GOTSLogo {
		float:none;
		width: 100%;
		text-align: center;
		border-right: none;
		border-bottom: 2px dashed #676767;
	}
	#GOTS p {
		padding-left:48px;
		padding-right:48px;
		padding-bottom: 36px;
		width: 100%;
		clear:both;
		float: none;
		max-width: 100%;
		text-align: center;
	}
	.rounded-dot, .rounded-dot-valid{ display: none; position: absolute; border-radius: 20px; width: 10px; height: 10px; left: 325px;}
	.rounded-dot{background: #ff7e42;}
	.rounded-dot-valid{background: #00bc37;}
	.CDI_promise .sunburst {
        width: 100%;
        text-align: center;
    }
    .CDI_promise .sunburst img {
        width: 50%;
    }
    .CDI_promise .our_promise {
        clear: both;
        width: 100%;
        margin-top: 25px;
    }
    .zen-email-bar-container{width: 180px;}
	p {
		font-size: 125%;
		line-height: 23px;
	}
	ul.products li {
		width: auto;
	}
}


@media screen and (max-width: 767px) {
	#responsive-menu-container {
    background-image: none !important;
}


	.modal-header .close{font-size: 36px !important;}
	.woocommerce .cart td.product-name, .woocommerce .cart th.product-name {
		width: 100%;
	}
	.woocommerce table.cart td.actions .button:disabled {
		display: none;
	}
	.navbar-nav:last-child {
		margin-right: -9px;
	}
	.verifyboxc table {
		width: 80%;
	}
	.dropdown-menu.arrow_box::after, .dropdown-menu.arrow_box::before {
	  border: medium none transparent;
	}
	#content.content.container.plaque {
		border: none;
		margin-top: 15px;
	}
	.news-column {
		margin-left: 0;
	}
	#innercontent {
		margin-top: 0;
	}
	#checkoutform {
		padding: 0;
	}
	.btn.btn-green {
		background-color: #597c23;
		color: white;
		width: 80%;
		border-radius: 1px;
	}
	.navbar-default .navbar-toggle {
		padding: 4px 8px;
		top: 0px;
		border: none;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #e8e5d6;
		height: 4px;
		padding-top: 2px;
		width: 33px;
	}
	.navbar-default .navbar-toggle:hover {
		background-color: transparent;
	}
	.navbar-default .navbar-header {
		height: 45px;
	}
/*	#navbar-collapse-1 {
		position: fixed; 
		right: 0;
		width: 0;
		padding-left: 0;
		padding-right: 0;
		margin-right: 0;
		margin-left: 0;
		background-color: #C8C6BA;
		z-index:10005;
		top:0;
	}*/
/*	#mobile-nav-header {
		display: block;
		background-color: #676767;
		height: 45px;
		margin-left: -15px;
		margin-right: -15px;
		margin-top: 30px;
	}*/

/*	.navbar-default .navbar-nav * {
		font-size: 25px;
		top:16px;
		line-height:20px;
	}*/
	.navbar-default .navbar-nav > li {
		margin-left:20px;
	}
	.navbar-default .navbar-nav > li.dropdown {
		/*margin-left:0;*/
		margin-left: 15px;
		margin-right: 15px;
	}
	.navbar-toggle {
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 2px;
		float: right;
		margin-bottom: 8px;
		margin-right: 15px;
		margin-top: 8px;
		padding: 9px 10px;
		position: relative;
	}
/*	.nav > li.cartContainer {
		position: absolute;
		top: 18px;
		right: 0;
		
	}*/
	.navbar-nav .dropdown-toggle {
		margin-bottom: 20px;
	}
	.dropdown-menu li:first-child {
		margin-top: -20px;
	}
	.dropdown-menu li:last-child {
		margin-bottom: 20px;
	}
	.navbar-nav .open .dropdown-menu {
		margin-top: -15px;
	}
	.navbar-nav li.dropdown.open {
		background-color: #A19E94;
	}
	.navbar-nav li.dropdown.open ul {
		background-color: #BBB5A7;
	}
	.dropdown-menu.arrow_box li {
		border:none;
	}
	/*.navbar-default li {
		height: 48px;
	}*/
	.navbar-nav .open .dropdown-menu .dropdown-menu {
		margin-top: 0;
		margin-left: 15px;
	}
	.navbar-nav .open .dropdown-menu > li > a {
		line-height: 30px;
	}
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding-left: 40px;
	}
	/*.navbar-default li a {
		padding-top: 0;
	}*/
/*	.CDI-shopping-cart {
		background: transparent url("assets/css/images/cart-icon-mobile.png") no-repeat scroll center center;
	}*/
	.nav >li.mobileExtra {
		display: block;
	}
	.isMobile {
		display: table-row;
	}
	.notMobile {
		display:none;
	}
	#verifyright {
		float: none;
		width: 100%;
		max-width: 100%;
	}
	#verifyleft {
		width: 100%;
		max-width: 100%;
		float:none;
	}
	.woocommerce-cart-form tr {
		background-color: white;
		margin-bottom: 12px;
	}
	
	.mobileCart {
		display: inline-block;
		margin: 10px 0 0 0;
	}
/*	.topMenuContainer{
		display: block;
		width: 120px;
		float: right;
	}*/
	.zen-email-bar-container-footer{
		font-size: 15px !important;
	}

}

@media screen and (max-width: 767px) {
	.CDI-shopping-cart {
		background: #713277 url("assets/css/images/cart-icon-mobile-gray.png") no-repeat scroll center center;
	}
	#mobileSearch {
		position:absolute;
		top: 15px;
		right:105px;
		display: block;
	}
	
	.topMenuContainer{
		display: block;
		width: 106px;
		float: right;
	}

	#mobile-nav-header .navbar-brand {
		display: inline-block;
		width: 150px;
		height: 45px;
		position: relative;
		top: -30%;
		background: url(assets/images/CDILogo.gif) no-repeat top left transparent;
		background-size: contain;
		box-shadow: 3px 3px 2px #545454;
	}

	#navbar-collapse-1 {
		position: absolute;
		right: 0;
		width: 0;
		padding-left: 0;
		padding-right: 0;
		margin-right: 0;
		margin-left: 0;
		background-color: #C8C6BA;
		z-index:10005;
		top:-25px;
	}

		#mobile-nav-header {
		display: block;
		background-color: #FFFFFF;
		height: 45px;
		margin-left: -15px;
		margin-right: -15px;
		margin-top: 30px;
	}

	.navbar-brand {
		display: inline-block;
		width: 150px;
		height: 45px;
		position: relative;
		top: 0%;
		border-radius: 3px;
		background: url(assets/images/logo.png) no-repeat top left transparent;
		background-size: contain;
		box-shadow: 3px 3px 2px #545454;
	}

	.nav > li.cartContainer {
		position: absolute;
		top: 18px;
		right: 0;
		
	}

	.dropdown-menu li:first-child {
    	margin-top: 0px;
	}

	.navbar-default .navbar-nav > .open > a{
		padding-top: 12px;
    	padding-bottom: 12px;

	}

	.navbar-default .navbar-nav *, .navbar-default .navbar-nav > li > a, .menu > li {
		color: #676767;
	}

	.container > .navbar-header {
		margin-top: 15px;
	}
}
/* Mobile Menu */
#mobile_menu {
	display: none;
}
#mobile_menu #navigation {
	position: relative;
}
#home-banner-mobile {
	display: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
  .CDI-checkout h1{font-size: 34px}
  .first-row .right *{background-color:transparent; }
}


/**** IPHONE CSS MEDIA QUERY *****/


/* iPhone 6, 7, & 8 Plus in portrait & landscape */
@media screen and (min-device-width : 414px) and (max-device-width : 736px){
	.CDI-checkout #payment input.input-radio{width: 10%; height: 1.5em; vertical-align: sub; transform: scale(1.5)}
	.CDI-checkout #payment label{font-size: 20px}
	.CDI-pre-radio{width: 84%; height: 1.5em}
	.CDI-pre-radio-text{line-height: 25px; font-size: 22px;}
	.zen-email-bar-container{width: 170px; bottom: 20px; right: 20px; border-radius: 5px;}
	.zen-email-bar-container span{display: inline-block; background: #5b5b5b; color: #fff; padding: 0 10px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; margin-right: 5px}
	.zen-email-bar-container span.message{display: none;}
	.modal-header .close{font-size: 36px !important;}
	.zen-email-bar-container-footer{
		font-size: 15px !important;
	}
.zen-email-bar-container-footer .email-bar{color: #fff !important}
	    div#notDone{
        font-weight: bold !important;
        padding: 15px 1px !important;
    }
     .product-type-variable .woocommerce-product-gallery {
        height:calc(100vw * 1.1 + 1vh) !important;
    }

	.footer-wrapper h3 { font-size: 15px !important; font-weight: 900 !important; }
}

/* iPhone 6, 7, & 8 in portrait & landscape */
@media screen and (min-device-width : 375px) and (max-device-width : 667px){
	.CDI-checkout #payment input.input-radio{width: 10%; height: 1.5em; vertical-align: sub; transform: scale(1.5)}
	.CDI-checkout #payment label{font-size: 20px}
	.CDI-pre-radio{width: 84%; height: 1.5em}
	.CDI-pre-radio-text{line-height: 25px; font-size: 22px;}
	.modal-header .close{font-size: 36px !important;}
	.CDI-pre-radio-text{line-height: 25px; font-size: 22px;}	
	.zen-email-bar-container-footer .email-bar{color: #fff !important}

	.footer-wrapper h3 { font-size: 15px !important; font-weight: 900 !important; }
	    div#notDone{        
        font-weight: bold !important;
        padding: 15px 1px !important;
    }

    .single_add_to_cart_button{
        font-weight: bold !important;
        padding: 15px 1px !important;
    }
     .product-type-variable .woocommerce-product-gallery {
        height:calc(100vw * 1.1 + 1vh) !important;
    }	
}

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

	.second-row .second-row{
		width: 250px
	}

	.second-row .second-row .wpb_column {
    max-width: 100%;
    display: inline-block;
	}

	.second-row .pima, .second-row .hemp, .second-row .organic-cotton{
		margin-left: 0;
		margin-top: 10px;
	}

}

/* iPhone X in portrait & landscape */
@media screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3){
	.CDI-checkout #payment input.input-radio{width: 10%; height: 1.5em; vertical-align: sub; transform: scale(1.5)}
	.CDI-checkout #payment label{font-size: 20px}
	.CDI-pre-radio{width: 84%; height: 1.5em}
	.CDI-pre-radio-text{line-height: 25px; font-size: 22px;}
	.modal-header .close{font-size: 36px !important;}
	.zen-email-bar-container-footer{
		font-size: 15px !important;
	}	
	.zen-email-bar-container-footer .email-bar{color: #fff !important}

	.footer-wrapper h3 { font-size: 15px !important; font-weight: 900 !important; }
	    div#notDone{
        font-weight: bold !important;
        padding: 15px 1px !important;
    }

}

/* iPhone 5 & 5S in portrait & landscape */
@media screen and (min-device-width : 320px) and (max-device-width : 568px){
	.CDI-checkout #payment input.input-radio{width: 10%; height: 1.5em; vertical-align: sub; transform: scale(1.5);}
	.CDI-checkout #payment label{font-size: 20px}
	.CDI-pre-radio{width: 45%; height: 1.5em}
	.CDI-pre-radio-text{line-height: 25px; font-size: 22px;}
	.modal-header .close{font-size: 36px !important;}
	.zen-email-bar-container-footer .email-bar{color: #fff !important}

	.footer-wrapper h3 { font-size: 15px !important; font-weight: 900 !important; }
	    div#notDone{
        font-weight: bold !important;
        padding: 15px 1px !important;
    }

    .single_add_to_cart_button{
        font-weight: bold !important;
        padding: 15px 1px !important;
    }
    .product-type-variable .woocommerce-product-gallery {
        height:calc(100vw * 1.1 + 1vh) !important;
    }
}



@media screen and (max-width:768px) {
	body{
		margin-top: 0;
	}
	.modal-header .close{font-size: 36px !important;}
	/******
	** home page stuff
	******/
	.first-row .left {
		max-width: 100vw;
		width: 100%;
		padding: 10vw;
	}
	.first-row .right {
		max-width: 100vw;
		width: 100%;
	}
	.first-row .left .text-column {
		width: 100%;
	}
	.first-row .right * {
		/*background-position-x: calc(-25vw * 1.3);*/
		background-position-x: center;
	}
	.second-row .second-row {
		padding-top: 30px;
		padding-bottom: 0;
	}
/*	.second-row .wpb_column {
		margin: 10vw auto;
	}*/
	.second-row .second-row .wpb_column {
		max-width: 100vw;
	}
	.third-row .wpb_text_column {
		margin: 5vw;
	}
	.plaque .woocommerce .content {
		padding: 0;
	}
	.navbar-header .cartNumItems {
		float: right;
		font-size: 18px;
		color: #e8e5d6;
		display: inline-block;
		margin-right: 9px;
		margin-top: 6px;
	}
/*	.navbar-header a, .navbar-header a:link, .navbar-header a:visited, .navbar-header a:active {
		color: #e8e5d6;
		text-decoration: none;
	}*/
	#mobile-menu-backdrop {
		width: 100%;
		background-color: rgba(78, 73, 70, .90);
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		display: none;
	}
	#mobile_menu {
		background-color: #e8e5d6;
		z-index: 1000;
		position: absolute;
		top: 0;
		right: 17.5%;
		display: block;
		width: 65%;
	}
	#mobile_menu #mobile-nav {
		position: absolute;
		text-align:left;
		top:0;
		width: 0;
		background-color: #c8c6ba;
		display: block;
		right: 0;
		overflow: hidden;
	}
	#mobile_menu #nav #shoppingcartc a:after {
		content: "cart";
	}
	#mobile_menu .navbar-header .glyphicon-shopping-cart {
		float:right;
		font-size: 20px;
		margin-top: 7px;
		text-align: center;
		width: 20px;
	}
	.navbar-header a.glyphicon-shopping-cart:link,
	.navbar-header a.glyphicon-shopping-cart:hover,
	.navbar-header a.glyphicon-shopping-cart:visited,
	.navbar-header a.glyphicon-shopping-cart:active {
		color: #e8e5d6;
	}
	#mobile_menu #nav #shoppingcartc a span.glyphicon-shopping-cart:before {
		content: none;
	}
	.container > .navbar-header {
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
	}
	#nav {
		display: none;
	}
	#mobile_menu #home-model, #mobile_menu #normal_menu, #mobile_menu .homeleftwtop, #mobile_menu .homeleft {
		display: none;
	}
	#home-banner-mobile {
		display:block;
	}
	#homepageimg img, #navigation {
		display: none;
	}
	/*.navbar-default .navbar-nav *, .navbar-default .navbar-nav > li > a, .menu > li {
		color: #676767;
	}*/
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
		color: #ffffff;
	}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
		color: #676767;
	}
	.navbar-header .icon-bar {
		background-color:  #E8E5D6;
		width: 33px;
		height: 4px;
		padding-top: 2px;
		border-radius: none;
	}
	.hasSubMenu {
		height: 48px;
		font-size: 22px;
		font-weight: bold;
		display: block;
		padding: 14px 0 0 54px;
		background: url(images/dropdown-normal.png) no-repeat 20px 12px transparent;
		text-transform: lowercase;
	}
	.hasSubMenu.isOpen {
		background: url(images/dropdown-open.png) no-repeat 20px 15px #A19E94;
	}
	#mobile-menu .isSubMenu a {
		height: 42px;
		font-size: 12px;
		font-weight: bold;
		display: block;
		padding: 14px 0 0 54px;
		text-transform: lowercase;
	}
	.isSubMenu {
		display: none;
		background-color: #BBB5A7;
	}
	#mobile-nav a {
		display: block;
		min-height: 48px;		
		color: #676767;
		padding: 14px 0 0 54px;
		font-size: 22px;
		font-weight: bold;
		text-transform: lowercase;
		line-height:24px;
	}
	#mobile-nav .logo_bg {
		background: url(images/mobile-menu-logo.png) 0 0 no-repeat #c8c6ba;
		width: 100%;
		margin: 0;
		height: 70px;
		position:static;
	}
	.mainNav .navbar-default {
		padding: 0;
		width: 100%;
	}
	.footer-wrapper .modal-body {
		padding: 5vw
	}
	#getMoreInfo .modal-dialog {
		width: 90vw;
	}
	.rounded-dot, .rounded-dot-valid{ display: none; position: absolute; border-radius: 20px;  width: 10px; height: 10px; right: 40px; left: auto;}
	.rounded-dot{background: #ff7e42;}
	.rounded-dot-valid{background: #00bc37;}
	.CDI-expiry{width: 40%; /*25*/}
	.CDI-csc{width: 30%; /*20*/}
	.CDI-zip{width: 35%; /*22*/}
	.CDI-country{width: 104%; margin-left:-30px !important;}
	.zen-email-bar-container{width: 180px;}
	.CDI-checkout #payment input.input-radio{width: 10%; height: 1.6em; vertical-align: middle;}
	.CDI-pre-radio{width: 65%; height: 1.5em}
	.CDI-pre-radio-text{line-height: 25px; font-size: 22px;}
	p.login-submit input.btn-gold{width: 100%;}
	.CDI_product_image img{max-width: 80% !important; max-height: 100vw !important; width: auto !important;}
	.CDI-product-title-mobile{display: none;}
	.email-captured{display: none;}
	
	
	.bottom-close, .middle-close{background: #C8C6BA; width: 40px; height: 40px; text-align: center; position: relative; border-radius: 30px; font-size: 24px; line-height: 36px; box-shadow: 0 0 10px #999; display: inline-block;}
	/*.bottom-close{bottom: 20px; left: 140px}*/
	.middle-close{left: 30px; top: 98px; position: absolute;}
	.close-button-bottom{position: fixed; width: 100%; bottom: 50px; text-align: center; display: none !important}
	/*.navbar-default .nav.navbar-nav{overflow: hidden; height: 270px; overflow-y: scroll; -webkit-overflow-scrolling:touch;}*/
}

@media screen and (max-width:767px) {
	.email-captured{display: inline-block; width: 100%; position: fixed; bottom: 100px; right: 0; text-align: center;}
	.modal-header .close{font-size: 36px !important;}
	.navbar-default .nav.navbar-nav{overflow: hidden; height: 320px; overflow-y: auto; -webkit-overflow-scrolling:touch;}
	.navbar-default li { height: 54px; }

}

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

	.second-row .second-row{
		width: 250px
	}

	.second-row .second-row .wpb_column {
		width: 100%;
		display: inline-block;
	}

	.second-row .pima, .second-row .hemp, .second-row .organic-cotton{
		margin-left: 0;
		margin-top: 10px;
	}

}

@media screen and (max-width: 414px){
	.CDI-expiry{width: 40%}
	.CDI-csc{width: 35%}
	.CDI-zip{width: 37%}
	.CDI-country{width: 110%; margin-left:-30px;}
	.CDI-checkout #payment input.input-radio{width: 10%; height: 1.5em; vertical-align: middle;}
	.CDI-checkout #payment label{font-size: 20px}
	.CDI-pre-radio{width: 84%; height: 1.5em}
	.CDI-pre-radio-text{line-height: 25px; font-size: 22px;}
	p.login-submit input.btn-gold{width: 100%}
	.zen-email-bar-container{width: 170px; bottom: 10px; right: 10px; border-radius: 5px;}
	.zen-email-bar-container span{display: inline-block; background: #5b5b5b; color: #fff; padding: 0 10px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; margin-right: 5px}
	.zen-email-bar-container span.message{display: none;}
	.zen-email-msg-container{width: 100%; right: 0; bottom: 0;}
	#CDI_proceed div:first-child {
	    width: 160px;
	    margin-left: 80px;
	    font-size: medium;
	}
	.CDI-product-title-mobile{display: block; padding:24px; width:100%; }
	.product_title.entry-title {display: none;}
	.CDI_side_cart .woocommerce-Price-amount.amount{ display: inherit;}
	.CDI-product-title-mobile .product_title.entry-title,.CDI-product-title-mobile .woocommerce-Price-amount.amount{display: block;}	
	.cart_item .woocommerce-Price-amount.amount{display: block !important}
	.shop_table .woocommerce-Price-amount.amount{display: block !important}
	#CDI_proceed .woocommerce-Price-amount.amount{display: block !important}
	.CDI_product_image img{max-width: 90% !important; max-height: 100vw !important; width: auto !important;}
	.footer_support{
	    width: 50%;
	    float: left;
	}
	.zen-email-bar-container-footer {
		float: right;
	    margin-bottom: 10px;
	    padding: 5px 0 5px 0;
        width: 50%;
	    text-align: right;
	} 
	.zen-email-bar-container-footer .email-bar{color: #fff !important}

	.footer-wrapper h3 { font-size: 15px !important; font-weight: 900 !important; }
	.woocommerce #payment #place_order {
	    margin-top: 30px;
	}
/* 	.CDI_side_cart_container {
		display: none;
	}
 */	
	.email-captured{display: inline-block; width: 100%; bottom: 50px}
}
@media screen and (max-width: 320px){
	.CDI-expiry{width: 40%}
	.CDI-csc{width: 35%}
	.CDI-zip{width: 40%}
	.CDI-country{width: 110%; margin-left:-30px;}

	.CDI-checkout #payment input.input-radio{width: 10%; height: 1.5em; vertical-align: middle;}
	.CDI-checkout #payment label{font-size: 20px}
	.CDI-pre-radio{width: 84%; height: 1.5em}
	.CDI-pre-radio-text{line-height: 25px; font-size: 22px;}
	p.login-submit input.btn-gold{width: 100%}
	.zen-email-bar-container{width: 160px; bottom: 10px; right: 10px; border-radius: 5px;}
	.zen-email-bar-container span{display: inline-block; background: #5b5b5b; color: #fff; padding: 0 10px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; margin-right: 5px}
	.zen-email-bar-container span.message{display: none;}
	.email-captured{display: inline-block; width: 100%; bottom: 30px}
	
}
.home-happiness-content{
/*border: none !important;*/
}

@media screen and (min-device-width: 769px){

	.home-happiness-content{
		/*padding: 20px 20px 20px 0px !important;*/
		width: 69%;
	}

	.home-happiness{ 
		width: 90% !important
		;padding-left: 75px !important;
	}
}

.cart-empty{
margin: 50px 0 65px 0;
}

.cart-empty p{
	margin: 0 auto;
    width: 269px;
    padding-left: 30px;
}
.cart-empty img{
	margin: 30px auto;
	display: block;
}
.input-group-addon
{
	 border: 2px solid #ccc;
    border-left: #fff !important;
}
.signup-btn{border-radius:0; width: 82px; font-size: 16px !important; display: inline-block; padding: 0 0; margin-top: -3px; /*float: left;*/ line-height: 37px; color:#676767; font-weight:700; margin-left: -3px; border:2px solid #676767 !important;border-left: none !important;border-radius: unset;}

.lost_reset_password{
	max-width: 400px;
	margin: 130px auto;
}
.lost_reset_password p{
	width: 100%;
}
.lost_reset_password p input{
	font-size: 16px;
	padding: 10px 10px;
	width: 100%;
}

#loginform{margin: 30px 0 100px 0;}

.lost_reset_password p input[type="text"]:focus{
	outline-color: #713277;
}

.vc_column_container > .vc_column-inner{
	padding-right: 0;
	padding-left: 0;
}

/*******slideout menu (18-04-2019********/

    .customize-support #responsive-menu-button {
    top: 88px !important;
    right: 0px !important;
}
#responsive-menu-button {
    top: 55px !important;
    right: 6px !important;
    position: absolute !important;
}
#responsive-menu-container {
    top: 115px !important;
}
.customize-support #responsive-menu-container {
    top: 148px;
}

.responsive-menu-open .customize-support #responsive-menu-button {
top: 38px !important;
}
#responsive-menu {
padding-bottom: 12% !important;
}
.happy-client {
position: relative;
left: 0;
}
.happy-client img {
float: none;
}
.responsive-menu-open #responsive-menu-button {
top: 10px !important;
}
.responsive-menu-open #responsive-menu-container {
top: 70px !important;
}
.responsive-menu-open #responsive-menu-wrapper {
padding: 45px 15px 0px 40px !important;
}
.responsive-menu-open #responsive-menu-wrapper, .responsive-menu-open .mb-footer, .responsive-menu-open .container.navLinks-container {
	width: 100%;
}
.responsive-menu-open .mb-footer {
padding: 0px 30px;
}
.responsive-menu-open .specifix-width {
width: 99%;
}

.specifix-width {
    position: absolute;
    left: 0px !important;
    right: 0px !important;
    top: 0px;
    width: 1170px;
    margin: 0 auto;
}
.activegold {color:#713277 !important;}


.responsive-menu-inner, .responsive-menu-inner::after, .responsive-menu-inner::before {
	height: 2.5px !important;
}

ul.nav li.dropdown:hover ul.dropdown-menu {
	display: block;
}
.sub-menu-active {
	display: block !important;
}
.navbar-default .navbar-nav *, .navbar-default .navbar-nav > li > a, .menu > li {
	color: #676767;
}
.responsive-menu-open #topLinks {
	display: none;
}
::-webkit-scrollbar { width: 10px;}

::-webkit-scrollbar-track {background: #f1f1f1;}

::-webkit-scrollbar-thumb {background: #888;}

::-webkit-scrollbar-thumb:hover {background: #555;}

.responsive-menu-open #responsive-menu-additional-content {
padding: 15px !important;
background-color: #676767;
position: fixed;
left: 0;
width: 100%;
bottom: 0px;
z-index: 999999999;
display: block;
}
#responsive-menu-additional-content {
display: none;
}
#responsive-menu {
padding-bottom: 12%;
}
.slide-left {
overflow-y: auto;
}
#responsive-menu-wrapper {
padding: 45px 15px 0px 21px !important;
}

.col-sm-4.social-links .input-group #signup-email {
padding: 5px;
}
.responsive-menu-open body {
position: fixed;
}
.big-size #social-sign-up.disabled {
background-color: #fff;
color: #676767;
cursor: auto;
}

.middle-close {
    right: 15px;
    top: 8px;
    position: absolute;
}
.fa.pull-right {
    display: none;
}
.middle-close {
    right: 18px;
    top: 16px;
    position: absolute;
    box-shadow: 0px 0px;
    background: transparent;
    left: auto;
}
.left-spc a {
    font-weight: 700;
}
.left-space .responsive-menu-submenu {
    padding-left: 18px !important;
}
#signup-email::placeholder {
    color: #676767;
}
.big-size a {
    font-size: 44px !important;
    font-weight: 700 !important;
    padding: 12px 0px 12px 0px !important;
}
.responsive-menu-submenu a {
    font-size: 17px !important;
    padding: 0px !important;
    font-weight: 700 !important;
    line-height: 1.8 !important;
    text-transform: lowercase !important;
}
.responsive-menu-open .mainNav {
    position: fixed !important;
    z-index: 99999 !important;
    overflow: hidden;
    width: 100%;
}
.hidemenu {
    display: none !important;
}
.sub-heads #social-sign-up {
	background: #713277;
	color: white;
}
.responsive-menu-open, .responsive-menu-open body {
    overflow: hidden;
    /*position: fixed;*/
}

.responsive-menu-open #wpadminbar {
    position: fixed;
}
.input-group.sub-heads {
    color: #676767;
    font-size: 17px;
    word-wrap: break-word;
    font-weight: 400}
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active {
    background-color: transparent !Important;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active:hover {
    border: none;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a:hover .responsive-menu-subarrow {
    border-left: none;
}
#responsive-menu-container li.responsive-menu-item a .responsive-menu-subarrow {
    text-align: right !important;
    width: 100%;
}
.responsive-menu-submenu .input-group.sub-heads {
    max-width: 260px;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
img.menu-image.menu-image-title-after {
    float: right;
    position: relative;
    top: 11px;
}
.sub-heads input {
    border: 1px solid #676767 !important;
    padding: 7px 10px !important;
    outline: none;
    height: 45px;
    background: transparent !important;
    color: #676767 !important;
}
.sub-heads .social-sign-up {
    width: 8rem;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    color: #ffffff;
    top: 0px;
    right: 0px;
    height: calc(100% - 0px);
    z-index: 9999;
    border-radius: 0px;
    border: 1px solid #676767 !important;
    border: none;
}
.menu-image-hovered .menu-image-title {
    position: relative;
    top: 3px;
    left: 15px;
}
.sub-heads {
    position: relative;
    width: 100%;
    text-align: center;
}
.topMenuContainer .navbar-toggle {
    display: inherit;
}
button#responsive-menu-button {
    background: transparent !important;
}
#responsive-menu-button {
    background: #676767 !important;
}
.responsive-menu-inner, .responsive-menu-inner::before, .responsive-menu-inner::after {
    border-radius: 0px !important;
}
.responsive-menu-subarrow {
    width: 100% !important;
    background: transparent !important;
}
#topLinks > div:last-child {
    border: none;
}
.happy-client img {
    max-width: 150px;
}
.happy-client {
    padding-top: 15px !important;
}
#responsive-menu-container {
      background-image: url(/wp-content/uploads/2019/05/fully.jpg)!important;
    background-position: center right !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
#responsive-menu-container::before {
    background: white;
    content: '';
    height: 100%;
    width: 310px;
    position: absolute;
}
#responsive-menu-container #responsive-menu > li.responsive-menu-item:first-child > a {
    border-top: 1px solid transparent !important;
}
#responsive-menu-container #responsive-menu-wrapper {
    background: transparent !important;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow:hover {
    border-color: transparent;
    background-color: transparent !important;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a:hover {
    color: #713277;
    background-color: transparent !important;
    border-color: transparent !important;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a {
    border-bottom: 1px solid transparent !important;
    background-color: transparent !important;
}
#responsive-menu-wrapper {
    width: 1170px;
    max-width: 100%;
    margin: 0 auto !important;
    height: 100%;
    padding: 45px 0px 0px 0px !important;
}
/**********end slideout menu css ******/

@media screen and (max-width: 1720px) {
.responsive-menu-open #responsive-menu-wrapper {
padding: 45px 15px 0px 40px !important;
}
.responsive-menu-open #responsive-menu-wrapper, .responsive-menu-open .mb-footer, .responsive-menu-open .container.navLinks-container {
width: 100%;
}
.responsive-menu-open .mb-footer {
padding: 0px 30px;
}
.responsive-menu-open .specifix-width {
width: 99%;
}
#responsive-menu-container {
    background-position: 89% center !important;
}
}

@media screen and (max-width: 1440px) {
.responsive-menu-open .specifix-width {
width: 94%;
}
}

@media screen and (max-width: 1240px) {
#responsive-menu-button {
    right: 25px !important;
}
#topLinks, #responsive-menu-container {
    padding-left: 25px !important;
    padding-right: 25px !important;
}
.happy-client {
    right: 0px;
    bottom: 11%;
    position: relative;
    left: 0;
}
#responsive-menu-container {
background-image: url(/wp-content/uploads/2019/05/menu-bg.jpg)!important;
}

.specifix-width {
width: 100%;
}

#responsive-menu-button {
right: 25px !important;
}

.responsive-menu-open .specifix-width {
width: 100%;
}

.responsive-menu-open #responsive-menu-additional-content {
padding: 15px 40px !important;
}

.responsive-menu-open .specifix-width {
width: 94%;
}

.happy-client img {
float: none;
}

#responsive-menu-container {
background-image: url(/wp-content/uploads/2019/05/menu-bg.jpg)!important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}

#responsive-menu-container {
background-position: 65% center !important;
}

.responsive-menu-open #responsive-menu-button {
position: fixed !important;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
margin-left: 0px;
}
}

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

#responsive-menu-container {
    background: #fff !important;
}
.happy-client {
    right: 0%;
}
.specifix-width {
width: 100%;
}

#responsive-menu-button {
display: block !important;
right: 25px !important;
}

.nav.navbar-nav {
display: none !important;
}

.responsive-menu-open #responsive-menu-button {
position: fixed !important;
}

.responsive-menu-open #responsive-menu-wrapper {
padding: 45px 15px 70px 25px !important;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
margin-left: 20px;
}
}

@media screen and (max-width: 767px) {
	.navbar {
		min-height: 0;
	}
.responsive-menu-open #responsive-menu-container {
top: 0 !important;
}

.responsive-menu-open #responsive-menu-button {
position: fixed !important;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
	margin-left: 10px;
	position: absolute;
	left:8px;
	z-index: 0;
}
	#responsive-menu-container {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
    .customize-support #responsive-menu-button {
    top: 54px !important;
}
.happy-client {
    right: 3%;
}
#responsive-menu-button {
    top: 10px !important;
    right: 25px !important;
    display: block !important;

}
.customize-support #responsive-menu-container {
    margin-top: 119px !important;
}
#responsive-menu-container {
    margin-top: 73px !important;
}
.big-size a {
    font-size: 36px !important;
    font-weight: 700 !important;
    padding: 5px 0px 5px 0px !important;
}
#responsive-menu-container {
    background: #fff !important;
}
 .responsive-menu-submenu a {
    font-size: 17px !important;
    padding: 0px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
    text-transform: lowercase !important;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #aeaeae;
    height: 3px;
    padding-top: 0px;
    margin-top: 6px;
    width: 30px;
}
.mobileCart {
    margin: 5px 0 0 0;
}

.mainNav .navbar-default {
    border-top: 8px solid #fff;
}
.navbar-default .nav.navbar-nav {
    float: left;
    width: 100%;
}
.navbar-nav {
    margin: 0px;
}
.navbar-nav:last-child {
    margin-right: 0px;
}
.navbar-brand {
    height: 51px;
    width: 170px;
}
#navbar-collapse-1 ul li {
    padding-right: 0px;
    padding: 13px 0px;
}
.navbar-default .nav.navbar-nav {
    margin-top: 50px;
}
.responsive-menu-open #responsive-menu-additional-content {
    bottom: unset;
    padding-left: 40px !important;
}
#responsive-menu-container {
    top: 0px !important;
}

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

	.happy-client img {
width: 30%;
}

#responsive-menu-button {
display: block !important;
}

.responsive-menu-open #responsive-menu-container {
top: 0 !important;
}

.responsive-menu-open #responsive-menu-wrapper {
padding: 45px 15px 70px 15px !important;
}

.responsive-menu-open #responsive-menu-button {
position: fixed !important;
}
	#responsive-menu-container {
    padding-left: 15px;
    padding-right: 15px;
}
.navbar-brand {
    height: 38px;
    width: 170px;
}
.mobileCart {
    margin: 5px 0 0 0;
}
.mainNav .navbar-default {
    border-top: 8px solid #fff;
}
.responsive-menu-open #responsive-menu-additional-content {
    background: #676767;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    padding-left: 40px !important;
}
.customize-support #responsive-menu-button {
    right: 30px !important;
}
#responsive-menu-container {
    background: #ffffff !important;
}
.happy-client {
    right: 0;
}
}
.responsive-menu-boring .responsive-menu-inner {
    top: auto !important;
    bottom: 0 !important;
    transition-delay: .13s !important;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19) !important;
    transition-duration: .13s}
.responsive-menu-button {
    display: inline-block !important;
    cursor: pointer !important;
    transition-property: opacity, -webkit-filter !important;
    -webkit-transition-property: opacity, -webkit-filter !important;
    transition-property: opacity, filter !important;
    transition-property: opacity, filter, -webkit-filter !important;
    -webkit-transition-duration: .15s !important;
    transition-duration: .15s !important;
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
    font: inherit !important;
    color: inherit !important;
    text-transform: none !important;
    background-color: transparent !important;
    border: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    right:10px !important;
}
.responsive-menu-box {
    width: 25px !important;
    height: 24px !important;
    display: inline-block !important;
    position: relative !important;
}
.responsive-menu-inner {
    display: block !important;
    top: 50% !important;
    margin-top: -2px !important;
}
.responsive-menu-inner,.responsive-menu-inner::after,.responsive-menu-inner::before {
    width: 30px !important;
    height: 3px !important;
    background-color: #fff !important;
    position: absolute !important;
    -webkit-transition-property: background-color !important;
    transition-property: background-color !important;
    transition-property: -webkit-transform !important;
    -webkit-transition-property: -webkit-transform !important;
    transition-property: transform !important;
    transition-property: transform, -webkit-transform !important;
    -webkit-transition-duration: .15s !important;
    transition-duration: .15s !important;
    -webkit-transition-timing-function: ease !important;
    transition-timing-function: ease !important;
}
.responsive-menu-inner::after,.responsive-menu-inner::before {
    content: "" !important;
    display: block !important;
}
.responsive-menu-inner::before {
    top: -10px !important;
}
.responsive-menu-inner::after {
    bottom: -10px !important;
}
.hamburger_invert-inner,.hamburger_invert-inner::after,.hamburger_invert-inner::before {
    background-color: #201d1e !important;
}
.responsive-menu-accessible .responsive-menu-inner {
    -webkit-transition-duration: .3s !important;
    transition-duration: .3s !important;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19) !important;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19) !important;
}
.responsive-menu-accessible .responsive-menu-inner::before {
    -webkit-transition: top .1s .34s ease-in, opacity .1s ease-in !important;
    transition: top .1s .34s ease-in, opacity .1s ease-in !important;
}
.responsive-menu-accessible .responsive-menu-inner::after {
    transition: bottom .1s .34s ease-in, -webkit-transform .3s cubic-bezier(.55, .055, .675, .19) !important;
    -webkit-transition: bottom .1s .34s ease-in, -webkit-transform .3s cubic-bezier(.55, .055, .675, .19) !important;
    transition: bottom .1s .34s ease-in, transform .3s cubic-bezier(.55, .055, .675, .19) !important;
    transition: bottom .1s .34s ease-in, transform .3s cubic-bezier(.55, .055, .675, .19), -webkit-transform .3s cubic-bezier(.55, .055, .675, .19) !important;
}
.responsive-menu-accessible.is-active .responsive-menu-inner {
    background-color: #fff !important;
    -webkit-transform: rotate(225deg) !important;
    transform: rotate(225deg) !important;
    -webkit-transition-delay: .14s !important;
    transition-delay: .14s !important;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1) !important;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1) !important;
}
.responsive-menu-accessible.is-active .responsive-menu-inner::before {
    background-color: #fff !important;
    top: 0 !important;
    opacity: 0 !important;
    -webkit-transition: top .1s ease-out, opacity .1s .14s ease-out !important;
    transition: top .1s ease-out, opacity .1s .14s ease-out !important;
}
.responsive-menu-accessible.is-active .responsive-menu-inner::after {
    background-color: #fff !important;
    bottom: 0 !important;
    -webkit-transform: rotate(-90deg) !important;
    transform: rotate(-90deg) !important;
    transition: bottom .1s ease-out, -webkit-transform .3s .14s cubic-bezier(.215, .61, .355, 1) !important;
    -webkit-transition: bottom .1s ease-out, -webkit-transform .3s .14s cubic-bezier(.215, .61, .355, 1) !important;
    transition: bottom .1s ease-out, transform .3s .14s cubic-bezier(.215, .61, .355, 1) !important;
    transition: bottom .1s ease-out, transform .3s .14s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s .14s cubic-bezier(.215, .61, .355, 1) !important;
}
#responsive-menu li {
    opacity: 0;
    animation: fadeIn 1s ease-in both;
}
#responsive-menu li:nth-child(2) {
    animation-delay: 0.2s;
}
#responsive-menu li:nth-child(3) {
    animation-delay: 0.6s;
}
#responsive-menu li:nth-child(4) {
    animation-delay: 1s;
}
#responsive-menu li:nth-child(5) {
    animation-delay: 1.4s;
}
#responsive-menu li:nth-child(6) {
    animation-delay: 1.8s;
}
#responsive-menu li:nth-child(7) {
    animation-delay: 2.2s;
}
#responsive-menu li:nth-child(8) {
    animation-delay: 2.8s;
}
#responsive-menu li:nth-child(9) {
    animation-delay: 3.2s;
}
@keyframes fadeIn {
    from {
    opacity: 0;
    transform: translate3d(0, -20%, 0);
}
to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
}
#responsive-menu li a span {
    position: relative;
    top: -9px;
    left: 4px;
    padding: 4px;
}
#responsive-menu-additional-content {
    font-size: 15px;
    font-weight: 700;
    color: #c8c6ba !important;
}
@keyframes pulse {
    100% {
		box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);
	}
}
.wrapper {
	width: 100vw;
	max-width: 100vw;
	margin: 0;
	background-color: white;
}
#topLinks > div:last-child {
    padding-right: 0px;
}

#signin input.btn-gold, #create input.btn-gold, #guest .btn-gold {
font-family: "Source Sans Pro", sans-serif;
width: 100%;
max-width: 90vw;
margin-top: 20px;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 17px;
padding: 10px 1px;
line-height: 1.42857143;
text-align: center;
vertical-align: middle;
cursor: pointer;
box-shadow: none;
font-weight: bold;
}
.home .CDI-shopping-cart{
	display: none;
}