
@font-face {
  font-family: AdobeGaramondPro;
  src: url(/css/fonts/AGaramondProRegular.otf); }

@font-face {
  font-family: BrownStd;
  src: url(/css/fonts/BrownStdRegular.otf); }

@font-face {
  font-family: BrownStdLight;
  src: url(/css/fonts/BrownStd-Light.otf); }

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

/*****************************************Basic*********************************/
body {
	font-family: BrownStd, sans-serif;
	/* font-size:	1.5em; */
	font-size:	17px;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
	color: #191919;;
    background: #fff;
    line-height: 1.45;
    word-wrap: break-word; 
}

/**********/
h1, h2, h3, h4, h5, h6 {
  font-family: BrownStd, sans-serif;
  margin: 0 auto; }

h1 {
  font-weight: 300; }

h2 {
  line-height: 1.25; }

h3 {
  margin: 2px auto;
  line-height: 1.25; }


a {color: #191919; outline: 0; text-decoration: none;}
a:hover {text-decoration: none;}


* {
  box-sizing: border-box; }


::-moz-selection, ::selection {
  color: #7E7D7D; }

img {
	border: none;
	max-width: 100%;
	height: auto;
}
ul {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
.none {
	display: none;
}
.floatright {
	float: right;
}
.floatleft {
	float: left;
}
.fixed {
	position: fixed !important;
}
.underline {text-decoration: underline;}
.bold {font-weight: bold;}

.overlay{opacity: 0.5; background: #fff; z-index: 9999; height: 100%; left:0; top:0; position: fixed !important; height: 100% !important; width: 100% !important; z-index: 99999;}
.overlay .ajaxon{top:50% !important; transform: translateY(0%); position: fixed !important; height: 100% !important; width: 100% !important;}
.no_scroll {height: 100%; overflow: hidden;}
.shadow {box-shadow: 0px 5px 10px #888888;}


.no_background {background: none;}
.no_scroll {height: 100%; overflow: hidden;}
.no_border {border: none;}
.no_margin {margin: 0;}
.no_padding {padding: 0;}
.table {display: table;}
.raw {display: table-row;}
.table-cell {display: table-cell;}
.ltr {direction: ltr;}
.rtl {direction: rtl;}
.align_center {text-align: center;}
.opacity_ef {-webkit-transition: all 0.2s ease; transition: all 0.2s ease; opacity: 0.9}
.opacity_ef:hover {opacity: 1;}

::-webkit-input-placeholder {color: #999;}
:-moz-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
:-ms-input-placeholder {color: #999;}

@keyframes blink {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes blink{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes blink{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes blink{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.blink {
   -webkit-animation: blink 1s infinite;
   -moz-animation: blink 1s infinite;
   -o-animation: blink 1s infinite;
    animation: blink 1s infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes come-in {
  to {
    transform: translateY(0); } }

@keyframes zoom-in {
  to {
    transform: scale(1) translateY(0); } }


/** Layout **/
#page {
	clear: both;
    display: block;
    margin: 0 auto;
    min-height: 700px;
    overflow: visible;
    padding-top: 90px;
}
.container {
	width: 100%;
	max-width: 100%;
	display: block;
	position: relative;
	float: none;
	margin: auto;
	box-sizing: border-box;
}
.container:after {
	content: "";
	display: block;
	clear: both;
}

.columns_wrapper {
	/* width: 1200px; */
	max-width: 100%;
	display: block;
	position: relative;
	margin: auto;
	box-sizing: border-box;
}
.columns_wrapper:after {
	content: "";
	display: block;
	clear: both;
}


.column {
	display: block;
	min-height: 2px;
}
.spacer {
	width: 10px;
	height: 10px;
	float: left;
}

/** pages special **/

body.portal #page {padding-top: 60px;}
body.manage #page {padding-top: 60px;}
body.store #page {padding-top: 192px;}
#container_fixed {position: fixed; top:0; z-index: 99;}
body.manage #container_1 {padding-top: 20px;}

/**msgs**/
.msg_notice {
	background: #BAE9E8;
	border-radius: 10px;
	margin-bottom: 10px;
	margin: auto;
}
.msg_notice p {
	color: #555555;		
}
.no_results {
	overflow: hidden;
	clear: both;
	padding: 5px;
	border-radius: 10px;
}

.msg_notice.no_content {
	margin: 50px auto 30px auto;
}

/**Modules**/
.module_wrapper {width: 100%;margin-bottom: 10px;}
.module_wrapper .module_headline {padding: 0 0 0 0; color: #000; font-size: 25px; margin-bottom: 10px; display: block; width: 100%;}
.module_wrapper .module_headline i {display: none;}
.module_wrapper > .content {box-sizing: border-box; padding: 10px; overflow: hidden; position: relative;}
.module_wrapper.no_margin {margin: 0;}
.module_wrapper.no_padding > .content {padding: 0;}


/** errors **/
.msg_notice {overflow: hidden; clear: both; background: none;}
.msg_notice i {display: none;}
.msg_notice p { margin: 5px 0 0 0; float: left;}

.no_results {overflow: hidden; clear: both; background: none;}
.no_results i {display: none;}
.no_results p {float: left; padding: 6px 0 0 0; font-size: 14px;}

.error_notice {overflow: hidden; clear: both; background: none;}
error_notice i {display: none;}
.error_notice p {padding: 3px 0 0 0;}

/* .overlay {opacity:0.1; background: #000; z-index: 10;} */
.ajaxon {width:100%; height: 200px; background: url(/css/images/ajax-loader.gif) scroll 50% 0 no-repeat; margin:auto; display:block; z-index: 11;}

/* datepicker */
.ui-datepicker {z-index: 1001 !important; }

/* tootltip */
.tooltip {margin:auto; position: relative; z-index: 100; width: 25px;}
.tooltip .tooltip_link {background: #CDF3EF; font-weight: bold; color: #555; width: 15px; padding: 5px; border-radius: 100px; font-size: 12px; border: 1px solid #ccc;}
.tooltip .bubble {position: absolute; bottom: -20%; left: 40px; min-width: 150px; border: 1px solid #ccc; border-radius: 15px; padding: 6px; background: #CDF3EF;}
.tooltip .bubble .close {float: left; font-weight: bold; color: #555;}
.tooltip .bubble .tool_wrap {flaot: left; margin: 10px 5px 5px 5px;}
.tooltip .bubble .tool_wrap .module_load {min-width: 0;}
.tooltip .bubble .tool_wrap .module_load div.content {background: #CDF3EF;}


/** media_wrap **/
.media_wrap {background: #000; max-width: 100%;}
.media_wrap .media_clicker {max-width: 100%; position: relative; display: inline-block;}
.media_wrap .media_clicker i {opacity: 0.3; border-radius: 90px; border: 2px solid #fff; background: #fff url('/css/icons/set1/play-circle-6x.png') no-repeat; z-index: 99;  width: 48px; height: 48px; position: absolute; left: 50%; top: 50%; margin-left: -24px; margin-top: -24px;}
.media_wrap .media_clicker:hover i {opacity: 1;}

/** login_div **/
.login_div {position:relative; margin: auto; width: 450px; top: -1000px; display: table; z-index: -1;}
.login_div .module_load {min-width: 0;}
.login_div .module_wrapper div.content {border-radius: 0 0 6px 6px; overflow: visible;}
.login_div .head {border-radius: 10px 10px 0 0;}
.login_div .foot {border-radius: 0 0 10px 10px;}

/** pagination **/
.pagination {float:left; margin:10px 0; clear: both;}
.pagination span,
.pagination a {padding: 4px;border: 1px solid #AAA;color: #333;text-decoration: none;margin-left: 2px;display: block;float: left;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.pagination .pagination_next,
.pagination .pagination_prev {margin:0 3px;padding:4px 0;background-position: center center;background-repeat: no-repeat;border: 1px solid transparent;overflow: hidden;}
.pagination a:hover {background-color: #DEDEDE;color: #222;}
.pagination .pagination_current,
.pagination .pagination_current:hover {background: #0094D6;border-color: #0094D6;color: #FFF;}
.pagination .pagination_dots {color: #666;margin-left: 2px;display: block;padding: 8px 4px; border:none;}
 
/** forms **/
form {width: 100%; display: inline-block; position: relative;}
form .fieldRow.media_wrap {background: inherit; width: auto;}
form .fieldRow {float: left; clear: both; margin-bottom: 12px; position: relative; width: 100%;}
form .fieldRow .label_wrapper{float: left; margin: 0 0 5px 0;}
form .fieldRow .label_wrapper.empty_label {display: none;}
form .fieldRow label {float: left; }
form .fieldRow .wrapping_field {position: relative; float: left; clear: both;}

form .fieldNotice {float: left; clear: both; margin-top: 2px; color: #00aeeb; font-size: 11px;}
form .fieldNotice p {margin: 0;}
form .type_checkbox .fieldNotice {margin: 10px 0 0 0;}
form .fieldExtra {float: left; clear: both; margin-top: 2px; }

form .fieldRow .field_wrap{float: left; clear: both; width: 100%; border: 1px solid #a2b6c3; border-radius: 4px; overflow:hidden; height: 34px; box-sizing: border-box;}
form .fieldRow .field_submit,
form .fieldRow .field_checkbox,
form .fieldRow .field_radio {border:  none; height: auto; }
form .fieldRow .field_radio {margin-top: 3px; width: auto;}

form .fieldRow.type_checkbox .label_wrapper label {padding: 0;}
form .fieldRow .field_checkbox {width: auto; margin-left: 5px;}
form .fieldRow .field_checkbox label {with: auto; float: left;}
form .fieldRow .field_checkbox.multiple .cehckboxes_wrap {float: left;}
form .fieldRow .field_checkbox.multiple .cehckbox_wrap {float: left; margin: 0 10px 8px 0;}
form .fieldRow .field_checkbox.multiple .cehckbox_wrap label {width: auto; padding: 0; }
form .fieldRow .field_checkbox.single input {margin: 2px 0 0 0;}
form .fieldRow .field_checkbox.single .label_wrapper {width: auto; padding-left: 1px;}
form .fieldRow .field_checkbox.single label {width: auto; padding: 0;}
form .fieldRow .field_checkbox input {display: none;}
form .fieldRow .field_checkbox input + .label_wrapper label,
form .fieldRow .field_checkbox input + label {float: left;}
form .fieldRow .field_checkbox input + .label_wrapper label:before,
form .fieldRow .field_checkbox input + label:before {background: #fff; content: ''; border: 1px solid #a2b6c3; width: 16px; height: 16px; float: left; margin: 2px 8px 1px 0;}
form .fieldRow .field_checkbox input:checked + .label_wrapper label:before,
form .fieldRow .field_checkbox input:checked + label:before {background: url(/css/icons/chekced.png) no-repeat 4px 4px #a2b6c3; border: 1px solid #a2b6c3;}
form .fieldRow .field_checkbox input:disabled + .label_wrapper label,
form .fieldRow .field_checkbox input:disabled + label {opacity: 0.4;}

form .fieldRow .field_custom {height: auto; width: auto; border:none; border-radius: 0;}
form .fieldRow .field_textarea {height: auto;}
form .fieldRow .field_custom_richtext,
form .fieldRow .field_richtext {height: auto; width: auto; border: none;}

form .fieldRow .field_textarea textarea,
form .fieldRow select,
form .fieldRow input {float: left; border: none;; padding: 0;margin:0; font-size: 16px;}
form .fieldRow .field_textarea textarea {height: 100px; width: 100%; padding: 5px; font-family: arial,sans-serif;}
form .fieldRow .field_richtext textarea {height: 300px;}

form .fieldRow .field_file {height: auto; width: auto; border: none; float: left;}
form .fieldRow .field_file_url input[type="text"]{border: 1px solid #ddd;border-radius: 3px;float: left;height: 27px;overflow: hidden;width: 220px;}
form .field_file_library_media_picker .allowed_file_ext{display: none;}
form .field_file_library_media_picker .actions {padding-top: 1px;}
form .field_file_library_media_picker .img_holder img {width: 100px;}

form .fieldRow input {height: 100%; width: 100%; padding: 0 10px; box-sizing: border-box;}
/* form .fieldRow input[type="password"],
form .fieldRow input[type="text"] {height: 100%; width: 100%; padding: 0 10px; box-sizing: border-box;} */
form .fieldRow input[type="file"] {padding: 0; height: 33px;}

form .fieldRow select {text-align: left; padding: 5px 6px; width: 100%; height: 100%;background: #fff;border:none;}
form .fieldRow select option {margin: 3px 0; text-align: left;}

form .fieldRow .radio_wrap {float: left; margin-left: 10px; padding-top: 5px;}
form .fieldRow .radio_wrap input,
form .fieldRow .radio_wrap label {float: left; padding:0; width: auto; margin-left: 5px;}
form .fieldRow .radio_wrap input {margin-top: 3px;}


form .fieldRow.file_wrap label {padding: 0;}
form .fieldRow .field_file .file_holder {/* height: 80px; */ height: auto;}
form .fieldRow .field_file .file_holder.media {float: left; margin: 10px 0 0 0; clear: left;}
form .fieldRow .field_file .file_holder.src {float: left; clear: left; margin: 10px 0 0 0;}
form .fieldRow .field_file .file_holder img{float: left; width: 40px;}
form .fieldRow .field_file .file_holder .file_media {float: left; margin: 2px 0 0 0;}
form .fieldRow .field_file .file_holder .file_media img {float: left; width: 12px;}
form .fieldRow .field_file .file_holder .file_media span{float: left; margin: 0 0 0 5px;}
form .fieldRow .field_file .file_holder .remove_wrapper {margin-top: 5px; float: left; clear: both;}
form .fieldRow .field_file .file_holder .remove_wrapper .field_checkbox {float: left; margin: 2px 0;padding-top: 2px;}
form .fieldRow .field_file .file_holder .remove_wrapper label {float: left; width: 100px; padding-top: 0; margin: 2px 0 0 1px; font-size: 12px; }
form .fieldRow .field_file .file_holder .remove_wrapper label:before {width: 12px; height: 12px; margin: 1px 8px 1px 0;}
form .fieldRow .field_file .file_holder .remove_wrapper input:checked + .label_wrapper label:before,
form .fieldRow .field_file .file_holder .remove_wrapper input:checked + label:before {background: url(/css/icons/chekced.png) no-repeat 2px 2px #a2b6c3;}

form .fieldRow .field_file .allowed_file_ext {margin: 3px 0 0 0; float: left; clear: both; font-size: 10px;}

form .fieldRow .form_field_overlay {background: #fff;height: 100%; opacity: 0.7; position: absolute; width: 100%;}
form .fieldRow .form_field_overlay:hover {opacity:0.5;}

form .fieldRow .field_media_picker {border: none; height: auto; width: auto; padding-top: 8px;}
form .fieldRow .field_media_picker .img_holder img {width: 100px;}
form .fieldRow .field_media_picker .actions a {float: left; clear: both;}


form .type_password .field_wrap.change {width: auto; border: none;}
form .type_password .field_wrap.change a{float: left; text-decoration: underline; padding: 10px 0 0 0;}

form .email_wrap .field_wrap.change {width: auto; border: none;}
form .email_wrap .field_wrap.change span{float: left; padding: 12px 0 0 0;}
form .email_wrap .field_wrap.change a{float: left; text-decoration: underline; padding: 10px 0 0 0; margin: 0 0 0 10px;}

form .submit_wrap {margin-top: 10px;}
/* form .submit_wrap .field_wrap {width: auto; float: left;} */
form .submit_wrap input {cursor: pointer; background: #029EB6; border-radius: 5px; opacity: 0.8; font-size: 18px; color: #fff; padding: 10px 16px;}
form.delete_form .submit_wrap .field_wrap input {background: #FF4351; }
form .submit_wrap input:hover{opacity: 1;}

form .field_wrap .default {color: #ccc;}

form .error .field_wrap {border: 1px solid #ffb4b5;}
/* form .error .field_wrap input {background: #ffedee;} */
form .error .field_checkbox {border: none;}
form .error .field_checkbox.single {background: #ffedee;}
form .error.type_checkbox .errField {top: -10px;}
form .error .field_file {background: #ffedee;}
form .errField {display: none; z-index: 9; float: left; clear: both; margin: 5px 0 0 0;}
form .errField .wrap {color: #f74853; font-size: 11px;}
form .errField .wrap span {float: left; border-left: 1px solid #f74853; padding: 0 5px;}
form .errField .wrap span:first-child {border-left: none; padding-left: 0;}
/* form .errField {position: absolute; left: 102%; top: 0px; padding: 0; width: auto;overflow: hidden;} */
/* form .errField .wrap {background: #f74853; padding:0 5px; width: 80px; float: left;height: 100%; border-radius: 3px;min-height: 30px; } */
/* form .errField span {text-align:center; clear: both; color: #fff; font-size: 11px; padding: 1px 0 0 0; display: block;} */
/* form .errField span.mandatory {display: block;} */

form .form_messages {color: #FF0033;}

/** autocomplete **/
form .ac_results {z-index: 1; position: absolute; background: #fff; float: left; display: none; clear: both; overflow: hidden; max-height: 150px; overflow-y: auto; border:1px solid #ccc; box-shadow: 0px 5px 10px #888888;}
form .ac_results .pane_results li {width: auto;}
form .ac_results .pane_results .pane_result {width: 100%; padding: 5px;  cursor: pointer; display: block;}
form .ac_results li {font-size: 14px; color: #757575;}
form .ac_results li.highlight {background: #ddd;}
form .ac_results li b {color: #000;}
form .block_panel {display: none;}

/** preivew_img **/

form .preivew_img {float: left; clear: both; max-width:100px; margin: 10px 0 5px 0;}
form .preview_remove {float: left; clear: both;}

/** custom field file **/
form .custom_file_style .field_file > input {display: none;}
form .custom_file_style .wrapping_field {width: 100%;}
form .custom_file_style .wrapping_field > .label_wrapper {opacity: 0.9; text-align: center; color: #fff; width: 100%; background: #42B72A; padding: 10px 16px; box-sizing: border-box; border-radius: 5px;}
form .custom_file_style .wrapping_field > .label_wrapper:hover {opacity: 1;}
form .custom_file_style .wrapping_field > .label_wrapper label {width: 100%; cursor: pointer;}
form .custom_file_style .wrapping_field > .label_wrapper label:before {content: "\f0ee"; font-family: FontAwesome;  margin-left: 10px; display: inline-block; font-size: 20px;}


/*********************************************************End basic**********************************************************/

/** site_header */
/* .site_header {width: 100%; height: 180px; background: #4A4A4A; position: fixed; box-sizing: border-box; z-index: 99;  transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;}
.site_header .w {width: 1055px; margin: auto;}
.site_header .logowrap {margin: auto; width: 235px; margin-top: 60px; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;}
.site_header .logowrap img {width: 100%;}
.site_header.shrink {height: 60px;}
.site_header.shrink .logowrap {float:left; width: 130px; margin-top: 12px;}
.site_header.shrink .logowrap img {float: left;} */

/** site_footer **/
.site_footer {background-color: #fff; width: 100%; transition: all 0.5s ease; color: #7E7D7D; font-size: 9.6px; font-weight: 200;  margin: 20px auto 10px auto;}
.site_footer .text-center {text-align: center;}
.site_footer a {color: #7E7D7D; font-weight: 400;}
.site_footer .ac {text-align: center; margin: 10px 0 0 0;}
.site_footer .products_none_visible,
.site_footer .stores_none_visible {overflow: hidden; height: 0;}

/** dates **/
.posted_by a,
.posted_by span{float: left; margin-left: 5px; font-size: 10px;}
.posted_by a {line-height: 10px;}
.posted_by span {color: #999;}	

/** helper_date **/
.helper_date {font-size: 11px; font-style: italic;}

/** dialog **/
.ui-widget {font-family: arial,sans-serif; font-size: inherit;}
.ui-widget-overlay {opacity: 0.6; background: #000;}

.ui-dialog-fixed {max-width: 95%; max-height: 95%; overflow:visible; position: fixed;}
.ui-dialog-absolute {position: absolute; max-height: inherit; max-width: inherit;}
.ui-dialog {border-radius: 8px; padding: 0;}
.ui-widget.ui-widget-content {border: none;}
.ui-widget-content a {color: #3366CC;}
.ui-dialog .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {background:none;}
.ui-dialog .ui-dialog-titlebar-close span,
.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-widget-header .ui-icon {width: 15px; height: 15px; background: url(/css/icons/dlg_close.png) no-repeat 0 0; font-weight:bold; color:#000; border:none; padding: 0px; margin: 0px; top:10px; right:10px;}
.ui-dialog .ui-icon.ui-icon-closethick {width: 17px; height: 17px; background: none; }
.ui-dialog .ui-dialog-titlebar {text-align: center;  font-size: 12px; padding: 18px 25px 18px 30px;}
.ui-dialog .ui-dialog-title {}
.ui-dialog .ui-dialog-content {padding: 35px;}

.ui-dialog .ui-widget-header {border: none; border-radius: 8px 8px 0 0; background: #00BFBA;}
.ui-dialog .ui-dialog-title {width: auto; font-size: 18px; color: #fff; font-weight: normal; float: left; margin:0;}
.ui-dialog .module_load .content {border: none;}
.ui-dialog .module_load .content form {min-width: 280px;}

.ui-dialog #module_module_delete .content form{text-align: center; width: 100%;}



/** button_normal**/
.button_normal {display: inline-block;}
.button_normal a {display:inline-block; cursor: pointer; background: #029EB6; border-radius: 5px; opacity: 0.8; font-size: 18px; color: #fff; padding: 10px 16px;}



/*****TYPE FORMS*****/
.type_product_form .link_wrap .fieldExtra {font-size: 15px; margin-top: 5px;]}
.type_product_form .link_wrap .linkit {background: #0073b1; display: inline-block; color: #fff; padding: 8px 16px; border-radius: 2px; transition-duration: 167ms; transition-property: background-color,box-shadow,color; transition-timing-function: cubic-bezier(0,0,.2,1);}
.type_product_form .link_wrap .linkit:hover {background: #006097;}
.type_product_form .link_wrap .linkit:active {background-color: #004b7c; color: #fff;}

/*******HELPERS******/

/* navigation */
.navigation .horizontal {float: left;}
.navigation .horizontal li {float: left; width: 50px; text-align: center; padding: 5px; width: auto;}
.navigation .horizontal li span {float: left;}
.navigation .horizontal li i {float: left; padding: 7px 5px; display: none;}
.navigation .horizontal li span {}
.navigation .horizontal li.nohover:hover a,
.navigation .horizontal li.nohover.selected a {font-weight: inherit; text-decoration: inherit; color: inherit;}
.navigation .horizontal li:hover a,
.navigation .horizontal li.selected a{text-decoration: underline;}

.navigation .vertical {float: left; width: 100%;}
.navigation .vertical li {float: left; clear: both; width: 100%; border-bottom: 1px solid #dfdfdf; overflow: hidden;}
.navigation .vertical li.last {border: none;}
.navigation .vertical li a {float: left;}
.navigation .vertical li a i {float: left; padding: 7px 5px;  display: none;}
.navigation .vertical li a span {float: left; padding: 7px 5px; display: block;}
.navigation .vertical li:hover {background: #f1f1f1; border-radius: 5px;}
.navigation .vertical li:hover a,
.navigation .vertical li.nohover:hover a,
.navigation .vertical li.nohover.selected a {}
.navigation .vertical li.selected a{width: 100%; float: left; color: #333; text-decoration: none;}
.navigation .vertical li.selected a {font-weight: bold; }

/** ajax_loader **/
.ajax_loader {
	margin: auto;
	border: 5px solid #f3f3f3;
    border-top-color: rgb(243, 243, 243);
    border-top-style: solid;
    border-top-width: 5px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 5px solid #555;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

/**product_single**/
.product_single {display: flex; flex-direction:row; /* padding: 0 6px; */}
.product_single .image_container {width: 63%; /* padding-left: 51px; */ }
.product_single .image_holder {height: 700px; border: 1px solid #f5f5f5; margin-top: 65px; }
.product_single .image_holder:first-child {margin-top: 0;}
.product_single .slider {margin-top: 65px;}
.product_single .slider .image_holder{ margin: 0;}
.product_single .image_holder .w {width: 100%; height: 100%;}
.product_single .txt_container {width: 37%; padding-left: 55px;}
.product_single .txt_container .w {/* width: 264px; */ /* padding-left: 48px; */ position: sticky; position: -webkit-sticky; top: 90px; }
.product_single .txt_container .title h1{font-size: 19px; line-height: 29px; font-weight: 400;}
.product_single .txt_container .description {margin: 12px 0; font-size: 16px; letter-spacing: 0.6px; line-height: 23.2px; font-family: AdobeGaramondPro; font-weight: 300;}
.product_single .txt_container .description .linebreak {height: 8px; display: block; width: 100%;}
.product_single .txt_container .description .min_str {margin-bottom: 0;}
.product_single .txt_container .name {padding: 24px 0 20px 0;}
.product_single .txt_container .name h3, 
.product_single .txt_container .store h3,
.product_single .txt_container .price h3 {color: #7E7D7D; letter-spacing: 1.5px; font-size: 11.5px; margin-bottom: 4px; font-weight: 400; line-height: 1.252}
.product_single .txt_container .name p, 
.product_single .txt_container .store p,
.product_single .txt_container .price p {font-family: AdobeGaramondPro; font-size: 14.4px; font-weight: 200; letter-spacing: 0.8px; margin:0;}
.product_single .txt_container .store,
.product_single .txt_container .price {padding: 0; margin-bottom: 20px;}
.product_single .buy a{border: 2px solid #191919; color: #4A4A4A; font-family: BrownStd; padding: 4px 8px; font-size: 14.4px; display: inline-block;}

/** product_single_feed **/
.product_feed_item {position: relative; padding: 10px;; margin: 0; animation: zoom-in 0.7s ease forwards;}
.product_feed_item .pcontainer {border: 1px solid #f2f2f2;}
.product_feed_item .plink {position: relative; padding: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden;}
.product_feed_item .plink .featured_image {width: 100%; background-position: center; /* background-size: cover; */ background-size: contain; background-repeat: no-repeat;}
.product_feed_item .plink:hover .featured_image {filter: blur(4px) grayscale(70%); transition: .15s;}
.product_feed_item .featured_image::after {content: ""; display: block; padding-bottom: 100%;}
.product_feed_item .plink .color_block {background-color: #191919; height: 100%; width: 100%; top: 0; left: 0; opacity: 0; display: block; position: absolute;}
.product_feed_item .plink:hover .color_block {opacity: .5; transition: .35s ease-in-out;}

.product_feed_item .plink .pinfo {text-align: center; margin: 12px 0 24px; display: none; position: absolute; top: 0; left: 0; transform: translateY(4px) scale(0.9); height: 100%; width: 100%; flex-direction: column; justify-content: center; color: #fff;}
.product_feed_item .plink:hover .pinfo{display: flex; animation: zoom-in 0.15s ease forwards; margin: 0 auto;}
.product_feed_item .plink .pinfo .title {margin: 0; font-family: AdobeGaramondPro, serif; font-weight: 500; font-size: 20px; line-height: 1.25; letter-spacing: 1.25px; padding: 0 48px 12px;}
.product_feed_item .plink .pinfo .details {display: flex; font-family: BrownStd, sans-serif; font-size: 11.2px; font-weight: 400; justify-content: center; letter-spacing: 2px; padding: 8px;}
.product_feed_item .plink .pinfo .details .divider {padding: 0 8px;}

/** product_feed_items **/
.product_feed_items {justify-content: flex-start; margin: 0 auto; display: flex; flex-wrap: wrap; padding: 0 6px;}
.product_feed_items .product_feed_item {width: 33.33%; transform: translateY(150px) scale(0.5);}
.product_feed_items .product_feed_item:nth-child(3n+1) {animation-duration: 0.5s;}
.product_feed_items .product_feed_item:nth-child(3n+2) {animation-duration: 0.6s;}


/** read_more **/
.read_more a.readclick {font-weight: bold;}
.read_more .min_str {position: relative;}
.read_more .min_str:after {content: "";	width: 100%; height: 20px; position: absolute; display: block; left: 0;	bottom: 0; background-image: linear-gradient(rgba(255, 255, 255, 0), #ffffff);}


















