/*********************************************************************
GLOBALS
*********************************************************************/
* {
box-sizing: border-box;
}
.error {
color: #CB0000;
}
.button {
padding: 13px 27px;
background: rgba(181, 51, 53, 1);
text-decoration: none;
color: rgba(255,255,255,1);
border: none;
font-size: 16px;
font-family: "Montserrat", sans-serif;
}
html, body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
color: rgba(0,0,0,1);
}
ul {
list-style: none;
}
.description ul {
list-style: initial;
padding: 20px;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(/images/dropdown-arrows.png);
background-repeat: no-repeat;
background-position: right 15px center;
background-color: #fcfcfc;
}
h1{ font-size: 30px; font-weight: 400; font-family: "Montserrat", sans-serif; }
h2{ font-size: 26px; font-weight: 400; font-family: "Montserrat", sans-serif; }
h3{ font-size: 30px; font-weight: 400; font-family: "Montserrat", sans-serif; }
h4{ font-size: 28px; font-weight: 400; font-family: "Montserrat", sans-serif; }
h5{ font-size: 26px; font-weight: 400; font-family: "Montserrat", sans-serif; }
h6{ font-size: 18px; font-weight: 400; font-family: "Montserrat", sans-serif; }
@media screen and (min-width: 768px) {
h1{ font-size: 48px; font-family: "Montserrat", sans-serif; }
h2{ font-size: 26px; font-family: "Montserrat", sans-serif; }
h3{ font-size: 40px; font-family: "Montserrat", sans-serif; }
h4{ font-size: 38px; font-family: "Montserrat", sans-serif; }
h5{ font-size: 36px; font-family: "Montserrat", sans-serif; }
h6{ font-size: 28px; font-family: "Montserrat", sans-serif; }
}
@media screen and (min-width: 1366px) {
h1{ font-size: 48px; font-family: "Montserrat", sans-serif; }
h2{ font-size: 30px; font-family: "Montserrat", sans-serif; }
h3{ font-size: 44px; font-family: "Montserrat", sans-serif; }
h4{ font-size: 42px; font-family: "Montserrat", sans-serif; }
h5{ font-size: 40px; font-family: "Montserrat", sans-serif; }
h6{ font-size: 30px; font-family: "Montserrat", sans-serif; }
}
input[type=submit] {
-webkit-appearance: none;
padding: 13px 27px;
background: rgba(181, 51, 53, 1);
text-decoration: none;
color: rgba(255,255,255,1);
border: none;
font-size: 16px;
font-family: "Montserrat", sans-serif;
}
input[type="radio"] {
display: none;
}
input[type="radio"] + label {
font-family: "Open Sans", sans-serif;
background: rgba(255,255,255,1);
color: rgba(117,117,117,1);
}
input[type="radio"]:checked + label {
background: rgba(242,242,242,1);
}
input:focus{
outline:none;
}
input[type="radio"] {
display: none;
}
input[type="radio"] + label {
color: rgba(88,88,88,1);
font-family: "Open Sans", sans-serif;
}
input[type="radio"] + label span {
display: inline-block;
padding-left: 10px;
background: url('/images/radial.png') no-repeat center center;
height: 25px;
width: 25px;
vertical-align: sub;
cursor: pointer;
}
input[type="radio"]:checked + label span {
background: url('/images/radial_selected.png') no-repeat center center;
width: 25px;
height: 25px;
vertical-align: sub;
cursor: pointer;
}
input[type="checkbox"] {
display: none;
}
input[type="checkbox"] + label {
color: rgba(88,88,88,1);
font-family: "Open Sans", sans-serif;
}
input[type="checkbox"] + label span {
display: inline-block;
padding-left: 10px;
background: url('/images/checkbox-unchecked.jpg') no-repeat center center;
height: 25px;
width: 25px;
vertical-align: sub;
cursor: pointer;
}
input[type="checkbox"]:checked + label span {
background: url('/images/checkbox-checked.jpg') no-repeat center center;
width: 25px;
height: 25px;
vertical-align: sub;
cursor: pointer;
}
input:focus{
outline:none;
}
#checkout_billing input {
display: inline;
}
.content_container .product_options_container ul li ul.inactive {
display: none !important;
}
.title {
font-family: "Montserrat", sans-serif;
}
.section_title h3 {
color: rgba(117,117,117,1);
}
.mobile_arrow {
background: url(/images/header-arrow.png) no-repeat center center;
transition: all .3s ease-in;
padding: 10px;
}
.header_arrow {
background: url(/images/mobile-nav-arrow.png) no-repeat center center;
transition: all .3s ease-in;
padding: 10px;
}
@media screen and (min-width: 1366px){
.header_arrow {
display: none;
}
}
.footer_arrow {
background: url(/images/mobile-footer-arrow.png) no-repeat center center;
transition: all .3s ease-in;
padding: 10px;
}
@media screen and (min-width: 1366px){
.footer_arrow {
display: none;
}
}
#site_container {
transition: left .25s ease-in;
position: relative;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
#site_container.move_right {
position: relative;
top: 0;
left: 255px;
}
#site_container.overflow_off {
overflow: initial;
}
.max-width780 {
max-width: 780px;
margin: auto;
}
.blue_arrow {
background: url(/images/read-more-arrow.png) no-repeat center center;
padding: 10px;
padding-left: 20px;
}
/* r_col */
.content .r_col img{ max-width: 100%; }
/* 580 */
@media screen and (min-width: 580px) {
.r_col_2{ overflow: hidden; }
.r_col_2 .r_col{
float: left;
width: 47.5%;
padding-right: 2%;
}
.r_col_2 .r_col:nth-child(2n+2){ padding-right: 0%; }
.r_col_3{ overflow: hidden; }
.r_col_3 .r_col{
float: left;
width: 31%;
padding-right: 2%;
padding-bottom: 0px !important;
}
.r_col_3 .r_col:nth-child(3n+3){ padding-right: 0%; }
}/* end 580 */
/* 640 */
@media screen and (min-width: 650px) {
.r_col_4{ overflow: hidden; }
.r_col_4 .r_col{
width: 25%;
padding-left: 2%;
padding-right: 2%;
float: left;
}
.r_col_4 .r_col:nth-child(odd){
clear: none;
}
.r_col_4 .r_col:nth-child(5n + 0){
clear: both;
}
}/* end 640 */
@media screen and (max-width: 850px) {
.content .r_col img{ max-width: 100%; }
}/* end 850 */
/*********************************************************************
HEADER
*********************************************************************/
#header_wrapper {
height: 85px;
display: flex;
}
@media screen and (min-width: 1366px){
#header_wrapper {
height: 100px;
}
}
.phone_num {
font-family: "Montserrat", sans-serif;
color: rgba(117,117,117,1);
}
.header_container {
min-height: 77px;
display: flex;
justify-content: space-between;
padding: 0 20px;
align-items: center;
width: 100%;
}
@media screen and (min-width: 1366px) {
.header_container {
max-width: 1366px;
margin: auto;
}
}
.navbar_container {
background: rgba(252,252,252,1);
border-top: 1px solid rgba(234,234,234,1);
border-bottom: 1px solid rgba(234,234,234,1);
}
@media screen and (min-width: 1366px){
.navbar_container {
padding-bottom: 20px;
border: none;
background: rgba(255,255,255,1);
}
}
.top_menu_container {
width: 255px;
position: absolute;
top: 1px;
height: 100%;
border: 2px solid #f4f4f4;
border-top: none;
right: 100%;
border-right: 1px solid #f4f4f4;
display: block;
background: rgba(252,252,252,1);
}
@media screen and (min-width: 1366px) {
.top_menu_container {
width: auto;
border: none;
height: 55px;
display: flex;
position: static;
background: rgba(255,255,255,1);
}
}
.top_menu_container .top_categories {
}
@media screen and (min-width: 1366px) {
.top_menu_container .top_categories {
display:flex;
margin: auto;
}
}
.top_categories > li:first-child {}
@media screen and (min-width: 1366px){
.top_categories > li:first-child {
position: absolute;
top: 85px;
margin: auto;
margin-left: 895px;
max-width: 235px;
}
}
.top_categories > li:last-child {}
@media screen and (min-width: 1366px){
.top_categories > li:last-child {
position: absolute;
top: 70px;
margin: auto;
margin-left: 1070px;
max-width: 166px;
width: 100%;
}
}
.top_menu_container a {
text-decoration: none;
display: block;
}
.top_menu_container ul {
list-style: none;
}
.top_menu_container .title {
border-bottom: 1px solid #f4f4f4;
}
@media screen and (min-width: 1366px) {
.top_menu_container .title {
display:flex;
align-items: center;
border: none;
}
}
.top_menu_container .title a {
text-decoration: none;
font-size: 16px;
color: rgba(117,117,117,1);
font-family: "Montserrat",sans-serif;
padding: 18px 20px;
display: flex;
justify-content: space-between;
font-size: 15px;
width: 100%;
}
.top_menu_container .title.sub_menu {
}
@media screen and (min-width: 1366px) {
.top_menu_container .title.sub_menu {
position:relative;
}
}
.top_menu_container .title.sub_menu > a{
font-size: 18px;
font-weight: 700;
color: rgba(0,0,0,1);
}
.top_menu_container .title > a{
font-size: 18px;
font-weight: 700;
color: rgba(0,0,0,1);
}
.top_menu_container .sub_menu ul {
}
@media screen and (min-width: 1366px) {
.top_menu_container .sub_menu ul {
overflow:hidden;
display: block;
position: absolute;
left: 0;
top: 50px;
z-index: 4000;
background: #fff;
display: none;
width: 310px;
border: 2px solid rgba(244,244,244,1);
box-shadow: 0 -1px 16px rgba(0,0,0,0.2);
}
}
.top_menu_container .sub_menu ul a {
}
@media screen and (min-width: 1366px) {
.top_menu_container .sub_menu ul a {
border-bottom:1px solid #f0f0f0;
padding: 27px 20px;
justify-content: initial;
}
}
.top_menu_container .sub_menu ul li:last-child a {
padding-bottom: 20px;
}
@media screen and (min-width: 1366px) {
.top_menu_container .sub_menu ul li:last-child a {
padding-bottom:27px;
}
}
.top_menu_container .title a div {
font-family: "Montserrat",sans-serif;
font-size: 16px;
}
.top_menu_container ul ul {
display: none;
background: #f3f3f3;
}
.top_menu_container ul ul a {
border: none;
}
.hb_btn {
position: relative;
height: 20px;
width: 26px;
background: rgba(0,0,0,1);
}
@media screen and (min-width: 1366px) {
.hb_btn {
display:none;
}
}
.hb_btn span:before,.hb_btn span:after {
content: '';
width: 28px;
height: 4px;
position: absolute;
background: #fff;
}
.hb_btn span:before {
top: 4px;
left: -1px;
}
.hb_btn span:after {
top: 12px;
left: -1px;
}
.hb_btn.active {
background: #fff;
}
.hb_btn.active span {
}
.hb_btn.active span:before,.hb_btn.active span:after {
top: 8px;
background: #5a5a5a;
}
.hb_btn.active span:before {
transform: rotate(45deg);
transition: transform .3s ease-in;
}
.hb_btn.active span:after {
transform: rotate(-45deg);
transition: transform .3s ease-in;
}
/*preheader*/
#preheader_wrapper {
text-align: center;
display: none;
}
@media screen and (min-width: 1366px){
#preheader_wrapper {
display: block;
}
}
#preheader_wrapper .preheader_container {
padding: 12px;
background: rgb(181, 51, 53);
color: rgb(255, 255, 255);
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 18px;
}
/*ends preheader*/
.header_container .logo a {
font-size: 18px;
text-decoration: none;
color: rgba(181,51,53,1);
font-family: "Montserrat", sans-serif;
}
@media screen and (min-width: 768px){
.header_container .logo a {
font-size: 28px;
}
}
@media screen and (min-width: 1366px){
.header_container .logo a {
font-size: 40px;
}
}
.header_container .logo {
max-width: 175px;
}
@media screen and (min-width: 768px){
.header_container .logo {
max-width: 275px;
}
}
@media screen and (min-width: 1366px){
.header_container .logo {
max-width: 390px;
margin-right: 100px;
}
}
.header_container .logo img {
width: 100%;
}
.cart_container {
display: none !important;
background: url('/images/cart.png') no-repeat center center;
width: 25px;
height: 25px;
min-width: 25px;
margin-right: 15px;
position: relative;
}
@media screen and (min-width: 1366px){
.cart_container {
position: relative;
top: 2px;
left: 0;
}
}
.navbar_container .login_wrapper{ display: none !important; }
#cart_container input {
padding: 13px;
}
.breadcrumb_navigation {
font-family: "Lato", sans-serif;
font-size: 14px;
max-width: 1366px;
margin: auto;
padding: 15px 20px;
}
.breadcrumb_navigation a {
color: rgba(127, 190, 218, 1);
font-family: "Lato", sans-serif;
font-size: 14px;
text-decoration: none;
}
/*********************************************************************
SEARCHBAR
*********************************************************************/
.menubar_container {
max-width: 875px;
width: 100%;
position: relative;
left: 0;
top: 0;
display: flex;
align-items: center;
}
.menubar_container input {
width: 100%;
font-size: 16px;
border: 1px solid #eeeeee;
border-right: none;
background: rgba(247,247,247,1);
font-family: "Lato", sans-serif;
padding: 14px 20px;
}
/*
@media screen and (min-width: 1366px){
.menubar_container input {
padding: 10px;
background: rgba(254,254,254,1);
border: 1px solid #eeeeee;
min-width: 235px;
}
}
*/
@media screen and (min-width: 1366px){
.menubar_container input {
border-radius: 50px;
padding: 3px;
font-size: 14px;
border: 1px solid rgb(0, 0, 0);
color: rgb(0, 0, 0);
padding-left: 15px;
}
}
.search_product.magnify_glass {
display: block;
cursor: pointer;
position: absolute;
right: 0;
margin-right: 20px;
top: 11px;
background-image: url(/images/search-icon.png);
background-repeat: no-repeat;
background-position: center center;
width: 30px;
height: 25px;
}
@media screen and (min-width: 1366px){
.search_product.magnify_glass {
margin-right: 5px;
top: 0;
}
}
/*********************************************************************
Contact Container
*********************************************************************/
.header_contact_container {
display: none;
}
@media screen and (min-width: 1366px){
.header_contact_container {
display: block;
}
}
.header_contact_container .phone_num {
padding-bottom: 15px;
color: rgba(181, 51, 53, 1);
font-weight: 700;
}
.header_contact_container .phone_num span {
color: rgba(0,0,0,1);
}
.header_contact_container a {
padding-right: 20px;
}
/*********************************************************************
Login (my account) Container
*********************************************************************/
.login_container {
font-family: "Montserrat", sans-serif;
color: rgba(117,117,117,1);
padding: 18px 20px;
}
.login_container .name {
justify-content: space-between;
display: flex;
}
.login_container .name img {
display: none;
}
@media screen and (min-width: 1368px){
.login_container .name img {
display: block;
}
.login_container .name span {
display: none;
}
}
.login_dropmenu_container {}
@media screen and (min-width: 1366px){
.login_dropmenu_container {
z-index: 400;
position: relative;
}
}
.login_dropmenu_container > ul > li > a {
font-family: "Montserrat", sans-serif;
color: rgba(117,117,117,1);
padding: 18px 20px;
}
/* log in / create account page */
#login_error{ color: #cb0000; }
#login_container{ overflow: hidden; }
#login_container ul{ padding: 0px; }
#login_container ul, #login_container li{ margin: 0px; }
#login_container li{ list-style: none; overflow: hidden; padding: 5px 0px; }
.login_inner{ padding: 40px; line-height: 1.5em; }
.login_inner h2{ margin-top: 0px; padding-top: 0px; font-size: 36px; }
#login_right .login_inner{ /*background-color: #efefef; border: 1px solid #dedede;*/ }
#login_left{ margin-right: 2%; }
#login_right .login_inner p{ margin-bottom: 40px; }
#login_left li > div, #login_right li > div, #login_left li > input, #login_right li > input, #login_right li > select{
float: left;
}
#login_left li > input, #login_right li > input, #login_right li > select{ box-sizing: border-box; }
#login_left li > div, #login_right li > div{ display: none; margin-bottom: 10px; margin-right: 2%; padding-top: 2px; }
#login_left li > input, #login_right li > input, #login_right li > select{ width: 100%; }
#login_container input[type=checkbox]{ width: auto !important; }
#login_container input[type=submit]{ width: auto !important; }
#login_container input {
background-color: #fff;
font-weight: normal;
font-size: 15px;
border: 1px solid #e2e2e2;
padding: 10px;
color: #515050;
box-sizing: border-box;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
.content_container.login_wrapper {
display: flex;
justify-content: center;
}
#login_container input.button {
background-color: rgba(181, 51, 53, 1);
color: rgba(255,255,255,1);
font-family: "Montserrat", sans-serif;
}
#login_right a.button {
padding: 12px;
background-color: rgba(181, 51, 53, 1);
color: rgba(255,255,255,1);
font-family: "Montserrat", sans-serif;
}
#login_left h2,
#login_right h2 {
line-height: 1.1em;
padding-bottom: 10px;
}
/* end log in / create account page */
/*********************************************************************
Phone-btns Container
*********************************************************************/
#phone_btns .bottom_btns {
background: rgba(181,51,53, 1);
height: 60px;
font-family: "Montserrat",sans-serif;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
justify-content: center;
align-items: center;
z-index: 100;
box-shadow: 0px -1px 16px rgba(0,0,0,0.4);
}
@media screen and (min-width: 580px) {
#phone_btns .bottom_btns {
display:none;
}
}
#phone_btns .bottom_btns a {
text-decoration: none;
color: #fff;
display: flex;
justify-content: center;
width: 100%;
padding: 19px;
}
/*********************************************************************
SECTIONS
*********************************************************************/
/*affects pages only with sub categories*/
#main .sub_category_container {
display: flex;
flex-flow: column-reverse;
}
#main .section_content_container.text_align_left {
align-items: flex-start;
}
.rotate_up {
transform: rotate(180deg);
}
.section_content li {
list-style: initial !important;
}
.sub_menu .mobile_arrow {
background: url('/images/header-arrow.png') no-repeat center center;
transition: all .3s ease-in;
width: 10px;
height: 10px;
margin-top: 5px;
}
@media screen and (min-width: 1366px) {
.sub_menu .mobile_arrow {
margin-left: 10px;
}
}
.max_width_container.has_bg_img.force_text_top {
align-items: initial;
top: 100px;
max-width: 590px;
}
.max_width_container.has_bg_img.force_text_top .content {
line-height: 2.4em;
}
/************************************************************************************************************************************
HOMEPAGE || Content-Wrapper
************************************************************************************************************************************/
/*Splash section*/
.splash_container {}
@media screen and (min-width: 768px){
.splash_container {
padding-bottom: 0;
}
}
.splash_container .img_container {
position: relative;
}
/*Splash img*/
.img_container .splash_img {
background-size: cover !important;
min-height: 300px;
max-height: 470px;
}
@media screen and (min-width: 768px){
.img_container .splash_img {
/*min-height: 470px;*/
/*max-height: 800px; */
min-height: 800px; /*height of splash container */
}
#non_homepage_container .img_container .splash_img {
min-height: 650px;
}
}
/*
@media screen and (min-width: 1366px){
.img_container .splash_img {
min-height: 800px;
}
}*/
.splash_img .section_title h1 {
padding: 0 20px;
}
/*Splash txt*/
.content_container {
padding: 0 20px;
}
.content_container .content {
font-weight: 400;
font-family: "Lato", sans-serif;
line-height: 1.7em;
}
.content_container.force_text_left .content,
.content_container.force_text_right .content {
color: #192e93;
padding: 10px 20px 20px 20px;
height: auto;
line-height: 1.7em;
font-weight: 400;
}
.has_bg_img .content_container .content {
padding-bottom: 30px;
}
.has_bg_img .content_container .section_title h6 {
margin-top: 0;
}
@media screen and (min-width: 767px){
.has_bg_img .content_container .content {
padding-bottom: 0;
}
.has_bg_img .content_container .section_title h6 {
margin-top: 10px;
}
}
@media screen and (max-width: 767px){
.has_bg_img .content_container .section_title h1,
.has_bg_img .content_container .section_title h2,
.has_bg_img .content_container .section_title h3,
.has_bg_img .content_container .section_title h4,
.has_bg_img .content_container .section_title h5,
.has_bg_img .content_container .section_title h6 {
color: rgba(117,117,117,1) !important;
}
.has_bg_img .content_container .content {
color: rgba(117,117,117,1) !important;
}
}
.max_width_container.has_bg_img {}
@media screen and (min-width: 768px){
.max_width_container.has_bg_img {
min-height: 800px;
max-height: 800px; /*height of splash container */
position: absolute;
top: 0;
left: 0;
max-width: 1366px;
margin: auto;
right: 0;
display: flex;
align-items: center;
justify-content: center;
}
.max_width_container.has_bg_img.force_text_left {
justify-content: flex-start !important;
}
.max_width_container.has_bg_img.force_text_right {
justify-content: flex-end !important;
}
.max_width_container.has_bg_img.force_text_left .content_container,
.max_width_container.has_bg_img.force_text_right .content_container {
text-align: left !important;
max-width: 620px !important;
}
.max_width_container.has_bg_img {
min-height: 650px;
max-height: 650px;
}
#homepage_container .max_width_container.has_bg_img {
min-height: 800px;
max-height: 800px;
}
}
@media screen and (min-width: 1366px){
.max_width_container.has_bg_img {
min-height: 800px; /*height of splash container */
}
#non_homepage_container .max_width_container.has_bg_img {
min-height: 650px;
}
}
.max_width_container.has_bg_img .content_container {
padding: 25px 20px;
text-align: center;
}
@media screen and (min-width: 768px){
.max_width_container.has_bg_img .content_container {
max-width: initial;
text-align: center;
padding: 0 20px;
}
}
.keep_title .section_title {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
min-height: 300px;
max-height: 470px;
}
@media screen and (min-width: 768px){
.keep_title .section_title {
min-height: 800px; /*height of splash container */
}
#non_homepage_container .keep_title .section_title {
min-height: 650px; /*height of splash container */
}
}
/**********************************************************************************************************************
SECTIONS
**********************************************************************************************************************/
* {
padding: 0;
margin: 0;
}
/*Sections*/
.page_sections_container.force_text_right {}
@media screen and (min-width: 900px){
.page_sections_container.force_text_right {
flex-flow: row !important;
}
.page_sections_container.force_text_right .section_content_container {
padding-left: 60px;
max-width: 680px;
}
}
.page_sections_container.force_text_right .section_title,
.page_sections_container.force_text_left .section_title {
padding-top: 0;
padding-bottom: 15px;
}
.section_title h1 {
font-weight: 700;
}
.page_sections_container {
padding: 40px 20px;
}
@media screen and (min-width: 900px){
.page_sections_container {
padding: 65px 20px 60px 20px;
display: flex;
flex-flow: row-reverse;
align-items: center;
max-width: 1366px;
margin: auto;
justify-content: space-between;
}
}
@media screen and (min-width: 1024px){
.page_sections_container.force_text_right {
padding: 100px 20px 100px 20px;
}
.page_sections_container.force_text_left {
padding: 100px 20px 100px 20px;
}
}
/*
.page_sections_container.force_text_right {}
@media screen and (max-width: 900px){
.page_sections_container.force_text_right {
display: flex;
flex-flow: column-reverse;
}
}
*/
.non_homepage_container .page_sections_container {
padding: 65px 20px 65px 20px;
max-width: 1366px;
margin: auto;
}
.page_sections_container .section_title {
font-size: 29px;
font-family: "Montserrat";
font-weight: 600;
color: rgba(0,0,0,1);
padding-bottom: 25px;
}
@media screen and (min-width: 768px){
.page_sections_container .section_title {
font-size: 36px;
}
}
@media screen and (min-width: 1920px){
.page_sections_container .section_title {
font-size: 42px;
}
}
.non_homepage_container .page_sections_container .section_title {
padding-top: 0;
padding-bottom: 0;
text-transform: initial;
margin-top: 30px; /*strange padding removed*/
margin-bottom: -5px; /*strange padding removed*/
font-size: 24px;
font-weight: 400;
}
@media screen and (min-width: 900px){
.non_homepage_container .page_sections_container .section_title {
padding-top: 0;
}
}
.page_sections_container .section_content {
font-family: "Montserrat", sans-serif;
font-size: 18px;
line-height: 1.7em;
padding-bottom: 28px;
font-weight: 400;
}
@media screen and (min-width: 900px) {
.page_sections_container .section_content {
max-width: 660px;
padding-right: 60px;
}
}
.non_homepage_container .page_sections_container .section_content {
padding-top: 27px;
max-width: initial;
}
.non_homepage_container .page_sections_container.has_no_blocks .section_content {}
@media screen and (min-width: 900px){
.non_homepage_container .page_sections_container.has_no_blocks .section_content {
padding-right: 50px;
}
}
@media screen and (min-width: 1366px){
.non_homepage_container .page_sections_container.has_no_blocks .section_content {
padding-right: 0;
}
}
.non_homepage_container .page_sections_container.has_no_blocks .section_content {}
/*Read more btn*/
.read_more {
max-width: 235px;
padding: 16px 15px;
background-color: rgb(181, 51, 53);
border: none;
text-decoration: none;
font-family: "Montserrat", sans-serif;
font-size: 18px;
display: block;
display: flex;
color: rgb(255, 255, 255);
font-weight: 400;
justify-content: center;
}
.read_more a {
color: rgba(255,255,255,1);
text-decoration: none;
white-space: nowrap;
}
.section_btn .blue_arrow {
background: url('/images/blue-arrow.png') no-repeat center center;
height: 10px;
width: 10px;
}
.non_homepage_container .section_content_container .section_btn {
display: none;
}
.page_sections_container .section_img {
max-width: 900px;
padding-bottom: 15px;
}
@media screen and (min-width: 900px){
.page_sections_container .section_img {
max-width: 860px;
min-width: 446px;
width: 50%;
}
}
.section_img img {
box-shadow: 0 -1px 16px rgba(0,0,0,0.2);
}
.page_sections_container.force_text_left .section_content_container {}
@media screen and (min-width: 900px){
.page_sections_container.force_text_left .section_content_container {
max-width: 680px;
padding-right: 60px;
}
}
.non_homepage_container .page_sections_container .section_img {}
@media screen and (min-width: 1080px){
.non_homepage_container .page_sections_container .section_img {
max-width: 566px;
}
}
@media screen and (min-width: 900px) {
.has_no_blocks .section_content_container {
max-width: 683px;
}
}
.page_sections_container .section_img img {
width: 100%;
}
.page_sections_container.plain_section .section_content {
padding-right: 0 !important;
}
@media screen and (min-width: 900px) {
.page_sections_container.plain_section .section_content {
max-width: 1366px;
}
}
.page_sections_container.plain_section {
flex-flow: column !important;
align-items: initial !important;
}
.page_sections_container.plain_section .section_content_container {
display: flex;
flex-flow: column;
align-items: center;
}
.page_sections_container.plain_section .section_content {
max-width: 1366px;
}
/**********************************************************************************************************************
IS FEATURED
**********************************************************************************************************************/
.dashboard_container {
padding: 0 20px;
}
.dashboard_container .featured_container {
display: flex;
max-width: 1366px;
margin: auto;
flex-flow: row wrap;
}
@media screen and (min-width: 1030px) {
.dashboard_container .featured_container {
flex-flow:row nowrap;
}
}
.dashboard_img_content_container {
padding-bottom: 60px;
flex: 1 1 auto;
width: 270px;
}
@media screen and (min-width: 580px) {
.dashboard_img_content_container {
width:350px;
}
.dashboard_img_content_container:nth-child(2n+0) {
margin-left: 10px;
}
.dashboard_img_content_container:nth-child(2n+1) {
margin-right: 10px;
}
}
@media screen and (min-width: 1030px) {
.dashboard_img_content_container {
margin-left:10px;
margin-right: 10px;
}
.dashboard_img_content_container:nth-child(1) {
margin-left: 0;
}
.dashboard_img_content_container:nth-child(4) {
margin-right: 0;
}
}
.dashboard_img_container {
padding: 10px;
border: 1px solid #f3f3f3;
}
.dashboard_container img {
width: 100%;
}
.dashboard_container .title h6 {
display: flex;
justify-content: center;
padding: 55px 0 40px 0;
}
.featured_container .name {
font-family: "Montserrat", sans-serif;
font-size: 18px;
max-width: 290px;
padding-top: 10px;
font-weight: 400;
}
.featured_container .msrp {
padding-top: 5px;
}
.featured_container .price {
font-family: "Lato", sans-serif;
font-size: 16px;
color: rgba(127, 190, 218, 1);
}
.dashboard_promos_container {
display: flex;
max-width: 1366px;
margin: auto;
flex-flow: row wrap;
padding-bottom: 100px;
}
.dashboard_container .promo {
width: 327px;
flex: 1 1 auto;
}
@media screen and (min-width: 700px) {
.dashboard_container .promo {
width: 250px;
max-width: 667px;
}
.dashboard_container .promo:nth-child(2n + 1) {
margin-right: 10px;
}
.dashboard_container .promo:nth-child(2n + 0) {
margin-left: 10px;
}
}
/**********************************************************************************************************************
THREE BLOCKS
**********************************************************************************************************************/
.three_blocks_wrapper {
padding: 0 20px;
}
.three_blocks_wrapper .three_blocks_container {
display: flex;
max-width: 1366px;
margin: auto;
flex-flow: row wrap;
}
@media screen and (min-width: 760px) {
.three_blocks_wrapper .three_blocks_container {
flex-flow:row nowrap;
}
}
.blocks_img_content_container {
padding-bottom: 60px;
flex: 1 1 auto;
width: 370px;
text-align: center;
}
@media screen and (min-width: 760px) {
.blocks_img_content_container {
margin-left: 10px;
margin-right: 10px;
}
.blocks_img_content_container:nth-child(1) {
margin-left: 0;
}
.blocks_img_content_container:nth-child(3) {
margin-right: 0;
}
}
@media screen and (min-width: 1030px) {
.blocks_img_content_container {
margin-left: 50px;
margin-right: 50px;
}
.blocks_img_content_container:nth-child(1) {
margin-left: 0;
}
.blocks_img_content_container:nth-child(3) {
margin-right: 0;
}
}
.blocks_img_container {}
.three_blocks_wrapper img {
width: 100%;
}
.three_blocks_wrapper .title h6 {
display: flex;
justify-content: center;
padding: 55px 0 40px 0;
color: rgba(117, 117, 117, 1);
}
.three_blocks_container .title {
font-family: "Montserrat", sans-serif;
font-size: 20px;
padding-top: 10px;
font-weight: 400;
color: rgba(117, 117, 117, 1);
}
.three_blocks_container .blocks_read_more {
border: none;
color: rgba(117, 117, 117, 1);
}
.three_blocks_container .blocks_read_more a {
text-decoration: none;
font-family: "Montserrat", sans-serif;
font-size: 16px;
color: rgba(181, 51, 53, 1);
}
.three_blocks_container .content {
font-family: "Lato", sans-serif;
font-size: 16px;
color: rgba(117, 117, 117, 1);
font-weight: 300;
padding: 15px 0 15px 0;
}
.blocks_promos_container {
display: flex;
max-width: 1366px;
margin: auto;
flex-flow: row wrap;
padding-bottom: 100px;
}
.three_blocks_wrapper .promo {
width: 327px;
flex: 1 1 auto;
}
@media screen and (min-width: 700px) {
.three_blocks_wrapper .promo {
width: 250px;
max-width: 667px;
}
.three_blocks_wrapper .promo:nth-child(2n + 1) {
margin-right: 10px;
}
.three_blocks_wrapper .promo:nth-child(2n + 0) {
margin-left: 10px;
}
}
/**********************************************************************************************************************
FOOTER
**********************************************************************************************************************/
.footer_container {
background: rgba(244,244,244,1);
}
.footer_links {
max-width: 1366px;
margin: auto;
}
@media screen and (min-width: 1366px) {
.footer_links {
padding-top:33px;
display: flex;
flex-flow: column;
justify-content: center;
}
}
.footer_container .bottom_categories {
}
@media screen and (min-width: 1366px) {
.footer_container .bottom_categories {
display:flex;
flex-flow: row nowrap;
justify-content: space-between;
}
}
.bottom_menu_container {
background: rgba(244,244,244,1);
}
.bottom_menu_container a {
text-decoration: none;
color: rgba(0,0,0,1);
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
padding: 15px 20px;
}
@media screen and (min-width: 1366px) {
.bottom_menu_container a {
border: none;
padding: 4px 20px;
font-size: 14px;
}
}
.bottom_menu_container .title>a {
border-bottom: 1px solid rgba(117,117,117,1);
font-size: 20px;
font-weight: 700;
}
@media screen and (min-width: 1366px) {
.bottom_menu_container .title>a {
border:none;
}
}
.bottom_menu_container .title>a {
font-family: "Montserrat",sans-serif;
}
.bottom_menu_container a>div {
font-size: 16px;
font-family: "Montserrat",sans-serif;
}
.bottom_menu_container .subscript {
display: none;
}
.bottom_menu_container .sub_menu ul a {
/*font-family: "Open Sans",sans-serif;*/
}
.bottom_menu_container .title {
}
@media screen and (min-width: 1366px) {
.bottom_menu_container .title {
padding-right:17px;
}
}
.bottom_menu_container .title ul {
display: none;
}
@media screen and (min-width: 1366px) {
.bottom_menu_container .title ul {
display:block !important;
}
}
.footer_container .contact_us_container {
padding: 20px;
background: rgba(244,244,244,1);
padding-bottom: 25px;
text-align: center;
}
@media screen and (min-width: 1366px) {
.footer_container .contact_us_container {
padding-top: 4px;
}
}
.footer_container .contact_us_container div {
font-size: 15px;
font-family: "Montserrat",sans-serif;
color: rgba(0,0,0,1);
}
.footer_container .contact_us_container .title {
font-weight: 400;
font-size: 18px;
padding-top: 40px;
color: rgba(181,51,53,1);
font-family: "Montserrat", sans-serif;
text-align: center;
}
.footer_container .contact_us_container .addr {
padding-top: 18px;
font-size: 14px;
}
@media screen and (min-width: 1366px) {
.footer_container .contact_us_container .addr {
padding-top:8px;
}
}
.footer_container .contact_us_container .addr_street,.footer_container .contact_us_container .addr_city_state_zip,.footer_container .contact_us_container .fax {
padding-top: 5px;
font-size: 14px;
}
.footer_container .contact_us_container .phone {
display: flex;
font-size: 16px;
}
.footer_container .contact_us_container .phone > span {
margin-left: 5px;
font-weight: 700;
}
.footer_container .contact_us_container .txt {
display: block;
font-family: "Montserrat",sans-serif;
font-weight: 400;
font-size: 15px;
}
.footer_container .contact_us_container .fax,.footer_container .contact_us_container .phone {
font-family: "Montserrat",sans-serif;
padding-top: 5px;
font-weight: 400;
justify-content: center;
}
.newsletter_container {
background: rgba(43,43,43,1);
padding: 0 20px;
}
.email_container {
display: flex;
flex-flow: column;
}
.newsletter_container .email_container input.button {
background: #d61f25;
border-radius: 500px;
padding: 12px 20px;
font-family: "Montserrat",sans-serif;
}
.newsletter_container .title {
font-family: "Montserrat",sans-serif;
padding-top: 30px;
white-space: nowrap;
}
@media screen and (min-width: 1366px) {
.newsletter_container .title {
padding-top:0;
}
}
.newsletter_container .email_container input {
margin-top: 10px;
font-size: 14px;
border: 1px solid #dedede;
}
.newsletter_container .email_container input:nth-child(1),.newsletter_container .email_container input:nth-child(2) {
min-width: 200px;
max-width: 420px;
padding: 12px;
}
.newsletter_container .email_container input:last-child {
max-width: 125px;
}
.newsletter_social_container {
display: flex;
flex-flow: column;
}
@media screen and (min-width: 1366px) {
.newsletter_social_container {
flex-flow:row;
}
}
.footer_container .social_container {
background: rgba(244,244,244,1);
padding: 10px 0 20px 0;
text-align: center;
}
.social_container a:first-child {
padding-left: 0 !important;
}
@media screen and (min-width: 1366px) {
.footer_container .social_container {
padding-top: 0;
}
}
.footer_container .social_container .title {
font-size: 16px;
color: #585858;
font-family: "Montserrat",sans-serif;
padding-bottom: 18px;
}
@media screen and (min-width: 1366px) {
.footer_container .social_container .title {
padding-bottom:12px;
}
}
.footer_container .social_container a {
padding: 0 15px;
}
.footer_container .social_container a:nth-child(2) {
padding-left: 0;
}
.footer_container .contact_social_container {}
@media screen and (min-width: 1366px){
.footer_container .contact_social_container {
display: flex;
flex-flow: column;
}
}
#copyright-container {
padding-bottom: 20px;
}
@media screen and (max-width: 580px) {
#copyright-container {
padding-bottom:80px;
}
}
.footer_container .copyright,.footer_container .iso,.footer_container #bx3_cred,.footer_container .terms_policy_container {
text-align: center;
background: rgba(244,244,244,1);
color: rgba(0,0,0,1);
font-size: 14px;
font-family: "Montserrat",sans-serif;
font-weight: 400;
}
.footer_container .terms_policy_container {
padding: 100px 0 0 0;
}
.terms,.privacy {
padding: 0 10px;
font-family: "Open Sans",sans-serif;
font-size: 14px;
}
.footer_container .copyright {
padding: 15px 15px;
font-family:"Montserrat", sans-serif;
font-size: 12px;
font-weight: 400;
}
@media screen and (min-width: 1366px) {
.footer_container .copyright {
padding:4px 0;
}
}
.footer_container .copyright a {
color: rgba(0,0,0,1);
font-size: 12px;
font-family: "Montserrat", sans-serif;
}
.copyright.credits {
padding-bottom: 0;
padding-top: 27px;
}
.footer_container .copyright>div {
padding: 10px 0;
font-size: 14px;
font-family: "Open Sans",sans-serif;
}
@media screen and (min-width: 1366px) {
.footer_container .copyright>div {
padding:4px 0;
}
}
/**********************************************************************************************************************
PRODUCTS
**********************************************************************************************************************/
.product_options_wrapper .image_container {
width: 100%;
}
.product_options_wrapper .image_container img {
width: 100%;
}
.product_details_container {
display: flex;
color: rgba(117,117,117,1);
flex-flow: column;
}
@media screen and (min-width: 1024px){
.product_details_container {
flex-flow: row;
}
}
.product_details_container h6 {
font-family: "Montserrat", sans-serif;
}
.product_details_container .content_container {
background: rgba(253,253,253,1);
padding: 20px;
max-width: 630px;
margin: auto;
}
@media screen and (min-width: 1366px){
.product_details_container .content_container {
min-width: 640px;
padding: 40px;
width: 640px;
}
}
.details_container .description {
padding-top: 10px;
line-height: 1.7em;
font-family: "Lato", sans-serif;
font-weight: 300;
}
.product_options_container > ul > li {}
.product_options_container > ul > li {
border-bottom: none;
}
.product_options_container a {
font-family: "Montserrat", sans-serif;
color: rgba(117,117,117,1);
padding: 12px 20px;
display: flex;
justify-content: space-between;
text-decoration: none;
background: rgba(255,255,255,1);
/* background: rgba(0,0,0,0.2); */
border-bottom: 1px solid rgba(234,234,234,1);
}
.product_options_container > ul > li > ul:first-child {
display: flex;
}
.product_options_container ul li ul {
display: flex;
/* margin: 0px 20px; */
flex-flow: row wrap;
padding: 10px 0;
/* border-bottom: 1px solid rgba(234,234,234,1); */
padding: 10px 20px;
border-bottom: 1px solid rgba(234,234,234,1);
}
.product_options_container ul li ul label {
padding: 10px;
padding: 10px 20px;
border: 1px solid rgba(234,234,234,1);
display: block;
}
.product_options_container ul li ul label span {
display: none;
}
.product_options_container {
border: 1px solid rgba(234,234,234,1);
margin-top: 20px;
}
.price_add_container {
display: flex;
justify-content: space-between;
padding-top: 20px;
font-family: "Montserrat", sans-serif;
align-items: center;
}
.dashboard_img_content_container .msrp {
}
.price_add_container .msrp {
font-size: 14px;
}
.price_add_container .price {
font-size: 24px;
padding-top: 5px;
}
.price_add_container input {
padding: 13px 27px;
background: rgba(181, 51, 53, 1);
text-decoration: none;
color: rgba(255,255,255,1);
border: none;
font-size: 16px;
font-family: "Montserrat", sans-serif;
}
.price_add_container input[type="submit"],
.add_to_cart input[type="submit"] {
cursor: pointer;
}
.extra_note_container {
display: none;
margin-top: 20px;
padding: 20px;
border: 1px solid rgba(234,234,234,1);
font-family: "Lato",sans-serif;
font-weight: 700;
}
/**********************************************************************
YOUTUBE
**********************************************************************/
.youtube {
background-color: #000;
margin-bottom: 30px;
position: relative;
padding-top: 56.25%;
overflow: hidden;
cursor: pointer;
}
.youtube img {
width: 100%;
top: 0;
left: 0;
opacity: 0.7;
}
.youtube .play-button {
width: 90px;
height: 60px;
background-color: #333;
box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
z-index: 1;
opacity: 0.8;
border-radius: 6px;
}
.youtube .play-button:before {
content: "";
border-style: solid;
border-width: 15px 0 15px 26.0px;
border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
top: 50%;
left: 50%;
transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.youtube_master_container {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
max-width: 1200px;
margin: auto;
}
@media screen and (min-width: 1200px){
.youtube_master_container {
max-width: 1200px;
margin: auto;
}
}
.youtube_container {
min-width: 300px;
max-width: 850px;
flex: 1 1 auto;
margin: 0 20px;
}
@media screen and (min-width: 1200px){
.youtube_container {
}
}
.youtube_master_wrapper {
padding: 80px 0;
}
/***************************************************************************
TABS SECTION
***************************************************************************/
.tab_container .tab_arrow {}
@media screen and (min-width: 1024px){
.tab_container .tab_arrow {
display: none;
}
}
.tab_container {
padding: 60px 20px;
}
.tab_container li > ul{
display: none;
background: rgba(245,245,245,1);
font-family: "Lato", sans-serif;
height: initial;
}
@media screen and (min-width: 1024px){
.tab_container li > ul {
display: none !important;
}
}
.tab_container li {
border-left: 1px solid rgba(234,234,234,1);
border-right: 1px solid rgba(234,234,234,1);
border-top: 1px solid rgba(234,234,234,1);
}
@media screen and (min-width: 1024px){
.tab_container li {
width: 100%;
border: none;
}
}
.tab_container li:last-child {
border-bottom: 1px solid rgba(234,234,234,1);
}
@media screen and (min-width: 1024px){
.tab_container li:last-child {
border: none;
}
}
.tab_container li > a {
padding: 20px;
display: flex;
justify-content: space-between;
text-decoration: none;
font-size: 22px;
text-transform: uppercase;
color: rgba(198,198,198,1);
background: rgba(245,245,245,1);
font-family: "Montserrat", sans-serif;
}
@media screen and (min-width: 1024px){
.tab_container li > a {
background: rgba(255,255,255,1);
}
}
.tab_container li li {
border: none;
padding: 20px;
padding-top: 0;
}
.tab_container li li span {
line-height: 1.7em;
}
@media screen and (min-width: 1024px){
.tab_container li li span {
line-height: 2.4em;
}
}
.tab_container li > a > span {
background: url('/images/tab-arrow-down.png') no-repeat center center;
padding: 10px;
}
.tab_container > ul {}
@media screen and (min-width: 1024px){
.tab_container > ul {
display: flex;
max-width: 1024px;
margin: auto;
position: relative;
}
}
.tab_container .magic_box {
display: none;
}
@media screen and (min-width: 1024px){
.tab_container .magic_box {
display: flex;
max-width: 1024px;
margin: auto;
padding: 40px 0;
font-family: "Open Sans", sans-serif;
font-size: 16px;
line-height: 2.4em;
}
}
@media screen and (min-width: 1024px){
.tab_container .sub_menu.active_tab a {
color: rgba(133,193,220,1);
border-bottom: 2px solid rgba(133,193,220,1);
}
}
/***************************************************************************
FOUR BLOCKS SECTION
***************************************************************************/
.four_blocks_container .price_container {
display: flex;
padding-top: 5px;
font-family: "Open Sans", sans-serif;
flex-flow: column;
}
.four_blocks_container .price_container .msrp {
text-align: left;
}
.four_blocks_container .price_container .price {
padding-top: 0;
color: rgba(255,0,0, 1);
}
.four_blocks_container {
padding: 20px;
padding-bottom: 40px;
max-width: 1366px;
margin: auto;
}
.four_blocks_container h1 {
font-size: 36px;
}
.four_blocks_container img {
width: 100%;
}
.four_blocks_container .blocks_container {
max-width: 1366px;
margin: auto;
flex-flow: row wrap;
display: flex;
padding: 30px 0;
}
@media screen and (min-width: 1366px){
.four_blocks_container .blocks_container {
justify-content: space-between;
}
}
.four_blocks_container .block_img_container {
min-height: 100px;
}
.four_blocks_container .block_img_content_container {
text-align: center;
padding-bottom: 45px;
text-align: center;
padding-bottom: 60px;
flex: 1 1 auto;
width: 270px;
padding-right: 10px;
padding-left: 10px;
}
/*
@media screen and (min-width: 580px){
.four_blocks_container .block_img_content_container:nth-child(2n + 1) {
padding-right: 20px;
}
.four_blocks_container .block_img_content_container:nth-child(2n){
padding-left: 20px;
}
}*/
@media screen and (min-width: 1024px){
.four_blocks_container .block_img_content_container {
width: 200px;
padding: 10px;
}
}
@media screen and (min-width: 1366px){
.four_blocks_container .block_img_content_container {
max-width: 335px;
}
}
.four_blocks_container > .title {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 18px;
padding-top: 25px;
padding-bottom: 25px;
border-bottom: 2px solid rgba(248,248,248,1);
}
.four_blocks_container .txt {
padding-top: 10px;
line-height: 1.8em;
}
.four_blocks_container .title {
text-align: left;
padding-top: 10px;
}
.four_blocks_container .title a {
font-size: 20px;
color: rgba(117,117,117,1);
text-decoration: none;
display: block;
}
.four_blocks_container .blocks_container a {
display: block;
text-decoration: none;
font-size: 16px;
}
.four_blocks_container .block_img_content_container > a {
color: rgba(181, 51, 53, 1);
text-align: left;
padding-top: 15px;
font-family: "Montserrat", sans-serif;
}
.four_blocks_container .block_img_content_container > a > span {
background: url('/images/right_arrow_shop.png') no-repeat center center;
padding: 10px;
margin-left: 10px;
}
.four_blocks_container .price {
text-align: left;
padding-top: 10px;
font-size: 16px;
font-family: "Lato", sans-serif;
}
.four_blocks_container .column_container {
display: flex;
flex-flow: column;
width: 100%;
}
.four_blocks_container .row_container {
display: flex;
flex-flow: row wrap;
}
@media screen and (min-width: 813px){
.four_blocks_container .row_container {
flex-flow: row nowrap;
}
}
.four_blocks_container .description {
text-align: left;
padding-top: 5px;
font-family: "Lato", sans-serif;
line-height: 1.8em;
font-weight: 300;
}
.four_blocks_container .blocks_container .title > a {
font-size: 20px;
}
/***********************************************************************************************************************
Product Listing (Linens)
**********************************************************************************************************************/
.product_palette_wrapper .row_container {
padding: 20px 0;
}
.product_palette_container h1 {
font-size: 30px;
}
.product_palette_container {
display: flex;
max-width: 1366px;
margin: auto;
padding: 20px;
flex-flow: column;
}
@media screen and (min-width: 850px){
.product_palette_container {
flex-flow: row;
}
}
.product_palette_wrapper img {
width: 100%;
}
.product_palette_wrapper .child_container {
display: flex;
flex-flow: row wrap;
}
.product_palette_wrapper .img_wrapper {}
@media screen and (min-width: 1024px){
.product_palette_wrapper .img_wrapper {
min-width: 435px;
width: 435px;
}
}
.product_palette_wrapper .img_child {
padding-right: 5px;
width: 80px;
}
.product_palette_wrapper .content_container {
padding: 20px 0;
}
@media screen and (min-width: 850px){
.product_palette_wrapper .content_container {
padding-left: 50px;
}
}
@media screen and (min-width: 1366px){
.product_palette_wrapper .content_container {
padding-left: 115px;
}
}
.product_palette_wrapper .description {
line-height: 1.9em;
font-family: "Lato", sans-serif;
font-size: 16px;
font-weight: 300;
padding: 40px 0;
padding-top: 20px;
border-bottom: 1px solid rgba(230,230,230,1);
}
.product_size_container .sizes {
width: 100%;
padding: 15px 15px;
border: 1px solid rgba(230,230,230,1);
box-shadow: 1px 1px 15px rgba(0,0,0,.2);
border-radius: 6px;
font-family: "Lato", sans-serif;
margin-top: 8px;
font-size: 16px;
font-weight: 300;
}
.product_color_container,
.product_qty_container {
padding-top: 20px;
}
@media screen and (min-width: 1024px){
.product_color_container,
.product_size_container {
width: 100%;
margin-right: 20px;
}
.product_qty_container,
.product_color_container {
padding-top: 0;
}
}
.product_color_container .colors {
width: 100%;
padding: 15px 15px;
border: 1px solid rgba(230,230,230,1);
box-shadow: 1px 1px 15px rgba(0,0,0,.2);
border-radius: 6px;
font-family: "Lato", sans-serif;
margin-top: 8px;
font-size: 16px;
font-weight: 300;
}
.product_qty_container input {
padding: 15px 15px;
border: 1px solid rgba(230,230,230,1);
box-shadow: 1px 1px 15px rgba(0,0,0,.2);
border-radius: 6px;
font-family: "Lato", sans-serif;
margin-top: 8px;
font-size: 16px;
font-weight: 300;
max-width: 90px;
}
.product_palette_wrapper .price_container .price {
padding-top: 20px;
font-size: 24px;
font-family: "Montserrat", sans-serif;
}
.product_palette_wrapper .add_to_cart input {
font-family: "Montserrat", sans-serif;
font-size: 16px;
background: rgba(181, 51, 53, 1);
padding: 16px 20px;
border: none;
color: rgba(255,255,255,1);
margin-top: 10px;
}
.product_palette_wrapper .price_dash {
display: flex;
justify-content: space-between;
border-top: 1px solid rgba(230,230,230,1);
}
.product_palette_wrapper .options {}
@media screen and (min-width: 1024px){
.product_palette_wrapper .options {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 690px;
}
}
/********************************************************************************************
Related Products
*********************************************************************************************/
.related_container .attr_wrapper .product_identify_container,
.related_container .attr_wrapper .attr_header_title,
.related_container .attr_wrapper .expand_browse {
display: none;
}
.related_container .attr_wrapper #attr_search_form {
display: block;
}
.related_wrapper {
background: rgba(248,248,248,1);
padding-bottom: 85px;
}
.related_wrapper .header_content_container {
max-width: 950px;
margin: auto;
padding: 0 20px;
}
.related_wrapper .header_content_container .title {
text-align: center;
padding-top: 40px;
}
.related_wrapper .header_content_container .title h6 {
font-family: "Open Sans", sans-serif;
color: rgba(117,117,117,1);
text-transform: uppercase;
font-weight: 700;
}
.related_wrapper .header_content_container .content {
padding-top: 5px;
font-family: "Open Sans", sans-serif;
line-height: 2em;
text-align: center;
}
.related_wrapper .row_container {
display: flex;
flex-flow: column;
padding-top: 45px;
}
@media screen and (min-width: 768px){
.related_wrapper .row_container {
flex-flow: row nowrap;
}
}
.related_img_content_container {
flex: 1 1 auto;
text-align: center;
padding-bottom: 40px;
}
@media screen and (min-width: 340px){
.related_img_content_container {
}
}
@media screen and (min-width: 340px){
.related_img_content_container {
}
}
@media screen and (min-width: 380px){
.related_img_content_container {
max-height: initial;
}
}
@media screen and (min-width: 768px){
.related_img_content_container {
padding-bottom: 0;
width: 273px;
}
}
.related_img_container img {
width: 100%;
border: 1px solid rgba(234,234,234,1);
}
.related_img_container {
margin-left: 20px;
margin-right: 20px;
}
@media screen and (min-width: 768px){
.related_img_container {
margin-left: 10px;
margin-right: 10px;
}
}
.related_container {
display: flex;
flex-flow: row;
width: 100%;
justify-content: center;
max-width: 1366px;
margin: auto;
}
@media screen and (min-width: 768px){
.related_container {
display: flex;
flex-flow: column;
width: 100%;
}
}
.related_img_content_container .name {
text-align: left;
padding-left: 20px;
padding-top: 10px;
font-family: "Montserrat",sans-serif;
font-size: 16px;
padding-right: 20px;
color: rgba(117,117,117,1);
}
@media screen and (min-width: 768px){
.related_img_content_container .name {
padding-left: 10px;
padding-right: 10px;
}
}
.related_img_content_container .price {
text-align: left;
padding: 5px 20px 20px;
font-family: "Lato",sans-serif;
color: rgba(117,117,117,1);
font-weight: 400;
font-size: 16px;
}
@media screen and (min-width: 768px){
.related_img_content_container .price {
padding: 5px 10px 10px;
}
}
/*******************************************************************************
CART
*******************************************************************************/
#checkout_intl_notice,
#checkout_intl_notice > a {
font-family: "Lato",sans-serif
}
.cart_container .cart_counter {
width: 20px;
height: 20px;
background: red;
border-radius: 50%;
position: absolute;
color: white;
font-weight: 400;
display: flex;
justify-content: center;
font-family: "Open Sans", sans-serif;
align-items: center;
left: 14px;
top: -10px;
}
#cart_wrapper {
max-width: 1366px;
margin: auto;
padding: 40px 20px;
}
#cart_intl{ border: 1px solid #d3dadc; padding: 8px; margin-bottom: 15px; }
#cart_buttons .button{ text-transform: none; }
#cart_intl{
margin: 10px 0px 20px 0px;
padding: 10px;
border: 2px solid #5a5a5a;
background-color: #fff;
font-size: 14px;
}
#cart_intl a{
font-size: 14px;
font-weight: bold;
}
.cart_product_row td{
padding: 10px 0px 5px 0px;
border-bottom: 1px solid #e0e3e0;
}
#cart_container{ overflow: hidden; }
#cart_left{ margin-bottom: 20px; }
.cr_title{ font-family: 'Open Sans', sans-serif; color: #4d4d4d; background-color: #dedede; padding: 15px; font-size: 18px; text-transform: none; font-weight: bold; }
.cr_title_grey{ color: #4d4d4d; background-color: transparent; border-left: 1px solid #dedede; border-right: 1px solid #dedede; padding: 15px; }
.cr_content{ padding: 15px; padding-top: 25px; border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; background-color: #fff; }
.cart_product_c{
padding: 20px;
background-color: #fff;
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
border-bottom: 1px solid #dedede;
overflow: hidden;
}
.cart_product_c:nth-child(2){ border-top: 1px solid #dedede; }
.cart_product_c .button, .cart_product_c .button:hover{
padding-left: 0px;
padding-right: 0px;
width: auto;
min-width: 120px;
max-width: 80%;
}
.cart_product_headings{ display: none; }
.cart_product_c .cart_prod_thumb{
float: left;
width: 40%;
text-align: center;
font-weight: bold;
font-size: 18px;
color: #383838;
}
.cart_product_c:first-child .cart_prod_thumb{ text-align: left; }
.cart_product_c .cart_prod_thumb img{
float: none !important;
max-width: 100%;
max-height: 150px;
width: auto;
height: auto;
border: 0px;
}
.cart_product_c .cart_prod_data{
float: left;
width: 50%;
padding-left: 8%;
color: #383838;
font-size: 16px;
}
.cart_product_c .cart_prod_data a{ font-size: 18px; text-decoration: none; font-weight: bold; }
.cart_product_c .cart_prod_qty a{ text-decoration: none; }
.cart_product_c .cart_prod_price{
clear: both;
text-align: center;
}
.cart_product_c .cart_prod_qty{
text-align: center;
}
.cart_product_c .cart_prod_qty input[type=text]{
width: 45px;
padding-left: 5px;
padding-right: 5px;
text-align: center;
}
.cart_product_c .cart_prod_qty input[type=submit]{
border: 0px solid #fff;
color: #323e99;
padding: 0px;
margin: 0px;
cursor: pointer;
font-weight: bold;
}
.cart_product_c .cart_prod_qty input[type=submit]:hover{ color: #4968aa; }
.cart_product_c .cart_prod_total{
text-align: center;
}
.cart_product_c .cart_prod_price, .cart_product_c .cart_prod_qty, .cart_product_c .cart_prod_total{ padding: 10px 0px; color: #383838; font-size: 16px; font-weight: bold; }
#cart_footer{
padding-top: 20px;
overflow: hidden;
}
#cart_footer td{
font-size: 16px;
color: #383838;
}
#cart_footer_blocks{ overflow: hidden; }
.cart_shipping_calculator{ text-align: left; background-color: #fff; margin-bottom: 20px; }
.cart_shipping_container{
text-align: left;
}
#cart_shipping_form span{ white-space: nowrap; }
#cart_shipping_form em{ font-size: 12px; }
#shipping_quote_zip{ width: 80px; }
.cart_shipping_container .button{ min-width: 0; }
#shipType{ max-width: 100%; }
.cart_totals{ background-color: #fff; }
.cart_totals_container{ clear: both; text-align: right; }
.cart_totals_container tr td{
text-align: right;
}
.cart_totals_container tr td:first-child{
text-align: left;
}
.cart_bottom_title{
background: rgba(127, 190, 218, 1);
color: #fff;
text-align: left;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
font-weight: bold;
text-transform: none;
padding: 15px 20px;
}
.cart_buttons, .checkout_buttons{
clear: both;
padding: 20px 0px;
text-align: center;
}
#cart_button_left{ background: #323e99 url(/images/common/checkout_button_left.png) no-repeat 30px center; max-width: 240px; width: 100%; }
#cart_button_right{ background: #399d3b url(/images/common/checkout_button_right.png) no-repeat 210px center; max-width: 240px; width: 100%; }
.cart_bottom_content{ padding: 20px; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; color: #383838; }
.info_forms td{
padding: 3px !important;
}
#cart_container{
overflow: hidden;
}
.checkout_header{
padding: 0px;
overflow: hidden;
}
.checkout_header table{
border-collapse: collapse;
width: 100%;
}
.checkout_header td{
width: 50%;
padding: 10px !important;
border: 1px solid #dedede;
vertical-align: top;
}
.checkout_header{
padding-bottom: 15px;
}
.checkout_header .checkout_header_block{
min-width: 320px;
}
.checkout_header_block h3{
font-size: 20px;
padding: 15px;
}
.checkout_header_block div{
padding: 2px 15px;
}
.cart_totals_table{
text-align: left;
margin: 0px 0px 0px auto;
}
.cart_totals_table td{
font-size: 18px;
padding: 8px 0px;
}
.cart_totals_table tr:first-child td{ padding-top: 0px; }
.cart_totals_table tr:nth-child(2) td{ padding-bottom: 15px; }
.cart_totals_table tr:last-child td{
border-top: 1px solid #dedede;
padding: 15px 0px 0px;
}
.discount_total{
color: #090;
}
#receipt_shipping{
margin: 10px 0px;
padding: 10px;
border: 1px solid #e0e3e0;
}
.receipt_container{
overflow: hidden;
}
.p_ship_header{
background-color: #efefef;
padding: 6px 10px !important;
}
#cart_ship_rates td{
border-bottom: 0px solid transparent;
}
.checkout_footer_extra td{
vertical-align: top;
}
.cart_shipping_message{ padding: 10px 10px 0px 0px; }
.cart_shipping_message a{ color: #cb0000; font-weight: bold; font-size: 16px; }
#site_message_container{ padding: 20px 10px; text-align: left; }
#cart_footer_tools{
float: left;
width: 320px;
padding-bottom: 40px;
}
.cart_survey{
padding-right: 100px;
}
#cart_survey_data{
height: 73px;
}
.cart_survey_options{
padding: 5px 0px 10px 0px;
}
.giftcard_amount strong{
color: #090;
}
.giftcard_amount .button{
padding: 0px;
text-transform: none;
font-weight: normal;
background: none;
border: 0px;
}
.giftcard_amount .button:hover{
}
#info_forms{
overflow: hidden;
}
.info_form{
float: left;
min-width: 320px;
width: 100%;
}
.info_form div{
position: relative;
padding: 10px 10px 10px 40px;
}
.info_form .required{
position: absolute;
left: 10px;
top: 20px;
color: #f00;
}
.info_form input[type=text]{
width: 80%;
}
#checkout_wrapper {
max-width: 1366px;
margin: auto;
padding: 40px 20px;
}
#checkout_intl_notice{
padding: 12px 10px 12px 75px;
margin: 10px 0px 30px;
background: #fff url(/images/common/attention_international_icon.jpg) no-repeat 0px 0px;
border: 1px solid #dedede;
line-height: 1.8em;
}
#checkout_intl_notice a {
font-size: 18px;
color: #0f1f71;
}
#cart_container a {
color: #0f1f71;
}
#cart_container {
font-family: "Open Sans",sans-serif;
}
#checkout_container{ border: 1px solid #dedede; overflow: hidden; background-color: #f8f8f8; }
#checkout_top{ padding: 30px; text-align: center; font-size: 24px; color: #383838; line-height: 2em; background-color: #f8f8f8; border-bottom: 1px solid #dedede; }
#checkout_signin{ display: none; }
#checkout_left{ background-color: #fff; }
#checkout_left_inner{ border-right: 1px solid #dedede; }
.checkout_step{ position: relative; padding: 105px 30px 30px; border-bottom: 1px solid #dedede; }
.checkout_step:last-child{ border-bottom: 0px solid #fff; }
.checkout_step_number{
position: absolute;
top: 25px;
left: 20px;
font-size: 24px;
color: #383838;
font-weight: bold;
border: 1px solid #dbdbdb;
background-color: #fdfdfd;
width: 50px;
padding: 8px 0px;
text-align: center;
}
.checkout_section_title{
font-size: 18px;
color: #383838;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
}
.checkout_section_title div{
font-size: 14px;
}
#checkout_left .checkout_section_title{
position: absolute;
top: 33px;
left: 90px;
}
#checkout_payment{
padding-top: 20px;
}
.info_form_item{ overflow: hidden; margin-bottom: 10px; }
.info_form_label{ display: none; float: left; margin: 10px 0% 0px 0px; text-align: right; box-sizing: border-box; padding-right: 20px; }
.info_form_label.info_form_ship_select{ display: block !important; width: 5%; }
.info_form_input{ width: 90%; }
@media screen and (min-width: 420px){
.info_form_input{ white-space: nowrap; }
}
@media screen and (min-width: 760px){
.info_form_label, .info_form_label.info_form_ship_select{ display: block; width: 30%; }
.info_form_input{ width: 69%; }
}
#checkout_summary tbody {
font-family: "Open Sans", sans-serif;
}
#checkout_right {
font-size: 18px;
}
#checkout_container {
font-family: "Open Sans", sans-serif;
max-width: 1366px;
margin: auto;
}
.info_form_input select, .info_form_input input[type=text]{ width: 85%; }
#expMonth{ width: 100px; padding-left: 8px; padding-right: 8px; }
#expYear{ width: 100px; padding-left: 8px; padding-right: 8px; }
.cc_number{ overflow: hidden; }
.cc_number input[type=text]{ float: left; width: 50%; min-width: 210px; }
.cc_number div{ padding: 10px 0px; clear: both; }
.cc_number div img{ margin-right: 5px; }
.info_form_select_shipping{ margin-top: 9px; }
.info_form_label label, .info_form_input label{ cursor: pointer; }
.info_form_label input[type=radio]{ display: none; }
.info_form_label input[type=radio] + label{
-webkit-appearance: none;
background-color: #fafafa;
border: 1px solid #cacece;
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
padding: 6px;
border-radius: 50%;
display: inline-block;
position: relative;
}
.info_form_label input[type=radio]:checked + label:after{
content: ' ';
width: 8px;
height: 8px;
border-radius: 50%;
position: absolute;
top: 2px;
left: 2px;
background: #323e99;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
/*text-shadow: 0px;*/
font-size: 32px;
}
.info_form_label input[type=radio]:checked + label{
background-color: #e9ecee;
color: #99a1a7;
border: 1px solid #adb8c0;
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.info_form_label input[type=radio] + label:active, .info_form_label input[type=radio]:checked + label:active{
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
#info_form_shipping{ display: none; }
.checkout_step .required{ color: #cb0000; }
#checkout_right_inner{ padding: 10px; }
#checkout_right_inner .checkout_section_title{
margin-bottom: 30px;
}
#checkout_right_inner .h_menu_cart_i_left{ width: 28%; margin-right: 2%; }
#checkout_right_inner .h_menu_cart_i_left img{ max-width: 100%; }
#checkout_right_inner .h_menu_cart_i_right{ padding-top: 8px; }
#checkout_summary{ width: 100%; }
#checkout_summary td{ color: #383838; padding: 4px 0px; }
#checkout_summary td:last-child{ text-align: right; }
#checkout_summary select{ max-width: 240px; }
#checkout_summary .checkout_items{ padding-top: 15px; border-top: 1px solid #dedede; }
#checkout_summary .checkout_shipping{ padding-bottom: 5px; }
.checkout_shipping.shipping_calculated{ text-align: right; }
.checkout_shipping.shipping_calculated select{ width: 100%; max-width: 100% !important; }
#checkout_summary .checkout_nra_donation{ padding-bottom: 5px; border-bottom: 1px solid #dedede; }
#checkout_summary .checkout_nra_donation input{ width: 70px; text-align: right; }
#checkout_summary .discount_total{ padding: 10px 0px; border-bottom: 1px solid #dedede; }
#checkout_summary .checkout_total{ padding: 10px 0px; border-bottom: 1px solid #dedede; font-weight: bold; }
.cart_promo_box_l{ margin-top: 20px; }
.cart_promo_box_r{ padding: 10px 0px 20px; border-bottom: 1px solid #dedede; }
.cart_promo_box_r input[type=text]{ margin-bottom: 10px; }
.cart_promo_box_r input{ width: 100%; box-sizing: border-box; }
.cart_promo_box_r input[type=submit]{ background-color: #0094d4; }
.cart_promo_box_r input[type=submit]:hover{ background-color: #007aaf; }
#checkout_newsletter_signup{ padding-top: 10px; font-size: 12px; }
#checkout_submit_order input[type=submit]{ width: 100%; }
#checkout_submit_order{ padding-top: 20px; }
#checkout_submit_order_2{
padding: 20px 90px 20px 0px;
text-align: right;
}
.receipt_container{ border: 1px solid #dedede; background-color: #fff; }
.receipt_container .checkout_header{ padding-bottom: 0px; }
.receipt_container .checkout_header_shipping > div{ padding: 0px; }
.receipt_container .cart_totals_container{
float: right;
min-width: 170px;
padding: 20px;
}
.receipt_container .checkout_header{ }
.receipt_container .cart_product_c{ clear: both; border-left: 0px solid #fff; border-right: 0px solid #fff; }
.receipt_container .cart_prod_act{ text-align: right; padding-top: 10px; }
.checkout_receipt_left, .checkout_receipt_right{ padding: 20px 40px; width: 100%; box-sizing: border-box; }
.checkout_header_block > div{ padding: 0px; }
.checkout_header_block{ border-bottom: 1px solid #dedede; }
.checkout_header_block h3{ margin-top: 0px; }
#list_cart_form_top{ text-align: left; font-family: 'Open Sans'; font-size: 18px; text-transform: none; font-weight: bold; }
#list_cart_form_buttons{ padding: 20px 0px; overflow: hidden; }
#checkout_buttons{
float: right;
}
.form_required_message { display: none; }
.contact_us .section_title,
.contact_us .section_content {
text-align: center;
}
.contact_us .section_title {
font-size: 36px;
padding-bottom: 0;
text-transform: capitalize;
color: rgba(117,117,117,1);
}
.contact_us .section_content {
font-family: "Lato", sans-serif;
font-size: 16px;
padding: 15px 0 25px 0;
font-weight: 400;
color: rgba(117,117,117,1);
}
@media screen and (min-width: 1366px){
.contact_us .section_content_container {
padding-bottom: 50px;
}
}
.contact_link {
color: rgba(0,0,0,1);
}
.section_wrapper .contact_section { justify-content: center; display: flex; }
.section_wrapper .contact_section input {
width: 100%;
padding: 14px;
font-family: "Lato", sans-serif;
margin-bottom: 10px;
border: 1px solid #dedede;
}
.section_wrapper .contact_page {
width: 100%;
max-width: 430px;
background: rgba(181, 51, 53, 1);
padding: 35px;
margin: auto;
}
.section_wrapper .contact_page input {
font-size: 16px;
}
.section_wrapper .contact_page textarea {
font-family: "Lato",sans-serif;
padding: 14px;
margin-bottom: 5px;
width: 100%;
}
.section_wrapper .contact_page input[type="submit"] {
color: #fff;
background: rgba(48,120,152,1);
font-family: "Lato", sans-serif;
border: none;
}
#workNode{ display: none; }
.contactTable{ min-width: 300px; max-width: 500px; }
.contactTable td{ padding: 10px 5px; border-bottom: 1px solid #dedede;}
.contactTable td.cellHeader{
background-color: #4d4d4d;
color: #fff;
}
.customContactTable td select{
font-size: 12px;
max-width: 200px;
}
#new_customer_signup{ text-align: left; }
#new_customer_signup .cell strong, #new_customer_signup .required_box strong{ color: #f00; }
.show .cellHeader{ font-size: 18px; text-transform: uppercase; }
.show .cell{
padding: 5px;
border-bottom: 1px solid #efefef;
text-align: left;
}
.order_top_container, .print_top_container{
position: relative;
text-align: center;
height: 55px;
}
.order_top_container h3{
display: none;
margin: 0px;
padding: 0px;
text-align: left;
}
.order_container, .print_container{
max-width: 800px;
background: #fff;
color: #000;
font-size: 11px;
padding: 10px 20px 20px 20px;
}
.order_edit_container{
width: auto;
}
.order_container, .order_container div, .order_container span, .order_container td{
color: #000;
font-size: 11px;
}
.print_container, .print_container div, .print_container span, .print_container td{
color: #000;
font-size: 11px;
}
.print_container h1, .print_container h2, .print_container h3, .print_container h4, .print_container h5, .print_container h6{
color: #636363;
}
.d_contact_print{
display: inline-block;
padding-right: 50px;
}
.d_contact_print table td{
padding: 5px 10px;
border-bottom: 1px solid #ddd;
}
.order_top_container, .print_top_container{
position: relative;
text-align: center;
height: 55px;
}
.order_logo, .print_logo{
display: none;
position: absolute;
top: 0px;
left: 0px;
}
.order_top_container h3{
margin: 0px;
padding: 0px;
text-align: center;
}
.print_top_container h3, .print_top_container h5{
margin: 0px;
padding: 0px;
text-align: right;
}
.order_status_select{
position: absolute;
top: 0px;
left: 0px;
}
.order_customer_number{
text-align: right;
padding-top: 10px;
}
.order_number_data{
width: auto !important;
margin: 0px !important;
}
.order_number_data td{
padding: 0px 5px 5px 0px;
}
.order_container td img{
max-width: 32px;
max-height: 32px;
}
.order_header_table{
width: 100%;
border-collapse: collapse;
}
.order_header_cell{
width: 33%;
border: 1px solid #000;
}
.order_header_table td{
font-size: 10px;
padding: 3px 5px;
}
.order_header_c{
overflow: hidden;
}
.order_header_c td{
font-size: 10px;
padding: 3px 5px;
}
.order_box{
padding: 1.5%;
min-width: 180px;
width: 30%;
float: left;
padding-bottom: 30px;
}
.order_item_list{
position: relative;
padding: 20px 0px;
}
.order_item_list table{
width: 100%;
}
.order_item_list table th{
padding: 3px;
background: #000;
border-right: 1px solid #ccc;
color: #fff;
}
.order_item_list table td{
padding: 3px;
vertical-align: middle;
}
.order_item_list tr th:nth-child(1), .order_item_list tr th:nth-child(3), .order_item_list tr th:nth-child(5){
display: none;
}
.order_item_list tr td:nth-child(1), .order_item_list tr td:nth-child(3), .order_item_list tr td:nth-child(5){
display: none;
}
.order_edit_box .order_edit_text{
display: none;
}
.order_edit_box .order_edit_input{
display: block;
}
.order_item_list table tr:nth-child(odd) td{
background: #fff;
border-right: 1px solid #ddd;
}
.order_item_list table tr:nth-child(even) td{
background: #ddd;
border-right: 1px solid #fff;
}
.order_shipping_notes{
padding-bottom: 20px;
}
.order_footer{
padding-top: 20px;
border-top: 1px solid #000;
}
.order_footer_table{
width: 100%;
}
.order_footer_table td{
vertical-align: top;
}
.order_totals{
float: right;
min-width: 200px;
max-width: 320px;
padding: 0px 0px 20px 40px;
text-align: right;
}
.order_totals table{
margin: 0px 0px 0px auto;
text-align: left;
width: 200px;
}
.order_totals table td{
padding: 5px 5px;
border-bottom: 1px solid #ddd;
white-space: nowrap;
}
.order_totals table tr td:nth-child(2){
text-align: right;
}
.order_status_memo, .order_status_buttons{
float: left;
}
.order_status_memo{
padding-right: 20px;
}
.order_status_buttons{
padding-top: 20px;
}
#order_status_memos{
display: none;
position: absolute;
top: 0px;
left: 0px;
z-index: 2000;
width: 200px;
border: 1px solid #000;
background: #eee;
}
#order_status_memos h6{
background: #555;
color: #fff;
font-size: 12px;
margin: 0px;
padding: 5px;
}
#order_status_memos ul{
list-style: none;
margin: 0px;
padding: 0px;
}
#order_status_memos ul li{
list-style: none;
}
#order_status_memos ul li a{
display: block;
padding: 5px;
border-bottom: 1px solid #999;
text-decoration: none;
}
#gc_product_info td{ padding-bottom: 4px; }
#gc_product_info .gc_product_label{ text-align: right; font-weight: bold; padding-right: 6px; }
#gc_product_info .gc_product_q{ padding: 10px 0px 4px 0px; }
#gc_product_info .gc_product_q div{ font-weight: bold; }
#gc_amount{ width: 44px; }
.cart_prod_data .product_listed_name{ border-bottom: 0px solid #fff; height: auto; }
.cart_item_options{ font-size: 13px; padding: 10px; }
.cart_item_options ul{ margin: 0px; padding: 0px 0px 0px 20px; }
.cart_item_options ul li{ font-size: 13px; padding: 0px; margin: 0px; }
@media screen and (min-width: 520px){
#cart_form_bottom_c{
overflow: hidden;
}
#cart_form_bottom{
width: 100%;
padding-top: 20px;
}
}
@media screen and (min-width: 580px){
.cart_product_c .cart_prod_price{ float: left; width: 33%; padding: 0px; clear: both; }
.cart_product_c .cart_prod_qty, .cart_product_c .cart_prod_total{ float: left; width: 33%; padding: 0px; clear: none; }
.cart_product_c .cart_prod_price, .cart_product_c .cart_prod_total{ padding-top: 40px; }
.cart_product_c:first-child .cart_prod_price, .cart_product_c:first-child .cart_prod_qty, .cart_product_c:first-child .cart_prod_total{ padding-top: 0px; }
}
@media screen and (min-width: 650px){
.cart_shipping_calculator{ float: left; width: 49.5%; margin-right: 1%; }
.cart_totals{ float: left; width: 49.5%; }
#cart_left{ margin-bottom: 40px; }
#cart_button_left{ float: left; }
#cart_button_right{ float: right; }
}
@media screen and (min-width: 760px){
.cart_product_c .cart_prod_thumb{
float: left;
width: 20%;
}
.cart_product_c .cart_prod_data{
float: left;
width: 70%;
padding-left: 8%;
}
.cart_buttons{
clear: none;
float: none;
padding: 20px 0px;
width: auto;
text-align: center;
}
}
@media screen and (min-width: 920px){
.added_to_cart_c #cart_form_bottom {
float: right;
margin-top: 0;
}
.added_to_cart_c .recommended_prod{
max-height: 200px;
}
#h_menu_cart_arrow{ left: 136px; }
#cart_left{ float: left; width: 71%; margin-right: 3%; margin-bottom: 0px; }
#cart_right{ float: left; width: 26%; padding-top: 63px; }
.cart_prod_label{ display: none; }
.cart_product_headings{ display: block; border: 0px solid #fff; background-color: transparent; }
.cart_product_c .cart_prod_thumb{
float: left;
width: 15%;
}
.cart_product_c .cart_prod_data{
float: left;
width: 25%;
margin-right: 8%;
margin-left: 2%;
padding-left: 0%;
}
.cart_product_c .cart_prod_price{ clear: none; float: left; width: 9%; }
.cart_product_c .cart_prod_qty{
padding-top: 20px;
float: left;
width: 22%;
}
.cart_prod_act{
padding-top: 0 !important;
}
.cart_product_c .cart_prod_total{ float: left; width: 9%;}
}
#checkout_left input,
#checkout_left select,
#checkout_left textarea,
#checkout_right input,
#checkout_right select,
#checkout_right textarea,
#cart_container select,
#cart_container textarea {
background-color: #fff;
font-weight: normal;
font-size: 15px;
border: 1px solid #e2e2e2;
padding: 10px;
color: #515050;
box-sizing: border-box;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
#cart_container .cart_product_c .cart_prod_qty input[type=submit]{
border: 0px solid #fff;
color: #323e99;
padding: 0px;
margin: 0px;
cursor: pointer;
font-weight: bold;
background: none;
}
#checkout_submit_order input[type="submit"] {
background: #2e9213;
color: #fff;
}
.cart_promo_box_r input[type="submit"] {
background: #585858 !important;
color: #fff !important;
}
#cart_button_right {
padding: 13px 27px;
background: #2e9213;
text-decoration: none;
color: #fff;
border: none;
font-size: 16px;
font-family: "Montserrat", sans-serif;
}
#cart_container .cart_product_c .cart_prod_qty input[type=submit]:hover{ color: #4968aa; }
@media screen and (min-width: 920px){
#checkout_left, #checkout_right{ float: left; }
#checkout_left{ width: 68%; }
#checkout_right{ width: 32%; }
#checkout_right_inner{ padding: 20px; }
#checkout_summary td{ font-size: 14px; }
.checkout_shipping.shipping_calculated select{ font-size: 12px; padding: 4px; }
}
@media screen and (min-width: 980px) {
#checkout_right_inner{ padding: 40px; }
#checkout_summary td{ font-size: 16px; }
.checkout_shipping.shipping_calculated select{ font-size: 15px; padding: 6px; }
}
@media screen and (min-width: 1280px){
.cc_number div{ float: left; width: 40%; margin: 8px 0px 0px 2%; padding: 0px; clear: none; }
}
.checkout_receipt_left, .checkout_receipt_right{
float: left;
display: flex;
justify-content: center;
align-items: center;
}
.checkout_receipt_left.not_logged_in{ width: 65%; }
.checkout_receipt_right{ width: 35%; }
.m_addresses a.button {
padding: 12px;
text-decoration: none;
text-align: center;
background: rgba(181, 51, 53, 1);
}
.checkout_receipt_right {
width: 100%;
}
@media screen and (min-width: 768px){
.checkout_receipt_right {
width: 35%;
}
}
@media screen and (min-width: 768px){
.checkout_header {
display: flex;
font-family: "Lato", sans-serif;
}
.checkout_header > .checkout_header_block {
width: 100%;
}
}
.receipt_container {
max-width: 1366px;
margin: auto;
font-family: "Lato", sans-serif;
}
@media screen and (min-width: 1366px){
.receipt_container {
margin-top: 100px;
margin-bottom: 100px;
}
}
/*******************************************************************************
Listings from Search
*******************************************************************************/
#product_list {
display: flex;
max-width: 1366px;
margin: auto;
flex-flow: row wrap;
padding: 30px 0;
}
#product_list img {
width: 100%;
}
#product_list li {
margin: 10px;
width: 280px;
flex: 1 1 auto;
padding: 20px 0;
}
#product_list .p_list_txt > span {
display: block;
}
#product_list .p_list_txt .p_list_num {
display: none;
}
#product_list a {
text-decoration: none;
color: rgba(88,88,88,1);
line-height: 1.8em;
}
#product_list .p_list_name {
font-family: "Montserrat", sans-serif;
font-size: 18px;
}
#product_list .final_price {
font-family: "Lato", sans-serif;
}
/*********************************************************************************************
Tiles
*********************************************************************************************/
.all_tiles_container .title_container {
padding: 20px;
text-align: center;
}
.all_tiles_container .title h1 {
color: rgba(0,0,0,1);
font-family: "Montserrat", sans-serif;
font-weight: 700;
}
.all_tiles_container .sub_title h6 {
color: rgba(0,0,0,1);
font-family: "Montserrat", sans-serif;
font-weight: 400;
padding-top: 20px;
}
.all_tiles_container .column_container {
max-width: 1366px;
margin: auto;
padding: 20px;
}
.all_tiles_container .tile {
padding: 15px 0;
}
.tile .title {
font-size: 20px;
font-family: "Montserrat", sans-serif;
text-align: center;
padding-top: 10px;
}
.tile .title a {
text-decoration: none;
color: rgba(0,0,0,1);
display: block;
}
.all_tiles_container img {
width: 100%;
}
.tiles_container .row_container > ul {
display: flex;
flex-flow: column;
}
@media screen and (min-width: 768px){
.tiles_container .row_container > ul {
flex-flow: row;
}
}
.tiles_container .row_container > ul > li {
padding: 10px 17px 60px;
}
@media screen and (min-width: 768px){
.tiles_container .row_container > ul > li {
max-width: 442px;
}
}