/** 
* 
* Do not edit or add to this file if you wish to upgrade the module to newer 
* versions in the future. If you wish to customize the module for your 
* needs please contact us to https://www.milople.com/magento-extensions/contacts/
* 
* @category     Ecommerce 
* @package      Milople_Personalizedrich
* @copyright    Copyright (c) 2015 Milople Technologies Pvt. Ltd. All Rights Reserved. 
* @url          https://www.milople.com/magento-extensions/personalized-products.html
* 
**/
.colorpicker {
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url(https://www.equitana.ro/skin/frontend/base/default/personalizedrich/images/colorpicker_background.png);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(https://www.equitana.ro/skin/frontend/base/default/personalizedrich/images/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(https://www.equitana.ro/skin/frontend/base/default/personalizedrich/images/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(https://www.equitana.ro/skin/frontend/base/default/personalizedrich/images/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0 !important;
	height: 15px !important;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(https://www.equitana.ro/skin/frontend/base/default/personalizedrich/images/colorpicker_hex.png) top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url(https://www.equitana.ro/skin/frontend/base/default/personalizedrich/images/colorpicker_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(https://www.equitana.ro/skin/frontend/base/default/personalizedrich/images/colorpicker_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(https://www.equitana.ro/skin/frontend/base/default/personalizedrich/images/colorpicker_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(https://www.equitana.ro/skin/frontend/base/default/personalizedrich/images/colorpicker_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(https://www.equitana.ro/skin/frontend/base/default/personalizedrich/images/colorpicker_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(https://www.equitana.ro/skin/frontend/base/default/personalizedrich/images/colorpicker_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(https://www.equitana.ro/skin/frontend/base/default/personalizedrich/images/colorpicker_submit.png) top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}

/**
*
* Do not edit or add to this file if you wish to upgrade the module to newer
* versions in the future. If you wish to customize the module for your
* needs please contact us to https://www.milople.com/contact-us.html
*
* @category     Ecommerce
* @package      Milople_Personalizedrich
* @copyright    Copyright (c) 2016 Milople Technologies Pvt. Ltd. All Rights Reserved.
* @url          https://www.milople.com/magento-extensions/personalized-products.html
*
**/

.product-image,.product-image-popup, .no-touch, .product-img-box, .product-image:hover:not(.zoom-available) {
    border: 1px solid #ededed;
    display: block;
    position: relative;
}
.characters-left {
    display: block;
    float: right;
    font-size: 11px;
    font-style: italic;
    margin-left: 2px;
}
.lblMaxLength {
    float: right;
    font-size: 12px;
    font-style: italic;
    padding-right: 2px;
    padding-bottom: 5px;
}
.product-img-box {
    float: left;
    width: auto !important;
    padding: 0px !important
}
#tab6{
height:200px;
overflow-y:auto;  
}
.canvas-container {
	border: 1px dashed;
	margin: 0 auto;
}
#home {
    background-color: white;
    border: 1px solid rgb(204, 204, 204) !important;
    border-radius: 3px;
    padding: 5px;
}
#home img {
    width: 100%;
    height: 100%;
}
select#font_selection {
    min-width: 150px;
    padding: 4px;
}

.template-image-upload{
		width: 62%
}

.template-image-upload ,.image_field_action{
   	display:inline-block;
   	background: #333 none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff; 
    font-size: 13px;
    font-weight: normal;
    line-height: 19px;
    padding: 7px 15px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
		cursor: pointer;
}		
		
.template-image-upload:hover, .image_field_action:hover{
		background: #29BAB0;
}

.product-color-choose h4 {
    background: #eee none repeat scroll 0 0;
    float: left;
    padding: 3px 2%;
    width: 100%;
}
.right{
  float:right;
}
.product-thumb-choose h4 {
    background: #eee none repeat scroll 0 0;
    float: left;
    padding: 3px 2%;
    width: 100%;
}

.personalizedrich-options h4 {
    background: #eee none repeat scroll 0 0;
    float: left;
    padding: 3px 2%;
    width: 100%;
}
.notemplate {
    margin: 0 auto;
    margin-bottom: 0px;
    width: 100% !important;
    text-align: center;
    padding: 33px !important;
		background: none !important;
}
.imageTemplate {
		width: 100%;
}
.imageTemplate input {
    border: 1px solid #c2c2c2;
    width: 100% !important;
}
.personalizedrich-options .tab-content h4.label-template {
    background: none;
    width: 100%;
    float: none !important;
    padding-left: 0;
    text-transform: none;
    margin-bottom: 0;
}
.product-thumbs li {
    display: inline-block !important;
}

.product-thumbs li:first-child {
  margin-left: -1px !important;
}

.product-color-thumbs li {
    display: inline-block !important;
    margin: 0 5px 0 0;
}

.product-color-thumbs a {
    border: 1px solid black !important;
    display: inline-block !important;
}

/*Tab Creation */
.tabs {
	display: inline-block;
	margin: 0 !important;
    width: 100%;
}

/*----- Tab Links -----*/
/* Clearfix */
.tab-links:after {
	display:block;
	clear:both;
	content:'';
}

.tab-links li {
	float: left;
	list-style: outside none none;
	margin-right: 2px;
}

ul.tab-links a {
	padding:9px 15px;
	display:inline-block;
	border-radius:1px 3px 0px 0px;
	background: #ededed none repeat scroll 0 0;
	font-size:16px;
	font-weight:600;
	color:#4c4c4c;
	text-decoration: none;
	outline:none;
}

ul.tab-links a:hover {
	background:#a7cce5;
	text-decoration:none;
}

ul.tab-links li.active a, ul.tab-links li.active a:hover {
	background: white;
	color: #4c4c4c;
	border: 1px solid #ddd;
	border-top: 2px solid orange;
	border-bottom: 1px solid #fff !important;
}

/*----- Content of Tabs -----*/
.personalizedrich-options .tab-content {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d5d8ce;
    padding: 15px;
    margin-bottom: 5%;
    width: 100%;
    margin-top: -1px;
}

.personalizedrich-options .tab {
	display:none;
}

.personalizedrich-options .tab .active {
	display:block;
}
/*Tab end*/

/*Text effect*/
.personalizedrich-options .text_style input[type='button'] {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e6e4df;
    color: #666666;
    cursor: pointer;
    font-size: 11px;
    padding: 4px 8px;
    font-weight:bold;
}

.personalizedrich-options .text_style button, .image-formatting-area button
{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e6e4df;
    color: #666666;
    cursor: pointer;
    font-size: 11px;
    padding: 4px 8px;
    font-weight:bold;   
}

.personalizedrich-options .text_style, .align_image {
	float: left;
	padding: 0 15px 15px;
	width: 100%;
}

.personalizedrich-options .directional-pad {
   
    height: 77px;
    margin-top: 6px;
    position: relative;
    width: 100%;
}

.personalizedrich-options .directional-pad button {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e6e4df;
    color: #666666;
    cursor: pointer;
    font-size: 11px;
    font-weight: bolder;
    position: absolute;
}

.personalizedrich-options .directional-pad button#top {
    left: 26px;
    padding: 6px 8px;
    top: 5px;
    margin-left: 22px;
}

.personalizedrich-options .directional-pad button#bottom {
    left: 26px;
    padding: 6px 8px;
    top: 34px;
    margin-left: 22px;
}

.personalizedrich-options .directional-pad button#left {
    left: 2px;
    padding: 6px;
    top: 25px;
    margin-left: 21px;
}

.personalizedrich-options .directional-pad button#right {
    left: 50px;
    padding: 6px;
    top: 25px;
    margin-left: 22px;
}
.personalizedrich-options .directional-pad button#undo {
   
    font-size: 26px;
    height: 40px;
    left: 52%;
    padding-left: 1px;
    padding-top: 2px;
    text-align: center;
    top: 23%;
	width: 40px;
}
.personalizedrich-options .directional-pad button#redo {
    
    font-size: 26px;
    height: 40px;
    left: 60%;
    padding-left: 1px;
    padding-top: 2px;
    text-align: center;
    top: 23%;
	width: 40px;
}
.personalizedrich-options .directional-pad button#rotate  {
	border-radius: 75px;
    font-size: 26px;
    height: 40px;
    left: 20%;
    padding-left: 1px;
    padding-top: 2px;
    text-align: center;
    top: 23%;
	width: 40px;
}

.personalizedrich-options .directional-pad button#rotate:hover {
	-webkit-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	transform: rotate(315deg);
	transition: all 0.8s;
}

.personalizedrich-options .text_style button#btn_color span {
    border-bottom: 3px solid;
    padding: 1px 2px;
}

.personalizedrich-options .text_style .align {
    padding: 1.5px !important;
    vertical-align: middle;
}

.personalizedrich-options .text_style button.font-size {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e6e4df;
    color: #666666;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    padding:5px 6px;
}

.personalizedrich-options button#font_color > span {
    border-bottom: 3px solid;
    padding: 0 2px;
}

.personalizedrich-options button#font_bg_color span {
    background-color: #d2d2d2;
    color: #5b5b5b;
    padding: 1px 5px;
}

.personalizedrich-options button#delete {
    background: rgba(0, 0, 0, 0) url("https://www.equitana.ro/skin/frontend/base/default/personalizedrich/images/delete.png") no-repeat scroll 41% center / cover ;
    border-radius: 81%;
    height: 42px;
    left: 88%;
    top: 23%;
    width: 45px;
}

#instruct_container p.note-msg {
    background-color: #fefccb;
    background-image: url("https://www.equitana.ro/skin/frontend/base/default/personalizedrich/images/ico_warning.png");
    background-position: 8px 5px;
    background-repeat: no-repeat;
    border-color: #d9df63;
    color: #898941;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 12px;
    padding: 6px 0 6px 46px;
}

.personalizedrich-options .directional-pad {
    border: 1px solid #c2c2c2;
    height: 71px;
    margin-bottom: 11px;
    margin-top: 6px;
    position: relative;
    width: 100%;
}

.product-view .product-shop {
    float: right;
    width: 50%;
}

.product-view .product-shop .extra-info, .product-view .product-shop .price-info {
    margin-bottom: 10px;
    max-width: 50%;
}

.product-view .product-shop .price-info {
    float: right;
    padding-left: 15px;
    text-align: right;
}

.product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .full-product-price .price {
    font-size: 24px;
}

.product-name .h1 {
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 3px;
    text-transform: uppercase;
}

.product-view .product-shop, .product-view .add-to-cart-wrapper, .product-view .block-related {
    padding-left: 15px;
}

.product-view .add-to-cart-wrapper, .product-view .block-related {
    clear: right;
    float: right;
    width: 50%;
}

.button {
    background: #3399cc none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    display: inline-block;
    font-family: "Raleway","Helvetica Neue",Verdana,Arial,sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 19px;
    padding: 7px 15px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
}

#clipart_images_container img {
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 7px;
    margin-right: 7px;
    padding: 5px;
}

#clipart_images_container {
    margin-top: 10px;
    max-height: 250px;
    overflow: auto;
    width: auto;
}

#clipart_images_container .image_list {
    text-align: left;
}

#clipart_categories_container .input-text {
    margin-top: 10px;
    width: 100%;
}

select#clipart_categories {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e6e4df;
    color: #666666;
    font-size: 13px;
    padding: 5px;
}

.add-to-box .or {
    color: #666;
    display: none;
    float: left;
    font-weight: normal;
    margin: 0 7px;
}

.add-to-box .add-to-cart {
  float: none;
}

.botoom-margin{
	margin-bottom: 10px;
}

button#btf {
    background: rgba(0, 0, 0, 0) url("https://www.equitana.ro/skin/frontend/base/default/personalizedrich/images/btf.jpg") no-repeat scroll 41% center / cover;
    height: 40px;
    left: 36%;
    top: 23%;
    width: 40px;
}

button#stb {
    background: rgba(0, 0, 0, 0) url("https://www.equitana.ro/skin/frontend/base/default/personalizedrich/images/stb.jpg") no-repeat scroll 41% center / cover;
    height: 40px;
    left: 43%;
    top: 23%;
    width: 40px;
}

button#fh {
    background: rgba(0, 0, 0, 0) url("https://www.equitana.ro/skin/frontend/base/default/personalizedrich/images/fh.jpg") no-repeat scroll 41% center / cover;
    height: 40px;
    left: 70%;
    top: 23%;
    width: 40px;
}

button#fv {
    background: rgba(0, 0, 0, 0) url("https://www.equitana.ro/skin/frontend/base/default/personalizedrich/images/fv.jpg") no-repeat scroll 41% center / cover;
    height: 40px;
    left: 80%;
    top: 23%;
    width: 40px;
}

.directional-pad button#antirotate {
    border-radius: 75px;
    font-size: 26px;
    height: 40px;
    left: 28%;
    padding-left: 1px;
    padding-top: 2px;
    text-align: center;
    top: 23%;
	width: 40px;
}

.directional-pad button#antirotate:hover {
	-webkit-transform: rotate(-315deg);
	-ms-transform: rotate(-315deg);
	transform: rotate(-315deg);
	transition: all 0.8s;
}

.update-text {
	padding: 7px 10px !important;
}

.text-formatting-area, .image-formatting-area {
	float: left;
	overflow: hidden;
	padding: 0;
}

.text-formatting-area h4, .image-formatting-area h4 {
	padding: 5px 15px;
}

.text_effects {
	float: left;
	padding: 8px 15px 15px;
	width: 100%;
}

.text_effects ul {
	width: 100%;
}


.text_effects .field {
	float: left;
	padding: 0 0 0px;
	width: 15%;
}

.text_effects .data {
	float: left;
	padding: 0 0 10px;
	width: 85%;
}

.radius-effect, .spacing-effect, .reverse-effect {
	display: none;
}

.colorpopup {
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.15);
	margin: 2px 0 0;
	max-width: 275px;
	padding: 5px;
	position: absolute;
	right: 25.8%;
	z-index: 100;
}

.color-preview {
	border: 1px solid #CCC;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	margin: 2px;
	vertical-align: top;
	width: 25px;
}
/* Name & Number - Starts */
.tab-content.name-numrer-area{
	padding:0;
}
.tab-content.name-numrer-area>h4 {
    margin: 0;
    padding: 5px 15px;
}
.action.primary{
	background-image: none;
    background: #1979c3 !important;
    border: 1px solid #1979c3;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;    
    padding: 7px 15px;
    font-size: 1.4rem;
    box-sizing: border-box;
    vertical-align: middle;
}
#nameNumberTable {
    border-collapse: collapse;
    margin-top: 10px;
}
#nameNumberTable td, #nameNumberTable th {
    //border: 1px solid #ddd;
    text-align: center;
}
#nameNumberTable th{
	text-align:center;
	font-weight:bold;
}
#nameNumberTable td{
	padding:2px;
}
#nameNumberTable input{
	width:100%;
}

#nameNumberTable td .button_round,.button_round{
	width:auto;
	border-radius: 64px;
}
#nameNumberTable td .action.primary.button_round.remove_row {
    padding: 0px 8px;
	font-size: 16px;
}
.size-select {
    width: 100%;
    height: 27px;
    border: 1px solid silver;
}	
.width35{
	width:35% !important;
}
.width20{
	width:20% !important;
}
.width100{
	width:100% !important;
}
.designAreasDiv{
	z-index: 0 !important;
}
.add_row_name_num{
	padding-top:3%;
}
p.clearer{
	clear:both;
	margin:0;
	padding:0;
	width:0;
	height:0;
}
/* Template - Starts */
.tab-content.template-area{
	padding:0;
}
.tab-content.template-area>h4 {
    margin: 0;
    padding: 5px 15px;
}
/* Template - Ends */
.tab-content.name-numrer-area{
	padding:0;
}
.tab-content.name-numrer-area>h4 {
    margin: 0;
    padding: 5px 15px;
}
/* Name & Number - Ends */
@media (max-width: 768px)
{
	.product-image, .no-touch .product-img-box .product-image:hover:not(.zoom-available) {
		margin: 0 auto !important;
		width: 250px;
	}

	.product-img-box {
		width: 100% !important;
	}

	.canvas-container{
		border: 1px dotted;
		margin: 0 auto;
	}

	select#font_selection {
		margin-top: 7px;
		min-width: 150px;
		padding: 4px;
	}

	.text_style button.font-size {
		margin-top: 6px;
	}
}


@media (max-width: 360px)
{
	.directional-pad button {
		width: 17px;
	}

	.directional-pad button#top {
		left: 20px;
		padding: 0;
		top: 7px;
		margin-left: 0;
	}

	.directional-pad button#bottom {
		left: 20px;
		padding: 0;
		top: 43px;
		margin-left: 0;
	}

	.directional-pad button#left {
		left: 4px;
		padding: 0;
		top: 25px;
		margin-left: 0;
	}

	.directional-pad button#right {
		left: 36px;
		padding: 0;
		top: 25px;
		margin-left: 0;
	}

	.directional-pad button#rotate  {
		font-size: 15px;
		height: 25px;
		left: 18%;
		top: 32%;
		width: 25px;
	}

	.directional-pad button#antirotate {
		font-size: 15px;
		height: 25px;
		left: 26%;
		top: 32%;
		width: 25px;
	}
  .directional-pad button#undo  {
		font-size: 15px;
		height: 25px;
		left: 73%;
		top: 32%;
		width: 25px;
	}

	.directional-pad button#redo {
		font-size: 15px;
		height: 25px;
		left: 82%;
		top: 32%;
		width: 25px;
	}
	button#btf {
		height: 25px;
		left: 36%;
		top: 32%;
		width: 25px;
	}

	button#stb {
		height: 25px;
		left: 45%;
		top: 32%;
		width: 25px;
	}

	button#fh {
		height: 25px;
		left: 55%;
		top: 32%;
		width: 25px;
	}

	button#fv {
		height: 25px;
		left: 64%;
		top: 32%;
		width: 25px;
	}

	button#delete {
		height: 25px;
		left: 90%;
		top: 32%;
		width: 25px;
	}
}
.result-text{
		display: none;
		width: 500px;
}
.template_form{
		width: 160%;
}
#loader{
		margin-left: 250px;
		margin-top: 80px;
}
.preview-image {
    margin: 2px;
}
/** 
* 
* Do not edit or add to this file if you wish to upgrade the module to newer 
* versions in the future. If you wish to customize the module for your 
* needs please contact us to https://www.milople.com/magento-extensions/contacts/
* 
* @category     Ecommerce 
* @package      Milople_Personalizedrich
* @copyright    Copyright (c) 2015 Milople Technologies Pvt. Ltd. All Rights Reserved. 
* @url          https://www.milople.com/magento-extensions/personalized-products.html
* 
**/
select#font_selection option[value="Tangerine"]{
    font-family: Tangerine;
    font-size: 15px;
}
select#font_selection option[value="Rancho"]{
    font-family: Rancho;
    font-size: 15px;
}
select#font_selection option[value="Inconsolata"]{
    font-family: Inconsolata;
    font-size: 15px;
}
select#font_selection option[value="Droid Sans"]{
    font-family: "Droid Sans";
    font-size: 15px;
}
select#font_selection option[value="Philosopher"]{
    font-family: Philosopher;
    font-size: 15px;
}
select#font_selection option[value="Plaster"]{
    font-family: Plaster;
    font-size: 15px;
}
select#font_selection option[value="Rokkitt"]{
    font-family: Rokkitt;
    font-size: 15px;
}
select#font_selection option[value="Sofia"]{
    font-family: Sofia;
    font-size: 15px;
}
select#font_selection option[value="Playball"]{
    font-family: Playball;
    font-size: 15px;
}
select#font_selection option[value="Nosifer"]{
    font-family: Nosifer;
    font-size: 15px;
}
select#font_selection option[value="Pacifico"]{
    font-family: Pacifico;
    font-size: 15px;
}

select#font_selection option[value="Droid Serif"]{
    font-family: "Droid Serif";
    font-size: 15px;
}

select#font_selection option[value="Lobster"]{
    font-family: "Lobster";
    font-size: 15px;
}
select#font_selection option[value="Open Sans"]{
    font-family: "Open Sans";
    font-size: 15px;
}
select#font_selection option[value="PT Serif"]{
    font-family: "PT Serif";
    font-size: 15px;
}
select#font_selection option[value="Lato"]{
    font-family: "Lato";
    font-size: 15px;
}
select#font_selection option[value="Ubuntu"]{
    font-family: "Ubuntu";
    font-size: 15px;
}
select#font_selection option[value="Source Sans Pro"]{
    font-family: "Source Sans Pro";
    font-size: 15px;
}
select#font_selection option[value="Roboto"]{
    font-family: "Roboto";
    font-size: 15px;
}
select#font_selection option[value="Raleway"]{
    font-family: "Roboto";
    font-size: 15px;
}
select#font_selection option[value="Volkorn"]{
    font-family: "Volkorn";
    font-size: 15px;
}
select#font_selection option[value="Merriweather"]{
    font-family: "Merriweather";
    font-size: 15px;
}
select#font_selection option[value="Old Standard TT"]{
    font-family: "Old Standard TT";
    font-size: 15px;
}
select#font_selection option[value="Arvo"]{
    font-family: "Arvo";
    font-size: 15px;
}
select#font_selection option[value="Josefin Slab"]{
    font-family: "Josefin Slab";
    font-size: 15px;
}
select#font_selection option[value="Libre Baskerville"]{
    font-family: "Libre Baskerville";
    font-size: 15px;
}
select#font_selection option[value="Lora"]{
    font-family: "Lora";
    font-size: 15px;
}
select#font_selection option[value="Oswald"]{
    font-family: "Oswald";
    font-size: 15px;
}
select#font_selection option[value="Gravitas One"]{
    font-family: "Gravitas One";
    font-size: 15px;
}


/*=================================
GENERAL STYLES
====================================*/
.autocomplete-field .awesomplete input::placeholder {
    font-size: 0;
    color: #fff;
}

.product-view .product-shop .availability {
    margin-top: 15px;
    font-size: 18px;
}

.products-grid .product-badges .badge {
    min-width: auto;
}

.sp-methods .payment-title.s_method_FANCourier_Cont_Colector label {
    font-size: 0 !important;
}

.sp-methods .payment-title.s_method_FANCourier_Cont_Colector label .price {
    font-size: 16px;
    position: relative;
}

.sp-methods .payment-title.s_method_FANCourier_Cont_Colector label .price::before {
    content: "Cost transport:";
    display: inline-block;
    margin-right: 6px;
}

.product-view .share-icons a {
    background-color: #000;
    border-radius: 50%;
}

.blog-index-list .blog-layout-2 .blog-search-box .button {
    border: 1px solid #ed1c24;
}

.blog-index-list .blog-layout-2 .blog-search-box #blog_search {
    border-radius: 20px;
}

div.poster {
    display: none !important;
}

.row-wrapper+.row-wrapper {
    margin-top: 0;
}

h2.subtitle,
strong.subtitle {
    text-align: center;
}

input,
select,
textarea {
    border: 1px solid #DCDCDC;
    background-color: #fff;
    font-size: 11px;
    line-height: 17px;
    font-weight: 300;
}

.hello-user {
    padding: 0;
}

select {
    background-size: 12px;
}

#opc-billing .step #co-billing-form ul .chose-entity input[type=radio]:checked+label {
    border-bottom: 4px solid #ED1C24;
}

.multiple-checkout .buttons-set button.button,
.opc .buttons-set button.button {
    font-weight: 600;
}

.cms-home .messages {
    position: absolute;
    z-index: 5;
    left: 50%;
    transform: translatex(-50%);
}

/*=================================
HEADER STYLES
====================================*/
.block-cart>a>span {
    font-weight: 300;
    font-size: 11px;
    line-height: 17px;
    color: #231F20;
    text-transform: none;
    margin-left: 0;
}

.page-header .desktop .block-cart a>i {
    margin-right: 0;
}

.page-header .desktop .mini-account>ul,
.page-header .page-container-wrapper--sticky .mini-account>ul {
    margin: 5px 0;
}

.nav--primary-button,
.links-before li>a,
.links-after li>a,
.nav--primary a.level0 {
    letter-spacing: 1px;
}

.nav--primary a.level0.promo-cat {
    color: #ED1C24;
}

.button,
a.button,
.blog-layout-2 li.item .postContent .read-more,
.page-footer .marketing-box--newsletter .button,
.ajaxcart-modal-footer .button,
.blog-index-list .blog-layout-2 .postWrapper .aw-blog-read-more,
.blog-index-list .blog-layout-3 .postWrapper .aw-blog-read-more,
.latest-blog-post li.item .read-more {
    letter-spacing: .5px;
    border-radius: 20px;
    border: 1px solid #ED1C24;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    background-color: #fff;
    color: #ED1C24;
}

.button:hover,
a.button:hover,
.blog-layout-2 li.item .postContent .read-more:hover,
.page-footer .marketing-box--newsletter .button:hover,
.ajaxcart-modal-footer .button:hover,
.blog-index-list .blog-layout-2 .postWrapper .aw-blog-read-more:hover,
.blog-index-list .blog-layout-3 .postWrapper .aw-blog-read-more:hover,
.latest-blog-post li.item .read-more:hover {
    background-color: #ED1C24;
    color: #fff;
}

.top-widget {
    border-bottom: 1px solid #DCDCDC;
    font-weight: 300;
    font-size: 13px;
    line-height: 17px;
    display: inline-block;
    width: 100%;
}

.widget-wrapper {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 20px;
}

.widget-wrapper p strong {
    font-weight: bold;
}

.widget-wrapper>div {
    float: left;
    margin-right: 40px;
}

.widget-wrapper>div:last-child {
    margin-right: 0;
    float: right;
}

.widget-wrapper>div img {
    margin-bottom: -13px;
}

.widget-wrapper p {
    margin: 9px 0;
}

.block-cart .block-cart-aside .actions a,
.block-cart>a>i em {
    border: none;
}

.block-cart .block-cart-aside .actions a,
.block-cart>a>i em {
    border: none;
}

.block-cart .block-cart-aside .actions a.view-cart:hover {
    background-color: #e6e6e6;
}

.block-cart .block-cart-aside .actions a.proceed-checkout:hover {
    background-color: #d4252c;
}

.form-search input {
    color: #000;
}

/*=================================
USP STYLES
====================================*/

/*=================================
BANNER STYLES
====================================*/
.cms-home .page-main .showcase .bn-wrapper,
.cms-index-index .page-main .showcase .bn-wrapper {
    position: relative;
}

.banner-info {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.banner-info h2.banner-title {
    font-weight: bold;
    font-size: 35px;
    line-height: 53px;
    color: #fff;
    margin-bottom: 23px;
}

.banner-info p {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    max-width: 464px;
    margin: 0 auto 56px;
}

.showcase .slick-dots button {
    height: 8px;
    width: 8px;
    background-color: #fff;
    border: 1px solid #BCBCBC;
    box-shadow: none;
}

.showcase .slick-dots .slick-active button {
    background-color: #ED1C24;
    border-color: #ED1C24;
}

.banner-info a.button {
    padding: 12px 45px;
}

.page-header .desktop .mini-account>ul,
.page-header .page-container-wrapper--sticky .mini-account>ul,
.block-cart .block-cart-aside .block-content {
    box-shadow: 0px 2px 6px rgba(35, 31, 32, 0.12);
}

.block-cart .block-cart-aside .block-content:after,
.page-header .desktop .mini-account>ul:after,
.page-header .page-container-wrapper--sticky .mini-account>ul:after {
    border-bottom: 10px solid rgba(35, 31, 32, 0.12);
}

.page-header .desktop .mini-account>ul li a {
    font-size: 14px;
}

/*=================================
CATEGORIES STYLES
====================================*/
.block-set {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
}

.block-set>div {
    width: 32%;
    margin-right: 2%;
    float: left;
    position: relative;
}

.block-set>div:last-child {
    margin-right: 0;
}

.block-set>div h2.subtitle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    color: #fff;
    padding: 0 20px;
    text-align: center;
}

.block-set>div:hover img {
    filter: grayscale(100%);
}

.block-set>div:hover h2.subtitle {
    color: #ED1C24;
}

.block-set>div a {
    display: grid;
}

.top-border {
    position: absolute;
    width: 99.6%;
    height: 5px;
    background-color: #ED1C24;
    top: 0;
    opacity: 0;
}

.block-set>div:hover .top-border {
    opacity: 1;
}

.block-layered-nav .currently-wrapper .btn-remove {
    font-size: 0;
}

/*=================================
WIDGET STYLES
====================================*/
.products-widget h2.subtitle,
.latest-blog-post h2.subtitle {
    padding: 0 27px;
    background-color: #fff;
    bottom: -25px;
    display: inline-block;
    position: relative;
}

.products-widget .title,
.latest-blog-post .title {
    border-bottom: 1px solid #DCDCDC;
    margin-bottom: 50px;
    text-align: center;
}

.products-grid .slick-prev {
    background: transparent url(/media/wysiwyg/back.svg) no-repeat center/contain;
    background-size: 20px;
    left: -35px;
}

.products-grid .slick-next {
    background: transparent url(/media/wysiwyg/next.svg) no-repeat center/contain;
    background-size: 20px;
    right: -35px;
}

.badge {
    padding: 7px;
}

.price-box .price-label {
    display: none;
}

.products-grid .price-box .old-price .price {
    font-weight: 400;
    color: #979797;
}

.products-grid .product-actions {
    margin-top: 0;
}

.products-grid .product-actions .button {
    max-width: 162px;
    padding: 10px 0;
    margin: 0 auto;
    border: 1px solid #ed1c24;
}

.products-grid .item-inner:hover {
    box-shadow: 0px 2px 6px rgba(35, 31, 32, 0.12);
}

.latest-blog-post .products-grid .item-inner:hover {
    box-shadow: none;
}

/*=================================
NEWSLETTER STYLES
====================================*/

.footer-newsletter {
    text-align: center;
    background: #F8F8F8;
    padding: 30px 20px;
}

.footer-newsletter p {
    color: #231F20;
}

.page-footer .marketing-box--newsletter {
    float: none;
    margin-top: 20px;
}

.page-footer .marketing-box--newsletter em,
.page-footer .marketing-box--newsletter i,
.page-footer .marketing-box .box-title {
    display: none;
}

.page-footer .marketing-box--newsletter .input-text,
.button+.input-box .input-text {
    border: 1px solid #DCDCDC;
    border-radius: 20px;
    background-color: #fff;
    font-size: 11px;
    line-height: 17px;
    font-weight: 300;
    margin-right: 11px;
    min-width: 395px;
    height: 41px;
    padding-left: 16px;
}

.page-footer .marketing-box--newsletter .button {
    background-color: #ED1C24;
    color: #fff;
    height: 41px;
    padding: 10px 50px;
}

/*=================================
FOOTER STYLES
====================================*/
.page-footer .page-container-wrapper {
    border-top: 0;
}

.page-footer .footer-links ul {
    width: 25%;
    padding-right: 0;
    margin-bottom: 50px;
}

.page-footer .col-4 {
    width: 100%;
}

.page-footer ul li:first-child,
.page-footer .social {
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    margin-bottom: 32px;
}

.page-footer .page-container-wrapper:last-child {
    background-color: #231F20;
    margin-top: 56px;
}

.page-footer ul li a {
    line-height: 27px;
}

.page-footer+div {
    background-color: #5A5A5A;
    color: #fff;
    width: 100%;
}

.branding,
.branding strong {
    max-width: 1170px;
    margin: 0 auto;
    padding: 14px 20px;
    font-size: 12px;
    line-height: 27px;
    font-weight: 300;
}

.branding strong {
    padding: 0;
}

.social-links {
    display: inline-block;
    min-width: 74px;
}

.page-footer .footer-links ul.list--social {
    width: 100%;
    margin-bottom: -10px;
    margin-left: 14px;
}

.page-footer .footer-links ul.list--social li:first-child {
    margin-bottom: 0;
}

.page-footer .social {
    display: inline-block;
    width: 100%;
}

.page-footer p {
    display: inline-block;
}

.social>a {
    display: inline-block;
    position: relative;
    bottom: -9px;
    height: 33px;
    width: 33px;
    margin-left: 2px;
}

.page-footer .anpc-content ul li {
    margin: 4px;
}

/*=================================
CATEGORY LISTING STYLES
====================================*/

.breadcrumbs {
    margin-top: 10px;
    margin-bottom: 5px;
}

.block-layered-nav .block-title {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    margin: 10px 0;
}

.block-layered-nav .block-subtitle,
.block-layered-nav dt {
    padding: 7px 0;
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
}

.block-layered-nav li a,
.block-layered-nav li em {
    font-weight: 300;
    font-size: 13px;
    float: none;
    color: #231F20;
}

.products-grid .product-box .discount {
    display: none;
}

.page-title {
    margin-bottom: 10px;
}

.category-intro {
    padding: 0;
}

/*=================================
PRODUCT VIEW STYLES
====================================*/

.product-view .product-shop .price-box,
.product-view .product-shop .price-box-suggested {
    float: none;
    margin-right: 0;
    max-width: 230px;
    margin-bottom: 40px;
}

.price-box p {
    display: inline-block;
}

.product-view .product-shop .price-box {
    display: flex;
    align-items: center;
}

.product-view .price-box .old-price {
    margin-right: 8px;
}

.product-view .price-box .old-price .price {
    font-weight: 300;
    color: #C8C8C8;
}

.product-view .product-shop .product-sku {
    margin-bottom: 17px;
}

.product-view .product-shop .add-to-cart input {
    border: 1px solid #DCDCDC;
    margin-right: 26px;
}

.product-view .product-shop .add-to-cart button {
    min-width: 300px;
    border-radius: 32px;
}

.product-view .product-shop .add-to-cart button:hover {
    background-color: #d4252c;
}

.add-to-links li a {
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.product-view .product-shop .add-to-links {
    margin-top: 16px;
}

.product-view .product-shop .add-to-links li:first-child {
    margin-right: 12px;
}

.add-to-links li {
    padding: 0;
}

.add-to-links li a:before {
    width: 34px;
    height: 34px;
    background-position: 50%;
}

.tabs-nav>li a {
    padding: 10px 15px;
}

.tabs-nav {
    padding: 0;
    border-bottom: 1px solid #DCDCDC;
}

.tabs-nav>li a:hover {
    text-decoration: none;
}

.tabs-nav>li a.active {
    border-bottom: 1px solid #ED1C24;
    margin-bottom: -1px;
}

.tab {
    padding: 20px 0;
}

.block-related,
.block-upsell {
    border-top: 1px solid #BCBCBC;
    text-align: center;
}

.block-related h2.subtitle,
.block-upsell h2.subtitle {
    background-color: #fff;
    display: inline-block;
    position: relative;
    top: -15px;
    padding: 0 27px;
}

.product-view .products-grid.grid-6 li.item {
    width: 25%;
}

.product-view .discount-percentage {
    position: absolute;
    right: 20px;
    top: 10px;
    background-color: #ed1c24;
    color: #fff;
    padding: 7px;
    font-weight: 600;
    font-size: 17px;
    letter-spacing: .5px;
}

.product-view .badge--sale {
    display: none;
}

/* PRODUCT PAGE SWATCHES ************************/
.product-options dt label {
    font-size: 16px;
}

.blugento-swatches .swatch-label span {
    height: 36px !important;
}

.product-options .swatch-label {
    padding: 9px 12px;
    min-width: 64px;
}

.configurable-swatch-list li {
    margin: 0 8px 8px 0;
}

.swatch-label {
    border-radius: 24px;
    border: 1px solid #CFCFCF;
    font-size: 14px
}

.swatch-link:hover .swatch-label {
    background-color: #F9F9F9;
    border-color: #231f20;
}

.configurable-swatch-list .selected .swatch-label,
.selected .swatch-link:hover .swatch-label {
    border-color: #231f20;
    background-color: #fff;
    font-weight: 600;
    box-shadow: inset 0px 0px 0px 1px #231f20;
    color: #231f20;
}

.product-options dt {
    margin-bottom: 8px;
}

.product-options dt label .select-label {
    font-weight: 600;
}

div.configurable-swatch-list,
ul.configurable-swatch-list {
    margin-bottom: 0;
}

.product-options-bottom {
    margin: 0;
}

.configurable-swatch-list li.not-available .swatch-label,
.configurable-swatch-list .selected.not-available .swatch-label,
.configurable-swatch-list .selected.not-available .swatch-label:hover,
.selected.not-available .swatch-link:hover .swatch-label {
    background-color: #E6E6E6;
    border-color: #CFCFCF;
    color: #7B7B7B;
    opacity: 0.4;
}

.not-available.selected span,
.not-available .swatch-link span {
    color: #7B7B7B;
}

.product-options .has-image .swatch-label,
.swatch-label img,
.swatch-label span {
    border-radius: 50%;
}

.configurable-swatch-list .selected .has-image .swatch-label,
.selected .has-image .swatch-link:hover .swatch-label {
    background-color: #fff;
}

.validation-advice {
    color: #ed1c24;
    font-size: 14px;
    line-height: 1.33;
    font-weight: 400;
    font-style: normal;
    margin: 0 0 8px 0;
}

.product-options .has-image .swatch-label {
    padding: 5px;
}

.blugento-swatches .swatch-link[title]:hover:after {
    background: #f5e0e1;
    color: #ed1c24;
    ;
    border: none;
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 600;
}

/* WHATAPP BUTTON */
.addthis_button_pinterest_share,
.addthis_button_linkedin,
.list--social .list__item--pinterest a,
.list--social .list__item--linkedin a {
    background-size: 90%;
}

.whatsapp-share-wrapper {
    margin-top: 24px;
    border-top: 1px solid #70707029;
    padding-top: 16px;
}

.whatsapp-share-wrapper .whatsapp-share-btn .whatsapp-share-text {
    font-size: 13px;
    font-weight: 600;
    position: relative;
    padding-left: 30px;
}

.whatsapp-share-wrapper .whatsapp-share-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 32px;
    width: 300px;
    padding-left: 16px;
}

.whatsapp-share-wrapper .whatsapp-share-btn .whatsapp-share-text::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 24px;
    height: 24px;
    background: url(/skin/frontend/blugento/default/images/whatsapp_white.svg) center center no-repeat;
    background-size: 24px 24px;
}

.whatsapp-share-wrapper .whatsapp-share-btn::before {
    display: none;
}

/* SHARE ICONS */
.product-view .share-icons {
    position: relative;
    padding-left: 90px;
}

.product-view .share-icons:after {
    content: "Distribuie:";
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    font-weight: 500;
    font-size: 16px;
    padding-top: 4px;
}

/* PRODUCT USP */
[id='product-usp'] {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

[id='product-usp'] li {
    width: 50%;
    float: left;
}

[id='product-usp'] li p {
    line-height: 1.3;
    padding-right: 16px
}

[id='product-usp'] li p strong {
    display: block;
    text-transform: uppercase;
}

/* SEAP BUTTON */
.tabs-nav>li.tab-seap,
.tab-nav[data-rel="#pc-tab-seap"],
.tabs-nav>li.tab-intreaba_medicul_tab,
.tab-nav[data-rel="#pc-tab-intreaba_medicul_tab"] {
    display: none;
}

#pc-tab-seap,
#pc-tab-intreaba_medicul_tab {
    padding-bottom: 0 !important;
}

.tab .button.popup-button {
    margin-bottom: 0;
    margin-bottom: 0;
    background-color: #ed1c24;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    line-height: 1.2;
    text-align: center;
    padding: 12px 32px;
    border-radius: 36px;
}

.tab .button.popup-button:hover {
    background-color: #d4252c;
}

.tab#pc-tab-seap,
.tab#pc-tab-intreaba_medicul_tab {
    display: block !important;
}

/* SEAP POPUP BUTTON */
.catalog-product-view .mfp-content {
    max-width: 600px;
    background-color: #fff;
    padding: 24px;
}

.mfp-content .gdpr-conditions input[type=checkbox]+label {
    display: block;
}

.mfp-content .gdpr-conditions .content-popup-text {
    margin-left: 0;
}

.product-view .product-shop .availability {
    float: none;
    border-top: 1px solid #70707029;
    padding-top: 24px;
    margin-top: 16px;
}

.mfp-content .form-list button.button {
    background-color: #ed1c24;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    line-height: 1.2;
    text-align: center;
    padding: 12px 32px;
    border-radius: 36px;
}

.mfp-content .form-list button.button:hover {
    background-color: #d4252c;
}

/* PRODUCT PAGE COUNTERS *************************/
.product-view .product-shop .add-to-box,
.product-options-bottom {
    margin: 30px 0 16px 0;
}

.product-view .product-shop .add-to-cart {
    margin-right: 0;
    position: relative;
}

.product-view .product-shop .add-to-cart input {
    width: 174px;
    height: 58px;
    background-color: #fff;
    color: #373737;
    font-weight: 500;
    margin-right: 16px;
    border-radius: 6px;
    font-size: 16px
}

.product-view .product-shop .button-counter {
    background-color: transparent;
}

.product-view .product-shop .button-counter span.plus,
.product-view .product-shop .button-counter span.minus {
    position: absolute;
    height: 40px;
    width: 40px;
    background-color: #fff;
    top: 9px;
    border-radius: 50%;
}

.product-view .product-shop .button-counter span.plus:hover,
.product-view .product-shop .button-counter span.minus:hover {
    background-color: #F2F2F2;
}

.product-view .product-shop .button-counter span.plus {
    background-image: url(/media/wysiwyg/icons/plus.svg);
    left: 125px;
}

.product-view .product-shop .button-counter span.minus {
    background-image: url(/media/wysiwyg/icons/minus.svg);
    left: 9px;
}

.product-view .product-shop .add-to-cart button {
    height: 58px;
    width: 350px
}

.product-view .product-shop .add-to-cart button:hover {
    color: #fff;
}


/*=================================
CART & CHEKOUT STEPS STYLES
====================================*/
.cart-table tfoot button.btn-update {
    color: #231F20;
    background-color: #f1f1f1;
    padding: 9px 20px;
}

.cart-table tfoot button.btn-update:hover {
    background-color: #e6e6e6;
    color: #231F20;
}

.cart-table tr:nth-child(odd) td {
    border-top: 1px solid #DCDCDC;
}

#coupon_code {
    min-width: auto;
}

.cart .discount button {
    padding: 10px;
    width: auto;
}

.cart .discount button:hover {
    background-color: #a8a8a8;
}

.cart .discount {
    margin: 0 0 30px 0;
}

.cart-totals .checkout-types .button {
    padding: 10px 20px;
    min-width: 100%;
}

.cart-totals .checkout-types .button:hover {
    background-color: #d4252c;
    color: #fff;
}

.opc .step input[type=radio]+label {
    border: none;
}

.multiple-checkout .active .step-title,
.opc .active .step-title,
.multiple-checkout .step-title,
.opc .step-title {
    background-color: #F8F8F8;
}

.multiple-checkout .buttons-set button.button,
.opc .buttons-set button.button {
    padding: 10px 20px;
}

.multiple-checkout .step .payment-title:hover:before,
.multiple-checkout .step input[type=radio]+label:hover:before,
.opc .step .payment-title:hover:before,
.opc .step input[type=radio]+label:hover:before,
.multiple-checkout .step .payment-title.selected:before,
.multiple-checkout .step input[type=checkbox]:checked+label:before,
.multiple-checkout .step input[type=radio]:checked+label:before,
.opc .step .payment-title.selected:before,
.opc .step input[type=checkbox]:checked+label:before,
.opc .step input[type=radio]:checked+label:before {
    background-color: #ED1C24;
}

.cart-totals strong {
    color: #231F20;
    font-weight: 700;
}

#checkout-shipping-method-load a {
    display: none;
}


/*=================================
SECONDARY PAGES STYLES
====================================*/

/*=================================
BLOG STYLES
====================================*/
.blog-index-list .blog-layout-2 .postWrapper,
.blog-index-list .blog-layout-3 .postWrapper {
    width: calc(100% / 2 - 20px);
}

.blog-index-list .blog-layout-2 .postWrapper .postTitle h2,
.blog-index-list .blog-layout-3 .postWrapper .postTitle h2 {
    font-weight: bold;
    padding: 0;
}

.blog-layout-1 .postTitle h1,
.blog-layout-1 .postTitle h2,
.blog-layout-2 .postTitle h1,
.blog-layout-2 .postTitle h2,
.blog-layout-3 .postTitle h1,
.blog-layout-3 .postTitle h2 {
    min-height: 55px;
    line-height: 26px;
}

.blog-post-view .blog-layout-2 .postWrapper .postTitle h1,
.blog-post-view .blog-layout-3 .postWrapper .postTitle h1 {
    font-weight: bold;
}

.blog-index-list .blog-layout-2 .postWrapper .postContent,
.blog-index-list .blog-layout-3 .postWrapper .postContent {
    padding: 0;
    min-height: 170px;
}

.latest-blog-post .products-grid.grid-4 li.item,
.latest-blog-post .products-grid.grid-6 li.item {
    width: 33.333333%;
}

.blog-default li.item .info-posted,
.blog-layout-1 li.item .info-posted,
.blog-layout-2 li.item .info-posted,
.blog-layout-3 li.item .info-posted {
    display: none;
}

.blog-default li.item h2 a.post-title,
.blog-layout-1 li.item h2 a.post-title,
.blog-layout-2 li.item h2 a.post-title,
.blog-layout-3 li.item h2 a.post-title {
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
}

.blog-default li.item h2,
.blog-layout-1 li.item h2,
.blog-layout-2 li.item h2,
.blog-layout-3 li.item h2 {
    padding: 17px 0;
}

.latest-blog-post .products-grid.grid-4 li.item,
.latest-blog-post .products-grid.grid-6 li.item {
    padding-right: 13px;
    padding-left: 13px;
}

.latest-blog-post .products-grid {
    margin-left: -13px;
    margin-right: -13px;
}

.latest-blog-post li.item .content-blog-box {
    padding: 0;
    font-size: 13px;
    line-height: 20px;
    color: #979797;
    font-weight: 300;
}

.blog-layout-2 li.item .postContent .read-more {
    background-color: #fff;
    color: #ED1C24;
    font-weight: 600;
    letter-spacing: .5px;
    display: block;
    margin: 0 auto;
    max-width: 162px;
    padding: 10px 0;
}

.blog-layout-2 li.item .postContent .read-more:hover {
    background-color: #ED1C24;
    color: #fff;
    font-weight: 600;
    letter-spacing: .5px;
    display: block;
    margin: 0 auto;
    max-width: 162px;
    padding: 10px 0;
}

.blog-layout-1 .postWrapper .postDetails strong,
.blog-layout-1 li.item .postDetails strong,
.blog-layout-2 .postWrapper .postDetails strong,
.blog-layout-2 li.item .postDetails strong,
.blog-layout-3 .postWrapper .postDetails strong,
.blog-layout-3 li.item .postDetails strong {
    display: none;
}

.latest-blog-post li.item .content-blog-box p.blog-short-content {
    min-height: auto !important;
    margin-bottom: 26px;
}

.blog-index-list .blog-layout-2 .postWrapper {
    background: #fff;
}

.menu-categories,
.menu-recent,
.menu-tags {
    margin-bottom: 30px;
}

.menu-categories>div,
.menu-recent>div,
.menu-tags>div {
    border-bottom: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    padding-bottom: 10px;
    padding-top: 10px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.main-aside .block:not(.block-layered-nav):not(.block-account):not(.opc-block-progress) .block-title {
    padding: 9px;
    background-color: transparent;
    color: inherit;
    font-size: 14px;
    text-transform: uppercase;
    padding-left: 0;
    font-weight: 400;
}

.blog-default li.item a.read-more {
    padding-left: 0;
}

.blog-index-list .blog-layout-2 .postWrapper .aw-blog-read-more,
.blog-index-list .blog-layout-2 .postWrapper .aw-blog-read-more:hover,
.blog-default li.item a.read-more,
.blog-default li.item a.read-more:hover {
    padding: 10px 24px;
    display: block;
    max-width: 180px;
    margin-top: 15px;
}

.postWrapper .postContent .aw-blog-read-more,
.blog-default li.item a.read-more,
.blog-default li.item a.read-more:hover {
    font-weight: 600;
    text-transform: uppercase;
    font-style: normal;
    font-size: 12px;
    text-decoration: none;
}

.latest-blog-post li.item .post-title {
    color: #000;
    font-size: 20px;
    line-height: 24px;
}

/*other pages*/
.cms-contact .page-main button.button,
.cms-cere-oferta .page-main button.button {
    border: 1px solid #ed1c24;
}

.contact-page-container .info-form {
    padding-left: 7px;
}

.cms-page-view .std h2:not(.product-name),
.contact-page-container .addresses .address p {
    color: #231F20;
}

.cms-page-view .std address,
.cms-page-view .std blockquote,
.cms-page-view .std ol,
.cms-page-view .std p,
.cms-page-view .std table,
.cms-page-view .std ul {
    margin-bottom: 10px;
}

.loyalty-card p {
    margin: 15px 0;
}

.card-image {
    max-width: 600px;
    margin: 0 auto;
}

.loyaty-form-image {
    max-width: 420px;
    margin: 0 auto;
}

.loyalty-card p a {
    color: #ED1C24;
}

.to-top {
    right: 100px;
    bottom: 23px;
}

/*ajax cart*/
.top-content-ajax h2 {
    font-size: 18px;
    line-height: 22px;
}

.top-content-ajax h3 {
    font-weight: 400;
    font-size: 14px;
}

.top-content-ajax p.price {
    margin-top: 10px;
    font-weight: 700;
    color: #ed1c24;
}

.ajaxcart-modal-footer .button {
    background-color: #ed1c24;
    color: #fff;
}

.ajaxcart-modal-footer .button:hover {
    background-color: #d4252c;
}


.ajaxcart-modal-footer .button.ajaxcart-modal-close {
    color: #231f20;
    background-color: #f1f1f1;
    border: 1px solid #f1f1f1;
}

.ajaxcart-modal-footer .button.ajaxcart-modal-close:hover {
    background-color: #e6e6e6;
    border: 1px solid #e6e6e6;
}

.block-account .block-content li {
    color: #979797;
}

.my-account .buttons-set button.button,
#cust-delete-account button.button {
    border: 1px solid #ed1c24 !important;
}

.my-wishlist table .add-to-cart-alt button {
    color: #fff;
}

.my-wishlist table .add-to-cart-alt button {
    height: 45px;
    margin-left: 10px;
}

.my-wishlist table .add-to-cart-alt input {
    border: 1px solid #DCDCDC
}

.my-wishlist .buttons-set .btn-update {
    background-color: transparent;
}

.my-wishlist .buttons-set .btn-add {
    color: #fff;
}

.cart-empty a.empty-cart-button {
    border-radius: 20px;
    padding: 15px 35px;
    letter-spacing: 0.5px;
}

.brands-item .brands-image {
    width: 20%;
    float: left;
    padding: 20px 20px 20px 0;
}

.brands-item .brands-info {
    float: left;
    width: 80%;
}

.brands-item {
    margin-bottom: 15px;
    border-bottom: 1px solid #DCDCDC;
    padding-bottom: 20px;
}

.brands-desc {
    margin-bottom: 35px;
}

.brands-item .brands-image img {
    max-width: 130px;
    height: auto;
    text-align: center
}

.brands-item .brands-info h3 {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.brands-item .brands-info span {
    color: #ED1C24;
    margin: 5px 0;
    display: block;
}

.brands-item .brands-info p {
    color: #231f20;
}

#gdpr-delete-form button.button,
#gdpr-export-form button.button {
    border: 1px solid #ed1c24;
}

.about-us-img {
    width: 768px;
    margin: 25px auto;
}

/* GDPR MODULE */
.gdpr-cookies .col-12 .gdpr-content .gdpr-buttons .button#accept-all-cookies {
    background-color: #ed1c24;
    color: #fff
}

.gdpr-cookies .col-12 .gdpr-content .gdpr-buttons .button#accept-all-cookies:hover {
    background-color: #d4252c;
}

/* PERSONILIZED PRODUCT *******************/
.product-view .product-shop .price-info {
    float: none;
    padding-left: 0;
}

.product-name .h1,
.personalized-product .product-name h1 {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.25;
    font-family: Poppins;
    text-transform: none;
    color: #231f20;
}

.product-name:not(.page-title) h1 {
    display: none;
}

.product-view .product-img-box {
    width: 45.6% !important;
}

.product-view .add-to-cart-wrapper {
    width: 50%;
}

.product-view .block-related {
    width: 100%;
}

#tab1 .text_content .button {
    height: 40px;
    margin-bottom: 0
}

#add_text {
    height: 40px;
}

.add-to-cart-wrapper .add-to-cart .qty-wrapper {
    display: inline-block;
    margin-right: 10px;
}

.add-to-cart-wrapper .add-to-cart .qty-wrapper>label {
    display: none;
}

.add-to-cart-wrapper .add-to-cart .qty-wrapper>#qty {
    display: inline;
    float: left;
    width: 50px;
    height: 50px;
    padding: 0 4px;
    border-right: 0;
    text-align: center;
    border: 1px solid #DCDCDC;
}

.add-to-cart-wrapper .add-to-cart {
    display: flex;
    align-items: center;
}

.add-to-cart-wrapper .add-to-cart .add-to-cart-buttons {
    display: inline-block;
}

.add-to-cart-wrapper .add-to-cart .add-to-cart-buttons .button {
    height: 50px;
    min-width: 300px;
    font-weight: 600;
    font-size: 13px;
    font-family: Poppins;
    text-transform: uppercase;
    background-color: #ed1c24;
    color: #fff;
    border-color: #ed1c24;
}

.add-to-cart-wrapper .add-to-cart .add-to-cart-buttons .button:hover {
    background-color: #d4252c;
    border-color: #d4252c;
}

#clipart_categories,
.add-to-cart-wrapper .add-to-links {
    display: none !important
}

.product-color-choose h4,
.product-thumb-choose h4 {
    margin-bottom: 8px;
}

.canvas-container {
    border: none !important
}

.close-modal {
    display: block;
}

.products-grid li.item .product-info {
    text-align: center;
}

.products-grid li.item .add-to-links,
.products-grid li.item .ratings {
    display: none;
}

.products-grid li.item .actions button.button {
    max-width: 162px;
    margin: 0 auto;
    border: 1px solid #ed1c24;
}

/*=================================
REFUND FORM
====================================*/
#formsgenerator-form-1 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 48px;
}

.cms-page-view .std #formsgenerator-form-1 h3 {
    padding: 0;
    background: transparent;
    text-transform: none;
    font-size: 16px;
    font-weight: 600;
    margin: 24px 0;
}

#formsgenerator-form-1 button.button {
    background-color: #ed1c24;
    color: #fff;
}

#formsgenerator-form-1 button.button:hover {
    background-color: #d4252c;
}

#formsgenerator-form-1 .form-list label span {
    color: #ed1c24;
}

/* OUT OF STOCK NTIFICATION */
.catalog-product-view .amxnotif-block {
    margin-bottom: 20px;
}

.catalog-product-view .amxnotif-block label {
    font-weight: 500;
    display: block;
    margin-bottom: 4px;
}

.amxnotif-block .amxnotif-input-fields input {
    min-width: 300px;
    height: 40px;
    border-radius: 24px;
    padding-left: 12px;
    margin: 4px 0;
}

.amxnotif-block .amxnotif-button-container button.button {
    background-color: #ed1c24;
    color: #fff;
    margin: 4px 0;
}

.amxnotif-block.category .amxnotif-block-label {
    font-weight: 500;
    font-size: 13px;
    line-height: 1.2;
    text-decoration: underline;
    margin-top: 8px;
}

.amxnotif-block.category .amxnotif-block-label {
    font-weight: 500;
    font-size: 13px;
    line-height: 1.2;
    text-decoration: underline;
    margin-top: 8px;
}

.subcribe-popup.amxnotif-block label {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.25;
}

.subcribe-popup-content .amxnotif-input-fields {
    margin-bottom: 0 !important;
}

/* DOCTORS PAGE */
.dr-page .dr-info {
    padding-left: 24px
}

.dr-page h2 {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 600;
}

.dr-page .dr-info p {
    margin-bottom: 8px
}

.dr-page .dr-info h3,
.dr-page .dr-info h4,
.dr-page .dr-info h5,
.dr-page .dr-info h6,
.dr-page .dr-info ul {
    margin-bottom: 12px;
}

.dr-page .dr-info u li {
    list-style-type: disc !important;
    margin-bottom: 8px;
}

.dr-page .dr-info a.button {
    min-width: 150px;
    margin-top: 24px;
}

.dr-page .dr-form {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 48px;
}

.dr-page .dr-form .content-popup-text {
    margin-left: 0
}

.form-list .content-popup-text label {
    display: block !important;
}

.form-list button.button {
    background-color: #ed1c24;
    color: #fff;
}

.form-list button.button:hover {
    background-color: #d4252c;
}

.products-grid.categories-grid li.item .category-name {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.3;
}

.dr-page .dr-info a:not(.button) {
    text-decoration: underline;
}

/*=================================
RESPONSIVE STYLES
====================================*/
@media (min-width: 996px) {
    #mini-cart {
        margin-left: 14px;
    }

    .order-icons-1 .mini-search .form-search input {
        right: 0;
        border: 1px solid #DCDCDC;
        border-radius: 11px;
        padding-left: 15px;
        font-weight: 300;
        font-size: 11px;
        line-height: 17px;
    }

    .order-icons-1 .mini-search .form-search button {
        position: absolute;
        z-index: 99;
        float: left;
        margin-top: -5px;
        height: 37px;
    }

    .order-icons-1 .mini-search .form-search button:hover {
        background-color: transparent !important;
    }

    .form-search input {
        min-width: 207px;
    }

    .page-header .desktop .form-search input {
        height: 27px;
    }

    .page-header .desktop .block-cart {
        padding: 1px 5px 20px 0;
    }

    .page-header .page-container-wrapper:first-child>.page-container>.page-container-inner {
        padding-top: 0;
        padding-bottom: 25px;
    }

    .page-header .page-container-wrapper--nav {
        border-top: 1px solid #DCDCDC;
        border-bottom: 1px solid #DCDCDC;
    }

    .links-after li>a,
    .links-before li>a,
    .nav--primary a.level0,
    .nav--primary-button {
        padding: 8px 0;
        margin: 0 24px;
    }

    .links-after li>a:hover,
    .links-before li>a:hover,
    .nav--primary a.level0:hover,
    .nav--primary-button:hover {
        border-top: 1px solid #ED1C24;
        margin-top: -1px;
    }

    .nav--primary li.nav-1 a.level0 {
        margin-left: 0;
    }

    .page-header .desktop .logo img {
        max-height: 78px;
    }

    .page-header .desktop .mini-account i,
    .page-header .page-container-wrapper--sticky .mini-account i {
        background-size: 34px;
        height: 34px;
        width: 34px;
        position: relative;
        padding-right: 65px;
    }

    .page-header .desktop .mini-account i:after,
    .page-header .page-container-wrapper--sticky .mini-account i:after {
        content: "Contul meu";
        position: absolute;
        top: 9px;
        right: 0;
        font-size: 11px;
        font-weight: 300;
        color: #7e7e7e;
        font-style: normal;
    }

    .page-header .desktop .mini-cart {
        padding-top: 20px;
    }

    .page-header .desktop .mini-search {
        padding-top: 5px;
    }

    .nav--primary .submenu {
        box-shadow: 0px 2px 6px rgba(35, 31, 32, 0.12);
    }

    .nav--primary a.level1 {
        letter-spacing: 1px;
    }

    .nav--primary a.level2 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .main-aside .block:not(.block-layered-nav):not(.block-account):not(.opc-block-progress) .block-content,
    .block-layered-nav {
        padding-left: 0;
    }

    .catalog-product-view .page-main .page-container {
        padding: 40px 20px;
    }

    .page-container-wrapper--sticky .nav--primary a.level0 {
        margin: 0;
        font-weight: 600;
    }

    .mini-search-wrapper--sticky .form-search input {
        height: 27px;
        border-radius: 20px
    }

    .mini-search-wrapper--sticky {
        margin-top: 10px;
    }

    .page-header .page-container-wrapper--sticky.on-desktop .mini-account {
        margin-right: 0;
    }

    /* STICKEY MENU */

    .page-container-wrapper--sticky .page-container-inner {
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .page-container-wrapper--sticky .page-container-inner #logo-wrapper-sticky {
        order: 1;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 10px;
    }

    .page-container-wrapper--sticky .page-container-inner #mini-search-wrapper-sticky {
        order: 2;
        margin-right: 16px;
    }

    .page-container-wrapper--sticky .page-container-inner #account-sticky {
        order: 3;
    }

    .page-container-wrapper--sticky .page-container-inner #wishlist-count-sticky {
        order: 4;
    }

    .page-container-wrapper--sticky .page-container-inner #mini-cart-wrapper-sticky {
        order: 5;
    }

    .page-container-wrapper--sticky .page-container-inner #nav-container-sticky {
        width: 100%;
        order: 6;
        margin-top: 8px;
        margin-left: 0;
        padding: 0;
        position: relative;
    }

    .page-container-wrapper--sticky .nav-container--sticky {
        background-color: transparent;
    }

    .page-container-wrapper--sticky .nav--primary {
        margin-top: 0;
        border-top: none;
    }

    .page-container-wrapper--sticky .page-container-inner #nav-container-sticky {
        border-top: 1px solid #E2E2E2;
    }

    .page-container-wrapper--sticky .page-container-inner #mini-cart-wrapper-sticky #mini-cart {
        margin-left: 0;
    }

    .page-container-wrapper--sticky .page-container-inner {
        padding-bottom: 2px;
    }

    .nav--primary ul.level0 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .layout-1column .products-grid.categories-grid li.item {
        width: 33.33%;
    }

}

@media (max-width: 1180px) {
    .form-search input {
        min-width: 145px;
    }

    .blog-default li.item h2,
    .blog-layout-1 li.item h2,
    .blog-layout-2 li.item h2,
    .blog-layout-3 li.item h2 {
        min-height: 124px;
    }
}

@media (min-width: 768px) and (max-width: 1179px) {
    .product-view .product-shop .add-to-cart button {
        width: 100%;
        margin-top: 12px;
    }
}

@media (max-width: 995px) {
    .page-header .page-container-wrapper--nav {
        border-top: 0;
        border-bottom: 0;
    }

    .blog-index-list .blog-layout-2 .postWrapper,
    .blog-index-list .blog-layout-3 .postWrapper,
    .blog-index-list .blog-layout-2 .postWrapper .postContent,
    .blog-index-list .blog-layout-3 .postWrapper .postContent,
    .blog-layout-1 .postWrapper .postContent p,
    .blog-layout-1 li.item .postContent p,
    .blog-layout-2 .postWrapper .postContent p,
    .blog-layout-2 li.item .postContent p,
    .blog-layout-3 .postWrapper .postContent p,
    .blog-layout-3 li.item .postContent p {
        width: 100%;
        text-align: center;
    }

    .blog-layout-1 .postTitle h1,
    .blog-layout-1 .postTitle h2,
    .blog-layout-2 .postTitle h1,
    .blog-layout-2 .postTitle h2,
    .blog-layout-3 .postTitle h1,
    .blog-layout-3 .postTitle h2 {
        min-height: auto;
    }

    h2.subtitle,
    strong.subtitle {
        font-size: 23px;
    }

    .latest-blog-post li.item .content-blog-box p {
        display: none;
    }

    .blog-default li.item h2 a.post-title,
    .blog-layout-1 li.item h2 a.post-title,
    .blog-layout-2 li.item h2 a.post-title,
    .blog-layout-3 li.item h2 a.post-title {
        min-height: 120px;
    }

    .banner-info {
        width: 100%;
    }

    .banner-info p {
        font-size: 14px;
        line-height: 20px;
        margin: 0 auto 15px;
    }

    .banner-info h2.banner-title {
        margin-bottom: 0;
    }

    .page-header .mobile-trigger--search a {
        background-size: 55px;
    }

    .nav-container {
        border-right: 2px solid #231F20;
        background-color: #fff;
        color: #231F20;
    }

    .nav--primary a.level0 {
        color: #231F20;
    }

    .page-title h1,
    .page-title h2 {
        font-size: 22px;
    }

    .filters-mobile-trigger {
        text-align: center;
        font-weight: 700;
        letter-spacing: 0.5px;
        background-color: #979797;
    }

    .nav--primary-button,
    .links-before li>a,
    .links-after li>a,
    .nav--primary a.level0 {
        text-transform: uppercase;
        font-weight: 600;
    }

    .nav--primary.expanded li.parent.active>a {
        background-color: #979797;
    }

    .nav--primary.expanded li.parent.active>a:after {
        font-size: 12px;
        letter-spacing: 1px;
        font-weight: 600;
        background-color: #ed1c24;
        border-radius: 20px;
        color: #fff;
        text-decoration: none;
    }

    .product-view .product-shop .add-to-cart button {
        min-width: 270px;
    }

    .product-view .product-shop .add-to-cart input {
        margin-right: 10px;
    }

    .breadcrumbs {
        background-color: transparent;
        padding-left: 0;
    }

    .dock {
        background-color: #fff;
    }

    .dock-open .dock--right {
        border-left: 2px solid #DCDCDC;
    }

    .dock-open .dock--left {
        border-right: 2px solid #DCDCDC;
    }

    .block-layered-nav .block-title {
        color: #231F20;
    }

    .layout-1column .products-grid.categories-grid li.item {
        width: 50%;
    }

    .nav-modal-open .menu-overlay-modal {
        opacity: 1;
    }

    .nav-modal-open .menu-overlay-modal,
    .page-overlay {
        background-color: rgba(0, 0, 0, 0.6);
    }

    body.nav-modal-open .icon--menu .diagonal.part-1, 
    body[data-dock=".nav-container"] .icon--menu .diagonal.part-1,
    body.nav-modal-open .icon--menu .diagonal.part-2, 
    body[data-dock=".nav-container"] .icon--menu .diagonal.part-2,
    .dock--left + .dock-close-active:after, 
    .dock--left + .dock-close-active:before,
    .block-wishlist + .dock-close-active:after, 
    .block-wishlist + .dock-close-active:before {
        background-color: #fff;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .personalizedrich-options .directional-pad button:not(#top):not(#bottom):not(#left):not(#right) {
        width: 30px !important;
        height: 30px !important;
        font-size: 18px !important;
        background-size: 100% !important;
    }

    .personalizedrich-options .directional-pad button#left,
    .personalizedrich-options .directional-pad button#top,
    .personalizedrich-options .directional-pad button#bottom,
    .personalizedrich-options .directional-pad button#right {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .products-grid .slick-next {
        right: -27px;
    }

    .products-grid .slick-prev {
        left: -27px;
    }

    .page-footer .marketing-box--newsletter .input-text,
    .button+.input-box .input-text {
        min-width: 365px;
    }

    .page-footer .footer-links ul {
        width: 50%;
    }

    .widget-wrapper>div {
        margin-right: 35px;
    }

    .block-set>div {
        width: 100%;
        float: none;
        max-width: 360px;
        margin: 0 auto;
    }

    .block-set>div a {
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }

    .block-set>div:last-child {
        margin-right: auto;
    }

    .brands-item .brands-image img {
        max-width: 100%;
    }

    .order-icons-1 .mini-search .form-search input {
        right: 0;
    }

    .product-view .product-img-box {
        width: 100% !important;
        margin-bottom: 15px;
    }

    .product-view .add-to-cart-wrapper {
        width: 100%;
    }

    .product-view .product-shop {
        width: 100%;
        float: none;
        margin-top: 20px;
        clear: both;
        position: relative;
    }

    .product-view .product-shop,
    .product-view .add-to-cart-wrapper,
    .product-view .block-related {
        padding-left: 0;
    }

    .dr-page h2 {
        margin-bottom: 24px;
    }

    .dr-page .dr-image img {
        width: 100%;
    }

    .dr-page .dr-info {
        padding-left: 0;
    }

}

@media (max-width: 639px) {
    .banner-info {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        padding: 20px;
    }

    .banner-info h2.banner-title,
    .banner-info p {
        color: #231F20;
    }

    .widget-wrapper>div:last-child {
        display: none;
    }

    .personalizedrich-options .directional-pad button:not(#top):not(#bottom):not(#left):not(#right) {
        width: 30px !important;
        height: 30px !important;
        font-size: 18px !important;
        background-size: 100% !important;
    }

    .personalizedrich-options .directional-pad button#left,
    .personalizedrich-options .directional-pad button#top,
    .personalizedrich-options .directional-pad button#bottom,
    .personalizedrich-options .directional-pad button#right {
        margin-left: 0;
    }

    .colorpicker {
        left: 0 !important;
    }

    .product-view .product-shop .add-to-cart button {
        width: 100%;
        margin-top: 12px;
    }
}

@media (max-width: 479px) {
    .page-footer .footer-links ul.list--social {
        margin-bottom: -16px;
        margin-right: 10px;
    }

    .branding,
    .branding strong {
        text-align: center;
    }

    .footer-links {
        padding-top: 20px;
    }

    .page-footer .marketing-box--newsletter .input-text,
    .button+.input-box .input-text {
        min-width: 100%;
    }

    .page-footer .footer-links ul {
        width: 100%;
    }

    .page-footer ul li:first-child,
    .page-footer .social {
        margin-bottom: 20px;
    }

    .page-footer .anpc-content ul li:first-child {
        margin-bottom: 4px;
    }

    .page-footer .marketing-box--newsletter .input-box,
    .page-footer .marketing-box--newsletter .button {
        width: 100%;
    }

    .page-footer .marketing-box--newsletter .button {
        margin-top: 10px;
    }

    .marketing-box--newsletter .box-content form {
        display: flex;
        flex-wrap: wrap-reverse;
    }

    .banner-info h2.banner-title {
        line-height: 40px;
        margin-bottom: 10px;
    }

    .product-view .product-shop .add-to-cart button {
        min-width: 245px;
    }

    .widget-wrapper>div {
        margin-right: 20px;
    }

    .brands-item .brands-image,
    .brands-item .brands-info {
        width: 100%;
        float: none;
    }

    .brands-item .brands-image {
        padding: 20px 0;
        text-align: center;
    }

    #add_text {
        width: 100%;
        margin-bottom: 10px;
    }

    .add-to-cart-wrapper .add-to-cart .add-to-cart-buttons .button {
        min-width: 265px;
    }

    .personalizedrich-options .directional-pad button:not(#top):not(#bottom):not(#left):not(#right) {
        width: 26px !important;
        height: 26px !important;
    }

    .personalizedrich-options .directional-pad button#left,
    .personalizedrich-options .directional-pad button#top,
    .personalizedrich-options .directional-pad button#bottom,
    .personalizedrich-options .directional-pad button#right {
        padding: 2px 4px;
    }

    .personalizedrich-options .directional-pad button#right {
        left: 44px;
    }

    .personalizedrich-options .text_style,
    .align_image {
        padding: 0 0px 15px;
    }

    .products-grid .product-box {
        padding: 12px 6px;
    }

    .layout-1column .products-grid li.item,
    .layout-2columns-left .products-grid li.item,
    .layout-2columns-right .products-grid li.item,
    .layout-3columns .products-grid li.item {
        width: 50%;
    }

    .products-grid .product-name a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .subcribe-popup-content .amxnotif-input-fields {
        width: 100%;
    }

    .amxnotif-block .amxnotif-input-fields input {
        min-width: 100%;
        ;
    }

    .amxnotif-button-container,
    .amxnotif-input-fields {
        display: block;
    }

    .amxnotif-block .amxnotif-button-container button.button {
        width: 100%;
    }

    [id='product-usp'] li {
        text-align: center;
        padding: 36px 8px 16px 8px;
    }

    [id='product-usp'] li p {
        padding-right: 0;
    }

    [id='product-usp'] li::before {
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .whatsapp-share-wrapper .whatsapp-share-btn {
        width: 100%;
    }

    .layout-1column .products-grid.categories-grid li.item {
        width: 100%;
    }

    .tab .button.popup-button {
        width: 100%;
    }
}

@media (max-width: 374px) {
    .product-view .product-shop .add-to-cart button {
        min-width: 220px;
    }

    .product-view .product-shop .add-to-cart {
        margin-right: 0;
    }

    .multiple-checkout .allow .step-title,
    .opc .allow .step-title {
        padding-left: 20px;
    }

    .multiple-checkout .allow .step-title::before,
    .opc .allow .step-title::before {
        left: 5px;
    }

    .multiple-checkout .step-title strong,
    .opc .step-title strong {
        margin-left: 10px;
    }

    .multiple-checkout .step-title h2,
    .opc .step-title h2 {
        padding: 5px;
    }

    .multiple-checkout .allow .step-title a,
    .opc .allow .step-title a {
        padding: 12px 5px;
    }

    .widget-wrapper>div {
        margin-right: 5px;
    }

    .add-to-cart-wrapper .add-to-cart .add-to-cart-buttons .button {
        min-width: 220px;
    }
}

/*popup*/
#blugento-popup {
    padding: 0 !important;
    background: transparent !important;
    line-height: 0 !important;
}

#co-payment-form #checkout-payment-method-load>#dt_method_dpd_payment+#dt_method_cashondelivery,
#co-payment-form #checkout-payment-method-load>#dt_method_dpd_payment+#dt_method_cashondelivery+#dd_method_cashondelivery,
#co-payment-form #checkout-payment-method-load>#dt_method_dpd_payment+#dt_method_cashondelivery+#dd_method_cashondelivery+#dt_method_banktransfer {
    display: none !important;
}
