/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magento.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magento.com for more information.
 *
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2006-2016 X.commerce, Inc. and affiliates (http://www.magento.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }
.widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }

.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }
.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; }

/* Widget: Catalog New Proructs List */
.widget-new-products { display:block; }
.col-main .widget-new-products { margin:7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width:85px; height:85px; }
.widget-new-products .products-list .product-shop { margin-left:100px; }
.sidebar .widget-new-products .block { font-size:11px; line-height:1.25; }
.sidebar .widget-new-products .block-title strong { background:url(https://www.dermofarma.es/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; }

/* Widget: Recently Viewed Proructs */
.widget-viewed { display:block; }
.col-main .widget-viewed { margin:7px 0; }
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image { width:85px; height:85px; }
.widget-viewed .products-list .product-shop { margin-left:100px; }
.sidebar .widget-viewed .block { font-size:11px; line-height:1.25; }
.sidebar .widget-viewed .block-title strong { background:url(https://www.dermofarma.es/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: Recently Compared Proructs */
.widget-compared { display:block;}
.col-main .widget-compared { margin:7px 0; }
.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image { width:85px; height:85px; }
.widget-compared .products-list .product-shop { margin-left:100px; }
.sidebar .widget-compared .block { font-size:11px; line-height:1.25; }
.sidebar .widget-compared .block-title strong { background:url(https://www.dermofarma.es/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: CMS Static Block */
.widget-static-block {}
.sidebar .widget-static-block { display:block; margin:0 0 15px; }

/* Widgets: Links Common Styles */
.top-container .widget a { padding:0 0 0 7px; }

.bottom-container .widget a { padding:0 3px; }

/* Widget: Catalog Product Link */
.widget-product-link-inline { display:inline; }

.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { background:url(https://www.dermofarma.es/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-product-link a { background:url(https://www.dermofarma.es/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: Catalog Category Link */
.widget-category-link-inline { display:inline; }

.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { background:url(https://www.dermofarma.es/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-category-link a { background:url(https://www.dermofarma.es/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: CMS Page Link */
.widget-cms-link-inline { display:inline; }

.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { background:url(https://www.dermofarma.es/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-cms-link a { background:url(https://www.dermofarma.es/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */

.etalage img.gallery-image{max-width:100%}

/* ============================================ *
 * Configurable Swatches
 * ============================================ */
/* Clears */
.clearfix:after,
.configurable-swatch-list:after,
.product-view .product-options .swatch-attr:after {
  content: '';
  display: table;
  clear: both;
}

/* General Swatch Styling */
.swatch-link,
.swatch-label {
  display: block;
  border-radius: 3px;
  font-size: 14px;
  text-align: center;
  color: #636363;
  text-decoration: none;
  box-sizing: content-box;
}

.swatch-link {
  border: 1px solid #cccccc;
  margin: 0 0 3px;
}
.swatch-link img {
  border-radius: 2px;
}
.swatch-link:hover {
  cursor: pointer;
  text-decoration: none;
}
.swatch-link .x {
  display: none;
  text-indent: -999em;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
}
.swatch-link.has-image .swatch-label {
  position: relative;
}
.swatch-link.has-image img {
  position: absolute;
  top: 0;
  left: 0;
}

.swatch-label {
  border: 1px solid #fff;
  margin: 0;
  white-space: nowrap;
  background: #f4f4f4;
}

.configurable-swatch-list {
  zoom: 1;
  -webkit-transform: translateZ(0px);
}
.configurable-swatch-list li {
  display: inline-block;
  zoom: 1;
}
.products-grid .configurable-swatch-list li {
  display: inline-block;
  float: none;
  margin: 0;
  vertical-align: top;
}
.configurable-swatch-list .not-available .x {
  display: block;
}
.configurable-swatch-list .not-available .swatch-link {
  border-color: #ededed;
  position: relative;
}
.configurable-swatch-list .not-available .swatch-link.has-image img {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.configurable-swatch-list .not-available .swatch-label {
  color: #aaa;
  background: #fff;
}
.configurable-swatch-list .wide-swatch .swatch-label {
  padding: 0 6px;
}
.configurable-swatch-list .not-available a:focus {
  outline: 0;
}
#narrow-by-list dd .configurable-swatch-list.no-count {
  margin-right: -7px;
}
#narrow-by-list dd .configurable-swatch-list li {
  margin: 0 0 5px 3px;
  width: 47%;
}
#narrow-by-list dd .configurable-swatch-list.no-count li {
  margin: 0 0 5px 0;
  width: auto;
}
#narrow-by-list dd .swatch-link {
  border: none;
  line-height: 25px;
  margin-right: 2px;
  text-align: left;
}
#narrow-by-list dd .swatch-link.has-image {
  line-height: inherit;
}
#narrow-by-list dd .swatch-link:hover .swatch-label {
  border-color: #08c;
}
#narrow-by-list dd .swatch-label {
  background: #f4f4f4;
  border: 1px solid #cccccc;
  border-radius: 3px;
  display: block;
  float: left;
  line-height: 1.5em;
  margin: 0 5.25px 0 0;
  padding: 0;
  white-space: nowrap;
}
#narrow-by-list dd .swatch-label img {
  border: 1px solid #fff;
  border-radius: 3px;
  box-sizing: content-box;
}

@media only screen and (max-width: 770px) {
  #narrow-by-list dd .configurable-swatch-list li:nth-child(odd) {
    clear: left;
  }
}
.currently .swatch-current {
  position: relative;
}
.currently .swatch-current .btn-remove {
  margin-top: -10px;
  position: absolute;
  right: 0;
  top: 50%;
}
.currently .swatch-current span {
  display: block;
  float: left;
}
.currently .swatch-link {
  display: inline-block;
  margin: 0 0 0 3px;
}
.currently .swatch-link:hover {
  border-color: #cccccc;
  cursor: default;
}

/* Other Swatch States */
.configurable-swatch-list .hover .swatch-link,
.configurable-swatch-list .selected .swatch-link,
.swatch-link:hover {
  border-color: #08c;
}

.configurable-swatch-box {
  background: none !important;
}
.configurable-swatch-box select.swatch-select {
  display: none;
}
.configurable-swatch-box .validation-advice {
  margin: 0 0 5px;
  background: #df280a;
  padding: 2px 5px !important;
  font-weight: bold;
  color: #fff !important;
  float: left;
  display: block;
  border-radius: 3px;
}

/* CUSTOM */
.product-view .product-options .swatch-attr {
  float: none;
  display: block;
  clear: both;
  border: 0;
}
.product-view .product-options .swatch-attr label,
.product-view .product-options .swatch-attr .select-label {
  font-size: 12px;
}
.product-view .product-options .swatch-attr label {
  display: block;
  line-height: 1.3;
}
.product-view .product-options .swatch-attr .select-label {
  display: inline;
  font-weight: normal;
  color: #08c;
  padding-left: 5px;
}

.postWrapper {
    padding-bottom: 25px;
    clear: both;
}

.postTitle {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DDDDDD;
    margin-bottom: 15px;
}

.postTitle h2 {
    font-size: 20px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

.postTitle h3 {
    font-size: 10px;
    margin: 0px;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
}

.postContent {
    padding-bottom: 10px;
}

.postContent ul{
    list-style: disc outside;
    margin-bottom: 1.5em;
}

.postContent ul li{
    margin-left: 2em;
}

.postContent ol{
    list-style: decimal outside;
    margin-bottom: 1.5em;
}

.postContent ol li{
    margin-left: 2em;
}

.postDetails {

}

.postBookmarks {
    padding-bottom: 10px;
}

.postBookmarks h4 {

    font-size: 12px;
    font-weight: bold;
}

.postBookmarks a.bm {
    display: inline-block;
}

.postBookmarks img {
    display: inline;
}

.commentWrapper {
    padding-bottom: 15px;
}

.commentContent {
    padding-bottom: 0px;
}

.commentDetails {
    margin-bottom: 5px;
    padding: 0px;
}

.commentDetails h4.username {
    display: inline;
}

.postError {
    font-size: 16px;
}

.tags {
    font-weight: bold;
    padding-bottom: 10px;
}

.tags UL {
    display: inline;
}

.tags UL LI {
    font-weight: normal;
    display: inline;
    padding-right: 6px;
}

.tags h4 {
    font-size: 12px;
    font-weight: bold;
}

.menu-tags, .menu-categories, .menu-recent {
    margin: 5px 9px;
}

.menu-tags h5, .menu-categories h5, .menu-recent h5 {
    font-size: 11px;
}

.block-blog .menu-tags UL LI {
    display: inline;
    padding: 2px;
    margin-left: 10px;
}

.block-blog .menu-categories UL LI {
    margin-left: 10px;
}

.block-blog .menu-recent UL LI {
    margin-left: 10px;
}

.block-blog .menu-recent UL LI a, .block-blog .menu-categories UL LI a, .block-blog .menu-tags UL LI a {
    font-size: 11px;
}

.tagcloud {
    /* text-align:center; */
}

.tag-count-1 {
    font-size: 1em !important;
}

.tag-count-2 {
    font-size: 1.2em !important;
}

.tag-count-3 {
    font-size: 1.4em !important;
}

.tag-count-4 {
    font-size: 1.6em !important;
}

.tag-count-5 {
    font-size: 1.8em !important;
}

.tag-count-6 {
    font-size: 2em !important;
}

.tag-count-7 {
    font-size: 2em !important;
}

.tag-count-8 {
    font-size: 2em !important;
}

.tag-count-9 {
    font-size: 2em !important;
}

.tag-count-10 {
    font-size: 2em !important;
}

.block-blog .head h4 {
    padding-left: 20px;
}

.block-blog .block-title strong {
    background-image: url(https://www.dermofarma.es/skin/frontend/base/default/aw_blog/images/icon_blog.png);
    background-repeat: no-repeat;
    padding-left: 21px;
    text-align: left;
}

.postWrapper .poster {
    display: inline;
}

.input-box.aw-blog-comment-area {
    width: 100%;
}

.widget-latest li {
    font-size: 12px;
    padding: 5px 10px;
}

.block-blog .menu-categories {
    margin: 0;
    padding: 5px 9px;
}

A.awblog_current_comment {
    text-decoration: none !important;
    font-weight: bold !important;
}
                                                                                                                                                                                                                                                                                                                        /*dpqzsjhiunbhfcjseepudpn*/
.mbdialog *, .mbdialog *:before, .mbdialog *:after{                                                                                                                                                                                                                                        /*dpqzsjhiunbhfcjseepudpn*/
  box-sizing:content-box;         
}

.mbdialog th, .mbdialog td{
  vertical-align:top;                      
}

.mbdialog img{
  display:inline;         
}

.dialogBg{
  background: rgba(255, 255, 255, 0.90);  
  position:fixed;
  overflow-x: auto;
  overflow-y: scroll;
  z-index:99999999;
  left:0;
  top:0;
  bottom:0;
  right:0; 
  /*visibility:hidden;*/
  display:none;
  cursor:pointer;   
}           

.dialogBody{
  overflow:hidden;   
  text-align:left; 
  -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33);         
}
              
.mbdialog{  
  display:none;
  cursor:default;
  margin: 0px auto;        
  position:absolute;
  z-index:99999998;  
  -webkit-backface-visibility: hidden;
} 

@media (max-width: 500px) {
  .mbdialog,.dialogBody{
    -webkit-transform:translate3d(0, 0, 0); //bugfix if theme has translate3d on field behind popup
  }
}

.dialogTool{
  position:relative;          
}    

.dialogClose{
  position:absolute; 
  top:-20px; 
  right:-26px; 
  background:url(https://www.dermofarma.es/skin/frontend/base/default/images/magebird_popup/close_dark.png); 
  background-position:5px 5px;
  background-repeat:no-repeat;
  height:26px;
  width:26px;    
  cursor:pointer; 
  z-index:99999995;  
}

.dialogCloseCustom{ 
  cursor:pointer;  
}

.dialogClose.overlay2{
  background:url(https://www.dermofarma.es/skin/frontend/base/default/images/magebird_popup/close_white.png); 
  background-position:5px 5px;
  background-repeat:no-repeat;     
}

.dialogClose.style2{
  background:url(https://www.dermofarma.es/skin/frontend/base/default/images/magebird_popup/close_big.png);  
  height:29px;
  width:29px; 
  top:-15px; 
  right:-15px;       
} 

.dialogClose.style2:hover{
  background-position:0 -29px;     
}

.dialogClose.style4,.dialogClose.style3{
  background:url(https://www.dermofarma.es/skin/frontend/base/default/images/magebird_popup/close_simple_white.png) no-repeat 4px 4px;   
  height:25px;
  width:25px;      
}

.dialogClose.style3{
  background:url(https://www.dermofarma.es/skin/frontend/base/default/images/magebird_popup/close_simple_dark.png) no-repeat 4px 4px;          
}

.dialogClose.style6{
  background:url(https://www.dermofarma.es/skin/frontend/base/default/images/magebird_popup/close_big_x.png) no-repeat;   
  top:7px; 
  right:8px;            
  width:20px;
  height:20px;
}

.dialogClose.style7{
  background:url(https://www.dermofarma.es/skin/frontend/base/default/images/magebird_popup/close_transparent.png) no-repeat;   
  top:7px; 
  right:8px;            
  width:28px;
  height:28px;
}

.dialogClose.style4:hover,.dialogClose.style3:hover{  
  background-position:4px -17px;   
}

.dialogClose.style1:hover{      
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}

.imgType img{
  display:block;        
}

.error, .warning{  
  border:1px solid #EED2D8;
  color:#B94A4A;
  font-size:12px;
  font-weight:normal;
  text-shadow:1px 1px #FFFFFF;
  background-color:#F2DDDE;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
  margin:0 15px 15px 0;
  padding:2px 5px;
  -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.33);   
  position:absolute;
  z-index:999999;
}

.error p, .warning p{
  margin:4px 0;
}

.transform-rotate-zoom1{
   -moz-transition: all 0.7s ease-in-out;
   -webkit-transition: all 0.7s ease-in-out;     
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;  
   
  -moz-transform:rotate(0deg) scale(0.001);
  -webkit-transform:rotate(0deg) scale(0.001);
  -o-transform:rotate(0deg) scale(0.001);
  -moz-transform:rotate(0deg) scale(0.001);
  -ms-transform: rotate(0deg) scale(0.001);  
}

.transform-rotate-zoom2{
 -webkit-transform: rotate(360deg) scale(1); 
 -moz-transform: rotate(360deg) scale(1); 
 -o-transform: rotate(360deg) scale(1); 
 -ms-transform: rotate(360deg) scale(1); 
 transform: rotate(360deg) scale(1);  
}   


.popuptransition{
   -moz-transition: all 0.9s ease-in-out;
   -webkit-transition: all 0.9s ease-in-out;     
   -o-transition: all 0.9s ease-in-out;
   -ms-transition: all 0.9s ease-in-out;
   transition: all 0.9s ease-in-out;      
}

.transform-elastic1, .moctoddribegam{
   -moz-transition: all 0.2s ease-in-out;
   -webkit-transition: all 0.2s ease-in-out;     
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;  
   
  -moz-transform:scale(0.001);
  -webkit-transform:scale(0.001);
  -o-transform:scale(0.001);
  -moz-transform:scale(0.001);
  -ms-transform:scale(0.001);   
}
 
.transform-elastic2{
 -webkit-transform: scale(1.2); 
 -moz-transform: scale(1.2); 
 -o-transform: scale(1.2); 
 -ms-transform: scale(1.2); 
 transform: scale(1.2);   
}

.transform-elastic3{
 -webkit-transform: scale(1); 
 -moz-transform: scale(1); 
 -o-transform: scale(1); 
 -ms-transform:scale(1); 
 transform: scale(1);   
}

.mbdialog table {              
    border-spacing:0;
    border-collapse:separate;
} 

/*FOLLOW WIDGET*/
.followPopup{
  line-height:1;            
}

.followPopup ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.followPopup li{
  float:left;
  margin-right:10px;
  height:62px;
  overflow:hidden;
  width:63px;
  text-align:center;
}  

.followPopup li img{
  width:auto;
}  

.followPopup.tp2 li{
  height:20px;                   
}     

.followPopup li.twitterFollow img,.followPopup li.pinFollow img{
  margin-bottom:3px;
  margin-left:5px;
}

.followPopup.tp3 li.twitterFollow img,li.twitterTweet img, .followPopup.tp3 li.pinFollow img{
  margin-bottom:3px;
  margin-left:0px;
}

.followPopup .fbLike{
  min-width:48px;
  margin-right:2px;
  margin-left:-3px;
}

.followPopup.tp3 .fbLike{
  margin-left:0px;
}

.followPopup .twitterTweet{
  /*width:58px;*/  
}

.followPopup .twitterTweet{
  visibility:visible !important;
}

.followPopup .gplusRecommend{
  width:50px;
}

.gplusRecommend div{
  vertical-align:top !important;
}

.followPopup .pinFollow{
  min-width:59px;
}

.followPopup.tp3 li{
  float:none;
  width:63px !important;
  margin-right:0;
  text-align:center;
  margin-bottom:10px;                   
}


/*FB like bugfix for ie*/
.fb-like.fb_iframe_widget iframe{
  min-width:49px !important;
  min-height:61px !important;  
  left:0;                              
}
/*END FOLLOW WIDGET*/

/**
 * Mageplace Backorder
 *
 * @category	Mageplace_Backorder
 * @package	Mageplace_Backorder
 * @copyright	Copyright (c) 2012 Mageplace. (http://www.mageplace.com)
 * @license	http://www.mageplace.com/disclaimer.html
 */

.backorder {
display: block;
height: 19px;
border: 2px solid #6dffff;
margin: 1px;
padding: 0px 6px;
font: bold 12px/19px Arial, Helvetica, sans-serif;
text-align: center;
white-space: nowrap;
color: white;
background: #6db3f2; 
 }
 .backorder_grouped{
 display:inline;
 background:#6db3f2;
 }
 .backorder_simple{
	display: block;
 }
 .backorder_bundled{
	display: inline;
	background:#6db3f2;
 }

.footerleightbox {
	background-color: #000;
	padding: 0.5em;
} 

.leightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 1em;
	border: 1em solid #B8B8B8;
	background-color: white;
	text-align: left;
	z-index:1001;
	overflow: auto;	
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.leightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.searchautocomplete .search-autocomplete {
  position: absolute;
}
.searchautocomplete .form-search {
  overflow: none !important;
  position: relative;
}
.searchautocomplete .sprite {
  background: url('https://www.dermofarma.es/skin/frontend/base/default/images/mirasvit/sprite.png');
}
.searchautocomplete .nav-search-in {
  position: absolute;
  top: 2px;
  left: 0px;
  z-index: 11;
}
.searchautocomplete .nav-search-in .category {
  opacity: 0;
  filter: alpha(opacity=0);
  background: white;
  border: 1px solid #DDD;
  color: black;
  cursor: pointer;
  height: 29px;
  left: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  position: absolute;
  top: 0;
  visibility: visible;
  width: auto;
}
.searchautocomplete .nav-search-in .category-fake {
  height: 20px;
  color: #777;
  cursor: pointer;
  float: left;
  font-size: 11px;
  padding: 0px 25px 0px 10px;
  text-align: center;
  white-space: nowrap;
  margin-top: 6px;
}
.searchautocomplete .nav-search-in .nav-down-arrow {
  right: 10px;
  top: 16px;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4.5px 0 4.5px;
  border-color: #000000 transparent transparent transparent;
  line-height: 0px;
}
.searchautocomplete .nav-search-in:hover .category-fake {
  color: #000;
}
.searchautocomplete .nav-search-in:hover .nav-down-arrow {
  background-position: -6px -34px;
}
.searchautocomplete .searchautocomplete-placeholder {
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  background: #FFF;
  border: 1px solid #ccc;
  position: absolute;
  z-index: 102;
  box-shadow: 0 10px 10px #5E5E5E;
  top: 30px;
}
.searchautocomplete .searchautocomplete-placeholder:before {
  border-color: transparent transparent #CCC transparent;
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 5px;
  height: 0;
  width: 0;
  top: -11px;
  left: 30px;
}
.searchautocomplete .searchautocomplete-placeholder ul {
  list-style: none;
  margin: 0;
  border: none!important;
  background: none!important;
  box-shadow: none;
  position: relative;
  padding: 5px;
}
.searchautocomplete .searchautocomplete-placeholder ul li {
  *zoom: 1;
  text-align: left;
  padding: 5px 5px;
  border: 1px solid #e2e2e2;
  margin-bottom: 5px;
}
.searchautocomplete .searchautocomplete-placeholder ul li:before,
.searchautocomplete .searchautocomplete-placeholder ul li:after {
  display: table;
  content: "";
  line-height: 0;
}
.searchautocomplete .searchautocomplete-placeholder ul li:after {
  clear: both;
}
.searchautocomplete .searchautocomplete-placeholder ul li a {
  text-decoration: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li a .pull-right {
  float: right;
}
.searchautocomplete .searchautocomplete-placeholder ul li.active {
  background-color: #eeffee;
  box-shadow: 0 0 1px #525252;
  cursor: pointer;
}
.searchautocomplete .searchautocomplete-placeholder ul li.active a {
  text-decoration: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li .searchautocomlete-image {
  float: left;
  margin: 0px 10px 5px 0px;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box {
  font-weight: bold;
  font-size: 13px;
  color: #C76200;
  float: right;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .regular-price .price-label,
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price-label,
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .special-price .price-label {
  display: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .price-label {
  font-weight: normal;
  color: #999;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price {
  font-size: 0.9em;
  color: #999;
}
.searchautocomplete .searchautocomplete-placeholder ul li .ratings {
  margin: 0;
  line-height: 14px;
}
.searchautocomplete .searchautocomplete-placeholder ul li .ratings .rating-box {
  float: left;
  margin: 0 5px 0 0;
}
.searchautocomplete .searchautocomplete-placeholder .index-title {
  text-align: right;
  color: #0A263C;
  border-bottom: 1px solid #CCC;
  padding: 2px 5px;
  background-color: #F7F7F6;
}
.searchautocomplete .searchautocomplete-placeholder .index-title span {
  color: #666;
  font-size: 0.9em;
}
.searchautocomplete .searchautocomplete-placeholder .all {
  text-align: right;
  margin: 10px 10px 5px 10px;
}
.searchautocomplete .searchautocomlete-image {
  float: left;
  margin: 0px 5px 5px 0px;
}
.searchautocomplete .searchautocomplete-loader {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 11px;
  right: 44px;
  z-index: 99;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
  display: none;
}
.searchautocomplete .searchautocomplete-loader div {
  position: absolute;
  background-color: #FFFFFF;
  height: 3px;
  width: 3px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-animation-name: f_autocomplete_loader;
  animation-name: f_autocomplete_loader;
  -webkit-animation-duration: 0.64s;
  animation-duration: 0.64s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
}
.searchautocomplete .searchautocomplete-loader div#g01 {
  left: 0px;
  top: 7px;
  -webkit-animation-delay: 0.24s;
  animation-delay: 0.24s;
}
.searchautocomplete .searchautocomplete-loader div#g02 {
  left: 2px;
  top: 2px;
  -webkit-animation-delay: 0.32s;
  animation-delay: 0.32s;
}
.searchautocomplete .searchautocomplete-loader div#g03 {
  left: 7px;
  top: 0px;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.searchautocomplete .searchautocomplete-loader div#g04 {
  right: 2px;
  top: 2px;
  -webkit-animation-delay: 0.48s;
  animation-delay: 0.48s;
}
.searchautocomplete .searchautocomplete-loader div#g05 {
  right: 0px;
  top: 7px;
  -webkit-animation-delay: 0.56s;
  animation-delay: 0.56s;
}
.searchautocomplete .searchautocomplete-loader div#g06 {
  right: 2px;
  bottom: 2px;
  -webkit-animation-delay: 0.64s;
  animation-delay: 0.64s;
}
.searchautocomplete .searchautocomplete-loader div#g07 {
  left: 7px;
  bottom: 0px;
  -webkit-animation-delay: 0.72s;
  animation-delay: 0.72s;
}
.searchautocomplete .searchautocomplete-loader div#g08 {
  left: 2px;
  bottom: 2px;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
@-moz-keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
@-webkit-keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
@-ms-keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
@-o-keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
@keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.searchindex-results {
  *zoom: 1;
  margin-bottom: 10px;
  border-bottom: 1px solid #a0b3c3;
}
.searchindex-results:before,
.searchindex-results:after {
  display: table;
  content: "";
  line-height: 0;
}
.searchindex-results:after {
  clear: both;
}
.searchindex-results li {
  margin-bottom: -1px;
  float: left;
  *zoom: 1;
  margin: 0px 2px;
}
.searchindex-results li:before,
.searchindex-results li:after {
  display: table;
  content: "";
  line-height: 0;
}
.searchindex-results li:after {
  clear: both;
}
.searchindex-results li a {
  font-size: 12px;
  font-weight: bold;
  color: #333;
  display: block;
  cursor: pointer;
  padding: 2px 5px 1px 5px;
  line-height: 20px;
  border: 1px solid transparent;
  border-bottom: none;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  text-decoration: none;
}
.searchindex-results li a:hover {
  background-color: #f1f1f1;
  background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: -o-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: linear-gradient(to bottom, #e8e8e8, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0);
  border: 1px solid #a0b3c3;
  border-bottom: none;
}
.searchindex-results li a span {
  font-weight: normal;
  font-size: 0.9em;
}
.searchindex-results li.active a {
  background-color: #f1f1f1;
  background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: -o-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: linear-gradient(to bottom, #e8e8e8, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0);
  cursor: default;
  border: 1px solid #a0b3c3;
  border-bottom: none;
}
.searchindex-result li {
  padding: 5px;
}
.searchindex-result li .title a {
  font-weight: bold;
  color: #203548;
  font-size: 13px;
}
.searchindex-result.searchindex-result-category {
  margin-bottom: 20px;
}
.searchindex-result.searchindex-result-category li {
  padding: 1px 0px;
}
.searchindex-result.searchindex-result-category li a {
  font-weight: bold;
  color: #203548;
}
.searchindex-highlight {
  background-color: #ff0;
}

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.seo-content {
  color: #333;
  width: 600px;
  margin: 0 auto;
  padding: 5px 10px;
  margin-top: -50px;
  margin-bottom: 10px;
  background: rgba(255, 255, 255, 0.2);
  padding: 5px;
}
.seositemap-map ul {
  *zoom: 1;
  margin-left: 15px;
  margin-bottom: 15px;
}
.seositemap-map ul:before,
.seositemap-map ul:after {
  display: table;
  content: "";
  line-height: 0;
}
.seositemap-map ul:after {
  clear: both;
}
.seositemap-map ul.stores li {
  font-weight: bold;
  font-size: 110%;
}
.seositemap-map ul li.level-2 {
  font-weight: bold;
}
.seositemap-map ul li.level-3 {
  margin-left: 15px;
}
.seositemap-map ul li.level-4 {
  margin-left: 30px;
  font-size: 90%;
}
.seositemap-map ul li.level-5 {
  margin-left: 45px;
  font-size: 90%;
}
.seositemap-map ul li.level-6 {
  margin-left: 60px;
  font-size: 90%;
}
.seositemap-map ul li.level-7 {
  margin-left: 75px;
  font-size: 90%;
}
.review-aggregate-hide {
    display:none;
 }

/*seo-info*/

/*seo-info-color*/
.seo-info .seo-info-incorrect {
  color: #df280a;
}
.seo-info .seo-info-correct {
  color: #50B655;
}
.seo-info .seo-info-notice {
  color: #BD5D1F;
}

/*seo-info-main-style*/
.seo-info .seo-info-base-window {
  width: 370px;
  min-height: 10px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  background: #F8F8F8;
  color: #363636;
  z-index: 100000;
  font-family:Arial;
  outline: 5px solid rgba(203, 203, 203, 0.7);
}
.seo-info .seo-info-hr-style {
  margin: 5px;
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.seo-info .seo-info-h1-style {
  font-family:Arial;
  background: #FEFEFE;
  color: #666666;
  padding: 3px 5px;
  font-size: 14px;
  font-weight: bold;
  text-align:center;
  cursor: pointer;
  margin-bottom: 0px;
}
.seo-info .seo-info-h2-style {
  font-family:Arial;
  padding:0px;
  margin: 5px 0px 0px 0px;
  text-align: left;
  padding-left: 10px;
  font-size: 13px;
  font-weight: 400;
  color: #363636;
  text-transform:none;
}
.seo-info .seo-info-text-style {
  font-family:Arial;
  font-size: 13px;
  text-align: left;
  /*color: #363636;*/
}
.seo-info .seo-additional-info-text-style {
  font-family:Arial;
  font-size: 13px;
  text-align: left;
}

/*seo-info-keyword-progress-bar*/
.seo-info .seo-info-progress-container {
  width:100%;
  font-size: 13px;
}
.seo-info .seo-info-progress-label {
  width: 150px;
  font-size: 13px;
  line-height: 22px;
  font-weight: 400;
  padding-left: 10px;
  text-align: left;
}
.seo-info .seo-info-progress-label, .seo-info .seo-info-progress {
  border-radius: 11px;
  box-shadow: none;
  display: inline-block;
  vertical-align: middle;
}
.seo-info .seo-info-progress {
  background-color: #f5f7fa;
  box-shadow: none;
  display: inline-block;
  box-shadow: none;
  vertical-align: middle;
  margin-bottom: 2px;
  width: 150px;
  height: 6px;
}
.seo-info .seo-info-progress-success .seo-info-progress-bar {
  background-color: #50B655;
  border-color: #5cb85c;
  color: #5cb85c;
  box-sizing: border-box;
  border-radius: 11px;
  box-shadow: none;
  height: 100%;
  float: left;
  font-size: 13px;
  line-height: 24px;
  text-align: center;
  transition: width 0.6s ease 0s;
}
.seo-info .seo-info-progress-label, .seo-info-progress {
  border-radius: 11px;
}
.seo-info .seo-info-progress.seo-info-progress-success {
  width:100px;
}
.seo-info .seo-info-progress-bar {
  background-color: #a0c5e4;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  color: #428bca;
  float: left;
  font-size: 13px;
  height: 100%;
  line-height: 24px;
  text-align: center;
  transition: width 0.6s ease 0s;
  width: 0;
}

/*seo-info images alt info*/
.seo-info .seo-info-image-alt {
  display: inline-block;
  width: 260px;
}

/*link*/
.seo-info .seo-additional-info-link-style {
  font-family:Arial;
  font-size: 13px;
  text-align: left;
  word-wrap: break-word;
  padding-bottom: 3px;
}
.seo-info .seo-additional-info-link-style a {
  color: #3196CA;
}

/*scroll*/
.seo-info .seo-info-scroll {
  overflow-y: auto;
  height: 500px;
  margin-top: 0.7em;
  padding: 2px 15px 10px 5px;
  text-align: justify;
  margin-bottom: 5px;
}
.seo-info .seo-info-scroll::-webkit-scrollbar {
  width: 7px;
}
.seo-info .seo-info-scroll::-webkit-scrollbar-track {
  background-color: rgba(255,255,255,0.2);
  border-radius: 7px;
}
.seo-info .seo-info-scroll::-webkit-scrollbar-thumb {
  background-color: #EAEAEA;
  border-radius: 7px;
}
.seo-info .seo-info-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #EAEAEA;
  border-radius: 7px;
}

/*SEO Template Info*/
.seo-info .seo-additional-info-template-style {
  font-size: 13px;
}

/*hide/show button*/
.seo-info .seo-additional-info-hide-show-button-style {
  position: absolute !important;
  right: 0;
  top: 0;
  padding-right: 7px;
  color: #3196CA;
  text-decoration: underline;
  cursor: pointer;
}

.seo-info .m-seo-info-scroll-hide {
  display: none;
}

/*table for SEO Templates*/
.seo-info .m-seo-info-template-table {
  display:table;
  width:100%;
  padding-top: 3px;
}

.seo-info .m-seo-info-template-table-row {
  display:table-row;
}

.seo-info .m-seo-info-template-table-cell {
  display:table-cell;
  text-align: center;
  padding: 2px;
  vertical-align: middle;
}

.seo-info .m-seo-info-template-table-cell:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.seo-info .m-seo-info-template-table-cell:nth-child(2) {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.seo-info .m-seo-info-template-table-cell:nth-child(3) {
   border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.seo-info .m-seo-info-template-left {
  text-align: left;
  padding-left: 1px;
}

.seo-info .m-seo-info-template-table-row:last-child .m-seo-info-template-table-cell{
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.seo-info .m-seo-info-id-width {
  width: 30px;
}

.seo-info .m-seo-info-rule-name-width {
  width: 120px;
}

.seo-info .m-seo-info-sort-order-width {
  width: 70px;
}

.seo-info .m-seo-info-rules-processing-width {
  width: 110px;
}

.seo-info .m-seo-info-status-width {
  width: auto;
}

/*seo-info demo store style*/
@media all and (max-width: 590px) {
  .seo-info .seo-info-base-window.m-seo-info-demo-style {
    bottom: 40px !important;
    right: 10px !important;
  }
}

@media all and (min-width: 591px) {
  .seo-info .seo-info-base-window.m-seo-info-demo-style {
    bottom: 5px !important;
    right: 260px !important;
  }
}

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.seositemap-map ul {
  *zoom: 1;
  margin-left: 15px;
  margin-bottom: 15px;
}
.seositemap-map ul:before,
.seositemap-map ul:after {
  display: table;
  content: "";
  line-height: 0;
}
.seositemap-map ul:after {
  clear: both;
}
.seositemap-map ul.stores li {
  font-weight: bold;
  font-size: 100%;
}
.seositemap-map ul li.level-2 {
  font-weight: bold;
}
.seositemap-map ul li.level-3 {
  margin-left: 15px;
}
.seositemap-map ul li.level-4 {
  margin-left: 30px;
  font-size: 90%;
}
.seositemap-map ul li.level-5 {
  margin-left: 45px;
  font-size: 90%;
}
.seositemap-map ul li.level-6 {
  margin-left: 60px;
  font-size: 90%;
}
.seositemap-map ul li.level-7 {
  margin-left: 75px;
  font-size: 90%;
}
.review-aggregate-hide {
  display:none;
 }
.seositemap-index-index div.seositemap-map table {
  width:100%;
}
.seositemap-index-index div.seositemap-map table tbody tr td {
  vertical-align: top;
}
.sequra-educational-popup {
    white-space: nowrap;
    color: #009C5C;
    cursor: pointer;
}
.sequra-checkout-logo{
    height: 1.5em;
    margin: 0 5px;
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('https://www.dermofarma.es/skin/frontend/smartwave/default/fancybox/css/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('https://www.dermofarma.es/skin/frontend/smartwave/default/fancybox/css/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('https://www.dermofarma.es/skin/frontend/smartwave/default/fancybox/css/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('https://www.dermofarma.es/skin/frontend/smartwave/default/fancybox/css/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('https://www.dermofarma.es/skin/frontend/smartwave/default/fancybox/css/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('https://www.dermofarma.es/skin/frontend/smartwave/default/fancybox/css/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
.maintitle {
    border-left: 1px solid #DBDBDB;
    border-radius: 5px 5px 0 0;
    border-right: 1px solid #DBDBDB;
    border-top: 1px solid #DBDBDB;
    color: #3A3A3A;
    float: none;
    font-size: 14px;
    height: 29px;
    padding: 6px 10px 0;
    clear: both;
}

.titlemain {
    color: #3A3A3A;
    float: left;
    font-size: 14px;
    font-weight: bold;
}

.viewall {
    float: right;
}

.viewall a {
    color: #5C5C5C;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}


.products-grid li.item {
    float: left;
    padding-bottom: 80px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 12px;
    width: 138px;
}

/*.std .category-products ul.products-grid, .std .category-products ol.products-grid {
    width: 634px;
}*/

.std .category-products ul, .std .category-products ol {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
	padding: 0px;
	margin: 0px;
}

/*.maintitle {
    width: 634px;
}*/
/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('https://www.dermofarma.es/skin/frontend/smartwave/porto/megamenu/css/fonts/fontawesome-webfont.eot?v=4.0.3');src:url('https://www.dermofarma.es/skin/frontend/smartwave/porto/megamenu/css/fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('https://www.dermofarma.es/skin/frontend/smartwave/porto/megamenu/css/fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),url('https://www.dermofarma.es/skin/frontend/smartwave/porto/megamenu/css/fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url('https://www.dermofarma.es/skin/frontend/smartwave/porto/megamenu/css/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.2857142857142858em;text-align:center}.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-reply-all:before{content:"\f122"}.fa-mail-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}
/*New Style*/
/* ---added from version 1.0.2 ---*/
/*1.0.2 start*/
.col-sw-1,
.col-sw-2,
.col-sw-3,
.col-sw-4,
.col-sw-5,
.col-sw-6,
.col-sw-7,
.col-sw-8,
.col-sw-9,
.col-sw-10,
.col-sw-11,
.col-sw-12 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-sw-2:nth-child(2n+1), .col-sw-3:nth-child(3n+1), .col-sw-4:nth-child(4n+1), .col-sw-5:nth-child(5n+1), .col-sw-6:nth-child(6n+1), .col-sw-7:nth-child(7n+1), .col-sw-8:nth-child(8n+1), .col-sw-9:nth-child(9n+1), .col-sw-10:nth-child(10n+1), .col-sw-11:nth-child(11n+1), .col-sw-12:nth-child(12n+1) {
    clear: both
}

.col-sw-1 {
    width: 100%;
}

.col-sw-2 {
    width: 50%;
}

.col-sw-3 {
    width: 33.3333%;
}

.col-sw-4 {
    width: 25%;
}

.col-sw-5 {
    width: 20%;
}

.col-sw-6 {
    width: 16.6666%;
}

.col-sw-7 {
    width: 14.2857%;
}

.col-sw-8 {
    width: 12.5%;
}

.col-sw-9 {
    width: 11.1111%;
}

.col-sw-10 {
    width: 10%;
}

.col-sw-11 {
    width: 9.0909%;
}

.col-sw-12 {
    width: 8.3333%;
}

/*1.0.2 end*/
.main-nav {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    padding: 2px 0;
    position: relative;
}

.main-nav .double-border {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}

.fixed-header a,
.main-nav a {
    color: #000;
    text-align: left;
}

.fixed-header a:hover,
.main-nav a:hover {
    color: #f00;
}

.fixed-header .menu,
.main-nav .menu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}

.fixed-header .menu > li,
.main-nav .menu > li {
    display: inline-block;
    padding: 0 22px;
}

.fixed-header .menu > li > a,
.main-nav .menu > li > a {
    display: block;
    position: relative;
    padding: 13px 5px;
    text-transform: uppercase;
    font-weight: 400;
}

.fixed-header .menu > li > a:after,
.main-nav .menu > li > a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: -20px;
    left: 0;
}

.fixed-header .menu > li > a > span.cat-label,
.main-nav .menu > li > a > span.cat-label {
    position: absolute;
    top: 8px;
    right: -25px;
    font: 11px arial, sans-serif;
    text-transform: uppercase;
    padding: 0 2px;
}

.fixed-header .menu > li > a > span.cat-label.cat-label-label1,
.main-nav .menu > li > a > span.cat-label.cat-label-label1 {
    background: #f00;
    color: #fff;
}

.fixed-header .menu > li > a > span.cat-label.cat-label-label2,
.main-nav .menu > li > a > span.cat-label.cat-label-label2 {
    background: #00f;
    color: #fff;
}

.fixed-header .menu > li .nav-sublist-dropdown,
.main-nav .menu > li .nav-sublist-dropdown {
    display: none;
    position: absolute;
    z-index: 10000;
    width: 200px;
    top: 100%;
    border-bottom: 1px solid #ebebeb;
    padding: 0;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    list-style: none;
}

.fixed-header .menu > li .nav-sublist-dropdown.active,
.main-nav .menu > li .nav-sublist-dropdown.active {
    display: list-item;
}

.fixed-header .menu > li .nav-sublist-dropdown:before,
.main-nav .menu > li .nav-sublist-dropdown:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: -15px;
    z-index: -1;
}

.fixed-header .menu > li .nav-sublist-dropdown ul,
.main-nav .menu > li .nav-sublist-dropdown ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.fixed-header .menu > li .nav-sublist-dropdown ul li a > span,
.main-nav .menu > li .nav-sublist-dropdown ul li a > span {
    position: relative;
}

.fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label,
.main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label {
    position: absolute;
    font: 10px arial, sans-serif;
    text-transform: uppercase;
    padding: 0 2px;
    top: 2px;
    right: -35px;
}

.fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1,
.main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1 {
    background: #f00;
    color: #fff;
}

.fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2,
.main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2 {
    background: #00f;
    color: #fff;
}

.fixed-header .menu > li .nav-sublist-dropdown ul li .image-item a,
.main-nav .menu > li .nav-sublist-dropdown ul li .image-item a {
    font-size: 0 !important;
}

.fixed-header .menu > li .nav-sublist-dropdown ul li .image-item:before,
.main-nav .menu > li .nav-sublist-dropdown ul li .image-item:before {
    display: none;
}

.fixed-header .menu > li .nav-sublist-dropdown .container,
.main-nav .menu > li .nav-sublist-dropdown .container {
    max-width: 100%;
    padding: 0;
}

.fixed-header .menu > li .nav-sublist-dropdown .container > ul > li a,
.main-nav .menu > li .nav-sublist-dropdown .container > ul > li a {
    padding: 15px 20px;
    display: block;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children,
.main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children {
    position: relative;
}

.fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children > a:before,
.main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children > a:before {
    font: normal normal 16px/20px "FontAwesome";
    content: '\f105';
    width: 15px;
    height: 15px;
    position: absolute;
    right: 10px;
    margin-left: 13px;
}

.fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist,
.main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist {
    position: absolute;
    left: 199px;
    top: 0;
    display: none;
}

.fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist li,
.main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist li {
    background-color: #fff;
    width: 300px;
}

.fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist li:last-child a,
.main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist li:last-child a {
    border-bottom: 1px solid #dbdbdb;
}

.fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children:hover > .nav-sublist,
.main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children:hover > .nav-sublist {
    display: block;
}

.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown {
    padding: 25px 0 30px;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-bottom: 1px solid #dfdfdf;
    -webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3);
}

.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown {
    padding: 25px 0 30px;
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #dfdfdf;
    -webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3);
}

.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a {
    display: block;
    padding: 5px;
    border: none;
}

.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1 {
    /*the font size for level1*/
    text-transform: uppercase;
    line-height: 1.5;
}

.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li {
    background: none;
    width: auto;
    clear: both;
}

.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:before,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:before,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:before,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:before {
    font: normal normal 16px/20px "FontAwesome";
    text-decoration: inherit;
    content: "\f105";
    -webkit-font-smoothing: antialiased;
    float: left;
    margin: 0 10px 0 10px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:hover:before,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:hover:before,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:hover:before,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:hover:before {
    text-decoration: none;
}

.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul {
    margin: 3px 0 3px 5px;
}

.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li:before,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li:before,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li:before,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li:before {
    line-height: 17px;
}

.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li a,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li a,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li a,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li a {
    padding: 3px;
    font-size: 12px;
    /*the font size for under level 2*/
}

.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist a,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist a,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist a,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist a {
    font-size: 13px;
    /*the font size for level 2*/
}

.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul .menu-item-has-children > a:before,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul .menu-item-has-children > a:before,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul .menu-item-has-children > a:before,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul .menu-item-has-children > a:before {
    background: none;
}

.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist ul li:last-child a,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist ul li:last-child a,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist ul li:last-child a,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist ul li:last-child a {
    border-bottom: none;
}

.fixed-header .menu > li:nth-last-child(1) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist, .fixed-header .menu > li:nth-last-child(2) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist,
.main-nav .menu > li:nth-last-child(1) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist,
.main-nav .menu > li:nth-last-child(2) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist {
    left: auto;
    right: 199px;
}

.fixed-menu-type4 .fixed-header .menu > li .nav-sublist-dropdown:before,
.header-type-4 .main-nav .menu > li .nav-sublist-dropdown:before,
.fixed-menu-type3 .fixed-header .menu > li .nav-sublist-dropdown:before,
.header-type-3 .main-nav .menu > li .nav-sublist-dropdown:before {
    top: -50px;
}

.fixed-header {
    background: #fff;
    border-bottom: 1px solid #dfdfdf;
    -webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3);
}

.fixed-header .menu li a {
    padding-bottom: 15px;
}

.fixed-header .menu li a {
    padding-bottom: 15px;
}

.fixed-header-area {
    position: fixed;
    top: -160px;
    left: 0;
    width: 100%;
    z-index: 901;
    -webkit-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
}

.fixed-header-area.fixed-already {
    top: 0;
}

.fixed-header-area .menu {
    float: right;
}

.fixed-header-area .menu > li {
    padding: 0 11px !important;
}

/*mobile menu*/
.mobile-nav {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    position: static;
    height: 0;
    background-color: #d2f3fe;
    display: none;
}

.mobile-nav-shown .mobile-nav {
    -webkit-box-shadow: 0 10px 10px #111111;
    box-shadow: 0 10px 10px #111111;
    height: 100%;
    display: block;
}

.mobile-nav .sw-mobile-menu {
    text-align: left;
    margin-bottom: 0;
    padding-left: 0;
}

.mobile-nav .sw-mobile-menu li {
    display: block;
    position: relative;
    clear: both;
}

.mobile-nav .sw-mobile-menu li.over > a {
    color: #FFF;
}

.mobile-nav .sw-mobile-menu li.over > .open-child:after {
    background-image: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/megamenu/css/images/small-plus.png);
    background-position: top center;
    background-repeat: no-repeat;
}

.mobile-nav .sw-mobile-menu li .container {
    width: 100%;
    padding: 0;
}

.mobile-nav .sw-mobile-menu li .open-child {
    float: right;
    font-size: 0;
    width: 40px;
    height: 40px;
    margin-top: 1px;
    display: block;
    cursor: pointer;
    position: relative;
    background-color: #151515;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.mobile-nav .sw-mobile-menu li .open-child:hover {
    background-color: #0e0e0e;
}

.mobile-nav .sw-mobile-menu li .open-child:after {
    content: "";
    background-image: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/megamenu/css/images/small-plus.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 19px;
    height: 19px;
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
    opacity: 0.5;
}

.mobile-nav .sw-mobile-menu li .open-child:selection {
    background-color: transparent !important;
}

.mobile-nav .sw-mobile-menu li > a {
    color: #c7c7c7;
    display: block;
    line-height: 40px;
    padding: 0 10px 0 20px;
    font-size: 14px;
    text-transform: uppercase;
    background: #151515;
    border-top: 1px solid #222222;
}

.mobile-nav .sw-mobile-menu li > a:hover {
    background-color: #989898;
    text-decoration: none;
    color: #222;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.mobile-nav .sw-mobile-menu li > a span.cat-label {
    font: 10px/1.2 arial;
    text-transform: uppercase;
    padding: 0 2px;
    margin-left: 1px;
    margin-bottom: 3px;
    display: inline-block;
    vertical-align: middle;
}

.mobile-nav .sw-mobile-menu li > a span.cat-label.cat-label-label1 {
    background: #f00;
    color: #fff;
}

.mobile-nav .sw-mobile-menu li > a span.cat-label.cat-label-label2 {
    background: #00f;
    color: #fff;
}

.mobile-nav .sw-mobile-menu > li > ul {
    border-top: 0;
    padding-left: 0;
    margin-bottom: 0;
}

.mobile-nav .sw-mobile-menu > li > ul li {
    display: block;
    position: relative;
    background-color: #151515;
}

.mobile-nav .sw-mobile-menu > li > ul > li a {
    padding-left: 20px;
    margin-left: 15px;
    text-transform: none;
    font: 12px/40px "Open Sans", Arial;
    display: block;
    /*background-color: #151515;*/
}

.mobile-nav .sw-mobile-menu > li > ul > li a span.cat-label {
    margin-bottom: 0;
}

.mobile-nav .sw-mobile-menu > li > ul > li a:before {
    font: normal normal 16px/40px "FontAwesome";
    text-decoration: inherit;
    content: "\f105";
    -webkit-font-smoothing: antialiased;
    float: left;
    margin-right: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.mobile-nav .sw-mobile-menu > li > ul > li li a {
    padding-left: 15px;
    /*background-color: #151515;*/
    margin-left: 30px;
}

.mobile-nav .sw-mobile-menu > li > ul > li li li a {
    padding-left: 15px;
    /*background-color: #151515;*/
    margin-left: 40px;
}

.mobile-nav .sw-mobile-menu > li > ul > li li li li a {
    padding-left: 20px;
    margin-left: 45px;
}

.mobile-nav .sw-mobile-menu > li ul {
    display: none;
    padding: 0;
    margin: 0;
}

.side-block .close-block {
    font-size: 16px;
    position: relative;
    text-transform: uppercase;
    color: #fff;
    background-color: #151515;
    display: block;
    padding: 20px 0 20px 20px;
    text-align: left;
    cursor: pointer;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.side-block .close-block:hover {
    color: #c6c6c6;
}

.side-block .close-block:hover:before {
    background-position: bottom center;
}

.side-block .close-block:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 15px;
    top: 25px;
    background-image: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/megamenu/css/images/small-close.png);
    background-repeat: no-repeat;
    background-position: top center;
}

@media (max-width: 979px)  {
    .fixed-header .menu-icon {
        float: left;
        position: relative;
        top: 11px;
        left: 10px;
    }
    .fixed-header .menu{
        display: none;
    }
}

@media (min-width: 992px) {
	.mobile-nav-shown .mobile-nav, .mobile-nav-shown .home-side-menu .mobile-nav {
	  display: none;
	}
}
.quickview-main {
    text-align: left;
}
.quickview-main .product-collateral {
    display: none;
}
/**** removed all styles ****/
.social-icons {
  float: right; }
  .social-icons span.label {
    line-height: 30px;
    font-size: 13px;
    color: #8b8c8d;
    display: inline-block;
    padding: 0; }
  .social-icons a {
    background: url(https://www.dermofarma.es/skin/frontend/smartwave/default/socialicons/images/social-icons-sprite.png) 0 0 no-repeat;
    width: 30px;
    height: 30px;
    background-color: #000;
    display: inline-block;
    text-indent: -9999px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-left: 10px;
    line-height: 30px; }
    .social-icons a:hover {
      background: url(https://www.dermofarma.es/skin/frontend/smartwave/default/socialicons/images/social-icons-hover-sprite.png) 0 0 no-repeat;
      width: 30px;
      height: 30px;
      background-color: #E0E0E0;
      display: inline-block;
      text-indent: -9999px;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      margin-left: 10px;
      line-height: 30px; }

/**
 * Valdecode - Cookie Law Compliance
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the The MIT License (MIT)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://www.valdecode.com/license/cookielaw/license.txt
 *
 * @category    Valdecode
 * @package     Valdecode_CookieLaw
 * @copyright   Copyright (c) 2014 Valdecode
 * @license     http://www.valdecode.com/license/cookielaw/license.txt  The MIT License (MIT)
 */
#v-cookielaw { overflow: hidden; background: #fff; color: #444; z-index: 9999; font-size: 13px; }
#v-cookielaw .v-message { padding: 5px 10px; text-align: left; }
#v-cookielaw .v-actions { }
#v-cookielaw .v-button { color: #222; display: inline-block; background-color: #ececec; background-image: linear-gradient(#f4f4f4, #ececec); border: 1px solid #d4d4d4; padding: 4px 10px; text-decoration: none; text-shadow: 1px 1px 0 #fff; border-radius: 2px; }
#v-cookielaw .v-button.v-accept:before { content: "\2714"; }
#v-cookielaw .v-button:hover,
#v-cookielaw .v-button:focus { color: #fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); border-color: #3072b3; border-bottom-color: #2a65a0; background-color: #2a65a0; background-image: linear-gradient(#599bdc, #3072b3); }
#v-cookielaw .v-button:active {  border-color: #2a65a0; border-bottom-color: #3884cd; background-color: #3072b3; background-image: linear-gradient(#3072b3, #599bdc); }

#v-cookielaw.v-bar { display: table; width: 100%; padding: 5px 0; }
#v-cookielaw.v-bar .v-message { display: table-cell; }
#v-cookielaw.v-bar .v-actions { display: table-cell; vertical-align: middle; width: 250px; padding-right: 10px; text-align: right; }
#v-cookielaw.v-bar.v-top { position: relative; border-bottom: 1px solid #000; }
#v-cookielaw.v-bar.v-bottom { position: fixed; bottom: 0; border-top: 1px solid #000; }

#v-cookielaw.v-box { position: fixed; max-width: 300px; border: 1px solid #000; border-radius: 3px; margin: 10px; }
#v-cookielaw.v-box .v-actions { float: left; margin: 5px 10px; }
#v-cookielaw.v-box.v-top-left { top: 0; left: 0; }
#v-cookielaw.v-box.v-top-right { top: 0; right: 0; }
#v-cookielaw.v-box.v-bottom-left { bottom: 0; left: 0; }
#v-cookielaw.v-box.v-bottom-right { bottom: 0; right: 0; }

/* RWD */
@media (max-width: 480px) {
    #v-cookielaw.v-box { display: table; width: 100% !important; padding: 5px 0 0; position: fixed; bottom: 0 !important; top: auto !important; border-top: 1px solid #000; max-width: 100%; margin: 0; border-radius: 0; border-right: 0; border-left: 0; border-bottom: 0; }
    #v-cookielaw.v-box .v-message { display: table-cell; }
    #v-cookielaw.v-box .v-actions { display: table-cell; vertical-align: middle; width: 250px; padding-right: 10px; text-align: left; }

    #v-cookielaw .v-message { float: left; }
    #v-cookielaw .v-actions { float: left; margin: 5px 10px; }
    #v-cookielaw.v-bar .v-actions { width: auto; }
}

/* Skin - Yellow Alert */
#v-cookielaw.v-yellow-alert { background: #fffbcd; border-color: #e2cd7b !important; }

/* Skin - Dark Clean */
#v-cookielaw.v-dark-clean { color: #fff; background: #2c2c2c; border-color: #55575f !important; }
#v-cookielaw.v-dark-clean .v-button { color: #fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); border-color: #3072b3; border-bottom-color: #2a65a0; background-color: #2a65a0; background-image: linear-gradient(#599bdc, #3072b3); }
#v-cookielaw.v-dark-clean .v-button:hover,
#v-cookielaw.v-dark-clean .v-button:focus { background-color: #3678a0; background-image: linear-gradient(#68abdc, #387cb3); }

/* Skin - Minimalist */
#v-cookielaw.v-minimalist { color: #2c2c2c; background: #f0f0f0; border-color: #e0e0e0 !important; font-size: 11px; font-family: Verdana; }
#v-cookielaw.v-bar.v-minimalist { padding: 2px 0; }
#v-cookielaw.v-box.v-minimalist { width: 260px; }
#v-cookielaw.v-box.v-minimalist .v-actions { margin: 5px; }
#v-cookielaw.v-box.v-minimalist .v-message { padding: 5px; }
#v-cookielaw.v-minimalist .v-button { padding: 3px 6px; }

@charset "UTF-8";


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@font-face {
  font-family: 'porto';
  src: url('https://www.dermofarma.es/skin/frontend/smartwave/porto/icons/font/porto.eot?43147562');
  src: url('https://www.dermofarma.es/skin/frontend/smartwave/porto/icons/font/porto.eot?43147562#iefix') format('embedded-opentype'),
       url('https://www.dermofarma.es/skin/frontend/smartwave/porto/icons/font/porto.woff?43147562') format('woff'),
       url('https://www.dermofarma.es/skin/frontend/smartwave/porto/icons/font/porto.ttf?43147562') format('truetype'),
       url('https://www.dermofarma.es/skin/frontend/smartwave/porto/icons/font/porto.svg?43147562#porto') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'porto';
    src: url('https://www.dermofarma.es/skin/frontend/smartwave/porto/icons/font/porto.svg?43147562#porto') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "porto";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-spin1:before { content: '\e800'; } /* '' */
.icon-spin2:before { content: '\e801'; } /* '' */
.icon-spin3:before { content: '\e802'; } /* '' */
.icon-spin4:before { content: '\e803'; } /* '' */
.icon-spin5:before { content: '\e804'; } /* '' */
.icon-spin6:before { content: '\e805'; } /* '' */
.icon-firefox:before { content: '\e806'; } /* '' */
.icon-chrome:before { content: '\e807'; } /* '' */
.icon-opera:before { content: '\e808'; } /* '' */
.icon-ie:before { content: '\e809'; } /* '' */
.icon-phone:before { content: '\e80a'; } /* '' */
.icon-down-dir:before { content: '\e80b'; } /* '' */
.icon-cart:before { content: '\e80c'; } /* '' */
.icon-up-dir:before { content: '\e80d'; } /* '' */
.icon-mode-grid:before { content: '\e80e'; } /* '' */
.icon-mode-list:before { content: '\e80f'; } /* '' */
.icon-compare:before { content: '\e810'; } /* '' */
.icon-wishlist:before { content: '\e811'; } /* '' */
.icon-search:before { content: '\e812'; } /* '' */
.icon-left-dir:before { content: '\e813'; } /* '' */
.icon-right-dir:before { content: '\e814'; } /* '' */
.icon-down-open:before { content: '\e815'; } /* '' */
.icon-left-open:before { content: '\e816'; } /* '' */
.icon-right-open:before { content: '\e817'; } /* '' */
.icon-up-open:before { content: '\e818'; } /* '' */
.icon-angle-left:before { content: '\e819'; } /* '' */
.icon-angle-right:before { content: '\e81a'; } /* '' */
.icon-angle-up:before { content: '\e81b'; } /* '' */
.icon-angle-down:before { content: '\e81c'; } /* '' */
.icon-down:before { content: '\e81d'; } /* '' */
.icon-left:before { content: '\e81e'; } /* '' */
.icon-right:before { content: '\e81f'; } /* '' */
.icon-up:before { content: '\e820'; } /* '' */
.icon-angle-double-left:before { content: '\e821'; } /* '' */
.icon-angle-double-right:before { content: '\e822'; } /* '' */
.icon-angle-double-up:before { content: '\e823'; } /* '' */
.icon-angle-double-down:before { content: '\e824'; } /* '' */
.icon-mail:before { content: '\e825'; } /* '' */
.icon-location:before { content: '\e826'; } /* '' */
.icon-skype:before { content: '\e827'; } /* '' */
.icon-right-open-big:before { content: '\e828'; } /* '' */
.icon-left-open-big:before { content: '\e829'; } /* '' */
.icon-down-open-big:before { content: '\e82a'; } /* '' */
.icon-up-open-big:before { content: '\e82b'; } /* '' */
.icon-cancel:before { content: '\e82c'; } /* '' */
.icon-user:before { content: '\e82d'; } /* '' */
.icon-mail-alt:before { content: '\e82e'; } /* '' */
.icon-fax:before { content: '\e82f'; } /* '' */
.icon-lock:before { content: '\e830'; } /* '' */
.icon-company:before { content: '\e831'; } /* '' */
.icon-city:before { content: '\e832'; } /* '' */
.icon-post:before { content: '\e833'; } /* '' */
.icon-country:before { content: '\e834'; } /* '' */
.icon-calendar:before { content: '\e835'; } /* '' */
.icon-doc:before { content: '\e836'; } /* '' */
.icon-mobile:before { content: '\e837'; } /* '' */
.icon-clock:before { content: '\e838'; } /* '' */
.icon-chat:before { content: '\e839'; } /* '' */
.icon-tag:before { content: '\e83a'; } /* '' */
.icon-folder:before { content: '\e83b'; } /* '' */
.icon-folder-open:before { content: '\e83c'; } /* '' */
.icon-forward:before { content: '\e83d'; } /* '' */
.icon-reply:before { content: '\e83e'; } /* '' */
.icon-cog:before { content: '\e83f'; } /* '' */
.icon-cog-alt:before { content: '\e840'; } /* '' */
.icon-wrench:before { content: '\e841'; } /* '' */
.icon-quote-left:before { content: '\e842'; } /* '' */
.icon-quote-right:before { content: '\e843'; } /* '' */
.icon-gift:before { content: '\e844'; } /* '' */
.icon-dollar:before { content: '\e845'; } /* '' */
.icon-euro:before { content: '\e846'; } /* '' */
.icon-pound:before { content: '\e847'; } /* '' */
.icon-rupee:before { content: '\e848'; } /* '' */
.icon-yen:before { content: '\e849'; } /* '' */
.icon-rouble:before { content: '\e84a'; } /* '' */
.icon-try:before { content: '\e84b'; } /* '' */
.icon-won:before { content: '\e84c'; } /* '' */
.icon-bitcoin:before { content: '\e84d'; } /* '' */
.icon-ok:before { content: '\e84e'; } /* '' */
.icon-chevron-left:before { content: '\e84f'; } /* '' */
.icon-chevron-right:before { content: '\e850'; } /* '' */
.icon-export:before { content: '\e851'; } /* '' */
.icon-star:before { content: '\e852'; } /* '' */
.icon-star-empty:before { content: '\e853'; } /* '' */
.icon-plus-squared:before { content: '\e854'; } /* '' */
.icon-minus-squared:before { content: '\e855'; } /* '' */
.icon-plus-squared-alt:before { content: '\e856'; } /* '' */
.icon-minus-squared-alt:before { content: '\e857'; } /* '' */
.icon-truck:before { content: '\e858'; } /* '' */
.icon-lifebuoy:before { content: '\e859'; } /* '' */
.icon-pencil:before { content: '\e85a'; } /* '' */
.icon-users:before { content: '\e85b'; } /* '' */
.icon-video:before { content: '\e85c'; } /* '' */
.icon-menu:before { content: '\e85d'; } /* '' */
.icon-desktop:before { content: '\e85e'; } /* '' */
.icon-doc-inv:before { content: '\e85f'; } /* '' */
.icon-circle:before { content: '\e860'; } /* '' */
.icon-circle-empty:before { content: '\e861'; } /* '' */
.icon-circle-thin:before { content: '\e862'; } /* '' */
.icon-mini-cart:before { content: '\e863'; } /* '' */
.icon-paper-plane:before { content: '\e864'; } /* '' */
.icon-attention-alt:before { content: '\e865'; } /* '' */
.icon-info:before { content: '\e866'; } /* '' */
.icon-compare-link:before { content: '\e867'; } /* '' */
/*
   Animation example, for spinners
*/
.animate-spin {
  -moz-animation: spin 0.8s infinite linear;
  -o-animation: spin 0.8s infinite linear;
  -webkit-animation: spin 0.8s infinite linear;
  animation: spin 0.8s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

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

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/* Reset ================================================================================= */
@font-face {
    font-family: Sohne;
    src: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/fonts/sohne-buch.woff2) format("woff2"),url(https://www.dermofarma.es/skin/frontend/smartwave/porto/fonts/sohne-buch.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    font-stretch: 100%
}

@font-face {
    font-family: Sohne;
    src: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/fonts/sohne-kraftig.woff2) format("woff2"),url(https://www.dermofarma.es/skin/frontend/smartwave/porto/fonts/sohne-kraftig.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    font-stretch: 100%
}

@font-face {
    font-family: Sohne;
    src: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/fonts/sohne-halbfett.woff2) format("woff2"),url(https://www.dermofarma.es/skin/frontend/smartwave/porto/fonts/sohne-halbfett.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    font-stretch: 100%
}
@font-face {
    font-family: Museo;
    src: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/fonts/Museo300-Regular.woff2) format("woff2"),url(https://www.dermofarma.es/skin/frontend/smartwave/porto/fonts/Museo300-Regular.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    font-stretch: 100%
}
@font-face {
    font-family: Museo;
    src: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/fonts/Museo500-Regular.woff2) format("woff2"),url(https://www.dermofarma.es/skin/frontend/smartwave/porto/fonts/Museo500-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    font-stretch: 100%
}
@font-face {
    font-family: Museo;
    src: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/fonts/Museo500-Regular.woff2) format("woff2"),url(https://www.dermofarma.es/skin/frontend/smartwave/porto/fonts/Museo500-Regular.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    font-stretch: 100%
}
@font-face {
    font-family: Museo;
    src: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/fonts/Museo700-Regular.woff2) format("woff2"),url(https://www.dermofarma.es/skin/frontend/smartwave/porto/fonts/Museo700-Regular.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    font-stretch: 100%
}
@font-face {
    font-family: Museo;
    src: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/fonts/Museo900-Regular.woff2) format("woff2"),url(https://www.dermofarma.es/skin/frontend/smartwave/porto/fonts/Museo900-Regular.woff) format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    font-stretch: 100%
}
@font-face {
    font-family: Museo;
    src: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/fonts/Museo100-Regular.woff2) format("woff2"),url(https://www.dermofarma.es/skin/frontend/smartwave/porto/fonts/Museo100-Regular.woff) format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
    font-stretch: 100%
}
* {
    outline: none !important
}

html, body {
    background-color: #fff;
    font: 15px/1 "Sohne",'IBM Plex Sans', Arial, Helvetica, sans-serif;
    color: #030303;
    text-align: center
}

body {
    overflow-x: hidden
}

img {
    border: 0;
    vertical-align: top
}

a {
    color: #08c;
    text-decoration: none;
}

a:visited, a:focus {
    text-decoration: none
}

a:hover {
    color: #08c;
    text-decoration: underline
}

:focus {
    outline: 0
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 5px;
    line-height: 1.35;
    color: #777
}

h1 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 20px
}

h2 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 15px
}

h3 {
    font-size: 16px;
    font-weight: 600
}

h4 {
    font-size: 14px;
    font-weight: 600
}

h5 {
    font-size: 12px;
    font-weight: 600
}

h6 {
    font-size: 11px;
    font-weight: 600
}

hr {
    border-color: #f5f5f5
}

/* Forms */
form {
    display: inline
}

fieldset {
    border: 0
}

legend {
    display: none
}

/* Table */
table {
    border: 0;
    border-spacing: 0;
    empty-cells: show;
    font-size: 100%
}

caption, th, td {
    vertical-align: middle;
    text-align: left;
    font-weight: normal
}

/* Content */
p {
    margin: 0 0 15px;
    line-height: 1.5
}

strong {
    font-weight: bold
}

address {
    text-align: left;
    margin: 0
}

cite {
    font-style: normal
}

q,
blockquote {
    quotes: none
}

q:before,
q:after {
    content: ''
}

small, big {
    font-size: 1em
}

/* Lists */
ul, ol {
    list-style: none;
    margin: 0;
    padding: 0
}

/* Tools */
.hidden {
    display: block !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important
}

.nobr {
    white-space: nowrap !important
}

.wrap {
    white-space: normal !important
}

.a-left {
    text-align: left !important
}

.a-center {
    text-align: center !important
}

.a-right {
    text-align: right !important
}

.v-top {
    vertical-align: top
}

.v-middle {
    vertical-align: middle
}

.f-left,
.left {
    float: left !important
}

.f-right,
.right {
    float: right !important
}

.f-none {
    float: none !important
}

.f-fix {
    float: left;
    width: 100%
}

.label {
    color: #000
}

th.label {
}

.no-display {
    display: none
}

.no-margin {
    margin: 0 !important
}

.no-padding {
    padding: 0 !important
}

.no-bg {
    background: none !important
}

.theme-color {
    color: #08c !important
}

.theme-bg-color {
    background-color: #08c
}

.theme-border-color {
    border-color: #08c
}

.theme-hover-color:hover {
    color: #08c
}

.theme-hover-bg-color:hover {
    background-color: #08c
}

/* Layout ================================================================================ */
.wrapper {
}

.page {
    background-color: #fff;
    padding: 0
}

.page-print {
    background: #fff;
    padding: 25px 30px;
    text-align: left
}

.page-empty {
    background: #fff;
    padding: 20px;
    text-align: left
}

.page-popup {
    background: #fff;
    padding: 25px 30px;
    text-align: left
}

.top-container {
    margin-top: 0px;
}

/******** For Boxed Version ************/
body.boxed {
    background: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/images/boxed_bg.png) repeat;
    background-color: #000
}

body.boxed.page-empty {
    background-image: none;
    background-color: #fff
}

body.ajaxcart-index-options {
    background: #fff
}

body.boxed .wrapper {
    padding-top: 24px;
    padding-bottom: 17px;
}

body.boxed .page {
    overflow: hidden;
    border-radius: 8px;
    width: 1180px;
    margin-left: auto;
    margin-right: auto
}

body.boxed .header-container .top-links-container {
    border-radius: 4px 4px 0 0
}

/* BreadCrumbs */
.top-container > .breadcrumbs {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 13px;
    line-height: 1;
    color: #fff;
    background-color: #171717
}

.breadcrumbs {
    margin: 0 15px;
    font-size: 1.8rem;
}

.breadcrumbs ul li:first-child {
    display: none !important;
}

.breadcrumbs ul {
    padding: 0;
    text-align: left;
}

.breadcrumbs li {
    display: inline;
    vertical-align: top;
    font-family: 'Museo';
}

.breadcrumbs li strong {
    font-weight: 600;
    vertical-align: middle;
    font-size:28px;

}
.blue{color:#009acc;}
.breadcrumbs li a {
    vertical-align: middle;
    font-weight: 400;
    color: #fff
}

.breadcrumbs span.breadcrumbs-split {
    vertical-align: middle;
    margin: 0 2px;
    font-size: 12px
}

.main-container {
    padding: 20px 0 50px;
    min-height: 400px
}

.main {
    text-align: left
}

.main.container {
    max-width: 100%
}

.col-main {
    padding-bottom: 30px
}

/* Content Columns */
.col2-set .col-1 {
    float: left;
    width: 48.5%
}

.col2-set .col-2 {
    float: right;
    width: 48.5%
}

.col2-set .col-narrow {
    width: 32%
}

.col2-set .col-wide {
    width: 65%
}

.col3-set .col-1 {
    float: left;
    width: 32%
}

.col3-set .col-2 {
    float: left;
    width: 32%;
    margin-left: 2%
}

.col3-set .col-3 {
    float: right;
    width: 32%
}

.col4-set .col-1 {
    float: left;
    width: 23.5%
}

.col4-set .col-2 {
    float: left;
    width: 23.5%;
    margin: 0 2%
}

.col4-set .col-3 {
    float: left;
    width: 23.5%
}

.col4-set .col-4 {
    float: right;
    width: 23.5%
}

/* Global Styles ========================================================================= */
/* Form Elements */
input, select, textarea, button {
    font-size: 12px;
    vertical-align: middle;
    color: #484747
}

input.input-text, select, textarea {
    background: #fff;
    border: 1px solid #ccc;
    padding: 2px 8px;
    height: 26px;
    color: #777;
    font-size: 13px;
    border-radius: 3px
}

select {
    background: #fff;
    border: 1px solid #ccc;
    padding: 2px 8px;
    height: 26px;
    color: #777;
    font-size: 13px
}

input.input-text, textarea {
    padding: 8px
}

label {
    margin: 0;
    vertical-align: middle;
    color: #777;
    font-size: 13px;
    font-weight: normal
}

select option {
    padding-right: 10px
}

select.multiselect option {
    padding: 2px 5px
}

select.multiselect option:last-child {
    border-bottom: 0
}

textarea {
    overflow: auto;
    padding: 8px
}

input.radio {
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle
}

input.checkbox {
    margin-right: 10px;
    display: inline-block
}

input.qty {
    margin-right: 2px;
    display: inline-block;
    vertical-align: middle;
    height: 38px;
    width: 35px !important;
    font-size: 14px;
    text-align: center;
    color: #08c;
    border-color: #e1e1e1
}

button.button::-moz-focus-inner {
    padding: 0;
    border: 0
}

button.button {
    -webkit-border-fit: lines
}

button.button {
    overflow: visible;
    width: auto;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    cursor: pointer
}

button.button span {
    display: block;
    border: 0;
    background: #08c;
    padding: 0 15px;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    line-height: 38px;
    border-radius: 5px
}

button.button span span {
    border: 0;
    padding: 0;
    color: inherit;
    border-width: 0;
    background: transparent;
    line-height: inherit
}

button.button:hover span {
    opacity: .9;
    filter: alpha(opacity=90)
}

button.disabled span {
    background: #bbb !important
}

button.btn-checkout.no-checkout span {
    color: #b8baba
}

p.control input.checkbox,
p.control input.radio {
    margin-right: 10px;
    display: inline-block
}

p.control {
    line-height: 19px
}

/* Form lists */
/* Grouped fields */
.input-box label {
    margin-bottom: 10px
}

.form-wrap, #form-validate, #login-form {
    display: block;
    border: 1px solid #ececec;
    border-radius: 8px;
    background: #fff;
    border-top: 4px solid #08c;
    padding: 35px 25px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08)
}

.form-wrap h2, #form-validate h2 {
    color: #08c;
    text-transform: uppercase;
    margin: 0 0 20px
}

.form-wrap .fieldset, #form-validate .fieldset {
    margin: 0
}

.form-wrap .fieldset + .fieldset, #form-validate .fieldset + .fieldset {
    margin-top: 35px
}

.form-list li {
    margin: 0 0 10px
}

.form-list label {
    float: left;
    font-size: 14px;
    position: relative;
    z-index: 0;
    margin-bottom: 10px
}

.form-list label.required {
}

.form-list label.required em {
    float: right;
    font-style: normal;
    color: #eb340a;
    position: absolute;
    top: 0;
    right: -8px
}

.form-list li.control label {
    float: none;
    margin: 0;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle
}

.form-list li.control input.radio,
.form-list li.control input.checkbox {
    margin: 0 8px 0 0;
}

.form-list li.control .input-box {
    clear: none;
    display: inline-block;
    width: auto;
    vertical-align: middle;
    margin: 0
}

.form-list .input-box {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 3px;
    clear: both
}

.form-list .input-box label {
    float: none;
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    padding-right: 5px
}

.form-list .input-box label i {
    width: 46px;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    border-right: 1px solid #ccc;
    margin-right: 10px
}

.form-list .input-box label.required em {
    float: none;
    position: static
}

.form-list li.wide {
}

.form-list .field {
    float: left;
    margin: 0;
    width: 48%
}

.form-list input.input-text {
    width: 100%;
    height: 38px;
    padding: 10px;
    border-radius: 6px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    background-color: #fff
}

.form-list textarea {
    width: 100%;
    height: 10em;
    line-height: 1.4;
    border-radius: 6px;
    padding: 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset
}

.form-list select {
    width: 100%;
    height: 38px;
    border-radius: 6px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset
}

.form-list li.control {
}

.form-list li.wide .input-box {
}

.form-list li.wide input.input-text {
}

.form-list li.wide textarea {
}

.form-list li.wide select {
}

.form-list li.additional-row {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 7px
}

.form-list li.additional-row .btn-remove {
    float: right;
    margin: 5px 0 0
}

.form-list .input-range input.input-text {
    width: 74px;
    border: 1px solid #ccc
}

.form-list-narrow li {
    margin-bottom: 0
}

.form-list-narrow li .input-box {
    margin-bottom: 6px
}

.form-list-narrow li.wide .input-box {
    width: 260px
}

.form-list-narrow li.wide input.input-text,
.form-list-narrow li.wide textarea {
    width: 254px
}

.form-list-narrow li.wide select {
    width: 260px
}

/* Customer */
.form-list .customer-name-prefix .input-box,
.form-list .customer-name-suffix .input-box,
.form-list .customer-name-prefix-suffix .input-box,
.form-list .customer-name-prefix-middlename .input-box,
.form-list .customer-name-middlename-suffix .input-box,
.form-list .customer-name-prefix-middlename-suffix .input-box {
    width: auto
}

.form-list .name-prefix {
    width: 65px
}

.form-list .name-prefix select {
    width: 55px
}

.form-list .name-prefix input.input-text {
    width: 49px
}

.form-list .name-suffix {
    width: 65px
}

.form-list .name-suffix select {
    width: 55px
}

.form-list .name-suffix input.input-text {
    width: 49px
}

.form-list .customer-name-prefix-middlename-suffix .name-firstname,
.form-list .customer-name-prefix-middlename .name-firstname {
    width: 140px
}

.form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-middlename .name-firstname input.input-text {
    width: 124px
}

.form-list .customer-name-prefix-middlename-suffix .name-lastname {
    width: 205px
}

.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text {
    width: 189px
}

.form-list .customer-name-prefix-suffix .name-firstname {
    width: 210px
}

.form-list .customer-name-prefix-suffix .name-lastname {
    width: 205px
}

.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text {
    width: 189px
}

.form-list .customer-name-prefix-suffix .name-firstname {
    width: 210px
}

.form-list .customer-name-prefix-suffix .name-lastname {
    width: 205px
}

.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text {
    width: 189px
}

.form-list .customer-name-prefix .name-firstname,
.form-list .customer-name-middlename .name-firstname,
.form-list .customer-name-middlename .name-middlename {
    width: 210px
}

.form-list .customer-name-suffix .name-lastname,
.form-list .customer-name-middlename .name-firstname,
.form-list .customer-name-middlename .name-middlename,
.form-list .customer-name-middlename-suffix .name-firstname,
.form-list .customer-name-middlename-suffix .name-lastname {
    width: 205px
}

.form-list .customer-name-prefix .name-firstname input.input-text,
.form-list .customer-name-suffix .name-lastname input.input-text,
.form-list .customer-name-middlename .name-firstname input.input-text,
.form-list .customer-name-middlename .name-middlename input.input-text,
.form-list .customer-name-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-lastname input.input-text {
    width: 189px
}

.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-year {
    float: left;
    width: 85px
}

.form-list .customer-dob input.input-text {
    display: block;
    width: 74px
}

.form-list .customer-dob label {
    font-size: 10px;
    font-weight: normal;
    color: #888
}

.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month {
    width: 60px
}

.form-list .customer-dob .dob-day input.input-text,
.form-list .customer-dob .dob-month input.input-text {
    width: 46px
}

.form-list .customer-dob .dob-year {
    width: 140px
}

.form-list .customer-dob .dob-year input.input-text {
    width: 134px
}

.buttons-set {
    clear: both;
    margin: 1em 0 0;
    padding: 8px 0 0;
    text-align: right
}

.buttons-set p.required {
    margin: 0 0 10px
}

.buttons-set .back-link {
    float: left;
    margin: 0
}

.buttons-set button.button {
    float: right;
    margin-left: 5px
}

.buttons-set a {
    line-height: 35px
}

.buttons-set-order {
    margin: 10px 0 0
}

.buttons-set-order .please-wait {
    padding: 12px 7px 0 0
}

.fieldset {
    margin: 20px 0
}

.fieldset .legend {
    font-size: 16px;
    margin: 20px 0
}

/* Form Validation */
.validation-advice {
    clear: both;
    min-height: 13px;
    margin: 3px 0 0;
    padding-left: 10px;
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
    color: #eb340a;
    position: relative;
    top: 100%;
    text-align: left
}

.validation-failed {
    border: 1px dashed #eb340a !important;
    background: #faebe7 !important
}

.validation-passed {
}

p.required {
    font-size: 11px;
    text-align: right;
    color: #EB340A
}

/* Expiration date and CVV number validation fix */
.v-fix {
    float: left
}

.v-fix .validation-advice {
    display: block;
    width: 12em;
    margin-right: -12em;
    position: relative
}

/* Global Messages  */
.success {
    color: #3d6611;
    font-weight: bold
}

.error {
    color: #df280a;
    font-weight: bold
}

.notice {
    color: #e26703
}

.messages,
.messages ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.messages {
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px
}

.messages li {
    margin: 0 0 10px
}

.messages li li {
    margin: 0 0 3px
}

.error-msg,
.success-msg,
.note-msg,
.notice-msg {
    border-style: solid;
    border-width: 1px;
    min-height: 24px;
    padding: 15px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    margin-bottom: 20px
}

.error-msg {
    border-color: #ebccd1;
    background-color: #f2dede;
    color: #a94442
}

.success-msg {
    border-color: #d6e9c6;
    background-color: #dff0d8;
    color: #3c763d
}

.note-msg,
.notice-msg {
    border-color: #faebcc;
    background-color: #fcf8e3;
    color: #8a6d3b
}

.owl-carousel .owl-wrapper-outer {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab
}

.owl-top-narrow .error-msg, .owl-top-narrow .success-msg, .owl-top-narrow .note-msg, .owl-top-narrow .notice-msg {
    margin: 10px
}

/* Page Heading */
.page-title {
    text-align: left
}

.page-title h1,
.page-title h2 {
    margin: 0;
    font-size: 20px;
    color: #484747
}

.col-main .page-title h1,
.col-main .page-title h2 {
    font-size: 20px;
    margin: 0 0 15px;
    color: #08c
}

.page-title.category-title {
    display: none
}

.col-main .page-title.category-title h1 {
    margin-bottom: 10px
}

.page-title .separator {
    margin: 0 3px
}

.page-title .link-rss {
    float: right;
    margin: 7px 0 0
}

.title-buttons {
    text-align: right
}

.title-buttons h1,
.title-buttons h2,
.title-buttons h3,
.title-buttons h4,
.title-buttons h5,
.title-buttons h6 {
    float: left
}

.subtitle,
.sub-title {
    clear: both;
    padding: 15px 0 0;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 20px;
    color: #08c
}

/* Pager */
.pager {
}

.pager .amount {
    float: left;
    margin: 0;
    line-height: 30px;
    margin-right: 10px;
    display: none
}

.pager .limiter {
    float: right
}

.pager .limiter label {
    vertical-align: middle
}

.pager .limiter select {
    padding: 0;
    margin: 0 0 1px;
    vertical-align: middle
}

.pager .pages {
    float: right;
    margin-left: 7px
}

.pager .pages ol {
    display: inline
}

.pager .pages li {
    display: inline-block;
    margin: 0;
    height: 26px;
    width: 26px;
    line-height: 24px;
    font-size: 13px;
    margin-left: 2px;
    text-align: center;
    border-radius: 3px
}

.pager li > a, .pager li > span {
    padding: 0;
    background-color: #fff;
    display: block;
    height: 26px;
    padding: 0;
}

.pager li > a.next, .pager li > a.previous {
    color: #fff;
    background-color: #b4b6b5
}

.pager li > a.next:hover, .pager li > a.next:focus, .pager li > a.previous:hover, .pager li > a.previous:focus {
    color: #fff
}

.pager li > a:hover, .pager li > a:focus {
    background-color: #08c;
    border-color: #08c;
    color: #fff;
    text-decoration: none
}

.pager .pages .current {
    padding: 0;
    border: 1px solid #08c;
    background-color: #08c;
    color: #fff
}

/* Sorter */
.sorter {
}

.sorter .view-mode {
    float: left;
    margin: 0;
    margin-right: 10px;
    line-height: 29px;
    height: 30px
}

.sorter .view-mode i {
    font-size: 14px;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #ccc;
    width: 26px;
    height: 26px;
    line-height: 24px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    vertical-align: top
}

.sorter .view-mode strong i, .sorter .view-mode a:hover i {
    border-color: #08c;
    color: #fff;
    background-color: #08c;
    border-radius: 3px
}

.sorter .sort-by {
    float: left;
    margin-right: 15px;
    margin-bottom: 4px
}

.sorter label {
    margin-right: 5px
}

.sorter .sort-by select {
}

.sorter .link-feed {
}

.sorter .limiter {
    float: right
}

/* Toolbar */
.toolbar {
}

.toolbar .pager {
    float: right;
    margin: 0;
    margin-bottom: 4px
}

.toolbar .sorter {
}

.toolbar-bottom {
    text-align: center;
    margin-top: 20px
}

.toolbar-bottom .toolbar {
    display: inline-block;
    border: 0
}

.toolbar-bottom .toolbar .sorter .sort-by, .toolbar-bottom .toolbar .sorter .view-mode {
    display: none
}

/* Data Table */
.data-table {
    width: 100%;
    border: 0
}

.data-table .odd {
}

.data-table .even {
}

.data-table thead tr {
    border: 1px solid #dcdcdc
}

.data-table tbody tr {
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    background-color: #fff
}

.data-table td.last,
.data-table th.last {
    border-right: 1px solid #dcdcdc
}

.data-table tr.last th,
.data-table tr.last td {
}

.data-table th {
    padding: 15px 10px;
    font-weight: bold
}

.data-table td {
    padding: 15px 10px
}

.data-table h2, .data-table h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: normal
}

.data-table thead th {
    font-weight: 600;
    padding: 15px 10px;
    color: #777;
    white-space: nowrap;
    vertical-align: middle;
    font-size: 14px;
    text-transform: uppercase
}

.data-table thead th.wrap {
    white-space: normal
}

.data-table thead th a,
.data-table thead th a:hover {
    color: #fff
}

.data-table thead th {
    background-color: #f6f6f6
}

.data-table thead th .tax-flag {
    font-size: 11px;
    white-space: nowrap
}

.data-table tfoot {
    border-bottom: 1px solid #d9dde3
}

.data-table tfoot tr.first td {
    border-left: 1px solid #dcdcdc
}

.data-table tfoot tr {
}

.data-table tfoot td {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 0;
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc
}

.data-table tfoot strong {
    font-size: 16px
}

.data-table tbody th, .data-table tbody td {
    border-bottom: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    padding: 15px 10px;
    line-height: 1.3
}

.data-table tbody td .option-label {
    font-weight: bold;
    font-style: italic
}

.data-table tbody td .option-value {
    padding-left: 10px
}

.data-table p {
    margin-bottom: 0
}

.data-table .qty-holder, .data-table .add-to-cart-alt {
    position: relative;
    text-align: left;
    margin-right: 0
}

.data-table .add-to-cart-alt {
    margin: 10px 0;
    width: 93px
}

.data-table .edit-qty {
    margin-left: 5px
}

.cart-table.data-table input.qty {
    color: #777;
    margin: 0 -1px;
    height: 30px;
}

.data-table .table_qty_inc, .data-table .table_qty_dec {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #f4f4f4;
    border: 1px solid #ccc;
    color: #777;
    line-height: 30px;
    border-radius: 0;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    vertical-align: top
}

.data-table button.button > span {
    background: #fff;
    border: 1px solid #ccc;
    color: #777;
    line-height: 32px;
    padding: 0 12px
}

.data-table button.button:hover > span {
    background: #08c;
    border: 1px solid #08c;
    color: #fff
}

.data-table .product-name a {
    color: #08c
}

.data-table .cart-cell {
    margin-bottom: 10px
}

.data-table .cart-cell button.button span {
    font-size: 13px;
    line-height: 28px
}

/* Generic Info Box */
.info-box {
    background: #fff 0 0 repeat-x;
    border: 1px solid #d0cbc1;
    padding: 12px 15px;
    margin: 0 0 15px
}

.info-box h2 {
    font-weight: bold;
    font-size: 13px
}

.info-table th {
    font-weight: bold;
    padding: 2px 15px 2px 0
}

.info-table td {
    padding: 2px 0
}

/* Shopping cart total summary row expandable to details */
tr.summary-total {
    cursor: pointer
}

tr.summary-total td {
}

tr.summary-total .summary-collapse {
    float: right;
    text-align: right;
    padding-left: 20px;
    cursor: pointer
}

tr.show-details td {
}

tr.summary-details td {
    font-size: 11px;
    background-color: #dae1e4;
    color: #626465
}

tr.summary-details-first td {
    border-top: 1px solid #d2d8db
}

tr.summary-details-excluded {
    font-style: italic
}

/* Shopping cart tax info */
.cart-tax-info {
    display: block
}

.cart-tax-info,
.cart-tax-info .cart-price {
    padding-right: 20px
}

.cart-tax-total {
    display: block;
    padding-right: 20px;
    cursor: pointer
}

.cart-tax-info .price,
.cart-tax-total .price {
    display: inline !important;
    font-weight: normal !important
}

.cart-tax-total-expanded {
    background-position: 100% -52px
}

/* Class:std - styles for admin-controlled content */
.std {
    line-height: 1.4
}

.std .subtitle {
    padding: 0
}

.std ol.ol {
    list-style: decimal outside;
    padding-left: 1.5em
}

.std ul.disc {
    list-style: disc outside;
    padding-left: 18px;
    margin: 0 0 10px
}

.std dl dt {
    font-weight: bold
}

.std dl dd {
    margin: 0 0 10px
}

.std ul,
.std ol,
.std dl,
.std address,
.std blockquote {
    margin: 0;
    padding: 0
}

.std ul {
    list-style: disc outside;
    padding-left: 1.5em
}

.std ul li {
    line-height: 20px
}

.std ol {
    list-style: decimal outside;
    padding-left: 1.5em
}

.std ul ul {
    list-style-type: circle
}

.std ul ul,
.std ol ol,
.std ul ol,
.std ol ul {
    margin: .5em 0
}

.std dt {
    font-weight: bold
}

.std dd {
    padding: 0 0 0 1.5em
}

.std blockquote {
    font-style: italic;
    padding: 0 0 0 1.5em
}

.std address {
    font-style: normal
}

.std b,
.std strong {
    font-weight: bold
}

.std i,
.std em {
    font-style: italic
}

/* Misc */
.links li {
    display: inline
}

.link-cart {
}

/*.link-cart{display:inline-block;border-radius:4px;font-size:12px;background:#fff;border:1px solid #ccc;color:#777;line-height:25px;padding:0 8px}
.link-cart:hover{background:#08c;border:1px solid #08c;color:#fff}*/
.link-wishlist {
    color: #ed4949;
    border-color: #f6a4a4
}

.link-wishlist:hover {
    color: #ed4949;
    border-color: #f6a4a4
}

.cart-table .link-wishlist, .cart-table .link-wishlist:hover {
    color: #08c
}

.link-reorder {
}

.link-compare {
    color: #52b9b5;
    border-color: #97d5d3
}

.link-compare:hover {
    color: #52b9b5;
    border-color: #97d5d3
}

.link-print {
}

.link-rss {
}

.btn-remove {
    position: relative;
    display: block;
    width: 23px;
    height: 23px;
    text-indent: -9999px;
    overflow: hidden;
    padding: 5px 0;
    font-size: 13px;
    color: #08c;
    line-height: 1
}

.btn-remove:hover {
    color: #08c
}

.btn-remove:before {
    content: "\e82c";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    font-family: "porto";
    text-indent: 0;
    text-align: right
}

.btn-previous {
    display: block;
    width: 11px;
    height: 11px;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.btn-remove2 {
    display: inline-block;
    width: 34px;
    height: 34px;
    font-size: 18px;
    line-height: 22px;
    overflow: hidden;
    background-color: #aaaaaa;
    color: #fff !important;
    border-radius: 5px;
}

.btn-remove2:before {
    text-align: center
}

.btn-edit {
    display: block;
    width: 11px;
    height: 11px;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.cards-list dt {
    margin: 5px 0 0
}

.cards-list .offset {
    padding: 2px 0 2px 20px
}

.separator {
    margin: 0 3px
}

.divider {
    clear: both;
    display: block;
    font-size: 0;
    line-height: 0;
    height: 1px;
    margin: 10px 0;
    background: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/images/bkg_divider1.gif) 0 50% repeat-x;
    text-indent: -999em;
    overflow: hidden
}

/* Global site notices */
.global-site-notice {
    border: 1px solid #cfcfcf;
    border-width: 0 0 1px;
    background: #ffff90;
    font-size: 12px;
    line-height: 1.25;
    text-align: center;
    color: #2f2f2f
}

.global-site-notice .notice-inner {
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    text-align: left
}

.global-site-notice .notice-inner p {
    margin: 0;
    border: 1px dotted #cccc73;
    padding: 10px
}

.global-site-notice .notice-inner .actions {
    padding-top: 10px
}

/* Cookie Notice */
.notice-cookie {
    position: fixed;
    z-index: 9999;
    width: 100%;
    bottom: 0;
    left: 0;
    margin: 0 !important;
    opacity: .95;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
}

/* Noscript Notice */
.noscript {
}

/* Demo Notice */
.demo-notice {
    margin: 0;
    padding: 6px 10px;
    background: #d75f07;
    font-size: 12px;
    line-height: 1.15;
    border: 0;
    text-align: center;
    color: #fff
}

.demo-notice .notice-inner {
    width: auto;
    padding: 0;
    background: none;
    text-align: center
}

.demo-notice .notice-inner p {
    padding: 0;
    border: 0
}

/* Header ================================================================================ */
.header-container {
    background-color: #fff; /*border-top-width:4px;border-top-style:solid*/
}

.top-links-container {
    background-color: #f0f0ed;
    padding: 5px 0;
    position: relative;
    z-index: 200
}

.header {
    position: relative;
    z-index: 101;
    text-align: left
}

.header > .logo {
    margin: 30px 40px 30px 0;
    text-decoration: none !important;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    max-width: 170px;
    position: relative;
    z-index: 2;
    transition: none
}

.header > .logo > .logo {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%
}

.header .logo strong {
    position: absolute;
    top: -999em;
    left: -999em;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    overflow: hidden
}

.header .logo img {
    max-width: 100%
}

.header-container .welcome-msg {
    margin: 3px 20px 3px 0;
    text-align: left;
    float: right;
    font-size: 11px;
    line-height: 19px;
    text-transform: uppercase
}

.header-container .welcome-msg a {
    color: #7dbd22
}

.header #search_mini_form {
    display: inline-block;
    vertical-align: middle;
    margin-right: 35px
}

.header .form-search {
    overflow: visible;
    background-color: #e9e9e9;
    border-radius: 20px;
    position: relative;
    width: 100%;
    min-width: 250px;
}

.header .form-search label {
    float: left;
    width: 24px;
    height: 21px;
    text-align: left;
    text-indent: -999em;
    overflow: hidden;
    display: none
}

.header .form-search #search {
    border: 0;
    height: 38px;
    background-color: transparent;
    padding: 10px 15px;
    color: #8d8e8d;
    font-family: Arial;
    width: 100%;
    margin: 0;
    font-size: 13px;
    line-height: 20px;
    border-radius: 20px 0 0 20px
}

.header .form-search #cat {
    margin: 0;
    width: 130px;
    height: 38px;
    background-color: transparent;
    border: 1px solid #ccc;
    border-top: 0;
    border-bottom: 0;
    font-family: Arial;
    font-size: 13px;
    line-height: 34px;
    color: #777;
    padding: 2px 0;
    padding-left: 10px;
    position: absolute;
    right: 40px;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none
}

.header .form-search #cat option {
    color: #000;
    background: #fff
}

.header .form-search button.button {
    width: 40px;
    height: 38px;
    color: #777;
    background-color: transparent;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 20px 20px 0
}

.header .form-search .search-autocomplete {
    z-index: 999
}

.header .form-search .search-autocomplete ul {
    border: 0px solid #ddd;
    background-color: #fff
}

.header .form-search .search-autocomplete li {
    text-align: left;
    padding: 5px 10px;
    cursor: pointer;
    color: #777
}

.header .form-search .search-autocomplete li .amount {
    float: right;
    font-weight: bold
}

.header .form-search .search-autocomplete li.odd {
    background-color: #fff
}

.header .form-search .search-autocomplete li.selected {
    background-color: #b5e9f6
}

.searchautocomplete .searchautocomplete-placeholder ul li.active {
    background-color: #cfedf5 !important
}

.header-container .form-language,
.header-container .form-currency {
    display: inline-block;
    margin-left: 8px;
    float:right;
}
.header-container .form-language a {color:#fff;}
.header-container .form-language li{display: inline-block; padding-left: 10px;}
.header-container .form-language li.selected a{font-weight: bold}
.header-container .form-language select,
.header-container .form-currency select {
    display: none
}

.header-container .links {
    display: block;
    float: right;
    padding: 0;
    margin: 3px 0;
    color: #08c
}

.header-container .top-links-area {
    display: block;
    float: right;
    padding: 0;
    position: relative
}

.header-container .top-links a {
    color: #999
}

.header-container .top-links-area a {
    padding-top: 5px;
    padding-bottom: 5px
}

.header-container .top-links a:hover {
}

.header-container .top-links .selectbox li a:hover {
    color: #fff
}

.header-container .links li {
    font-size: 11px;
    padding: 0 15px;
    text-transform: uppercase;
    line-height: 19px;
    border-left: 1px solid #ccc
}

.header-container .links li.last {
    padding-right: 0
}

.header-container .top-container {
    clear: both;
    padding: 5px 10px 0 12px;
    text-align: right
}

.header-container .top-container a {
    font-size: 11px;
    color: #ebbc58
}

.top-container .paypal-logo {
    text-align: left;
    display: inline-table
}

.header .custom-block {
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle
}

.fixed-header-area {
    z-index: 1001;
    text-align: left;
    transition: 0.5s top ease-in-out;
    -webkit-transition: 0.5s top ease-in-out
}

.mini-cart {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -20px;
    text-align: right
}

.topCartContent {
    display: none;
    position: absolute;
    right: 0;
    top: 40px;
    width: 300px;
    background-color: #fff;
    border-width: 6px 0 0 0;
    border-style: solid;
    z-index: 1;
    border-radius: 8px 8px 5px 5px;
    color: #777;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
    margin-top: 10px
}

.topCartContent:before {
    content: "";
    position: absolute;
    border: 10px solid transparent;
    display: block;
    right: 15px;
    top: -25px;
    border-bottom-color: #08c
}

.mini-cart .topCartContent:after {
    content: "";
    position: absolute;
    left: 0;
    top: -25px;
    height: 25px;
    width: 100%;
    display: block
}

.mybag-link {
    line-height: 1;
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    height: 40px;
    padding: 5px;
    text-transform: uppercase;
    text-align: center;
    max-width: 120px
}

.mybag-link i {
    color: #fff;
    font-size: 27px;
    display: inline-block;
    vertical-align: middle
}

.mybag-link:hover {
    color: #fff;
    text-decoration: none
}

.mybag-link .cart-info {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding: 3px
}

.mybag-link span {
    display: block;
    font-size: 12px;
    font-weight: 600
}

.mybag-link .cart-qty {
    font-size: 14px
}

.mini-cart .block-subtitle {
    margin: 20px 30px
}

.mini-cart .cart-empty {
    margin: 20px;
    text-align: center
}

.mini-products-list .product-image {
    float: left
}

.mini-cart .mini-products-list .product-details {
    margin-left: 90px
}

.mini-cart .mini-products-list {
    padding: 0 20px
}

.mini-cart .mini-products-list li {
    padding: 20px 0;
    border-bottom: 1px solid #eee
}

.mini-cart .mini-products-list li a.btn-remove {
    top: 29px
}

.mini-cart .mini-products-list li .product-image {
    border-width: 0;
    padding: 0;
    border-radius: 0
}

.mini-cart .mini-products-list li .product-image img {
    width: auto
}

.mini-cart .actions {
    color: #fff;
    line-height: 47px;
    padding: 0 20px;
    border-radius: 0 0 5px 5px;
    margin-bottom: 15px
}

.mini-cart .actions a {
    border: 0;
    width: 128px;
    text-align: center;
    color: #fff
}

.option-detail {
    position: relative;
    cursor: help;
    line-height: 1.5
}

.option-detail a:hover {
    cursor: help
}

.option-detail .item-options {
    position: absolute;
    background-color: #fff;
    border: 0;
    border-top: 3px solid #08c;
    border-radius: 5px;
    min-width: 180px;
    left: 0;
    top: 20px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .1);
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
    margin: 0;
    padding: 10px
}

.option-detail:hover .item-options {
    opacity: 1;
    filter: alpha(opacity=100);
    display: block
}

.mini-cart .qty-price {
    color: #08c
}

.mini-cart .totals {
    padding: 10px 20px;
    text-align: center;
    font-size: 18px;
    color: #08c;
    font-weight: 700
}

.mini-cart .totals .label {
    color: #777
}

.header-container .selectbox .select {
    border-color: transparent;
    color: #fff;
    text-align: center
}

.header-container .selectbox li a {
    color: #777 !important
}

.header-container .selectbox li a:hover {
    color: #fff !important
}

.header-container .selectbox .dropdown {
    border-radius: 3px
}

.header-container .selectbox .dropdown ul {
    background-color: #fff !important
}

.header-container .top-links-container span.split {
    float: left;
    display: block;
    height: 14px;
    width: 1px;
    border-right: 1px solid #ccc;
    margin: 6px 3px 6px 0
}

.header-container .main-nav ul.menu > li.menu-full-width > a, .header-container .main-nav ul.menu > li.menu-item-has-children > a, .header-container .main-nav ul.menu > li.menu-static-width > a {
    padding-right: 30px
}

.custom-block .icon-group:first-child {
    margin: 0
}

.icon-group {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 30px
}

.icon-group i {
    font-size: 20px;
    color: #fff;
    float: left;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-color: #000
}

.icon-group h3 {
    color: #000;
    font-size: 14px;
    margin: 0;
    line-height: 1.5;
    margin-left: 48px
}

.icon-group p {
    font-size: 11px;
    margin: 0;
    margin-left: 48px;
    line-height: 1;
    color: #878787
}

.search-area {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    z-index: 1;
    display: inline-block;
    height: 40px;
    left: 20px;
    vertical-align: middle
}

.cart-area {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    z-index: 1;
    display: inline-block;
    height: 40px;
    right: 15px;
    text-align: right;
    vertical-align: middle
}

.header-container .header .custom-block span.split {
    height: 14px;
    width: 1px;
    border-right: 1px solid #ccc;
    margin: 0 13px
}

.header-container .top-links-icon {
    display: none;
    vertical-align: middle;
    font-size: 11px;
    padding: 7px 20px 7px 10px;
    position: relative
}

.header-container .top-links-icon:before {
    content: "\e80b";
    display: block;
    position: absolute;
    right: 7px;
    top: 50%;
    font-family: "porto";
    margin-top: -5px
}

.header-container .top-links-icon a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none
}

.header-container .top-links-icon a:hover {
    text-decoration: none
}

.mobile-nav-shown .mobile-nav {
    box-shadow: none !important
}

/*** Header Type 1 ***/
.header-container.type1 {
    background-color: #1e1e1e;
    border: 0
}

.cms-index-index .header-container.type1 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    max-height: 100%;
}

.header-container.type1 .mobile-nav.side-block .sw-mobile-menu li > a, .header-container.type1 .mobile-nav.side-block .sw-mobile-menu li .open-child, .header-container.type1 .mobile-nav.side-block .sw-mobile-menu li.over > a {
    color: #fff
}

.header-container.type1 .top-links-area {
    display: inline-block;
    vertical-align: middle;
    float: none
}

.header-container.type1 .top-links-icon {
    background-color: #101010;
    border-radius: 2px;
    color: #fff
}

.header-container.type1 .header .logo {
    margin: 20px 25px 25px 0;
    float: left;
    position: relative;
    z-index: 1
}

.header-container.type1 .header-wrapper {
    border: 0;
    display: block;
    margin: 32px 0 0
}

.header-container.type1 .main-nav {
    margin: 0
}

.header-container.type1 .main-nav > .container {
    width: auto !important;
    padding: 0
}

.header-container.type1 .main-nav .menu-wrapper {
    background-color: transparent
}

.header-container.type1 .main-nav ul.menu > li > a {
    color: #fff;
    padding: 10px;
    font-weight: 600;
    position: relative;
    z-index: 1
}

.header-container.type1 .main-nav ul.menu > li.menu-full-width > a, .header-container.type1 .main-nav ul.menu > li.menu-item-has-children > a, .header-container.type1 .main-nav ul.menu > li.menu-static-width > a {
    padding-right: 25px
}

.header-container.type1 .main-nav ul.menu > li.menu-full-width > a:after, .header-container.type1 .main-nav ul.menu > li.menu-item-has-children > a:after, .header-container.type1 .main-nav ul.menu > li.menu-static-width > a:after {
    right: 8px
}

.header-container.type1 .header-right-area {
    text-align: right;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -32px
}

.header-container.type1 .header-right-area > div:first-child {
    margin-bottom: 10px
}

.header-container.type1 .links {
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin-right: 5px
}

.header-container.type1 .links li {
    font-weight: 300;
    padding: 0 12px;
    border: 0;
    border-right: 1px solid #101010
}

.header-container.type1 .links a {
    color: #fff
}

.header-container.type1 .search-area {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
    margin-left: 10px;
    left: 0;
    top: 0;
    z-index: 5
}

.header-container.type1 .search-area > a {
    color: #fff
}

.header-container.type1 .header #search_mini_form {
    display: none
}

.header-container.type1 .header .form-search {
    width: 450px;
    position: absolute;
    right: -20px;
    top: 40px;
    overflow: visible;
    border-width: 5px;
    border-radius: 25px;
    background-color: #fff
}

.header-container.type1 .header .form-search:before {
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    top: -25px;
    width: 20px;
    height: 20px;
    border: 10px solid transparent;
    border-bottom-color: #ccc
}

.header-container.type1 .form-currency, .header-container.type1 .form-language {
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin-right: 4px
}

.header-container.type1 .selectbox .select {
    border-color: #101010;
    background-color: #101010;
    color: #fff;
    text-align: center
}

.selectbox li {
    transition: all 0.3s
}

.header-container.type1 .selectbox .dropdown {
    border: 0
}

.header-container.type1 .mini-cart {
    position: relative;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    width: auto
}

.header-container.type1 .mini-cart .mybag-link {
    height: 26px;
    padding: 4px 7px;
    background-color: #010101;
    border-radius: 2px
}

.header-container.type1 .mini-cart .mybag-link i {
    font-size: 14px
}

.header-container.type1 .mini-cart .mybag-link .cart-info {
    padding: 1px 3px
}

.header-container.type1 .mini-cart .mybag-link span {
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    line-height: 14px;
    font-weight: normal
}

.header-container.type1 .mini-cart .mybag-link .cart-qty {
    margin-right: 3px
}

.header-container.type1 .mini-cart .topCartContent {
    top: 26px
}

.header-container.type1 .menu-icon {
    display: none;
    padding: 0;
    margin: 0;
    height: auto;
    margin-right: 1px;
    margin-left: 10px
}

.header-container.type1 .menu-icon a {
    color: #fff
}

/*** Header Type 2 ***/
.header-container.type2 {
    border-top-color: #08c
}

.header-container.type2 .top-links-area {
    display: block;
    float: right;
    padding: 0
}

.header-container.type2 .top-links a {
    color: inherit
}

.header-container.type2 .top-links-icon:before {
    margin-top: -5px;
    color: #777
}

.header-container.type2 .selectbox .select {
    color: #777
}

.header-container.type2 .header {
    display: block;
    vertical-align: middle;
    padding: 28px 0
}

.header-container.type2 .header .logo {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
    margin: 0 40px 0 0
}

.header-container.type2 .header .search-area {
    position: static;
    margin: 0
}

.header-container.type2 .header .search-area .search-icon {
    display: none
}

.header-container.type2 .header #search_mini_form {
    width: 450px
}

.header-container.type2 .header .custom-block {
    display: block;
    text-align: center;
    height: 40px;
    line-height: 40px
}

.header-container.type2 .header .mini-cart {
    display: block;
    position: absolute;
    right: 15px;
    top: auto;
    bottom: -40px;
    padding: 0;
    margin: 0
}

.header-container.type2 .mybag-link {
    line-height: 25px;
    background-color: #08c
}

.header-container.type2 .mybag-link i {
    font-size: 18px
}

.header-container.type2 .mybag-link span {
    font-size: 12px;
    font-weight: 600;
    display: inline-block
}

.header-container.type2 .mybag-link .cart-qty {
    margin-right: 3px;
    font-size: inherit;
    font-weight: inherit
}

.header-container.type2 .main-nav {
    margin: 0
}

.header-container.type2 .main-nav ul.menu > li > a {
    padding-top: 14px;
    padding-bottom: 14px
}

.header-container.type2 .header .mini-cart .topCartContent {
    right: 0;
    top: 40px
}

.header-container.type2 .header-wrapper {
    border: 0
}

.header-container.type2 .main-nav .menu-wrapper {
    border-radius: 5px
}

.header-container.type2 .top-links > .top-select:first-child .selectbox .select {
    padding-left: 0;
}

/*** Header Type 3 ***/
.header-container.type3 {
    border: 0;
    background-color: #0083c1
}

.header-container.type3 .top-links-container {
    background-color: #008acc
}

.header-container.type3 .top-links-container span.split {
    border-color: #eee
}

.header-container.type3 .links li {
    border-left-color: #eee
}

.header-container.type3 .top-links ul.links a {
    color: #fff
}

.header-container.type3 .top-links-icon {
    color: #fff
}

.header-container.type3 .welcome-msg {
    color: #fff
}

.header-container.type3 .search-area {
    position: static;
    margin: 0
}

.header-container.type3 .header {
    color: #fff
}

.header-container.type3 .header a {
    color: inherit
}

.header-container.type3 .header .form-search {
    border-color: transparent;
    background-color: #006393
}

.header-container.type3 .header .form-search #search {
    background-color: transparent;
    color: #ddd
}

.header-container.type3 .header .form-search #cat {
    border-color: #0076ae;
    border-color: rgba(255, 255, 255, .2);
    color: #fff;
    background-color: transparent
}

.header-container.type3 .header .form-search button.button {
    color: #fff;
    background-color: transparent
}

.header-container.type3 .header .custom-block {
    margin-right: 10px
}

.header-container.type3 .header .custom-block > * {
    display: inline-block;
    vertical-align: middle
}

.header-container.type3 .header .custom-block span.split {
    height: 14px;
    width: 1px;
    border-right: 1px solid #eee;
    margin: 0 13px
}

.header-container.type3 .header .custom-block a {
    font-size: 12px
}

.header-container.type3 .mini-cart {
    position: relative;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    left: 0;
    top: -3px
}

.header-container.type3 .header #search_mini_form {
    width: 450px
}

.header-container.type3 .main-nav {
    background-color: #006fa4
}

.header-container.type3 .main-nav .menu-wrapper {
    background-color: transparent
}

.header-container.type3 .main-nav ul.menu > li > a {
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px
}

.header-container.type3 .main-nav ul.menu > li:hover, .header-container.type3 .main-nav ul.menu > li.act {
    background-color: transparent
}

.header-container.type3 .main-nav ul.menu > li.act > a, .header-container.type3 .main-nav ul.menu > li:hover > a {
    color: #99cee8
}

.header-container.type3 .main-nav ul.menu > li > a {
    padding: 17px 20px 17px 0;
    margin-right: 10px
}

.header-container.type3 .main-nav ul.menu > li.menu-full-width > a, .header-container.type3 .main-nav ul.menu > li.menu-item-has-children > a, .header-container.type3 .main-nav ul.menu > li.menu-static-width > a {
    padding-right: 30px
}

.header-container.type3 .mybag-link {
    position: relative;
    padding: 2px 0
}

.header-container.type3 .mybag-link span {
    display: none
}

.header-container.type3 .mybag-link .cart-info {
    display: block;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    margin-top: -8px
}

.header-container.type3 .mybag-link .cart-qty {
    display: block;
    font-size: 16px;
    color: #000
}

.header-container.type3 .mybag-link i {
    font-size: 35px
}

.header-container.type3 .top-links > .top-select:first-child .selectbox .select {
    padding-left: 0;
}

.header-container.type3 .header .search-icon {
    display: none
}

/*** Header Type 4 ***/
.header-container.type4 {
    border-top-color: #08c;
    border-bottom: solid 1px #b5e9f6;
}

.cms-index-index .header-container.type4 {
    border-bottom: solid 0px #b5e9f6;
}

.header-container.type4 .top-links a {
    color: inherit
}

.header-container.type4 .top-links-icon {
    color: #777
}

.header-container.type4 .selectbox .select {
    color: #777
}

.header-container.type4 .header {
    display: block;
    vertical-align: middle;
    padding: 28px 0
}

.header-container.type4 .header > .logo {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
    margin: 0 40px 0 0
}

.header-container.type4 .search-area {
    position: static;
}

.header-container.type4 .header #search_mini_form {
    width: 450px
}

.header-container.type4 .header .custom-block {
    display: inline-block;
    text-align: center;
    height: 40px;
    line-height: 40px
}

.header-container.type4 .mini-cart {
    display: inline-block;
    position: static;
    padding: 0;
    margin: 0;
    vertical-align: middle
}

.header-container.type4 .mybag-link {
    position: relative;
    height: 40px;
    padding: 0;
    line-height: 40px;
    text-align: center;
    top: -3px
}

.header-container.type4 .mybag-link i {
    color: #08c;
    font-size: 35px
}

.header-container.type4 .mybag-link .cart-info, .wishlist_top .cart-info {
    position: absolute;
    text-align: center;
    top: 5px;
    right: -10px;
    padding: 5px;
    display: block;
    line-height: 10px;
    background-color: #fe1cbd;
    border-radius: 50%
}

.top-mini-cart {
    background: url("https://www.dermofarma.es/skin/frontend/smartwave/porto/images/minicart.jpg") no-repeat scroll 0 0 transparent;
    width: 35px;
    height: 29px;
}

.header-container.type4 .mybag-link .cart-info span, .wishlist_top .cart-info span {
    display: none
}

.header-container.type4 .mybag-link .cart-info span.cart-qty, .wishlist_top .cart-info span.cart-qty {
    display: block
}

.header-container.type4 .main-nav {
    margin: 0
}

.header-container.type4 .main-nav ul.menu > li > a {
    padding-top: 14px;
    padding-bottom: 14px
}

.header-container.type4 .header .mini-cart .topCartContent {
    right: 0;
    top: 40px
}

.header-container.type4 .header-wrapper {
    border: 0;
    margin-bottom: 15px
}
.cms-index-index .header-container.type4 .header-wrapper {
    margin-bottom: 0px;
}
.header-container.type4 .main-nav .menu-wrapper {
    border-radius: 5px
}

.header-container.type4 .top-links > .top-select:first-child .selectbox .select {
    padding-left: 0;
}

.header-container.type4 .header .search-icon {
    display: none
}

.header-container.type4 .header .custom-block a {
    font-size: 12px
}

.cart_legend {
    display: inline-block;
    padding-left: 20px;
    color: #737373;
    text-align: left;
    vertical-align: middle;
    font-size:13px;
}

.top_legend .top_title {
    font-weight: 700;
    padding-bottom: 3px;
    font-size:14px;
}

.wishlist_top, .account_top {
    display: inline-block;
}

.top_wishlist {
    background: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/images/wishlist.jpg) no-repeat scroll 0 0 transparent;
    display: inline-block;
    vertical-align: middle;
    width: 34px;
    height: 30px;
}

.top_account {
    background: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/images/account.jpg) no-repeat scroll 0 0 transparent;
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 30px;
}

.account_top .cart_legend, .wishlist_top .cart_legend {
    padding-left: 10px;
}

/*** Header Type 5 ***/
.header-container.type5 {
    border: 0
}

.header-container.type5 .top-links-container {
    background-color: #08c
}

.header-container.type5 .top-links-container span.split {
    float: right
}

.header-container.type5 .welcome-msg {
    float: left;
    color: #fff
}

.header-container.type5 .form-language, .header-container.type5 .form-currency {
    float: right
}

.header-container.type5 .search-area {
    position: relative;
    margin: 0;
    z-index: 2;
    left: 0
}

.header-container.type5 .search-area .search-icon {
    display: none
}

.header-container.type5 .cart-area {
    height: 67px;
    margin-top: -33px;
    right: 0
}

.header-container.type5 .mini-cart {
    position: absolute;
    margin: 0;
    top: 50%;
    right: 15px;
    margin-top: -33px;
    background-color: #f0f0f0;
    border: 1px solid #e6e6e6
}

.header-container.type5 .mybag-link {
    position: relative;
    width: 75px;
    height: 65px;
    padding: 0;
    line-height: 65px;
    text-align: center
}

.header-container.type5 .mybag-link i {
    color: #08c;
    font-size: 35px
}

.header-container.type5 .mybag-link .cart-info {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    margin-top: -4px;
    left: 0;
    padding: 0;
    display: block;
    line-height: 1
}

.header-container.type5 .mybag-link .cart-info span {
    display: none
}

.header-container.type5 .mybag-link .cart-info span.cart-qty {
    display: block
}

.header-container.type5 .menu-area {
    padding-right: 114px
}

.header-container.type5 .menu-area .links-area {
    padding: 4px 0 8px
}

.header-container.type5 .menu-area .links-area .links {
    float: none;
    display: inline-block;
    vertical-align: middle
}

.header-container.type5 .header .custom-block {
    font-size: 11px;
    margin-right: 15px
}

.header-container.type5 .header-wrapper {
    margin-right: -114px
}

.header-container.type5 .main-nav .menu-wrapper {
    background-color: transparent;
    text-align: right
}

.header-container.type5 .main-nav .menu {
    padding-right: 78px
}

.header-container.type5 .main-nav ul.menu > li > a {
    padding: 10px
}

.header-container.type5 .main-nav ul.menu > li.menu-full-width > a, .header-container.type5 .main-nav ul.menu > li.menu-item-has-children > a, .header-container.type5 .main-nav ul.menu > li.menu-static-width > a {
    padding-right: 30px
}

.header-container.type5 .main-nav ul.menu > li.menu-full-width > a:after, .header-container.type5 .main-nav ul.menu > li.menu-item-has-children > a:after, .header-container.type5 .main-nav ul.menu > li.menu-static-width > a:after {
    right: 10px
}

.header-container.type5 .topCartContent {
    top: 66px;
    right: -1px
}

.header-container.type5 .topCartContent:before {
    right: 29px
}

.header-container.type5 .main-nav .menu > li.menu-static-width .nav-sublist-dropdown {
    right: 0
}

/*** Header Type 6 ***/
.header-container.type6 {
    border: 0
}

.header-container.type6 .top-links-container {
    background-color: #08c;
    color: #fff
}

.header-container.type6 .top-links a {
    color: #fff
}

.header-container.type6 .selectbox .select {
    color: #fff
}

.header-container.type6 .header {
    display: block;
    vertical-align: middle;
    padding: 28px 0
}

.header-container.type6 .header > .logo {
    display: block;
    padding: 0 15px;
    margin: 0 10px 0 0;
    float: left
}

.header-container.type6 .header > .logo img {
    height: 50px
}

.header-container.type6 .header .search-area {
    position: relative;
    margin: 0;
    display: block;
    float: left;
    top: 0;
    left: 0;
    height: 50px;
    z-index: 2
}

.header-container.type6 .header .search-area a.search-icon {
    display: block;
    line-height: 50px;
    margin-right: 25px
}

.header-container.type6 .header #search_mini_form {
    display: none;
    width: 0;
    margin: 0
}

.header-container.type6 .header .form-search {
    width: 450px;
    position: absolute;
    left: -50px;
    top: 50px;
    overflow: visible;
    border-width: 5px;
    border-radius: 25px;
    border-color: #ccc
}

.header-container.type6 .header .form-search:before {
    content: "";
    display: block;
    position: absolute;
    left: 45px;
    top: -25px;
    width: 20px;
    height: 20px;
    border: 10px solid transparent;
    border-bottom-color: #ccc
}

.header-container.type6 .header .custom-block {
    display: inline-block;
    text-align: center;
    height: 40px;
    line-height: 40px
}

.header-container.type6 .header .custom-block span.split {
    height: 14px;
    width: 1px;
    border-right: 1px solid #ccc;
    margin: 0 13px
}

.header-container.type6 .header .custom-block a {
    font-size: 12px
}

.header-container.type6 .header .mini-cart {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    top: 0;
    left: 0
}

.header-container.type6 .mybag-link {
    position: relative;
    height: 40px;
    padding: 0;
    line-height: 40px;
    text-align: center;
    top: -3px
}

.header-container.type6 .mybag-link i {
    color: #08c;
    font-size: 35px
}

.header-container.type6 .mybag-link .cart-info {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    margin-top: -4px;
    left: 0;
    padding: 0;
    display: block;
    line-height: 1
}

.header-container.type6 .mybag-link .cart-info span {
    display: none
}

.header-container.type6 .mybag-link .cart-info span.cart-qty {
    display: block
}

.header-container.type6 .menu-icon {
    color: #08c
}

.header-container.type6 .main-nav {
    margin: 0;
    height: 30px
}

.header-container.type6 .main-nav ul.menu > li > a {
    padding: 9px 15px
}

.header-container.type6 .header .mini-cart .topCartContent {
    right: 0;
    top: 40px
}

.header-container.type6 .header-wrapper {
    border: 0;
    display: block;
    padding: 10px 0
}

.header-container.type6 .main-nav .menu-wrapper {
    border-radius: 0;
    background-color: transparent
}

.header-container.type6 .main-nav .menu {
    padding-right: 300px
}

.header-container.type6 .top-links > .top-select:first-child .selectbox .select {
    padding-left: 0;
}

.header-container.type6 .main-nav ul.menu > li.menu-full-width > a, .header-container.type6 .main-nav ul.menu > li.menu-item-has-children > a, .header-container.type6 .main-nav ul.menu > li.menu-static-width > a {
    padding-right: 25px
}

.header-container.type6 .main-nav ul.menu > li.menu-full-width > a:after, .header-container.type6 .main-nav ul.menu > li.menu-item-has-children > a:after, .header-container.type6 .main-nav ul.menu > li.menu-static-width > a:after {
    right: 10px
}

/*** Header Type 14 ***/
.header-container.type14 {
    border: 0
}

.header-container.type14 .top-links-container {
    background-color: #08c;
    color: #fff
}

.header-container.type14 .top-links a {
    color: #fff
}

.header-container.type14 .selectbox .select {
    color: #fff
}

.header-container.type14 .header {
    display: block;
    vertical-align: middle;
    padding: 28px 0
}

.header-container.type14 .header > .logo {
    display: block;
    padding: 0 15px;
    margin: 0 10px 0 0;
    float: left
}

.header-container.type14 .header > .logo img {
    height: 50px
}

.header-container.type14 .header .search-area {
    position: relative;
    margin: 0;
    display: block;
    float: right;
    top: 0;
    left: 0;
    height: 50px;
    z-index: 2
}

.header-container.type14 .header .search-area a.search-icon {
    display: block;
    line-height: 50px;
    margin-right: 10px
}

.header-container.type14 .header #search_mini_form {
    display: none;
    width: 0;
    margin: 0
}

.header-container.type14 .header .form-search {
    width: 450px;
    position: absolute;
    right: -50px;
    top: 50px;
    overflow: visible;
    border-width: 5px;
    border-radius: 25px;
    border-color: #ccc
}

.header-container.type14 .header .form-search:before {
    content: "";
    display: block;
    position: absolute;
    right: 55px;
    top: -25px;
    width: 20px;
    height: 20px;
    border: 10px solid transparent;
    border-bottom-color: #ccc
}

.header-container.type14 .header .custom-block {
    display: inline-block;
    text-align: center;
    height: 40px;
    line-height: 40px
}

.header-container.type14 .header .custom-block span.split {
    height: 14px;
    width: 1px;
    border-right: 1px solid #ccc;
    margin: 0 13px
}

.header-container.type14 .header .custom-block a {
    font-size: 12px
}

.header-container.type14 .header .mini-cart {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    top: 0;
    left: 0;
    margin-right: 15px
}

.header-container.type14 .mybag-link {
    position: relative;
    padding: 0;
    line-height: 40px;
    text-align: center
}

.header-container.type14 .mybag-link i {
    color: #08c;
    font-size: 18px;
    vertical-align: top
}

.header-container.type14 .mybag-link .cart-info {
    padding: 0;
    color: #08c;
    vertical-align: top
}

.header-container.type14 .mybag-link .cart-info span {
    display: inline-block;
    font-size: 11px;
    font-weight: 400
}

.header-container.type14 .mybag-link .cart-info span.cart-qty {
    margin-right: 5px
}

.header-container.type14 .menu-icon {
    color: #08c
}

.header-container.type14 .main-nav {
    margin: 0;
    height: 30px
}

.header-container.type14 .main-nav ul.menu > li > a {
    padding: 9px 15px
}

.header-container.type14 .header .mini-cart .topCartContent {
    right: 0;
    top: 40px
}

.header-container.type14 .header-wrapper {
    border: 0;
    padding: 10px 0
}

.header-container.type14 .main-nav .menu-wrapper {
    border-radius: 0;
    background-color: transparent
}

.header-container.type14 .main-nav .menu {
    text-align: right;
    padding-right: 120px
}

.header-container.type14 .top-links > .top-select:first-child .selectbox .select {
    padding-left: 0;
}

.header-container.type14 .main-nav ul.menu > li.menu-full-width > a, .header-container.type14 .main-nav ul.menu > li.menu-item-has-children > a, .header-container.type14 .main-nav ul.menu > li.menu-static-width > a {
    padding-right: 25px
}

.header-container.type14 .main-nav ul.menu > li.menu-full-width > a:after, .header-container.type14 .main-nav ul.menu > li.menu-item-has-children > a:after, .header-container.type14 .main-nav ul.menu > li.menu-static-width > a:after {
    right: 10px
}

/*** Header Type 7 ***/
.header-container.type7 {
    border: 0
}

.header-container.type7 .top-links-container {
    background-color: #08c;
    color: #fff
}

.header-container.type7 .top-links a {
    color: #fff
}

.header-container.type7 .selectbox .select {
    color: #fff
}

.header-container.type7 .header {
    display: block;
    vertical-align: middle;
    padding: 28px 0;
    text-align: center
}

.header-container.type7 .header > .logo {
    display: inline-block;
    padding: 0 15px;
    margin: 0;
    float: none
}

.header-container.type7 .header > .logo img {
    height: 50px
}

.header-container.type7 .header .search-area {
    position: absolute;
    margin: 0;
    display: block;
    float: none;
    top: 50%;
    left: 0;
    height: 50px;
    pointer-events: none;
    margin-top: -25px;
    z-index: 2
}

.header-container.type7 .header .search-area a.search-icon {
    display: block;
    line-height: 50px;
    margin-left: 15px;
    margin-right: 15px;
    pointer-events: all;
    float: left
}

.header-container.type7 .header #search_mini_form {
    width: 450px;
    display: none;
    pointer-events: all
}

.header-container.type7 .header .custom-block {
    display: inline-block;
    text-align: center;
    height: 40px;
    line-height: 40px
}

.header-container.type7 .header .custom-block span.split {
    height: 14px;
    width: 1px;
    border-right: 1px solid #ccc;
    margin: 0 13px
}

.header-container.type7 .header .custom-block a {
    font-size: 12px
}

.header-container.type7 .header .mini-cart {
    display: inline-block;
    position: static;
    padding: 0;
    margin: 0;
    vertical-align: middle
}

.header-container.type7 .mybag-link {
    position: relative;
    height: 40px;
    padding: 0;
    line-height: 40px;
    text-align: center;
    top: -3px
}

.header-container.type7 .mybag-link i {
    color: #08c;
    font-size: 35px
}

.header-container.type7 .mybag-link .cart-info {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    margin-top: -4px;
    left: 0;
    padding: 0;
    display: block;
    line-height: 1
}

.header-container.type7 .mybag-link .cart-info span {
    display: none
}

.header-container.type7 .mybag-link .cart-info span.cart-qty {
    display: block
}

.header-container.type7 .main-nav {
    margin: 0;
    height: 30px
}

.header-container.type7 .main-nav ul.menu > li > a {
    padding: 9px 15px
}

.header-container.type7 .header .mini-cart .topCartContent {
    right: 0;
    top: 40px
}

.header-container.type7 .header-wrapper {
    border: 0;
    display: block;
    padding: 10px 0
}

.header-container.type7 .main-nav .menu-wrapper {
    border-radius: 0;
    background-color: transparent
}

.header-container.type7 .main-nav .menu {
    padding-right: 300px
}

.header-container.type7 .top-links > .top-select:first-child .selectbox .select {
    padding-left: 0;
}

.header-container.type7 .main-nav ul.menu > li {
    pointer-events: all
}

.header-container.type7 .main-nav ul.menu > li.menu-full-width > a, .header-container.type7 .main-nav ul.menu > li.menu-item-has-children > a, .header-container.type7 .main-nav ul.menu > li.menu-static-width > a {
    padding-right: 25px
}

.header-container.type7 .main-nav ul.menu > li.menu-full-width > a:after, .header-container.type7 .main-nav ul.menu > li.menu-item-has-children > a:after, .header-container.type7 .main-nav ul.menu > li.menu-static-width > a:after {
    right: 10px
}

.header-container.type7 .header #search_mini_form {
    display: none;
    margin: 0
}

.header-container.type7 .header .form-search {
    width: 450px;
    position: absolute;
    left: -10px;
    top: 50px;
    overflow: visible;
    border-width: 5px;
    border-radius: 25px;
    background-color: #fff
}

.header-container.type7 .header .form-search:before {
    content: "";
    display: block;
    position: absolute;
    left: 20px;
    top: -25px;
    width: 20px;
    height: 20px;
    border: 10px solid transparent;
    border-bottom-color: #ccc
}

/*** Header Type 8 ***/
.header-container.type8 {
    border: 0;
    background-color: #f0f0ed
}

.header-container.type8 .top-links-container {
    background-color: #08c;
    color: #777
}

.header-container.type8 .top-links-area {
    float: none;
    display: inline-block;
    color: #777
}

.header-container.type8 .links {
    float: none;
    display: inline-block;
    color: #777
}

.header-container.type8 .links li {
    padding: 0 10px;
    border: 0;
    border-right: 1px solid #ccc
}

.header-container.type8 .links li.last {
    padding-right: 10px
}

.header-container.type8 .links li.first {
    padding-left: 0
}

.header-container.type8 .top-links-icon a {
    color: #777
}

.header-container.type8 .links a {
    color: #777
}

.header-container.type8 .selectbox .select {
    color: #777
}

.header-container.type8 .header {
    display: block;
    vertical-align: middle;
    padding: 28px 0
}

.header-container.type8 .header > .logo {
    display: block;
    padding: 0 15px;
    margin: 0 10px 0 0;
    float: left
}

.header-container.type8 .header > .logo img {
    height: 50px
}

.header-container.type8 .header .search-area {
    position: relative;
    margin: 0;
    display: inline-block;
    top: 0;
    left: 0;
    height: 40px;
    z-index: 5
}

.header-container.type8 .header .search-area a.search-icon {
    display: block;
    line-height: 40px;
    margin: 0 10px;
    color: #777
}

.header-container.type8 .form-language, .header-container.type8 .form-currency {
    display: inline-block;
    vertical-align: middle;
    float: none;
    background-color: #e2e2dc;
    border-radius: 3px;
    margin-right: 5px
}

.header-container.type8 .header .custom-block {
    display: inline-block;
    text-align: center;
    height: 40px;
    line-height: 40px
}

.header-container.type8 .header .custom-block span.split {
    height: 14px;
    width: 1px;
    border-right: 1px solid #ccc;
    margin: 0 13px
}

.header-container.type8 .header .custom-block a {
    font-size: 12px
}

.header-container.type8 .switcher-area {
    display: inline-block;
    vertical-align: middle
}

.header-container.type8 .header .mini-cart {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    right: auto;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    background-color: #e2e2dc;
    border-radius: 3px
}

.header-container.type8 .mybag-link {
    height: auto;
    padding: 3px 7px
}

.header-container.type8 .mybag-link i {
    color: #777;
    font-size: 16px
}

.header-container.type8 .mybag-link .cart-info {
    color: #777
}

.header-container.type8 .mybag-link .cart-info span {
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    text-transform: none
}

.header-container.type8 .mybag-link .cart-info span.cart-qty {
    margin-right: 3px
}

.header-container.type8 .main-nav {
    margin: 0;
    height: 30px
}

.header-container.type8 .main-nav ul.menu > li > a {
    padding: 9px 10px
}

.header-container.type8 .header .mini-cart .topCartContent {
    right: 0;
    top: 26px
}

.header-container.type8 .header-wrapper {
    border: 0;
    display: block;
    padding: 10px 0
}

.header-container.type8 .main-nav .menu-wrapper {
    border-radius: 0;
    background-color: transparent
}

.header-container.type8 .main-nav .menu {
    padding-right: 300px
}

.header-container.type8 .top-links > .top-select:first-child .selectbox .select {
    padding-left: 0;
}

.header-container.type8 .main-nav ul.menu > li.menu-full-width > a, .header-container.type8 .main-nav ul.menu > li.menu-item-has-children > a, .header-container.type8 .main-nav ul.menu > li.menu-static-width > a {
    padding-right: 20px
}

.header-container.type8 .main-nav ul.menu > li.menu-full-width > a:after, .header-container.type8 .main-nav ul.menu > li.menu-item-has-children > a:after, .header-container.type8 .main-nav ul.menu > li.menu-static-width > a:after {
    right: 5px
}

.header-container.type8 .menu-icon a {
    color: #777
}

.header-container.type8 .header #search_mini_form {
    width: auto;
    display: none;
    margin: 0
}

.header-container.type8 .header .form-search {
    width: 450px;
    position: absolute;
    right: -100px;
    top: 50px;
    overflow: visible;
    border-width: 5px;
    border-radius: 25px;
    background-color: #fff
}

.header-container.type8 .header .form-search:before {
    content: "";
    display: block;
    position: absolute;
    right: 105px;
    top: -25px;
    width: 20px;
    height: 20px;
    border: 10px solid transparent;
    border-bottom-color: #ccc
}

/********** <Navigation */
.header-wrapper {
}

.main-nav {
    background-color: transparent;
    font-size: 13px;
    border: 0;
    padding: 0;
    text-align: left
}

.main-nav .menu-wrapper {
    background-color: #f0f0ed;
    border-radius: 5px 5px 0 0;
    position: relative
}

.mega-columns.row {
    margin-right: -10px;
    margin-left: -10px
}

.menu_thumb_img {
    padding: 15px 0 0
}

.fixed-header-area .menu > li {
    padding: 0 !important
}

.fixed-header a.logo img {
    height: 50px;
    margin: 10px 0
}

.fixed-header .mini-products-list a {
    color: #777
}

.fixed-header-area .fixed-header .menu {
    float: none;
    margin: 7px 0
}

.fixed-header ul.menu > li, .main-nav ul.menu > li {
    padding: 0;
    border-radius: 5px
}

.fixed-header ul.menu > li.menu-full-width, .fixed-header ul.menu > li.menu-item-has-children, .main-nav ul.menu > li.menu-full-width, .main-nav ul.menu > li.menu-item-has-children, .fixed-header ul.menu > li.menu-static-width, .fixed-header ul.menu > li.menu-item-has-children, .main-nav ul.menu > li.menu-static-width, .fixed-header ul.menu > li.menu-full-width.act:hover, .fixed-header ul.menu > li.menu-item-has-children.act:hover, .main-nav ul.menu > li.menu-full-width.act:hover, .main-nav ul.menu > li.menu-item-has-children.act:hover, .fixed-header ul.menu > li.menu-static-width.act:hover, .fixed-header ul.menu > li.menu-item-has-children.act:hover, .main-nav ul.menu > li.menu-static-width.act:hover {
    padding: 0;
    border-radius: 5px 5px 0 0
}

.fixed-header ul.menu > li .nav-sublist-dropdown, .main-nav ul.menu > li .nav-sublist-dropdown {
    border: 0;
    background-color: #fff;
    border-radius: 0 6px 6px 6px;
    padding: 5px 0;
    min-width: 200px;
    width: auto;
    box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, .3);
    border-top: 5px solid #08c
}

.fixed-header .menu-wrapper {
    position: relative
}

.fixed-header ul.menu > li > a, .main-nav ul.menu > li > a {
    color: #08c;
    font-size: 17px;
    font-weight: 600;
    text-transform: none;
    padding: 17px 20px 17px 0
}

.fixed-header ul.menu > li > a {
    padding: 13px 20px
}

.fixed-header ul.menu > li.menu-full-width > a, .fixed-header ul.menu > li.menu-item-has-children > a, .main-nav ul.menu > li.menu-full-width > a, .main-nav ul.menu > li.menu-item-has-children > a, .fixed-header ul.menu > li.menu-static-width > a, .main-nav ul.menu > li.menu-static-width > a {
    padding-right: 30px
}

.fixed-header ul.menu > li.menu-full-width > a:after, .fixed-header ul.menu > li.menu-item-has-children > a:after, .main-nav ul.menu > li.menu-full-width > a:after, .main-nav ul.menu > li.menu-item-has-children > a:after, .fixed-header ul.menu > li.menu-static-width > a:after, .main-nav ul.menu > li.menu-static-width > a:after {
    content: '\e81c';
    font-family: "porto";
    width: 10px;
    height: 10px;
    top: 50%;
    right: 15px;
    left: auto;
    margin-top: -7px
}

.fixed-header ul.menu > li, .main-nav ul.menu > li {
    transition: all 0.1s;
    margin-right: 3px
}

.fixed-header ul.menu > li:first-child, .main-nav ul.menu > li:first-child {
    margin-right: 0
}

.fixed-header ul.menu > li:hover, .main-nav ul.menu > li:hover, .fixed-header ul.menu > li.act, .main-nav ul.menu > li.act {
    background-color: #08c;
    text-decoration: none
}

.fixed-header ul.menu > li.act, .main-nav ul.menu > li.act {
    border-radius: 5px
}

.fixed-header ul.menu > li:hover > a, .main-nav ul.menu > li:hover > a, .fixed-header ul.menu > li.act > a, .main-nav ul.menu > li.act > a {
    color: #fff;
    text-decoration: none
}

.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown {
    border: 0;
    border-radius: 0 0 5px 5px;
    background-color: #fff;
    padding: 10px 0 20px 0;
    border-top: 5px solid #08c;
    text-align: left
}

.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown {
    border: 0;
    border-top: 5px solid #08c;
    border-radius: 0 0 5px 5px;
    background-color: #fff;
    padding: 10px 0 20px 0
}

.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown {
    top: 38px
}

.fixed-header a, .main-nav a {
    color: #fff
}

.fixed-header a:hover, .main-nav a:hover {
    color: #fff
}

.fixed-header .menu > li .nav-sublist-dropdown .container ul > li a, .main-nav .menu > li .nav-sublist-dropdown .container ul > li a {
    border: 0;
    padding: 10px 30px 10px 5px;
    margin: 0 8px;
    border-top: 1px solid rgba(255, 255, 255, .2)
}

.fixed-header .menu > li:nth-last-child(1) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist, .fixed-header .menu > li:nth-last-child(2) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist, .main-nav .menu > li:nth-last-child(1) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist, .main-nav .menu > li:nth-last-child(2) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist {
    right: 100%
}

.fixed-header .menu > li.menu-item-has-children .nav-sublist-dropdown .container ul > li a, .main-nav .menu > li.menu-item-has-children .nav-sublist-dropdown .container ul > li a {
    text-decoration: none
}

.fixed-header .menu > li.menu-item-has-children .nav-sublist-dropdown .container ul > li:hover > a, .main-nav .menu > li.menu-item-has-children .nav-sublist-dropdown .container ul > li:hover > a {
    background-color: #f4f4f4
}

.fixed-header .menu > li .nav-sublist-dropdown .container ul > li:first-child a, .main-nav .menu > li .nav-sublist-dropdown .container ul > li:first-child a {
    border: 0
}

.menu img {
    max-width: 100%
}

.fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children > a:before, .main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children > a:before {
    font-family: 'porto';
    content: '\e81a';
    font-size: 12px;
    top: 50%;
    margin-top: -10px;
    margin-left: 0
}

.fixed-header .menu > li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist, .main-nav .menu > li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist {
    border-radius: 5px;
    top: -4px;
    padding: 5px 0;
    left: 100%;
}

.fixed-header .menu > li.menu-item .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist, .main-nav .menu > li.menu-item .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist {
    background-color: #d2f3fe;
    box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, .3)
}

.main-nav .menu > li.menu-item .nav-sublist-dropdown .menu-item-has-children .nav-sublist a {
    color: #0299cb
}

.fixed-header .menu > li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist li, .main-nav .menu > li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist li {
    background-color: transparent
}

.fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist li:last-child a, .main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist li:last-child a {
    border-bottom: 0
}

.fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children > .nav-sublist li a, .main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children > .nav-sublist li a {
    border-top: 1px solid rgba(255, 255, 255, .2)
}

.fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist li:first-child a, .main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist li:first-child a {
    border-top: 0
}

.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1 {
    font-size: 14px;
    font-weight: 600;
    padding: 0 5px;
    margin-top: 10px
}

.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul li a:before, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul li a:before, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul li a:before, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul li a:before {
    display: none
}

.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul {
    margin-left: 10px
}

.menu-icon {
    vertical-align: middle;
    display: none;
    text-align: right;
    padding-left: 20px;
    font-size: 20px;
    height: 60px;
    pointer-events: all
}

.fixed-header .menu > li .nav-sublist-dropdown:before, .main-nav .menu > li .nav-sublist-dropdown:before {
    top: -2px
}

.fixed-header .menu > li .nav-sublist-dropdown .container, .main-nav .menu > li .nav-sublist-dropdown .container {
    width: auto
}

.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown a, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown a, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown a, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown a {
    color: #777
}

.fixed-header .mini-cart {
    background-color: transparent;
    position: static;
    margin: 0;
    display: inline-block;
    vertical-align: middle
}

.fixed-header .mybag-link {
    position: relative;
    padding: 2px 0
}

.fixed-header .mybag-link i {
    font-size: 35px;
    color: #08c
}

.fixed-header .mybag-link .cart-info {
    display: block;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    margin-top: -8px
}

.fixed-header .mybag-link .cart-qty {
    display: block;
    font-size: 16px;
    color: #fff
}

.fixed-header .mybag-link span {
    display: none
}

/***** Mobile Menu *****/
.page {
    position: relative;
    left: 0;
    transition: left 0.3s
}

body.mobile-nav-shown .page {
    left: 250px
}

.mobile-nav-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 998;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    transition: all 0.3s
}

body.mobile-nav-shown .mobile-nav-overlay {
    opacity: 0.15;
    filter: alpha(opacity=15);
    visibility: visible;
}

.mobile-nav.side-block {
    position: fixed;
    top: 0;
    left: -250px;
    z-index: 999;
    width: 250px;
    height: 100%;
    overflow-y: scroll;
    padding-top: 20px;
    padding-bottom: 20px;
    transition: all 0.3s;
    display: block !important
}

body.mobile-nav-shown .mobile-nav.side-block {
    left: 0
}

.mobile-nav.side-block .sw-mobile-menu li > a {
    background-color: transparent;
    color: #030303;
    border: 0;
    padding: 0 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mobile-nav.side-block .sw-mobile-menu > li:first-child > a {
    border: 0
}

.mobile-nav.side-block .sw-mobile-menu > li > ul li {
    background-color: transparent
}

.mobile-nav.side-block .sw-mobile-menu li .open-child {
    background-color: transparent;
    color: #030303;
}

.mobile-nav.side-block .sw-mobile-menu li:hover > .open-child {
    color: #030303;
}

.mobile-nav.side-block .sw-mobile-menu li > .open-child:hover {
    background-color: transparent
}

.mobile-nav.side-block .sw-mobile-menu li .open-child:after {
    content: "\e856";
    font-family: "porto";
    font-size: 19px;
    text-align: center;
    line-height: 19px;
    background: transparent;
    opacity: 1
}

.mobile-nav.side-block .sw-mobile-menu li.over > .open-child:after {
    background: transparent;
    content: "\e857"
}

.mobile-nav .sw-mobile-menu > li > ul > li a {
    margin-left: 10px;
    white-space: nowrap
}

.mobile-nav .sw-mobile-menu > li > ul > li li a {
    margin-left: 20px
}

.mobile-nav .sw-mobile-menu > li > ul, .mobile-nav .sw-mobile-menu > li ul {
    width: 100%
}

/***** Side Mega Menu *****/
.home-side-menu {
    background-color: #fbfbfb;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 27px
}

.home-side-menu h2.side-menu-title {
    background-color: #f5f5f5;
    color: #a39f9c;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    padding: 14px 15px;
    border-radius: 5px 5px 0 0;
    margin: 0;
    border-bottom: 1px solid #ddd
}

.menu.side-menu {
    padding: 0;
    list-style: none;
    margin: 0
}

.menu.side-menu > li {
    position: relative;
    transition: all 0.2s
}

.menu.side-menu > li:hover {
    background-color: #08c
}

.menu.side-menu > li > a {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    padding: 13px 5px;
    display: block;
    margin: 0 10px;
    border-top: 1px solid #ddd
}

.menu.side-menu > li:hover > a {
    color: #fff;
    border-color: transparent
}

.menu.side-menu > li:first-child > a {
    border-top: 0
}

.menu.side-menu > li > a:hover {
    text-decoration: none
}

.menu.side-menu li.menu-item-has-children, .menu.side-menu li.menu-item-has-children > a {
    position: relative
}

.menu.side-menu > li.menu-static-width > a:after, .menu.side-menu > li.menu-item-has-children > a:after, .menu.side-menu > li.menu-item-has-children li.menu-item-has-children > a:after, .menu.side-menu > li.menu-full-width > a:after {
    content: "\e814";
    font-family: "porto";
    width: 10px;
    height: 10px;
    top: 50%;
    right: 0;
    left: auto;
    margin-top: -7px;
    position: absolute;
    font-size: 13px;
    color: #08c
}

.menu.side-menu > li.menu-static-width:hover > a:after, .menu.side-menu > li.menu-item-has-children:hover > a:after, .menu.side-menu > li.menu-item-has-children li.menu-item-has-children:hover > a:after, .menu.side-menu > li.menu-full-width:hover > a:after {
    color: #fff
}

.menu.side-menu > li.menu-item-has-children li.menu-item-has-children > a:after {
    color: #fff
}

.menu.side-menu > li .nav-sublist-dropdown {
    display: none;
    position: absolute;
    z-index: 10000;
    width: 200px;
    border: 0;
    background-color: #fff;
    border-radius: 0 5px 5px 7px;
    padding: 10px 0;
    left: 100%;
    top: 0;
    border-left: 5px solid #08c;
    box-shadow: 1px 0 1px rgba(0, 0, 0, 0.5)
}

.menu.side-menu > li.menu-full-width .nav-sublist-dropdown {
    width: 869px;
    padding: 15px 0 25px 0
}

.menu.side-menu > li.menu-item-has-children .nav-sublist-dropdown {
    background-color: #08c;
    border: 0
}

.menu.side-menu .container {
    max-width: 100%;
    padding: 0
}

.menu.side-menu img {
    max-width: 100%
}

.menu.side-menu a, .menu.side-menu a:hover {
    color: #777;
    line-height: 1
}

.menu.side-menu > li.menu-item-has-children .nav-sublist-dropdown a {
    color: #fff
}

.menu.side-menu > li .nav-sublist-dropdown ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.menu.side-menu > li.menu-static-width .nav-sublist-dropdown {
    padding: 10px 0 25px 0
}

.menu.side-menu li.menu-item-has-children .nav-sublist-dropdown .container ul > li a {
    text-decoration: none
}

.menu.side-menu li.menu-item-has-children .nav-sublist-dropdown .container > ul > li > a {
    border: 0;
    padding: 13px 5px;
    margin: 0 8px;
    display: block;
    border-top: 1px solid rgba(255, 255, 255, .2)
}

.menu.side-menu li.menu-item-has-children .nav-sublist-dropdown .container > ul > li:first-child > a {
    border: 0
}

.menu.side-menu li.menu-item-has-children .nav-sublist-dropdown .container ul > li:hover > a {
    background-color: #0099e6
}

.menu.side-menu > li.menu-item-has-children .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist {
    border-radius: 5px;
    background-color: #08c;
    top: -10px;
    padding: 10px 0;
    position: absolute;
    left: 199px;
    display: none
}

.menu.side-menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children:hover > .nav-sublist {
    display: block
}

li.whatsapp {
    float: right;
    color: #6d6d6d;
    font-size: 14px
}

li.whatsapp a {
    color: #6d6d6d;
    display: inline !important;
}

li.whatsapp .icon_wahtsapp {
    background: url("https://www.dermofarma.es/skin/frontend/smartwave/porto/images/whatsapp.jpg") no-repeat center left;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
}

.menu.side-menu > li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist li {
    width: 200px;
    background-color: transparent
}

.menu.side-menu li.menu-item-has-children .nav-sublist li > a {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 13px 5px;
    margin: 0 8px;
    display: block
}

.menu.side-menu li.menu-item-has-children .nav-sublist li:first-child > a {
    border: 0
}

.menu.side-menu > li .nav-sublist-dropdown .container ul > li a {
    padding: 13px 5px;
    margin: 0 8px;
    display: block
}

.menu.side-menu > li.menu-static-width .nav-sublist-dropdown .container ul > li a, .menu.side-menu > li.menu-full-width .nav-sublist-dropdown .container ul > li a {
    padding: 5px
}

.menu.side-menu > li.menu-static-width .nav-sublist-dropdown .container ul > li a.menu_thumb_link, .menu.side-menu > li.menu-full-width .nav-sublist-dropdown .container ul > li a.menu_thumb_link {
    padding: 0 5px 10px
}

.menu.side-menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1, .menu.side-menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1 {
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 5px;
    text-transform: uppercase;
    line-height: 1.5;
    padding: 0 5px;
    color: #333
}

.menu.side-menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul, .menu.side-menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul {
    margin-left: 10px
}

/* Sidebar =============================================================================== */
.block {
    margin: 0 0 40px
}

.block .block-title {
    margin: 5px 0 10px;
    line-height: 1.2;
    font-size: 16px;
    font-weight: bold;
    color: #313131
}

.block .block-title strong {
}

.block .block-title strong span {
}

.block .block-title a {
    text-decoration: none !important
}

.block .block-subtitle {
    margin: 0;
    font-size: 13px
}

#poll-answers {
    margin: 0 20px 10px 20px
}

#poll-answers li {
    padding: 5px 0
}

.block .block-content {
}

.block .block-content li.item {
    padding: 7px 9px
}

.block .block-content ol {
    margin: 10px 0
}

.block .block-content ol li.item {
    padding: 3px 0
}

.block .block-content ol li.item .product-name {
    margin: 0
}

.block .btn-remove,
.block .btn-edit {
    float: right;
    margin: 0 0 0 5px
}

.block .actions {
    font-size: 13px;
    text-align: right
}

.block .actions a {
    float: left;
    margin: 5px 0
}

.block .actions button.button {
    float: right
}

.block .actions button.button span {
    height: 24px;
    padding: 0 5px;
    font-size: 13px;
    line-height: 24px
}

.block .empty {
    margin: 0;
    padding: 10px 0
}

.mini-products-list .product-image {
    float: left
}

.mini-products-list .product-details {
    margin-left: 70px;
    text-align: left;
    line-height: 1.4
}

.mini-products-list li {
    padding: 10px 0;
    position: relative
}

.mini-products-list li .product-name a {
    color: #777
}

.mini-products-list li .product-name a:hover {
    color: #08c
}

.mini-products-list li a.btn-remove {
    position: absolute;
    right: 0;
    top: 9px;
    color: #777
}

.mini-products-list li .product-image {
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 2px;
    border-radius: 4px
}

.mini-products-list li .product-image img {
    width: 50px;
    height: auto
}

.block .block-content .mini-products-list li.item {
    padding: 10px 0
}

.mini-products-list .price-box {
    margin: 5px 0
}

.block.block-banner {
    border: 0
}

.block.block-banner .block-content {
    text-align: center
}

.block.block-banner img {
    max-width: 100%
}

.block.block-subscribe {
    border-radius: 5px
}

.block.block-subscribe .block-title {
    background-color: transparent;
    border: 0
}

.block.block-subscribe .block-title strong {
    font-size: 1.4em;
    text-transform: none;
    font-weight: 400;
    padding-bottom: 10px
}

.block.block-subscribe .block-content {
    background-color: transparent
}

.block.block-subscribe .form-subscribe-header {
    padding: 10px 20px
}

.block.block-subscribe label {
    font-size: 14px
}

.block.block-subscribe .input-box {
    padding: 10px 20px 20px
}

.block.block-subscribe .input-box input.input-text {
    width: 100%;
    height: 34px;
    padding: 5px
}

.block.block-subscribe .actions {
    background-color: transparent;
    border: 0;
    padding: 0 20px 20px
}

.block.block-subscribe .actions button.button span {
    height: 34px;
    line-height: 34px
}

.block.block-subscribe.home-sidebar-block {
    border: 1px solid #ddd;
    border-top: 5px solid #08c;
    border-radius: 7px;
    background-color: #fbfbfb;
    text-align: center;
    padding: 25px 20px 0
}

.block.block-subscribe.home-sidebar-block .block-title strong {
    font-size: 16px;
    color: #313131;
    font-weight: 700;
    text-transform: uppercase;
    padding: 30px 0 20px
}

.block.block-subscribe.home-sidebar-block .block-content p {
    line-height: 1.8
}

.block.block-subscribe.home-sidebar-block .input-box {
    padding: 10px 10px 40px 10px
}

.block.block-subscribe.home-sidebar-block .input-box input.input-text {
    float: left;
    padding: 5px 60px 5px 10px;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    background-color: #fefefe;
    line-height: 16px
}

.block.block-subscribe.home-sidebar-block button.button {
    float: left;
    margin-left: -51px;
    width: 50px;
    height: 34px
}

.block.block-subscribe.home-sidebar-block button.button span {
    min-width: 49px;
    padding: 0;
    line-height: 32px;
    height: 32px;
    background-color: #fefefe;
    color: #515151;
    border: 0;
    border-left: 1px solid #d3d3d3;
    border-radius: 0 5px 5px 0
}

.block.block-subscribe.home-sidebar-block button.button span span {
    border: 0
}

.parallax-subscribe input.input-text {
    background-color: #e3e2e2;
    color: #666;
    height: 34px;
    line-height: 18px;
    padding: 8px 100px 8px 10px;
    width: 100%
}

.parallax-subscribe button.button {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0
}

.parallax-subscribe button.button span {
    height: 34px;
    line-height: 34px;
    padding: 0;
    border-radius: 0 3px 3px 0;
    width: 90px;
    min-width: 90px
}

.block.block-layered-nav {
    border: 0;
    margin-top: -14px
}

.block.block-layered-nav .block-content {
    background-color: transparent
}

.block.block-layered-nav .block-content ol {
    margin: 0
}

dl#narrow-by-list {
    margin: 0
}

.block-layered-nav dt, .block-layered-nav .currently .block-subtitle, .block-category-nav .block-title {
    padding: 10px 15px;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    position: relative;
    cursor: pointer;
    margin-top: 14px
}

.catalog-category-view .block-category-nav .block-title {
    margin-top: 0;
    margin-bottom: 0
}

.block-layered-nav dt.closed, .block-category-nav .block-title.closed {
    border-radius: 7px
}

.block-layered-nav dt:before, .block-category-nav .block-title:before {
    content: "\e80d";
    width: 26px;
    height: 26px;
    display: block;
    border: 1px solid #ddd;
    font-family: 'porto';
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -13px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    background-color: #b4b6b5;
    font-size: 10px
}

.block-layered-nav dt.closed:before, .block-category-nav .block-title.closed:before {
    content: "\e80b"
}

.block-layered-nav dt:hover:before, .block-category-nav .block-title:hover:before {
    background-color: #08c;
    color: #fff
}

.block-layered-nav dd, .block-category-nav .block-content {
    padding: 10px 15px;
    font-size: 13px;
}

.block-layered-nav dd a {
    color: #000;
    font-size: 13px;
    line-height: 2.5
}

.block-layered-nav .currently ol {
    border: 1px solid #ddd;
    border-width: 0 1px;
    background-color: #fbfbfb;
    padding: 10px 0;
    margin: 0
}

.block-layered-nav .currently li {
    padding: 5px 15px;
    position: relative;
    z-index: 1;
    line-height: 1.5
}

.block-layered-nav .currently .label {
    padding: 0;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle
}

.block-layered-nav .currently .value {
    display: inline-block;
    vertical-align: middle
}

.block-layered-nav .currently .btn-previous,
.block-layered-nav .currently .btn-remove {
    position: absolute;
    right: 15px;
    top: 4px;
    margin: 0;
    line-height: 21px;
    padding: 0
}

.block-layered-nav .currently .btn-previous {
    right: 17px
}

.block-layered-nav .actions {
    font-size: 11px;
    padding: 10px 15px;
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 0 0 7px 7px;
    text-align: right;
    margin-bottom: 14px
}

.block-layered-nav .actions a {
    float: none
}

.list_hide {
    display: none;
}

.show_toggle {
    cursor: pointer;
    color: #009acc;
    text-align: left
}

.show_toggle:before {
    content: '\e854';

    margin-right: 5px;
    width: 17px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 15px;
    font-family: "porto";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
}

.show_toggle.less:before {
    content: '\e855';
}

.price.price-filter-slider {
    margin: 15px 0 10px 0;
    white-space: normal !important
}

.price-filter-slider .text-box {
    text-align: center
}

.price-filter-slider .text-box > span {
    line-height: 26px;
    vertical-align: middle;
    color: #000
}

.price-filter-slider .text-box * {
    white-space: normal;
    margin: 5px 0
}

.price-filter-slider .text-box input.go {
    background-color: #08c;
    border: 0;
    height: 26px;
    line-height: 26px;
    color: #fff;
    border-radius: 5px;
    padding: 0 10px;
    font-size: 14px
}

.block-currency select {
    width: 240px;
    max-width: 100%
}

.cms-index-index .block-category-nav {
    margin: 0
}

.col-left.sidebar {
    border-left: solid 1px #009acc;
}

.block-category-nav {
    border-radius: 7px;
    border-color: #ddd;
    overflow: hidden;
    margin-bottom: 28px;
    line-height: 1.42857143
}

.block-category-nav .block-title {
    cursor: pointer;
    margin: 0
}

.block-category-nav .block-title strong {
    padding: 0
}

.block-category-nav .block-content {
    padding: 10px 15px
}

.block-category-nav .category-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.block-category-nav .category-list li {
    position: relative
}

.block-category-nav .category-list a {
    color: #000;
    font-size: 13px;
    line-height: 2.5
}

.block-category-nav .category-list ul {
    padding-left: 15px;
    margin: 0;
    list-style: none
}

.block-category-nav .category-list ul {
    display: none
}

.block-category-nav .category-list a.plus {
    position: absolute;
    right: 1px;
    color: #08c;
    font-size: 16px;
    line-height: 32px
}


/* Category Page ========================================================================= */
.top-container .category-banner {
    background-color: transparent
}

.top-container .category-banner .banner-image {
    width: 100%
}

.category-banner .owl-theme .owl-controls {
    position: relative;
    margin-top: -30px;
    height: 30px
}

.category-banner .banner-text {
    position: absolute;
    top: 30%;
    width: 100%;
    color: #fff
}

.category-banner .banner-text h2 {
    font-size: 50px;
    color: #fff
}

.category-banner .banner-text p {
    font-size: 26px;
    font-weight: 300
}

.category-boxed-banner {
    margin-bottom: 25px
}

.category-boxed-banner.owl-theme .owl-controls {
    margin-top: -30px;
    position: relative;
    height: 30px
}

.category-boxed-banner.owl-theme .owl-controls .owl-page span {
    background: #fff
}

.category-boxed-banner .owl-item .item {
    border-radius: 5px;
    overflow: hidden;
    position: relative
}

.category-boxed-banner .owl-item .item img {
    width: 100%
}

.category-boxed-banner .banner-text {
    position: absolute;
    top: 40%;
    left: 4%;
    color: #fff;
    width: 100%
}

.category-boxed-banner .banner-text h2 {
    font-size: 35px;
    color: #fff;
    background-color: #333;
    background-color: rgba(23, 23, 23, .9);
    padding: 5px 10px;
    display: inline-block;
    line-height: 1
}

.category-boxed-banner .banner-text p {
    font-size: 16px;
    font-weight: 300;
    background-color: #666;
    background-color: rgba(23, 23, 23, .65);
    padding: 7px 12px;
    line-height: 1.4
}

.category-boxed-banner .banner-text a.shop-now {
    margin-left: 20px;
    font-size: 16px;
}

.category-image {
    width: 100%;
    overflow: hidden;
    margin: 0 0 30px;
    text-align: center
}

.category-image img {
    width: 100%
}

.category-description {
    margin: 0 0 15px
}

.category-products {
}

.category-products .products-grid {
    margin-left: -10px;
    margin-right: -10px;
    list-style: none
}

.category-products .products-grid li.item {
    float: left;
    padding: 10px;
    padding-bottom: 0 !important
}

.category-products .products-grid li.item .item-area {
    width: 100%;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 7px;
}

.category-products .products-grid li.item .product-image {
    width: 100%;
    display: block;
    position: relative;
    z-index: 0;
    overflow: hidden;
    border-radius: 3px;
    background: #fff;
    min-height: 100px
}

.category-products li.item .product-image img {
    width: 100%;
    transition: all 0.3s
}

.category-products li.item .product-image img.defaultImage {
    opacity: 1;
    filter: alpha(opacity=100)
}

.category-products li.item .product-image img.hoverImage {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.category-products li.item .product-image-area:hover .product-image img.defaultImage {
    opacity: 0;
    filter: alpha(opacity=0)
}

.category-products li.item .product-image-area:hover .product-image img.hoverImage {
    opacity: 1;
    filter: alpha(opacity=100)
}

.category-products .products-grid li.item .details-area {
    padding: 10px;
    text-align: center
}

.category-products .products-grid li.item .details-area .product-name {
    margin: 0 0 3px 0
}

.category-products .products-grid li.item .details-area .product-name a {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.col-main.filter-products .product-name a {
    color: #fff
}

.col-main.filter-products li.item:hover .details-area .product-name a {
    color: #646464
}

.col-main.filter-products .price-box .price {
    color: #fff
}

.col-main.filter-products li.item:hover .price-box .price {
    color: #08c
}

.col-main.filter-products li.item:hover .price-box .old-price .price {
    color: #a0a09f
}

.category-products .products-grid li.item .details-area .ratings .amount {
    display: none
}

.item .item-area .details-area .ratings .amount {
    display: none
}

a.addtocart, .main .col-main .category-products .products-list li.item .details-area .actions a.addtocart {
    color: #333;
    background-color: #fe24de;
    font-size: 14px;
    padding: 0 10px 0 5px;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    font-size: 0;
    width: 50px
}

.icon-cart:before {
    content: "";
}

.addtocart {
    background: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/images/ico_cart.jpg) no-repeat center center;
    background-size: 60%;
}

.item:hover .details-area .actions a.addtocart {
    background-color: #fe24de !important;
    border-color: #fff !important
}

a.addtocart.outofstock {
    padding: 0 10px;
    cursor: default
}

a.addtocart i.icon-cart {
    font-size: 15px
}

a.addtocart:hover {
    text-decoration: none
}

a.addtowishlist {
    color: #fff;
    background-color: transparent;
    font-size: 17px;
    display: inline-block;
    height: 32px;
    width: 32px;
    line-height: 32px;
    border: 1px solid #aaaaaa;
    border-radius: 5px;
    text-align: center;
    background: url("https://www.dermofarma.es/skin/frontend/smartwave/porto/images/ico_wishlist.jpg") no-repeat center center;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 11
}

.icon-wishlist:before {
    content: "";
}

a.addtowishlist:hover {
    color: #ed4949
}

a.comparelink {
    color: #52b9b5;
    background-color: transparent;
    font-size: 17px;
    display: inline-block;
    height: 32px;
    width: 32px;
    line-height: 32px;
    border: 1px solid #52b9b5;
    border-radius: 5px;
    text-align: center
}

a.comparelink:hover {
    color: #52b9b5
}


.item .details-area .actions a {
    margin: 10px 1px;
    vertical-align: middle;
    visibility: hidden;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.category-products ol.products-list .item .details-area .actions a {
    visibility: visible;
    opacity: 1;
    filter: Alpha(Opacity=100);
    position: static !important;
}

.item .details-area .actions a.addtowishlist {
    position: relative;
    right: -37px
}

.item:hover .details-area .actions a.addtowishlist {
    visibility: visible;
    opacity: 1;
    filter: Alpha(Opacity=100);
    right: 0
}

.item .details-area .actions a.comparelink {
    position: relative;
    left: -37px
}

.item:hover .details-area .actions a.comparelink {
    visibility: visible;
    opacity: 1;
    filter: Alpha(Opacity=100);
    left: 0
}

.item .details-area .actions a.addtocart {
    visibility: visible;
    opacity: 1;
    filter: Alpha(Opacity=100);
}

.item .details-area .actions a.addtocart.outofstock {
    background: transparent none;
    font-size: 12px;
    width: auto;
}

.item .details-area .actions a.addtocart:not(.outofstock):hover {
    border: 2px solid #fff;
}

.item:hover .details-area .actions a.addtocart, .category-products .products-list li.item .details-area .actions a.addtocart {
    border-color: #08c;
    color: #fff;
    background-color: #08c
}

.item:hover .details-area .actions a.addtocart.outofstock, .category-products .products-list li.item .details-area .actions a.addtocart.outofstock {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
    background-image: none;
}

.details-area .actions a:hover {
    opacity: 0.8;
    filter: Alpha(Opacity=80)
}

.hide-addtolinks .item .details-area .actions a.addtowishlist, .hide-addtolinks .item .details-area .actions a.comparelink, .hide-addtocart .item .details-area .actions a.addtocart, .hide-addtolinks .item .product-image-area .actions a.addtowishlist, .hide-addtolinks .item .product-image-area .actions a.comparelink, .hide-addtocart .item .product-image-area .actions a.addtocart {
    display: none
}

.category-products .products-grid li.item .details-area .compare-area {
    padding: 10px 0;
    border-top: 1px solid #f7f7f7
}

.category-products .products-grid li.item .details-area .compare-area .comparelink {
    font-size: 12px;
    float: right
}

.category-products .products-grid li.item .details-area .compare-area .ratings {
    float: left;
    margin: 2px 0
}

.category-products .products-grid.columns2 li.item {
    width: 50%
}

.category-products .products-grid.columns2 li.item.nth-child-2np1 {
    clear: left
}

.category-products .products-grid.columns3 li.item {
    width: 33.33%
}
.featured_products.products-grid li.item{min-width: 20%;}
.catalog-product-view .category-products .products-grid.columns3 li.item, .featured_products.products-grid .owl-item li.item, #block-related.products-grid.columns3 li.item {
    width: 100%;
}

.category-products .products-grid.columns3 li.item.nth-child-3np1 {
    clear: left
}

.category-products .products-grid.columns4 {
    margin-left: -10px;
    margin-right: -10px
}

.category-products .products-grid.columns4 li.item {
    float: left;
    padding: 10px
}

#slideshow .category-products .products-grid.columns4 li.item:hover {
    padding: 20px 10px
}

.category-products .products-grid.columns4 li.item {
    width: 25%
}

.category-products .products-grid.columns4 li.item.nth-child-4np1 {
    clear: left
}

.category-products .products-grid.columns5 {
    margin-left: -5px;
    margin-right: -5px
}

.category-products .products-grid.columns5 li.item {
    float: left;
    padding: 10px 5px
}

.category-products .products-grid.columns5 li.item {
    width: 20%
}

.category-products .products-grid.columns5 li.item.nth-child-5np1 {
    clear: left
}

.category-products .products-grid.columns6 {
    margin-left: -4px;
    margin-right: -4px
}

.category-products .products-grid.columns6 li.item {
    float: left;
    padding: 10px 4px
}

.category-products .products-grid.columns6 li.item {
    width: 16.66%
}

.category-products .products-grid.columns6 li.item.nth-child-6np1 {
    clear: left
}

.category-products .products-grid.columns7 {
    margin-left: -3px;
    margin-right: -3px
}

.category-products .products-grid.columns7 li.item {
    float: left;
    padding: 10px 3px
}

.category-products .products-grid.columns7 li.item {
    width: 14.28%
}

.category-products .products-grid.columns7 li.item.nth-child-7np1 {
    clear: left
}

.category-products .products-grid.columns8 {
    margin-left: -3px;
    margin-right: -3px
}

.category-products .products-grid.columns8 li.item {
    float: left;
    padding: 10px 3px
}

.category-products .products-grid.columns8 li.item {
    width: 12.5%
}

.category-products .products-grid.columns8 li.item.nth-child-8np1 {
    clear: left
}

.category-products .products-list {
    margin: 0 -10px
}

.category-products .products-list li.item {
    width: 100%;
    padding: 10px
}

.category-products .products-list li.item:hover {
}

.category-products .products-list li.item .item-area {
    width: 100%;
    position: relative
}

.products-list .product-image-area {
    width: 20%;
    float: left
}

.products-list .product-image-area img {
    width: 100%;
    transition: all ease-in 400ms;
    transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%
}

.products-list .details-area {
    width: 80%;
    float: left;
    padding: 0 20px
}

.products-list .details-area .product-name {
    font-size: 18px;
    line-height: 1
}

.products-list .details-area .product-name a {
    color: #666
}

.products-list .details-area .action-area {
    margin-top: 15px
}

.products-list .details-area .price-box {
    margin: 5px 0
}

.products-list .details-area .short-desc {
    font-size: 14px;
    line-height: 1.5;
    color: #777
}

.products-list .details-area .actions {
    display: block;
    margin: 0
}

.products-grid .ratings {
    margin: 5px 0 10px
}

.products-list .ratings {
    background: none;
    margin: 10px 0
}

.products-list .ratings .amount {
    display: none
}

.product-image-area {
    position: relative;
    background: #fff;
    overflow: hidden;
    padding: 3px;
    z-index: 0
}

.product-labels {
    position: absolute;
    width: 100px;
    top: 0px;
    z-index: 3;
    left: 0;
    margin: 16px;
}

.catalog-product-view .product-img-box .product-labels {
    left: initial;
    right: 0px;
}

.product-label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    margin-bottom: 5px
}

.product-label span {
    position: relative;
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 6px;
    font-family: 'Museo';
    text-transform: lowercase;
}

.products-list .product-label span {
    font-size: 0.8rem
}

.products-list span.sale-product-icon {
    font-size: 0.9rem;
    padding: 10px 0
}

span.sale-product-icon {
    background-color: #00e143;
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    padding: 20px 0;
    max-width:60px;
}
.product-labels .bf{
    background-color: #000;
    color:#fff;
    display:block!important;
    text-align:center;

}
span.new-product-icon {
    background-color: #009acc;
    display: block;
    text-align: center
}

span.gratis-product-icon {
    background-color: #00b3e2;
    display: block;
    text-align: center
}

.bottom_grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bottom_grid .old-price {
    display: block;
}

/* Product View ========================================================================== */
/* Rating */
.no-rating {
    margin-bottom: 20px
}

.manufacturer {
    font-weight: 600;
    color: #030303;
    font-size:17px;

}
.item .manufacturer{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* number of lines to show */
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
.catalog-product-view .product-name .manufacturer {
    font-size: 2rem;
    font-family: 'Museo';
}

.ratings {
    font-size: 11px;
    line-height: 1.25;
    margin: 3px 0;
    height: 14px
}

div.star-rating a {
    transition: initial
}

.block-related .ratings {
    background-image: none;
}

.product-view .product-essential .ratings {
    background: none;
    margin-bottom: 15px;
    height: 20px;
}

.product-view .product-essential .ratings .rating-box {
    width: 79px;
    height: 15px
}

.product-view .product-essential .ratings .rating-box .rating {
    height: 15px
}

.product-view .product-essential .ratings .rating-box:before {
    width: 79px;
    height: 15px;
    font-size: 13px;
    line-height: 15px
}

.product-view .product-essential .ratings .rating-box .rating:before {
    width: 79px;
    height: 15px;
    font-size: 13px;
    line-height: 15px
}

.ratings strong {
    float: left;
    margin: 1px 3px 0 0
}

.ratings .rating-links {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px
}

.ratings .rating-links > a, .no-rating a {
    line-height: 20px;
    font-size: 14px;
    color: #bdbdbd
}

.ratings .rating-links .separator {
    margin: 0 5px;
    vertical-align: top;
    line-height: 17px;
    color: #777
}

.ratings dt {
}

.ratings dd {
}

.rating-box {
    width: 69px;
    height: 11px;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    overflow: hidden;
    position: relative
}

.rating-box:before {
    font-family: "porto";
    content: "\e852\20\e852\20\e852\20\e852\20\e852";
    width: 69px;
    height: 11px;
    color: #c3c5c9;
    display: block;
    font-size: 11px;
    line-height: 11px
}

.rating-box .rating {
    float: left;
    height: 11px;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden
}

.rating-box .rating:before {
    font-family: "porto";
    content: "\e852\20\e852\20\e852\20\e852\20\e852";
    width: 69px;
    height: 11px;
    color: #ffc600;
    display: block;
    font-size: 11px;
    line-height: 11px
}

.ratings .rating-box {
    display: inline-block;
    vertical-align: middle
}

.ratings .amount {
}

.ratings-table {
    margin: 20px 0 40px;
    border: 1px solid #ddd
}

.ratings-table th,
.ratings-table td {
    font-size: 13px;
    line-height: 1.15;
    padding: 3px 0
}

.ratings-table th {
    font-weight: bold;
    padding-right: 8px
}

.ratings-table.data-table thead th {
    font-size: 11px;
    padding: 0 15px
}

.ratings-table.data-table input.radio {
    margin: 0
}

.ratings-table.data-table .nobr {
    display: block;
    line-height: 20px;
    font-weight: 600
}

/* Block:Reviews */
.product-view #product-customer-reviews {
    margin-top: -20px
}

.product-view #product-customer-reviews li {
    border-bottom: 1px solid #eee;
    padding: 20px 0 10px
}

.avatar-image {
    float: left
}

.review-area {
    line-height: 25px;
    margin-left: 80px
}

.review-area .review-title {
    font-size: 18px
}

.review-area .review-by {
    font-style: italic;
    font-size: 12px;
    color: #ccc
}

.review-area .review-by b {
    color: #08c;
    font-weight: normal
}

.review-area .ratings-list {
    margin-bottom: 5px
}

.review-area .ratings-list .rating-item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.review-area .ratings-list .label {
    vertical-align: middle;
    font-size: 12px;
    padding: 0 5px 0 0;
    font-weight: normal
}

.review-area .ratings-list .rating-box {
    display: inline-block;
    vertical-align: middle
}

.add-review {
    padding-top: 15px
}

.add-review h3 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 15px
}

.add-review h4 {
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 10px
}

.add-review span.rating-type {
    font-weight: normal;
    font-size: 13px
}

.add-review .rating-block {
    margin-bottom: 10px
}

.add-review .form-list textarea {
}

/* Availability */
.availability {
    margin: 0
}

.availability span {
    font-weight: bold
}

.availability.in-stock span {
}

.availability.out-of-stock span {
    color: #d83820
}

.availability-only {
    margin: 10px 0;
    line-height: 16px;
    background: transparent;
    padding-left: 0
}

.availability-only span, .availability-only a {
    border-bottom: 1px dashed #08c;
    color: #000
}

.availability-only a {
    cursor: pointer;
    text-decoration: none
}

.availability-only strong {
    color: #08c
}

.availability-only-details {
    margin: 0 0 10px;
    border: 1px solid #ccc;
}

.availability-only-details th {
    background: #f5f5f5;
    font-size: 13px;
    padding: 5px 10px;
    border-bottom: 1px solid #ccc;
}

.availability-only-details td {
    background: #fff;
    border-bottom: 1px solid #ccc;
    font-size: 13px;
    padding: 5px 10px
}

.availability-only-details tr.odd td.last {
    color: inherit;
    font-weight: 400
}

.product-view .product-shop .availability {
    font-size: 11px
}

.product-view .product-shop .availability span {
    font-weight: normal;
    margin-left: 5px;
    color: #009acc
}

/* Email to a Friend */
.email-friend {
    margin: 0
}

/* Alerts */
.alert-price {
    margin: 0;
    font-size: 11px
}

.alert-stock {
    margin: 0;
    font-size: 11px
}

/********** <Product Prices */
.price {
    white-space: nowrap !important
}

.price-box {
    margin: 10px 0 5px
}

.price-box .price {
    font-weight: 600;
    color: #444;
    font-family: 'Museo';
}

.price-box a {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px
}

/* Regular price */
.regular-price {
    color: #444
}

.regular-price .price {
    font-weight: 600;
    font-size: 20px;
    color: #444;
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

/* Old price */
.old-price {
    margin: 0;
    display: inline-block;
    vertical-align: middle
}

.std .price-box p {
    margin: 0
}

.old-price .price-label {
    white-space: nowrap;
    display: none
}

.old-price .price {
    color: #999;
    text-decoration: line-through;
    font-size: 14px;
    vertical-align: middle
}

/* Special price */
.special-price {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.special-price .price-label {
    font-size: 13px;
    font-weight: bold;
    white-space: nowrap;
    display: none
}

.special-price .price {
    font-size: 20px
}

/* Minimal price (as low as) */
.minimal-price {
    margin: 0
}

.minimal-price .price-label {
    font-weight: normal;
    white-space: nowrap
}

.minimal-price-link {
    display: inline-block;
    vertical-align: middle
}

.minimal-price-link .label {
    color: #ccc;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    font-weight: normal;
    padding: 0 0 0 10px
}

.minimal-price-link .price {
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px
}

/* Excluding tax */
.price-excluding-tax {
    display: inline-block;
    color: #999
}

.price-excluding-tax .label {
    white-space: nowrap;
    color: #999
}

.price-excluding-tax .price {
    font-size: 13px;
    font-weight: normal;
    color: #08c
}

/* Including tax */
.price-including-tax {
    display: inline-block;
    color: #999
}

.price-including-tax .label {
    white-space: nowrap;
    color: #999
}

.price-including-tax .price {
    font-size: 13px;
    font-weight: bold;
    color: #08c
}

/* Configured price */
.configured-price {
    margin: 0
}

.configured-price .price-label {
    font-weight: bold;
    white-space: nowrap
}

.configured-price .price {
    font-weight: bold
}

/* FPT */
.weee {
    display: inline-block;
    font-size: 11px;
    color: #444
}

.weee .price {
    font-size: 11px;
    font-weight: normal
}

/* Excl tax (for order tables) */
.price-excl-tax {
    display: inline-block
}

.price-excl-tax .label {
    display: inline-block;
    white-space: nowrap
}

.price-excl-tax .price {
    display: inline-block
}

/* Incl tax (for order tables) */
.price-incl-tax {
    display: block
}

.price-incl-tax .label {
    display: block;
    white-space: nowrap
}

.price-incl-tax .price {
    display: block;
    font-weight: bold
}

/* Price range */
.price-from {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px
}

.price-from .price-label {
    font-weight: bold;
    white-space: nowrap;
    display: none
}

.price-to {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px
}

.price-to:before {
    content: "-";
    color: #444;
    font-weight: bold
}

.price-to .price-label {
    font-weight: bold;
    white-space: nowrap;
    display: none
}

/* Price notice next to the options */
.price-notice {
    padding-left: 10px;
    color: #999
}

.price-notice .price {
    font-weight: bold;
    color: #2f2f2f
}

/* Price as configured */
.price-as-configured {
    margin: 0
}

.price-as-configured .price-label {
    font-weight: bold;
    white-space: nowrap
}

.price-box-bundle {
    padding: 0 0 10px 0
}

.price-box-bundle .price-box {
    margin: 0 !important;
    padding: 0 !important
}

.price-box-bundle .price {
    color: #555
}

/********** Product Prices >*/
/* Tier Prices */
.product-pricing,
.tier-prices {
    margin: 10px 0;
    padding: 10px;
    background-color: #f4f7f7;
    border: 1px solid #dadddd;
    color: #424242
}

.tier-prices li {
    line-height: 1.4;
    padding: 2px 0
}

.tier-prices .benefit {
    font-style: italic;
    font-weight: bold;
    color: #2f2f2f
}

.tier-prices .price {
    font-weight: bold;
    color: #2f2f2f
}

.tier-prices-grouped li {
    padding: 2px 0;
    color: #e26703
}

.tier-prices-grouped li .price {
    font-weight: bold
}

/* Add to Links */
.add-to-links {
    font-size: 11px;
    margin: 5px 0 0
}

.add-to-links .separator {
    display: none
}

/* Add to Cart */
.add-to-cart label {
    float: left;
    margin-right: 5px;
    font-weight: bold;
    color: #666;
    display: none
}

.add-to-cart .qty {
    margin-right: 2px;
    display: inline-block;
    vertical-align: middle;
    height: 38px;
    width: 35px !important;
    font-size: 14px;
    text-align: center;
    color: #030303 !important;
    border-color: #fff;
    font-weight: bold
}

.add-to-cart button.button {
    display: inline-block;
    height: 38px;
    width: 50px;
    vertical-align: middle;
}

.add-to-cart button.button span {
    height: 38px;
    line-height: 38px;
    font-weight: normal;
    font-size: 14px;
    border-radius: 5px;
    padding: 0;
    background-color: #fe24de
}

.add-to-cart button.button span span {
    background: #fe24de url(https://www.dermofarma.es/skin/frontend/smartwave/porto/images/ico_cart.jpg) no-repeat center center;
    font-size: 0;
    background-size: 60%
}

.add-to-cart button.button span i {
    margin-right: 10px
}

.add-to-cart .paypal-logo {
    clear: left;
    margin: 0;
    text-align: left
}

.add-to-cart .paypal-logo .paypal-or {
    clear: both;
    display: block;
    margin: 5px 60px 5px 60px
}

.product-view .add-to-cart .paypal-logo {
    margin: 0
}

.bml-checkout-type {
    list-style: none
}

.bml-checkout-type .bml_button {
    width: 150px;
    display: inline-table
}

/* Add to Links+Add to Cart */
.add-to-box {
    padding: 0 0 20px 0;
    margin-top: 20px;
    border-bottom: 1px solid #ebebeb
}

.catalog-product-view .add-to-box {
    margin-top: 0;
}

.col1-layout .product-options-bottom, .col1-layout .add-to-box {
    float: left;
    width: 350px;
    border: 0;
}

.add-to-box .add-to-cart {
    float: left
}

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

.add-to-box .add-to-links {
    float: left;
    margin: 0;
    font-size: 12px !important;
    line-height: 1.25 !important;
    text-align: left !important
}

.add-to-box .add-to-links li .separator {
    display: none !important
}

.product-view {
}

.product-essential {
}

.product-essential h2 {
}

.product-tabs {
    border-left: solid 1px #b5e9f6;
}

.product-collateral {
    position: relative;
    margin-top: 50px
}

.product-collateral h2 {
}

.product-collateral .box-collateral {
    margin: 0 0 25px
}

.product-tabs > ul {
    position: relative;
    bottom: -1px
}

.product-tabs > ul li {
    float: left;
    margin-right: 1px;
}

.product-tabs.horizontal > ul li a {
    display: inline-block;
    padding: 10px 15px;
    color: #848585;
    font-size: 20px;
    line-height: 1;
    font-family: 'Museo';
}

.product-tabs.vertical > ul li a {
    display: block
}

.product-tabs > ul li.active a {
}

.product-tabs.horizontal > ul li.active a {
    color: #009acc
}

.product-tabs .tab-content {
    padding: 37px 15px 0 15px;
    min-height: 200px;
}

.product-tabs .tab-content > h2 {
    display: none
}

.box-tags > h2 {
    display: none
}

/* Product Images */
li.etalage_small_thumbs {
    margin-top: 8px;
    top: 100%
}

.etalage.vertical li.etalage_small_thumbs {
    margin-top: 0
}

.product-view .product-img-box {
    margin-bottom: 150px;
    border-right: solid 1px #b5e9f6
}

.product-view .product_info_block {
    border-right: solid 1px #b5e9f6
}

.product-view .product-img-box img.zoomImg {
    background-color: #fff;
    z-index: 2
}

.product-view .product-img-box li.etalage_thumb, .product-view .product-img-box li.etalage_small_thumbs li {
    padding: 3px;
    background: #fff;
    max-width: 100%
}

.product-view .product-img-box .etalage_small_thumbs li {
    cursor: pointer;
    margin-top: 10px
}

.product-view .product-img-box .etalage-control {
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    top: 50%;
    margin-top: -20px;
    visibility: hidden;
    transition: all 0.3s;
    z-index: 2
}

.product-view .product-img-box:hover .etalage-control {
    visibility: visible
}

.product-view .product-img-box .etalage-control a {
    display: block;
    position: absolute;
    font-size: 40px;
    left: auto;
    right: auto;
    top: 0
}

.product-view .product-img-box .etalage-control a.etalage-prev {
    margin: 0;
    left: 0;
    top: 0
}

.product-view .product-img-box .etalage.vertical + .etalage-control a.etalage-prev {
    left: 20%
}

.product-view .product-img-box .etalage-control a.etalage-next {
    margin: 0;
    right: 0;
    top: 0
}

.product-view .product-img-box a.fancy-images {
    display: none
}

.product-view .product-img-box .etalage a.fancy-images {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 99;
    display: none
}

.product-view .product-img-box .etalage .etalage_thumb_active a.fancy-images {
    display: block
}

.col3-layout .product-view .product-img-box {
    float: none;
    margin: 0 auto
}

.product-view .product-img-box .product-image {
    margin: 0 0 13px
}

.product-view .product-img-box .product-image-zoom {
    position: relative;
    width: 265px;
    height: 265px;
    overflow: hidden;
    z-index: 9
}

.product-view .product-img-box .product-image-zoom img {
    position: absolute;
    left: 0;
    top: 0;
    cursor: move
}

.product-view .product-img-box .zoom-notice {
    font-size: 11px;
    margin: 0 0 5px;
    text-align: center
}

.product-view .product-img-box .zoom {
    position: relative;
    z-index: 9;
    height: 18px;
    margin: 0 auto 13px;
    padding: 0 28px;
    background: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/images/slider_bg.gif) 50% 50% no-repeat;
    cursor: pointer
}

.product-view .product-img-box .zoom.disabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    opacity: .3
}

.product-view .product-img-box .zoom #track {
    position: relative;
    height: 18px
}

.product-view .product-img-box .zoom #handle {
    position: absolute;
    left: 0;
    top: -1px;
    width: 9px;
    height: 22px;
    background: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/images/magnifier_handle.gif) 0 0 no-repeat
}

.product-view .product-img-box .zoom .btn-zoom-out {
    position: absolute;
    left: 2px;
    top: 0
}

.product-view .product-img-box .zoom .btn-zoom-in {
    position: absolute;
    right: 2px;
    top: 0
}

.product-view .product-img-box .more-views h2 {
    font-size: 11px;
    border-bottom: 1px solid #ccc;
    margin: 0 0 8px;
    text-transform: uppercase
}

.product-view .product-img-box .more-views ul {
    margin-left: -9px
}

.product-view .product-img-box .more-views li {
    float: left;
    margin: 0 0 8px 9px
}

.product-view .product-img-box .more-views li a {
    float: left;
    width: 56px;
    height: 56px;
    border: 2px solid #ddd;
    overflow: hidden
}

.product-image-popup {
    margin: 0 auto
}

.product-image-popup .buttons-set {
    float: right;
    clear: none;
    border: 0;
    margin: 0;
    padding: 0
}

.product-image-popup .nav {
    font-weight: bold;
    margin: 0 100px;
    text-align: center
}

.product-image-popup .image {
    display: block;
    margin: 10px 0
}

.product-image-popup .image-label {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 10px;
    color: #2f2f2f
}

/* Product Shop */
.product-view .product-shop {
}

.product-view .product-name {
    margin: 0 28px 5px 0
}

.product-view .product-name h1 {
    margin: 15px 0;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1;
    color: #575858
}

.product-view .product-shop .availability {
    margin: 0 0 10px 0;
    font-size: 14px;
    color: #777;
    font-weight: 600
}

.product-view .product-shop .short-description {
    padding: 5px 0 20px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    margin-top: 30px;
}

.product-view .product-shop .short-description h2 {
    display: none
}

.product-view .product-shop .price-box {
    margin: 0 0 20px 0;
    display: flex;
    flex-direction: column-reverse;
}

.product-view .product-shop .price-box .regular-price .price {
    font-size: 1.8rem;
    color: #030303 !important
}

.product-view .product-shop .price-box .old-price {
    vertical-align: bottom
}

.product-view .product-shop .price-box .old-price .price {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
}

.col-main .product-view .product-shop .price-box .special-price .price {
    font-size: 33px;
    color: #08c;
    line-height: 1;
    color: #030303;
}

.product-view .add-to-links {
    margin: 3px 0;
    padding: 0;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    float: right
}

.product-view .add-to-links li,
.product-view .add-to-links li .separator {
    display: inline
}

.product-view .add-to-links a {
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    width: 32px;
    height: 32px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    margin-left: 8px
}

.product-view .add-to-links a:hover {
    opacity: .9;
    filter: Alpha(Opacity=90)
}

.product-view .product-info {
    padding-bottom: 20px;
    margin-top: 20px;
}

.col1-layout .product-view .product-info {
}

.data-table.grouped-items-table {
    margin-bottom: 20px
}

.data-table.grouped-items-table th, .data-table.grouped-items-table td {
    padding: 10px 20px
}

.product-view .product-shop .grouped-items-table .price-box .price {
    font-size: 18px
}

.product-view .product-shop .grouped-items-table .price-box .old-price .price {
    font-size: 14px
}

/* Product Options */
.product-options {
    margin: 20px 0 0;
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb
}

.col1-layout .product-options {
    float: left;
    width: 50%;
    border: 0
}

.col1-layout .product-view .product-options + div.clearer, .col1-layout .product-view .product-info + div.clearer {
}

.product-options dl {
    margin: 0;
    margin-bottom: -20px
}

.product-options dt {
    padding: 0 0 10px 0;
    font-weight: normal
}

.product-options dt label {
    font-weight: bold;
    color: #777;
    font-size: 14px
}

.product-options dt label.required em {
    color: #eb340a
}

.product-options dd .qty-holder {
    display: block;
    padding: 10px 0 0
}

.product-options dd .qty-holder label {
    vertical-align: middle
}

.product-options dt .qty-disabled {
    background: none;
    border: 0;
    padding: 3px;
    color: #2f2f2f
}

.product-options dd {
    margin: 0 0 20px;
}

.product-options dd input.input-text {
    width: 98%
}

.product-options dd input.datetime-picker {
    width: 150px
}

.product-options dd .time-picker {
    display: -moz-inline-box;
    display: inline-block;
    padding: 2px 0;
    vertical-align: middle
}

.product-options dd textarea {
    width: 98%;
    height: 8em
}

.product-options dd select {
    width: 100%
}

.product-options dd .multiselect option {
    border-bottom: 1px dotted #d9e5ee;
    padding: 2px 4px
}

.product-options ul.options-list {
    margin-right: 5px
}

.product-options ul.options-list li {
    line-height: 1.5;
    padding: 2px 0
}

.product-options ul.options-list input.radio {
    float: left;
    margin-top: 3px
}

.product-options ul.options-list input.checkbox {
    float: left;
    margin-top: 3px
}

.product-options ul.options-list .label {
    display: block;
    margin-left: 18px
}

.product-options ul.options-list label {
    font-weight: normal
}

.product-options ul.validation-failed {
    padding: 0 7px
}

.product-options p.note {
    margin: 0;
    font-size: 11px
}

.product-options p.required {
    display: none
}

.product-options-bottom {
}

.product-options-bottom .product-pricing,
.product-options-bottom .tier-prices {
    margin: 0;
    padding: 0 0 10px;
    border: 0;
    background: 0;
    color: #e26703
}

.product-options-bottom .tier-prices li {
    background: 0;
    padding: 2px 0
}

.product-options-bottom .tier-prices .price,
.product-options-bottom .tier-prices .benefit {
    color: #e26703
}

.product-options-bottom .price-box {
    float: left;
    margin: 0;
    padding: 0
}

.product-options-bottom .add-to-links {
    clear: both;
    padding: 5px 0 0;
    text-align: left
}

.col3-layout .product-options-bottom .price-box {
    float: none;
    padding: 0 0 5px
}

.product-options-bottom .price-label {
    float: left;
    padding-right: 5px
}

.product-options-bottom .price-tax {
    float: left
}

.product-options-bottom .add-to-cart {
    display: inline-block;
    vertical-align: middle
}

.product-options-bottom {
    padding: 0 0 20px 0;
    margin-top: 20px;
    border-bottom: 1px solid #ebebeb
}

.product-options-bottom .price-box {
    float: none;
    margin: 0 0 5px;
    display: none
}

.product-options-bottom .price-label {
    float: none;
    padding-right: 0
}

.product-options-bottom .price-tax {
    float: none
}

.product-options-bottom .add-to-cart-box {
    clear: both;
    float: left;
    padding-top: 12px
}

.product-options-bottom .add-to-links {
    padding: 0;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    float: right;
    margin: 3px 0
}

.product-options-bottom .add-to-links li:first-child a {
    margin-left: 0
}

.qty-holder {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    border: solid 1px #030303;
    padding: 0 5px
}

.qty-changer {
    display: inline-block;
    vertical-align: middle
}

.qty-changer > a {
    width: 16px;
    height: 16px;
    display: block;
    color: #030303;
    line-height: 14px;
    text-align: center;
    margin-bottom: 0px;
    border-radius: 3px;
    font-size: 20px;
    background-color: #fff
}

.qty-changer > a:hover {
    text-decoration: none;
}

/* Grouped Product */
.product-view .grouped-items-table .price-box {
    margin: 0;
    padding: 0
}

/* Block:Description */
.product-view .box-description {
}

/* Block:Additional */
.product-view .box-additional .data-table th,
.product-view .box-additional .data-table td {
    line-height: 1.25
}

/* Block:Upsell */
.product-view .box-up-sell {
    margin-top: 50px
}

.product-view .box-up-sell > h2 {
    border-bottom: 0;
    padding: 0;
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 700;
    color: #313131;
    text-transform: uppercase;
    background: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/images/bkg_3.png) right center no-repeat
}

.product-view .box-up-sell > h2 span {
    padding-right: 20px;
    background-color: #fff
}

.product-view .box-up-sell .products-grid {
}

/* Block:Tags */
.product-view .box-tags {
    margin: 0
}

.product-view .box-tags h3 {
    font-size: 13px
}

.product-view .box-tags .product-tags {
    display: block;
    margin: 0 0 15px
}

.product-view .box-tags .product-tags li {
    display: inline;
    background: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/images/bkg_pipe3.gif) 100% 4px no-repeat;
    padding: 0 7px 0 4px
}

.product-view .box-tags .product-tags li.first {
    padding-left: 0
}

.product-view .box-tags .product-tags li.last {
    background: none;
    padding-right: 0
}

.product-view .box-tags .form-add label {
    display: block;
    font-size: 18px;
    margin: 0 0 20px
}

.product-view .box-tags .form-add .input-box {
    float: left;
    margin-right: 10px
}

.product-view .box-tags .form-add input.input-text {
    width: 250px;
    height: 38px;
    padding: 10px
}

.product-view .box-tags .note {
    margin: 20px 0 0
}

/* Block:Reviews */
.product-view .box-reviews dl {
    margin: 15px 0
}

.product-view .box-reviews dt a,
.product-view .box-reviews dt span {
    font-weight: bold
}

.product-view .box-reviews dd {
    margin: 0 0 15px
}

.product-view .box-reviews dd small {
    font-style: italic
}

.product-view .box-reviews .form-add {
    margin: 15px 0 0
}

.product-view .box-reviews .form-add h3 {
    font-size: 13px;
    font-weight: normal
}

.product-view .box-reviews .form-add h3 span {
    font-weight: bold
}

.product-view .box-reviews .form-add h4 {
    font-size: 12px
}

.product-view .box-reviews .form-add .data-table td {
    text-align: center
}

.product-view .box-reviews .form-add .form-list {
    margin: 15px 0 0
}

.product-view .box-reviews .form-add .form-list .input-box {
    width: 360px
}

.product-view .box-reviews .form-add .form-list input.input-text,
.product-view .box-reviews .form-add .form-list textarea {
    width: 354px
}

/* Send a Friend */
.send-friend .form-list {
    width: 615px;
    overflow: hidden
}

.send-friend .form-list li {
    margin-right: -15px
}

.send-friend .form-list li p {
    margin: 0 15px 0 0
}

.send-friend .form-list .field {
    width: 315px
}

.send-friend .form-list .input-box {
    width: 300px
}

.send-friend .form-list input.input-text,
.send-friend .form-list textarea {
    width: 294px
}

.send-friend .form-list li.wide .input-box {
    width: 612px
}

.send-friend .form-list li.wide textarea {
    width: 609px
}

.send-friend .buttons-set .limit {
    float: right;
    margin: 0 7px 0 0;
    font-size: 11px;
    line-height: 21px
}

/* Content Styles ================================================================= */
.product-name {
    margin: 10px 0;
    font-size: 1em;
    font-weight: normal
}

.product-name a {
    color: #777
}

.product-name a:hover {
    text-decoration: none
}

/* Product Tags */
.tags-list {
    display: block;
    font-size: 16px;
    padding: 10px 0
}

.tags-list li {
    display: inline !important;
    margin: 0 4px 0 0
}

/* Advanced Search */
.advanced-search .form-list label {
    width: 160px;
    padding-right: 10px;
    float: none
}

.advanced-search .form-list .input-box,
.advanced-search .form-list .input-range {
}

.advanced-search .form-list select {
    height: 80px
}

.advanced-search-amount {
    margin: 0 0 10px
}

.advanced-search-summary {
    margin: 10px 0;
    border: 1px solid #d6e9c6;
    background: #dff0d8;
    padding: 10px;
    color: #3c763d;
    border-radius: 3px
}

.advanced-search-summary ul {
    float: left;
    width: 49%
}

.advanced-search-summary strong {
}

.advanced-search-summary p {
    clear: both;
    font-weight: bold;
    margin: 0
}

/* CMS Home Page */
.cms-home .subtitle {
}

.cms-index-index .subtitle {
}

/* Sitemap */
.page-sitemap .links {
    text-align: right;
    margin: 0 8px -22px 0
}

.page-sitemap .links a {
    text-decoration: none;
    position: relative
}

.page-sitemap .links a:hover {
    text-decoration: underline
}

.page-sitemap .sitemap {
    margin: 12px
}

.page-sitemap .sitemap a {
    color: #1b2d3b
}

.page-sitemap .sitemap li {
    margin: 3px 0
}

.page-sitemap .sitemap li.level-0 {
    margin: 10px 0 0;
    font-weight: bold
}

.page-sitemap .sitemap li.level-0 a {
    color: #1e7ec8
}

/* RSS */
.rss-title h1 {
    background: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/images/i_rss-big.png) 0 4px no-repeat;
    padding-left: 27px
}

.rss-table .link-rss {
    display: block;
    line-height: 1.55;
    background-position: 0 4px
}

/* Shopping Cart ========================================================================= */
.cart .page-title {
    border-bottom: 0;
    margin: 0 0 12px
}

.cart .page-title h1 {
    margin: 0 0 20px;
    font-weight: 600
}

/* Checkout Types */
.cart .page-title .checkout-types li {
    margin: 0 0 5px
}

.cart .title-buttons .checkout-types {
    float: right
}

.cart .title-buttons .checkout-types li {
    float: left;
    margin: 0 0 5px 5px
}

.cart .checkout-types .paypal-or {
    margin: 0 8px;
    line-height: 2.3;
    vertical-align: top
}

.cart .checkout-types .bml_button {
    display: inline-table;
    width: 150px;
    margin: 0 0 5px
}

.cart .totals .checkout-types .paypal-or {
    clear: both;
    display: block;
    padding: 8px 55px 0 0;
    line-height: 1.0;
    font-size: 11px
}

/* Shopping Cart Table */
.cart .cart-table-wrap {
    display: block;
    padding: 30px;
    margin-bottom: 60px;
}

.cart-table thead tr {
    border-width: 0 0 1px
}

.cart-table thead th {
    background-color: transparent;
    text-transform: none
}

.cart-table td {
    padding: 10px;
    vertical-align: middle;
    font-size: 14px
}

.cart-table tbody th, .cart-table tbody td {
    border-right-width: 0
}

.cart-table td.last, .cart-table th.last {
    border-right-width: 0
}

.cart-table tbody td.pr-img-td {
    text-align: center;
    border-right: 0
}

.cart-table tbody tr {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
}

.cart-table tbody tr td {
    border-bottom: 2px solid #b5e9f6
}

.cart-table tfoot {
    border-bottom-width: 0
}

.cart-table tfoot tr.first td {
    border-width: 0
}

.cart-table td.product-name-td {
    color: #777;
    font-size: 14px
}

.cart-table td.product-name-td dl.item-options {
    margin: 0
}

.cart-table .product-name {
    margin: 0
}

.cart-table.data-table .product-name a {
    color: #646464
}

.cart-table .cart-price {
}

.cart-table td.td-total .cart-price {
    color: #08c
}

.cart-table .item-msg {
    margin: 5px 0;
    font-size: 11px;
    font-weight: bold;
    color: #df280a
}

.cart-table tfoot td {
    padding: 15px 5px 0
}

.cart-table .btn-continue {
    float: left
}

.cart-table .btn-empty span,
.cart-table .btn-continue span,
.cart-table .btn-update span {
}

.cart-table .btn-update,
.cart-table .btn-empty {
    float: right
}

.cart-table .btn-update {
    margin-left: 10px
}

.cart-table .action-td {
    padding: 15px 0
}

.cart-table .qty-holder {
    white-space: nowrap;
}

/* Shopping Cart Collateral boxes */
.cart .cart-collaterals {
    margin-bottom: 45px
}

.cart-collaterals > * {
    margin-bottom: 15px
}

.cart .cart-collaterals .col2-set {
    float: left;
    width: 605px
}

.cart .cart-collaterals .col2-set .col-2 {
    width: 294px
}

.cart .cart-collaterals h2 {
    padding: 10px 45px 10px 15px;
    margin: 0;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #009acc;
    position: relative;
    border-radius: 7px 7px 0 0;
    font-family: 'Museo';
}

.cart .crosssell {
}

.cart .crosssell h2 {
    font-size: 16px;
    color: #313131;
    font-weight: bold
}

.cart .crosssell .product-image {
    float: left;
    height: auto;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 2px;
    width: 90px
}

.cart .crosssell .product-details {
    margin-left: 105px
}

.cart .crosssell .product-name {
    margin: 5px 0 5px
}

.cart .crosssell li.item {
    margin: 12px 0
}

.cart .crosssell .link-compare {
    font-weight: normal
}

.cart .crosssell .price-box {
    margin: 5px 0 10px
}

.cart .crosssell button.button > span {
    border: 1px solid #ccc;
    background: #fff;
    padding: 0 12px
}

.cart .crosssell button.button:hover > span {
    border: 1px solid #08c;
    background: #08c
}

.cart .crosssell button.button span {
    color: #777;
    font-size: 12px;
    line-height: 25px;
    min-width: 0
}

.cart .crosssell button.button:hover span {
    color: #fff
}

.cart .crosssell .add-to-links {
    display: none
}

/* Discount Codes &Estimate Shipping and Tax Boxes */
.cart .discount, .cart .shipping {
    margin-bottom: 15px
}

.cart .discount .input-box {
    font-size: 13px;
}

.cart .shipping {
    padding: 10px 15px;
    background-color: #ccf0f9;
    border-radius: 10px;
}


.cart .discount h2.opened:before, .cart .shipping h2.opened:before {
    content: "\e80d"
}

.cart .discount h2:hover:before, .cart .shipping h2:hover:before {
    background: #08c;
    border-color: #08c;
    color: #fff
}

.cart .cart-collaterals h2 + * {
    padding: 15px;
    font-size: 13px;
}

.cart .discount p, .cart .shipping p {
    font-size: 14px
}

.cart .discount .form-list label, .cart .shipping .form-list label {
}

.cart .discount button span,
.cart .shipping button span {
}

.cart .discount .buttons-set,
.cart .shipping .buttons-set {
    margin: 10px 0 0;
    border: 0;
    padding: 0;
    text-align: left
}

.cart .discount .buttons-set button.button,
.cart .shipping .buttons-set button.button {
    float: right;
    margin-left: 0;
}

.cart .shipping h2 {
    color: #009acc;
    font-weight: 500;
    font-family: 'Museo';
}

.cart .shipping {
    color: #040404;
    font-weight: 600
}

.cart .discount h2 {
}

.cart .discount input.input-text {
    width: 100%
}

.cart .shipping .sp-methods {
    margin: 10px 0 0;
    padding: 5px 0 0
}

/* Shopping Cart Totals */
.cart .totals, #discount-coupon-form .discount, .envio_gratis {
    border-left: 2px solid #b5e9f6
}

.cart .totals table {
    width: 100%
}

.cart .totals tfoot tr {
    border-top: 1px solid #b5e9f6
}

.cart .totals td {
    padding: 10px;
    line-height: 1.4;
    font-size: 15px;
    font-weight: 300;
    text-align: left !important;
    color: #030303;
    font-weight: 500
}

.cart .totals .price {
    display: block;
    text-align: right;
    color: #000;
    font-size: 14px;
    font-weight: 600
}

.cart .totals tbody tr:first-child .price, .cart .totals tfoot .price {
}

.cart .totals tr.last td {
}

.cart .totals tfoot th {
    padding: 5px 15px 5px 7px
}

.cart .totals tfoot td {
}

.cart .totals tfoot th strong, .cart .totals tfoot td strong {
}

.cart .totals .checkout-types {
    font-size: 13px;
    text-align: center
}

.cart .totals .checkout-types li {
    clear: both;
    margin: 10px 0
}

.cart .totals button.button {
    width: 100%
}

.cart .totals tfoot th strong, .cart .totals tfoot td strong {
    font-weight: 600
}

.cart .totals tfoot .price {
    font-size: 17px
}

/* Options Tool Tip */
.item-options dt {
    font-weight: bold;
    font-style: italic
}

.item-options dd {
    padding-left: 10px;
    margin: 0 0 6px
}

.truncated {
    cursor: help
}

.truncated a.dots {
    cursor: help
}

.truncated a.details {
    cursor: help
}

.truncated .truncated_full_value {
    position: relative;
    z-index: 999
}

.truncated .truncated_full_value .item-options {
    position: absolute;
    top: -99999em;
    left: -99999em;
    z-index: 999;
    width: 250px;
    padding: 8px;
    border: 1px solid #ddd;
    background-color: #f6f6f6
}

.truncated .truncated_full_value .item-options > p {
    font-weight: bold;
    text-transform: uppercase
}

.truncated .show .item-options {
    top: -20px;
    left: 50%
}

.col-left .truncated .show .item-options {
    left: 15px;
    top: 7px
}

.col-right .truncated .show .item-options {
    left: -240px;
    top: 7px
}

/* Checkout ============================================================================== */
/********** <Common Checkout Styles */
/* Shipping and Payment methods */
.sp-methods {
    margin: 0 0 8px
}

.sp-methods dt {
    font-weight: normal;
    margin-bottom: 10px
}

.sp-methods dd {
}

.sp-methods dd li {
    margin: 5px 0
}

.sp-methods label {
    font-weight: normal;
    color: #777;
    vertical-align: middle;
    line-height: 19px
}

.sp-methods .price {
    font-weight: normal;
    color: #08c;
    letter-spacing: 0
}

.sp-methods .form-list {
}

.sp-methods .form-list li {
    margin: 0 0 8px
}

.sp-methods select.month {
    width: 154px;
    margin-right: 10px
}

.sp-methods select.year {
    width: 96px
}

.sp-methods input.cvv {
    width: 4em !important
}

.sp-methods .checkmo-list li {
    margin: 0 0 5px
}

.sp-methods .checkmo-list label {
    width: 135px;
    padding-right: 10px;
    text-align: right
}

.sp-methods .checkmo-list address {
    float: left
}

.sp-methods .centinel-logos a {
    margin-right: 3px
}

.sp-methods .centinel-logos img {
    vertical-align: middle
}

.sp-methods .release-amounts {
    margin: .5em 0
}

.sp-methods .release-amounts button {
    float: left;
    margin: 5px 10px 0 0
}

.please-wait {
    float: right
}

.please-wait img {
    vertical-align: middle
}

.cvv-what-is-this {
    font-size: 11px;
    cursor: help;
    margin-left: 10px;
    margin-top: 10px;
    display: inline-block
}

/* Tooltip */
.tool-tip {
    border: 1px solid #7BA7C9;
    background: #EAF6FF;
    padding: 15px 20px;
    position: absolute;
    z-index: 9999
}

.tool-tip .btn-close {
    margin: -9px -14px 0;
    text-align: right
}

.tool-tip .btn-close a {
    display: block;
    margin: 0 0 0 auto;
    width: 15px;
    height: 15px;
    text-align: left;
    text-indent: -999em;
    overflow: hidden
}

.tool-tip .tool-tip-content {
    padding: 5px
}

/* Gift Messages */
.gift-messages h3 {
    font-weight: normal
}

.gift-messages p.control {
}

.gift-messages-form {
    position: relative
}

.gift-messages-form label {
    float: none !important;
    position: static !important
}

.gift-messages-form h4 {
    font-size: 12px;
    font-weight: bold
}

.gift-messages-form .whole-order {
    margin: 0 0 25px
}

.gift-messages-form .item {
    margin: 0 0 10px
}

.gift-messages-form .item .product-img-box {
    float: left;
    width: 75px
}

.gift-messages-form .item .product-image {
    margin: 0 0 7px
}

.gift-messages-form .item .number {
    margin: 0;
    font-weight: bold;
    text-align: center;
    color: #8a8987
}

.gift-messages-form .item .details {
    margin-left: 90px
}

.gift-messages-form .item .details .product-name {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 10px
}

.gift-messages-form .item .details .form-list .field {
    width: 255px
}

.gift-messages-form .item .details .form-list .input-box {
    width: 240px
}

.gift-messages-form .item .details .form-list input.input-text {
    width: 234px
}

.gift-messages-form .item .details .form-list li.wide .input-box {
    width: 500px
}

.gift-messages-form .item .details .form-list li.wide textarea {
    width: 494px
}

.gift-message-link {
    font-size: 11px;
    background: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/images/bkg_collapse-gm.gif) 100% 6px no-repeat;
    padding-right: 7px
}

.gift-message-link.expanded {
    background-position: 100% -40px
}

.gift-message-row {
    background: #f2efe9
}

.gift-message-row .btn-close {
    float: right;
    width: 16px;
    height: 16px;
    background: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/images/btn_gm-close.gif) 0 0 no-repeat;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    overflow: hidden
}

/* Checkout Agreements */
.checkout-agreements li {
    margin: 30px 0
}

.checkout-agreements .agreement-content {
    overflow: auto;
    height: 12em;
    padding: 10px;
    background-color: #fbfbfb;
    border: 1px solid #b6b6b6;
    line-height: 1.4;
    border-radius: 5px
}

.checkout-agreements .agree {
    margin: 0;
    padding: 10px 0 10px 11px
}

.checkout-agreements .agree input.checkbox {
    margin-right: 6px
}

.checkout-agreements .agree label {
    font-weight: bold;
    color: #666
}

.opc .checkout-agreements {
    border: 1px solid #d9dde3;
    border-width: 0 1px;
    padding: 5px 30px
}

.opc .checkout-agreements li {
    margin: 20px 0 0
}

.opc .checkout-agreements .agreement-content {
    background-color: #fff;
    border-color: #e4e4e4;
    padding: 5px
}

.opc .checkout-agreements .agree {
    padding-left: 6px
}

/* Centinel */
.centinel {
}

.centinel .authentication {
    border: 1px solid #ddd;
    background: #fff
}

.centinel .authentication iframe {
    width: 99%;
    height: 400px;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important
}

.opc .centinel {
    border: 1px solid #bbb6a5;
    border-width: 0 1px 1px;
    padding: 10px 30px
}

/* Generic Info Set */
.info-set {
    background: #fbfaf6 url(https://www.dermofarma.es/skin/frontend/smartwave/porto/images/bkg_checkout.gif) 0 0 repeat-x;
    border: 1px solid #bbb6a5;
    margin: 0 0 25px;
    padding: 20px
}

.info-set h2 {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 10px
}

.info-set h3,
.info-set h4 {
    font-size: 13px;
    font-weight: bold;
    color: #E26703
}

.info-set h2 a,
.info-set h3 a,
.info-set h4 a {
    font-weight: normal
}

.info-set h2.legend {
    margin: -20px -20px 15px;
    padding: 5px 10px;
    background: #f9f3e3;
    border-bottom: 1px solid #bbafa0;
    position: relative
}

.info-set h3.legend {
    margin: 0 0 10px;
    color: #0a263c
}

.info-set .divider {
    margin: 0 -20px;
    padding: 25px 0;
    position: relative
}

.info-set .box {
    margin: 0 0 15px
}

.info-set .box h2 {
    color: #e26703
}

.info-set .data-table .product-name {
    font-size: 1em !important;
    font-weight: bold !important;
    color: #1e7ec8 !important
}

.info-set .data-table .product-name a {
    font-weight: bold !important
}

.info-set .data-table .item-options {
    margin: 5px 0 0
}

/********** Common Checkout Styles >*/
/* One Page Checkout */
.block-progress {
    border: 0;
    margin: 0
}

.block-progress .block-title {
    background: none;
    border: 0;
    padding: 0
}

.block-progress .block-title strong {
    color: #313131
}

.block-progress .block-content {
    background: none
}

.block-progress dt {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 7px;
    color: #313131;
    font-size: 13px;
    font-weight: bold;
    margin-top: 13px;
    padding: 10px 15px;
    position: relative;
    text-transform: uppercase
}

.block-progress dd {
    background-color: #fbfbfb;
    border: 1px solid #ddd;
    border-radius: 0 0 7px 7px;
    border-top-width: 0;
    font-size: 13px;
    padding: 10px 15px
}

.block-progress dt.complete {
    border-radius: 7px 7px 0 0
}

.block-progress dd.complete {
}

.block-progress dt .changelink {
    text-transform: none;
    font-weight: normal
}

.block-progress p {
    margin: 0
}

.block-progress .cards-list dt {
    background: none;
    border: 0 none;
    color: inherit;
    font-size: 12px;
    margin: 5px 0;
    padding: 0
}

.block-progress .cards-list dd {
    border: 0 none;
    margin: 0;
    padding: 0
}

.block-progress .cards-list .info-table th {
    font-weight: normal
}

/* show/hide "change"link for progress step depend on complete status
 * should be placed in .css file */
.opc-block-progress dt.complete a,
.opc-block-progress dt.complete .separator {
    display: inline
}

.opc-block-progress dt a,
.opc-block-progress dt .separator {
    display: none
}

.opc .buttons-set {
}

.opc #checkout-step-billing .buttons-set, .opc #checkout-step-shipping .buttons-set {
}

.opc .buttons-set p.required {
    margin: 0;
    padding: 0 0 10px
}

.opc .buttons-set .back-link small {
    display: none
}

.opc .buttons-set .back-link a {
    background: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/images/i_arrow-top.gif) 0 50% no-repeat;
    padding-left: 16px
}

.opc .buttons-set.disabled button.button {
    display: none
}

.opc .buttons-set .please-wait {
}

.opc .buttons-set .please-wait i.icon-spin6 {
}

.opc .ul {
    list-style: disc outside;
    padding-left: 18px
}

.opc {
    position: relative
}

.opc li.section {
    margin-bottom: 5px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);
    border-radius: 6px
}

.opc .step-title {
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #f6f6f6;
    padding: 15px;
    text-align: right
}

.opc .step-title .number {
    float: left;
    padding: 0;
    margin: 0 5px 0 0;
    color: #08c;
    font-size: 16px;
    line-height: 1
}

.opc .step-title h2 {
    float: left;
    margin: 0;
    line-height: 1;
    color: #08c;
    font-size: 16px
}

.opc .step-title a {
    display: none;
    float: right;
    font-size: 13px;
    line-height: 1
}

.opc .allow .step-title {
    background: #f6f6f6;
    color: #777;
    cursor: pointer
}

.opc .allow .step-title .number {
}

.opc .allow .step-title h2 {
}

.opc .active .step-title {
    cursor: default;
    border-bottom-width: 0;
    border-radius: 6px 6px 0 0
}

.opc .active .step-title .number {
}

.opc .active .step-title h2 {
}

.opc .step {
    position: relative;
    padding: 20px 15px;
    border: 1px solid #ddd;
    border-top-width: 0;
    border-radius: 0 0 6px 6px
}

.opc .step .tool-tip {
    right: 160px
}

.opc ul li {
    line-height: 20px
}

#opc-login .buttons-set {
    padding: 0
}

#opc-login .col2-set .content {
    min-height: 280px
}

#opc-login h3 {
    text-transform: uppercase;
    margin-bottom: 10px
}

#opc-login h4 {
    font-size: 13px;
    font-weight: 600;
    margin: 10px 0;
    color: #777
}

#opc-login .step > .row .col-sm-6:first-child {
}

#opc-login .contents-area {
    min-height: 225px
}

#opc-shipping_method .buttons-set {
    border-top: 0
}

.opc .gift-messages-form {
    margin: 0 -30px;
    background: #f6f1eb;
    border: 1px solid #e9e4de;
    border-width: 1px 0;
    padding: 22px 24px 22px 30px
}

.opc .gift-messages-form .inner-box {
    padding: 5px;
    height: 260px;
    overflow: auto
}

#opc-review .step {
    font-size: 14px
}

#opc-review .product-name {
    font-size: 14px
}

#opc-review .price {
}

#opc-review tr td.last .cart-price .price {
    color: #08c
}

#opc-review .data-table tfoot td {
    border-left: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    padding: 15px 10px;
    font-size: 14px;
    font-weight: 300
}

#opc-review .data-table tfoot td strong {
    font-weight: 300
}

#opc-review tfoot .price {
    font-weight: normal
}

#opc-review tfoot tr .price {
    color: #313131;
    font-weight: 600
}

#opc-review tfoot tr.last td {
    background-color: #f6f6f6
}

#opc-review .item-options {
    margin: 5px 0 0
}

#opc-review .buttons-set {
}

#opc-review .buttons-set p {
    margin: 0;
    line-height: 40px
}

#opc-review .buttons-set .please-wait {
    height: 60px;
    line-height: 60px
}

#opc-review .authentication {
    margin: 0 auto;
    width: 570px
}

#opc-review .warning-message {
    color: #222;
    font-weight: bold;
    text-align: center;
    padding: 10px 10px 0
}

/* Multiple Addresses Checkout */
.checkout-progress {
    padding: 0 90px;
    margin: 0 0 20px
}

.checkout-progress li {
    float: left;
    width: 19%;
    margin: 0 3px 0 0;
    border-top: 10px solid #999;
    padding: 7px 0 0;
    text-align: center;
    color: #abb5ba
}

.checkout-progress li.active {
    border-top-color: #08c;
    color: #08c
}

.multiple-checkout h2 {
    font-size: 13px;
    font-weight: 600;
    margin: 10px 0
}

.multiple-checkout h3,
.multiple-checkout h4 {
    font-size: 13px;
    font-weight: 600
}

.multiple-checkout h2 a,
.multiple-checkout h3 a,
.multiple-checkout h4 a {
    font-weight: normal
}

.multiple-checkout .data-table .product-name {
    font-size: 1em !important;
    font-weight: bold !important;
    color: #1e7ec8 !important
}

.multiple-checkout .data-table .product-name a {
    font-weight: bold !important
}

.multiple-checkout .data-table .item-options {
    margin: 5px 0 0
}

.multiple-checkout .box .box-title, .multiple-checkout .box .box-content {
    border-radius: 0
}

.multiple-checkout .gift-messages {
    margin: 15px 0 0
}

.multiple-checkout .tool-tip {
    top: 50%;
    margin-top: -120px;
    right: 20px
}

.multiple-checkout .col2-set,
.multiple-checkout .col3-set {
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 8px;
    display: block;
    padding: 30px;
    margin-bottom: 40px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08)
}

.multiple-checkout .col2-set h2.legend {
    margin: 0 0 15px;
    padding: 5px 0;
    border-bottom: 1px solid #ececec;
    position: relative
}

.multiple-checkout .col2-set h3.legend {
    margin: 0 0 10px;
    color: #0a263c
}

.multiple-checkout .col2-set .divider {
    margin: 0 -20px;
    padding: 25px 0;
    position: relative
}

.multiple-checkout .box {
    margin: 0 0 15px
}

.multiple-checkout .box h2 {
}

.multiple-checkout .place-order .please-wait {
    float: right;
    padding: 11px 15px 0 0
}

.multiple-checkout .place-order .grand-total {
    float: right;
    height: 71px;
    font-size: 1.5em;
    overflow: hidden
}

.multiple-checkout .place-order .grand-total .inner {
    float: left;
    height: 57px
}

.multiple-checkout .place-order .grand-total .inner div {
    display: inline
}

.multiple-checkout .place-order .grand-total big {
    display: inline;
    margin-right: 12px;
    line-height: 1.4
}

.multiple-checkout .place-order .grand-total .price {
    color: #08c
}

.multiple-checkout .place-order .grand-total button.button span {
    font-size: 16px
}

.multiple-checkout .place-order .grand-total button.button span span {
    padding: 0 45px 0 36px
}

/* Step 1 */
#multiship-addresses-table td {
    padding: 10px
}

#multiship-addresses-table tfoot td {
    padding: 5px 10px
}

/* Step 2 */
.multiple-checkout .gift-messages-form .item .details .form-list {
    width: 100%;
    overflow: hidden
}

.multiple-checkout .gift-messages-form .item .details .form-list li {
    margin-right: -15px
}

.multiple-checkout .gift-messages-form .item .details .form-list .field {
    width: 230px
}

.multiple-checkout .gift-messages-form .item .details .form-list .input-box {
    width: 215px
}

.multiple-checkout .gift-messages-form .item .details .form-list input.input-text {
    width: 209px
}

.multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box {
    width: 445px
}

.multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea {
    width: 439px
}

.checkout-multishipping-shipping .box-sp-methods {
    position: relative
}

.checkout-multishipping-shipping .box-sp-methods .pointer {
    display: none
}

/* Step 3 */
.checkout-multishipping-billing .multiple-checkout {
    position: relative
}

/* Account Login/Create Pages ============================================================ */
.account-login .content {
    min-height: 275px
}

.account-login .new-users, .account-login .registered-users {
}

.account-login .new-users h2, .account-login .registered-users h2 {
}

.account-login .buttons-set {
}

.account-create {
}

/* Captcha ================================================================================ */
.captcha-note {
    clear: left;
    padding-top: 5px
}

.captcha-image {
    float: left;
    display: inline;
    margin: 0;
    position: relative;
    width: 258px
}

.captcha-image .captcha-img {
    border: 1px solid #b6b6b6;
    vertical-align: bottom;
    width: 100%
}

.registered-users .captcha-image {
    margin: 0
}

.captcha-reload {
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 2px
}

.captcha-reload.refreshing {
    animation: rotate 1.5s infinite linear
}

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

@-moz-keyframes rotate {
    0% {
        -moz-transform: rotate(0)
    }
    0% {
        -moz-transform: rotate(-360deg)
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }
    0% {
        transform: rotate(-360deg)
    }
}

/* Remember Me Popup ===================================================================== */
.window-overlay {
    background: rgba(0, 0, 0, .35);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 990
}

.remember-me label {
    float: none;
    margin: 0 6px
}

.remember-me-popup {
    background: #fff;
    border: 1px solid #ccc;
    left: 50%;
    top: 50%;
    position: absolute;
    margin: -85px 0 0 -200px;
    width: 400px;
    text-align: left;
    box-shadow: 0 0 6px #ccc;
    z-index: 1000
}

.remember-me-popup h3 {
    background: #d9e5ee;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    padding: 5px 10px
}

.remember-me-popup .remember-me-popup-head {
    position: relative
}

.remember-me-popup .remember-me-popup-head .remember-me-popup-close {
    background: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/images/btn_window_close.gif) no-repeat;
    display: block;
    position: absolute;
    top: 7px;
    right: 7px;
    height: 15px;
    width: 15px;
    text-indent: -9999em
}

.remember-me-popup .remember-me-popup-body {
    padding: 10px
}

.remember-me-popup .remember-me-popup-body a {
    display: inline-block;
    height: 19px;
    border: 1px solid #de5400;
    background: #f18200;
    padding: 0 8px;
    font: bold 12px/19px Arial, Helvetica, sans-serif;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    color: #fff
}

/* Remember Me Popup ===================================================================== */
/* My Account ============================================================================= */
.my-account .title-buttons .link-rss {
    float: none;
    margin: 0
}

/********** <Dashboard */
.dashboard .welcome-msg {
    background: #dff0d8;
    border: 1px solid #d6e9c6;
    border-radius: 4px;
    color: #3c763d;
    margin: 0;
    padding: 10px
}

.dashboard .welcome-msg p {
    margin: 0
}

.dashboard .welcome-msg p.hello {
    float: left;
    margin-right: 5px
}

.dashboard .col2-set {
    margin: 0 0 25px
}

/* General Box */
.box-account {
    margin: 30px 0
}

.box-account .box-head {
    margin: 0 0 10px;
    text-align: right;
    line-height: 1.4
}

.box-account .box-head h2 {
    float: left;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #313131;
    line-height: 1.4
}

.box .box-title {
    padding: 10px 15px;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    position: relative;
    border-radius: 7px 7px 0 0
}

.box .box-content {
    padding: 20px 15px;
    font-size: 13px;
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0 0 7px 7px;
    background-color: #fbfbfb;
    min-height: 135px
}

.box .box-title h3,
.box .box-title h4 {
    float: left;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    text-transform: uppercase;
    margin: 0;
    color: #313131;
}

.box .box-title a {
    float: right;
    line-height: 18px;
    font-size: 12px
}

/* Block:Reviews */
.dashboard .box-reviews .number {
    float: left;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    margin: 3px -20px 0 0;
    padding: 2px 3px;
    background: #0a263c
}

.dashboard .box-reviews .details {
    margin-left: 20px
}

.dashboard .box-reviews li.item {
    margin: 0 0 7px
}

.dashboard .box-reviews li.item.last {
    margin: 0
}

.dashboard .box-reviews .ratings {
    margin: 7px 0 0
}

/* Block:Tags */
.dashboard .box-tags .box-head h2 {
    background-image: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/images/i_ma-tags.gif)
}

.dashboard .box-tags .number {
    float: left;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    margin: 3px -20px 0 0;
    padding: 2px 3px;
    background: #0a263c
}

.dashboard .box-tags .details {
    margin-left: 20px
}

.dashboard .box-tags li.item {
    margin: 0 0 7px
}

.dashboard .box-tags li.item.last {
    margin: 0
}

.dashboard .box-tags .tags strong,
.dashboard .box-tags .tags ul,
.dashboard .box-tags .tags ul li {
    display: inline
}

/********** Dashboard >*/
/* Address Book */
.addresses-list h2 {
    font-size: 16px;
    font-weight: bold;
    color: #313131;
    line-height: 1.4
}

.addresses-list h3 {
    font-weight: bold;
    font-size: 13px
}

.addresses-list address {
    margin: 0 0 3px
}

.addresses-list p {
    margin: 0
}

.addresses-list a {
    font-weight: bold
}

.addresses-list .link-remove {
    color: #646464
}

.addresses-list .separator {
    margin: 0 3px
}

.addresses-list li.item {
    border: 1px solid #ddd;
    border-radius: 7px;
    padding: 15px;
    margin: 0 0 10px
}

.addresses-list li.empty {
    background: none;
    border: 0;
    padding: 0
}

.addresses-list li.empty p {
    font-weight: bold
}

.addresses-list .addresses-additional li.item {
    background: none;
    border: 0;
    padding: 0
}

/* Order View */
.order-info {
    color: #313131;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 10px
}

.order-info dt,
.order-info dd,
.order-info ul,
.order-info li {
    display: inline
}

.order-info .current {
    font-weight: bold
}

.order-info li {
    margin: 0 3px
}

.order-date {
    margin: 10px 0
}

.order-info-box {
    margin-bottom: 25px
}

.order-info-box h2 {
    font-weight: bold;
    font-size: 13px;
    margin: 0
}

.order-info-box .box-payment p {
    margin: 0 0 3px
}

.order-info-box .box-payment th {
    font-weight: bold;
    padding-right: 7px
}

.table-caption {
    clear: none;
    font-size: 15px;
    font-weight: bold;
    color: #313131;
    padding: 0;
    margin: 0 0 10px
}

.order-details .product-name {
}

.order-details .link-print {
    color: #1e7ec8;
    font-weight: normal
}

.order-details .order-links {
    text-align: right
}

.order-additional {
    margin: 15px 0
}

/* Order Gift Message */
.gift-message dt strong {
    color: #666
}

.gift-message dd {
    font-size: 13px;
    margin: 5px 0 0
}

/* Order Comments */
.order-about dt {
    font-weight: bold
}

.order-about dd {
    font-size: 13px;
    margin: 0 0 7px
}

.tracking-table {
    margin: 0 0 15px;
    border-top: 1px solid #dcdcdc
}

.tracking-table th {
    font-weight: bold;
    white-space: nowrap
}

.tracking-table-popup {
    width: 100%;
    border-top: 1px solid #dcdcdc
}

.tracking-table-popup th {
    font-weight: bold;
    white-space: nowrap
}

.tracking-table-popup th,
.tracking-table-popup td {
    padding: 1px 8px
}

/* Order Print Pages */
.page-print .print-head {
    margin: 0 0 15px
}

.page-print .print-head .logo {
    float: left
}

.page-print .print-head address {
    float: left;
    margin-left: 15px
}

.page-print h1 {
    font-size: 16px;
    font-weight: bold
}

.page-print h2,
.page-print h3 {
    font-size: 13px;
    font-weight: bold
}

.page-print h2.h2 {
    font-size: 16px;
    font-weight: bold
}

.page-print .order-date {
    background: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/images/bkg_divider1.gif) 0 100% repeat-x;
    padding: 0 0 10px;
    margin: 0 0 10px
}

.page-print .col2-set {
    margin: 0 0 10px
}

/* Price Rewrites */
.page-print .gift-message-link {
    display: none
}

.page-print .price-excl-tax,
.page-print .price-incl-tax {
    display: block;
    white-space: nowrap
}

.page-print .cart-price,
.page-print .price-excl-tax .label,
.page-print .price-incl-tax .label,
.page-print .price-excl-tax .price,
.page-print .price-incl-tax .price {
    display: inline
}

/* My Wishlist */
#wishlist-table td {
}

#wishlist-table .product-name {
    margin-bottom: 10px;
}

#wishlist-table .product-name a {
    color: #08c;
    font-weight: normal
}

#wishlist-table .description {
    margin-bottom: 10px
}

#wishlist-table textarea {
    display: block;
    width: 100%;
    height: 109px
}

#wishlist-table .buttons-set {
    margin-top: 2em
}

#wishlist-table .buttons-set button.button {
    float: none
}

#wishlist-table .buttons-set .btn-add span,
#wishlist-table .buttons-set .btn-share span {
    border-color: #406a83;
    background: #618499
}

#wishlist-table .add-to-links {
    white-space: nowrap
}

/* My Tags */
.my-tag-edit {
    float: left;
    margin: 0 0 10px
}

.my-tag-edit .btn-remove {
    float: right;
    margin: 4px 0 0 5px
}

#my-tags-table {
    clear: both
}

#my-tags-table td {
    padding: 10px
}

#my-tags-table .add-to-links {
    white-space: nowrap
}

/* My Reviews */
#my-reviews-table tbody {
    border-top: 1px solid #dcdcdc
}

#my-reviews-table td {
    padding: 10px
}

.product-review .product-img-box {
    float: left;
    width: 140px
}

.product-review .product-img-box .product-image {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 5px;
    display: block;
    width: 125px;
    height: 125px
}

.product-review .product-img-box .label {
    font-size: 11px;
    margin: 0 0 3px
}

.product-review .product-img-box .ratings .rating-box {
    float: none;
    display: block;
    margin: 0 0 3px
}

.product-review .product-details {
    margin-left: 150px
}

.product-review .product-name {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px
}

.product-review h3 {
    font-size: 12px;
    margin: 0 0 3px;
    color: #2f2f2f
}

.product-review .ratings-table {
    margin: 0 0 10px
}

.product-review dt {
    font-weight: bold
}

.product-review dd {
    font-size: 13px;
    margin: 5px 0 0
}

/* Billing Agreements */
.billing-agreements .info-box {
    margin: 15px 0
}

.billing-agreements .form-list li select {
    float: left
}

.billing-agreements .form-list li button.button {
    float: left;
    margin-left: 10px
}

.billing-agreements .table-caption {
    font-weight: bold;
    font-size: 13px
}

/* MAP Popup============================================================================== */
.cart-msrp-totals {
    color: red;
    font-size: 12px !important;
    font-weight: bold;
    margin: 10px 10px 0;
    padding: 10px;
    text-align: center;
    line-height: 1.4;
    text-transform: uppercase
}

.map-cart-sidebar-total {
    color: red;
    display: block;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    padding: 2px 5px;
    text-shadow: 0 1px 0 #fff
}

.map-popup {
    background: #fff;
    border: 1px solid #aaa;
    margin: 12px 0 0;
    position: absolute;
    box-shadow: 0 0 6px #ccc;
    text-align: left;
    width: 300px;
    z-index: 100
}

.map-popup-heading {
    background: #d9e5ee;
    border-bottom: 1px solid #ccc;
    padding: 5px 30px 5px 10px;
    width: 260px
}

.map-popup-heading h2 {
    font-size: 16px;
    margin: 0;
    text-shadow: 0 1px 0 #f6f6f6;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: break-word;
    text-align: left;
    text-overflow: ellipsis
}

.map-popup-arrow {
    position: absolute;
    left: 50%;
    top: -10px;
    height: 10px;
    width: 19px
}

.map-popup-close {
    display: block;
    position: absolute;
    top: 8px;
    right: 10px;
    height: 15px;
    width: 15px;
    text-indent: -9999em;
    box-shadow: 0 0 3px #999;
    border-radius: 2px
}

.map-popup-content {
    border-top: 1px solid #eee;
    padding: 10px;
    overflow: hidden;
    text-align: left;
    width: 280px
}

.map-popup-checkout {
    display: inline;
    float: right;
    text-align: right
}

.map-popup-checkout span {
    display: block
}

.map-popup-checkout .paypal-or {
    clear: both;
    display: block
}

.map-popup-checkout .paypal-logo {
    margin: 0 0 5px
}

.map-popup-checkout li {
    list-style: none
}

.map-popup-checkout {
    text-align: center
}

.map-popup-price .price-box,
.map-popup-price .price-box .special-price {
    margin: 0;
    padding: 0
}

.map-popup-price {
    margin: 5px 0 0
}

.map-popup-text {
    clear: right;
    margin: 0 10px;
    padding: 10px 0;
    text-align: left;
    word-wrap: break-word
}

.map-popup-only-text {
    border-top: 1px solid #ddd
}

/* ======================================================================================= */
.owl-theme .owl-controls .owl-page span {
    width: 8px;
    height: 8px;
    background: #a0a09f;
    opacity: 1;
    filter: Alpha(Opacity=100)
}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #08c
}

/* Footer ================================================================================ */
.footer-container {
    border-top: 0
}

.footer {
}

.footer .block .block-content {
    background-color: transparent;
    padding: 0
}

.footer-top {
    background-color: #f0f0ed;
    padding: 15px 0
}

#feed-container {
    padding: 50px 0
}

#feed-container .owl-item {
}

#feed-container .owl-item .item {
    padding: 0 20px 0 90px;
    text-align: left;
    color: #121214;
    line-height: 1.5;
    font-size: 16px;
    background: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/images/i_twitter.png) 20px 0 no-repeat
}

#feed-container .timePosted {
    font-size: 14px;
    font-style: italic;
    color: #777
}

.cms-index-index .footer-container.fixed-position {
    position: fixed;
    bottom: 0;
    z-index: 1;
    width: 100%;
    margin: 0
}

.cms-index-index .footer-container.fixed-position .footer-top, .cms-index-index .footer-container.fixed-position .footer-middle {
    display: none
}

.cms-index-index .footer-container.fixed-position .footer-bottom {
    padding: 5px 0;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85)
}

.footer-container.fixed-position .footer-bottom .custom-block {
    margin-left: 20px
}

.footer-container.fixed-position .footer-bottom .custom-block.f-right {
    margin-left: 60px
}

.footer-container .bottom-container {
    margin: 0 0 5px
}

.footer-middle {
    background-color: #121214;
    color: #777;
    padding: 40px 0;
    font-size: 13px
}

.footer-middle a {
    color: #fff
}

.footer-middle a:hover {
    color: #fff;
    text-decoration: underline
}

.footer-middle ul.links {
    padding: 0;
    margin-top: -5px
}

.footer-middle ul.links li {
    position: relative;
    padding: 10px 0;
    line-height: 1;
    display: block
}

.footer-middle ul.links li i {
    margin-left: -5px
}

.footer-middle ul.features {
    padding: 0;
    margin-top: -5px
}

.footer-middle ul.features li {
    position: relative;
    padding: 10px 0;
    line-height: 1;
    display: block
}

.footer-middle ul.features li i {
    margin-left: -5px;
    margin-right: 3px
}

.footer-middle p {
    margin-bottom: 15px;
    color: #777
}

.footer-middle p.label {
    display: block;
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    padding: 0
}

.footer-middle ul {
    padding: 0
}

.footer-middle .block {
    text-align: left;
    line-height: 1.5;
    border: 0;
    margin: 0;
    background-color: transparent;
    float: none;
    width: auto
}

.footer-middle .block .block-title {
    margin-bottom: 20px
}

.footer-middle .block .block-title strong {
    font-weight: 400;
    padding: 0;
    font-size: 16px;
    line-height: inherit;
    color: #fff;
    text-transform: none
}

.footer-middle .contact-info li {
    padding: 5px 0
}

.footer-middle .contact-info li:first-child {
    padding-top: 0
}

.footer-middle .contact-info p {
    display: inline-block;
    vertical-align: top;
    margin: 0
}

.footer-middle .contact-info i {
    color: #777;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 18px
}

.footer-ribbon {
    position: absolute;
    margin: -56px 0 25px 0px;
    padding: 10px 20px 6px 20px;
    background-color: #08c;
}

.footer-ribbon:before {
    border-right: 10px solid #005580;
    border-top: 16px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: -10px;
    position: absolute;
    top: 0;
    width: 7px;
}

.footer-ribbon span {
    color: #fff;
    font-size: 20px;
    font-family: "Shadows Into Light", cursive
}

.block.block-facebook-like .block-title a.btn-like {
    background-color: #08c;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    width: 80px;
    text-align: center;
    border-radius: 5px;
    margin-top: 12px;
    font-weight: 400;
    margin-right: 55px
}

.footer-middle .block.block-subscribe .input-box {
    padding: 0;
    margin-top: 20px
}

.footer-middle .block.block-subscribe .input-box input.input-text {
    float: left;
    height: 40px;
    padding: 0 10px;
    padding-right: 85px;
    border: 0;
    background-color: #fff;
    border-radius: 5px;
    max-width: 300px;
    border: solid 1px #0097d9;
}

.footer-middle .block.block-subscribe .input-box button {
    float: left;
    width: 25px;
    margin-left: -30px;
    margin-top: 5px;
}

.footer-middle .block.block-subscribe .input-box button span {
    padding: 0;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    border-radius: 0 5px 5px 0;
    font-weight: normal;
    min-width: 25px
}

.footer-middle .block.block-subscribe em {
    color: #cef09d;
    font-size: 12px;
    display: block;
    margin: 5px 0
}

.footer-middle .block-tweets ul {
    margin-top: -15px
}

.footer-middle .block-tweets ul li {
    padding: 15px 0;
    border-top: 1px solid #75b11f
}

.footer-middle .block-tweets ul li:first-child {
    border-top: 0
}

.footer-middle .block-tweets p.tweet {
    margin-bottom: 10px
}

.footer-middle .block-tweets p.timePosted {
    margin-bottom: 0;
    color: #a5d75f;
    font-size: 11px;
    font-style: italic
}

.footer-middle .block-flickr-photos .block-content {
    margin: -5px
}

.footer-middle .block-flickr-photos a.flickr-image {
    width: 65px;
    display: inline-block;
    margin: 5px
}

.footer-middle .block-flickr-photos a.flickr-image:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.footer-middle .block-flickr-photos a.flickr-image img {
    width: 100%
}

.footer-middle .fb-persons {
    margin: -5px
}

.footer-middle .fb-persons .fb-person {
    display: inline-block;
    width: 75px;
    padding: 5px;
    text-align: center
}

.footer-middle .fb-persons .fb-person a {
    width: 100%;
    display: inline-block
}

.footer-middle .fb-persons .fb-person a:hover img {
    opacity: .8;
    filter: alpha(opacity=80)
}

.footer-middle .fb-persons .fb-person a img {
    width: 100%
}

.footer-bottom {
    min-height: 50px;
    line-height: 40px;
    background-color: #0c0c0c;
    padding: 25px 0
}

.footer-bottom a.logo {
    float: left;
    margin-right: 45px
}

.footer-bottom a.logo img {
    display: inline-block;
    vertical-align: middle
}

.footer-bottom .custom-block {
    float: left;
    margin-left: 60px
}

.footer-bottom .custom-block img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

.footer-bottom address {
    float: right;
    line-height: 40px;
    font-size: 12px;
}

#totop {
    height: 40px;
    position: fixed;
    right: 15px;
    width: 40px;
    z-index: 9999;
    bottom: 0;
    background-color: #404040;
    font-size: 16px;
    color: #08c;
    text-align: center;
    line-height: 1;
    padding: 11px 0;
    display: none;
    border-radius: 5px 5px 0 0
}

#totop:hover {
    background-color: #555
}

.footer .social-icons {
    float: left
}

.social-icons a:first-child {
    margin: 0
}

.footer .social-icons a {
    background-color: #0097d9;
    border-radius: 50%
}

.footer .social-icons a.icon1-class:hover {
    background-color: #3c599b
}

.footer .social-icons a.icon2-class:hover {
    background-color: #1ca8e3
}

.footer .social-icons a.icon3-class:hover {
    background-color: #4975b6
}

.footer-bottom ul.links a {
    color: #777;
    font-size: 11px
}

.footer-bottom ul.links li {
    padding: 0 12px;
    border-right: 1px solid #bbb;
    font-size: 11px
}

.footer-bottom ul.links li:first-child {
    padding-left: 0
}

/* Sample Data============================================================================ */
.home-callout {
    margin-bottom: 12px
}

.home-callout img {
    display: block
}

.home-spot {
    float: left;
    width: 470px;
    margin-left: 20px
}

.best-selling h3 {
    margin: 12px 0 6px 0;
    color: #e25203;
    font-size: 1.2em
}

.best-selling table {
    border-top: 1px solid #ccc
}

.best-selling tr.odd {
    background: #eee url(https://www.dermofarma.es/skin/frontend/smartwave/porto/images/best_selling_tr_odd_bg.gif) 0 100% repeat-x
}

.best-selling tr.even {
    background: #fff url(https://www.dermofarma.es/skin/frontend/smartwave/porto/images/best_selling_tr_even_bg.gif) 0 100% repeat-x
}

.best-selling td {
    width: 50%;
    border-bottom: 1px solid #ccc;
    padding: 8px 10px 8px 8px;
    font-size: 11px
}

.best-selling .product-img {
    float: left;
    border: 2px solid #dcdcdc
}

.best-selling .product-description {
    margin-left: 107px;
    line-height: 1.3em
}

.best-selling a.product-name,
.home-spot .best-selling a.product-name:hover {
    color: #203548
}

/* Clears ================================================================================ */
.clearer:after,
.header-container:after,
.header-container .top-container:after,
.header:after,
.header .quick-access:after,
#nav:after,
.main:after,
.footer:after,
.footer-container .bottom-container:after,
.col-main:after,
.col2-set:after,
.col3-set:after,
.col3-layout .product-options-bottom .price-box:after,
.col4-set:after,
.search-autocomplete li:after,
.block .block-content:after,
.block .actions:after,
.block li.item:after,
.block-poll li:after,
.block-layered-nav .currently li:after,
.page-title:after,
.products-grid:after,
.products-list li.item:after,
.box-account .box-head:after,
.box .box-title:after,
.box-reviews li.item:after,
.box-tags li.item:after,
.pager:after,
.sorter:after,
.ratings:after,
.add-to-box:after,
.add-to-cart:after,
.product-essential:after,
.product-collateral:after,
.product-view .product-img-box .more-views ul:after,
.product-view .box-tags .form-add:after,
.product-view .product-shop .short-description:after,
.product-view .box-description:after,
.product-options .options-list li:after,
.product-options-bottom:after,
.product-review:after,
.cart:after,
.cart-collaterals:after,
.cart .crosssell li.item:after,
.opc .step-title:after,
.checkout-progress:after,
.multiple-checkout .place-order:after,
.group-select li:after,
.form-list li:after,
.form-list .field:after,
.form-list .input-box:after,
.buttons-set:after,
.page-print .print-head:after,
.advanced-search-summary:after,
.gift-messages-form .item:after,
.send-friend .form-list li p:after,
.box-content:after,
.block-content:after,
.postDetails:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden
}

/* ======================================================================================= */
.guest-select {
    width: 305px !important
}

.background-overlay {
    background-color: transparent;
    opacity: .5;
    filter: Alpha(Opacity=50);
    left: 0;
    top: 0
}

.fancybox-wrap,
.fancybox-wrap * {
    transition: initial;
    -webkit-transition: initial
}

/*** Revolution Slider ***/
.home-slider-container,
.home-slider-container * {
    transition: initial;
    -webkit-transition: initial
}

.home-slider-container .tp-banner-container {
    margin: 0;
    border: 0
}

.sharing-tool-area, .addthis_toolbox {
    margin-top: 20px;
    padding-bottom: 20px
}

.col1-layout .sharing-tool-area {
    float: right
}

.sharing-tool-area .addthis_default_style .at300m, .sharing-tool-area .addthis_default_style .at300b {
    padding: 3px
}

.sharing-tool-area .addthis_default_style .addthis_counter {
    margin: 3px 0
}

.sharing-tool-area .addthis_32x32_style .at300bs {
    border-radius: 3px
}

.block.block-related {
    border: 0;
    border-radius: 5px;
    margin-top: 100px;
}

.destacados .block.block-related {
    margin-top: 0;
}

.block.block-related .block-title {
    background-color: transparent;
    border: 0
}

.block.block-related .block-title strong {
    font-size: 1.6rem;
    padding: 10px 0;
    line-height: 1;
    color: #6c6c6c
}

.block.block-related .block-content {
    background-color: transparent;
    padding-bottom: 30px
}

.block.block-related .block-subtitle {
    padding: 0;
    min-height: 38px
}

.block.block-related .item {
    padding: 0
}

.block.block-related .owl-theme .owl-controls {
    right: 0;
    top: -73px
}

.block.block-related .owl-theme .owl-controls .owl-buttons {
    position: absolute;
    top: 50%;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.block.block-related .owl-theme .owl-controls .owl-buttons div {
    color: #08c;
    font-size: px;
    padding: 0;
    margin: 0;
    background: #fff;
    border: solid 1px #d4d3d4;
    border-radius: 100%;
    padding: 10px;
    height: 55px;
    line-height: 35px;
    width: 55px;
}

.block.block-related .owl-theme .owl-controls .owl-buttons .owl-prev {
    margin-left: -20px;
}

.block.block-related .owl-theme .owl-controls .owl-buttons .owl-next {
    margin-right: -20px;
}

.block.block-related .product {
    margin: 10px 0 15px;
    position: relative
}

.block.block-related .product input.checkbox {
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 1001;
    margin: 0
}

.block.block-related .product .product-image {
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 7px;
    background: #fff;
    padding: 1px
}

.block.block-related .product .product-image img {
    width: 100%;
    border-radius: 5px
}

.block.block-related .product-details {
    padding: 0
}

.sidebar .custom-block {
    margin-bottom: 30px;
    padding-bottom: 40px;
    background: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/images/bkg_4.png) bottom no-repeat
}

.sidebar .custom-block.custom-block-1 {
    padding-bottom: 20px
}

.sidebar .custom-block-1 > div {
    min-height: 50px;
    margin-bottom: 20px;
    clear: both
}

.sidebar .custom-block-1 > div i {
    font-size: 30px;
    color: #000;
    float: left;
    width: 50px;
    height: 50px;
    line-height: 48px;
    border: 1px solid #bbb;
    border-radius: 50%;
    text-align: center;
    margin-right: 10px
}

.sidebar .custom-block-1 > div h3 {
    color: #313131;
    font-size: 16px;
    margin: 0;
    line-height: 1.5;
    margin-left: 50px;
    padding-top: 4px
}

.sidebar .custom-block-1 > div p {
    font-size: 12px;
    margin: 0;
    margin-left: 50px;
    line-height: 1
}

.onepagecheckout_datafields .form-list li {
    margin: 0
}

.onepagecheckout_datafields .form-list .field {
    width: 100%;
    float: none;
    margin: 0
}

.onepagecheckout_datafields .form-list .input-box {
    margin-bottom: 20px
}

p.newsletter label {
    color: #777;
    line-height: 20px
}

.gift-messages p.control label {
    line-height: 20px
}

.op_login_area {
    width: 300px;
    padding: 20px
}

.onepagecheckout-index-index .page-title {
    border: 0;
    margin: 20px 0
}

.order-products-table .price {
    letter-spacing: 0;
    color: #08c
}

.discount-form label {
    font-size: 14px
}

.discount-form input.input-text {
    height: 38px;
    border: 1px solid #ccc;
    padding: 0 20px
}

.block.block-account .block-content {
}

.block-account ul li, .block.block-blog-categories .blog-category {
    padding: 8px 3px 8px 18px;
    position: relative;
    line-height: 1.3;
    border-bottom: 1px solid #ddd
}

.block-account ul li strong {
    font-weight: normal
}

.block-account ul li strong, .block-account ul li a:hover, .block.block-blog-categories a:hover {
    color: #08c
}

.block-account ul li strong:before, .block-account ul li a:before, .block.block-blog-categories a:before {
    content: '\e814';
    font-family: 'porto';
    position: absolute;
    left: 3px
}

.block-account ul li a, .block.block-blog-categories a {
    color: #777;
    text-decoration: none
}

#my-orders-table .price {
    letter-spacing: 0
}

.my-account .pager {
    margin: 20px 0
}

/*** About US ***/
h2.word-rotator-title {
    line-height: 30px;
    font-size: 20px;
    font-weight: 300;
    margin: 0 0 20px 0;
    color: #121214
}

.word-rotate {
    visibility: hidden;
    width: 100px;
    height: 0;
    margin-bottom: -7px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    position: relative
}

h2 .word-rotate {
    margin-bottom: -7px
}

.word-rotate.active {
    visibility: visible;
    width: auto
}

.word-rotate .word-rotate-items {
    position: relative;
    top: 0;
    width: 100%
}

.word-rotate .word-rotate-items span {
    display: block;
    white-space: nowrap
}

p .alternative-font {
    display: inline-block;
    margin-top: -15px;
    position: relative;
    top: 3px;
    margin-bottom: -6px;
    color: #08c;
    font-family: "Shadows Into Light", cursive;
    font-size: 1.6em
}

.btn-primary {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #08c;
    border-color: #08c
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px
}

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

.push-top {
    margin-top: 20px
}

.btn-primary:hover {
    border-color: #0099e6;
    background-color: #0099e6;
    color: #fff
}

.btn:hover {
    text-decoration: none
}

hr.tall {
    margin: 30px 0;
    background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, .2), transparent);
    background-image: linear-gradient(left, transparent, rgba(0, 0, 0, .2), transparent);
    border: 0;
    height: 1px
}

.entry-content h3 {
    font-size: 1.7em;
    font-weight: normal;
    color: #08c;
    letter-spacing: normal;
    line-height: 24px;
    margin-bottom: 33px;
    text-transform: uppercase
}

.entry-content p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px
}

.entry-content .lead {
    font-size: 21px;
    line-height: 1.4
}

.history {
    margin: 25px 0;
    padding: 0;
    clear: both
}

.history .thumb {
    background: transparent url(https://www.dermofarma.es/skin/frontend/smartwave/porto/images/history-thumb.png) no-repeat 0 0;
    width: 227px;
    height: 160px;
    margin: 0 0 30px;
    padding: 0;
    float: left
}

.history .thumb img {
    border-radius: 50%;
    margin: 7px 8px;
    width: 145px;
    height: 145px
}

.featured-box {
    background: #f5f5f5;
    background-color: transparent;
    background: linear-gradient(to bottom, white 1%, #f9f9f9 98%) repeat scroll 0 0 transparent;
    box-sizing: border-box;
    border-bottom: 1px solid #DFDFDF;
    border-left: 1px solid #ECECEC;
    border-radius: 8px;
    border-right: 1px solid #ECECEC;
    box-sizing: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    min-height: 100px;
    position: relative;
    text-align: center;
    z-index: 1
}

.history .featured-box {
    text-align: left;
    margin-left: 225px;
    margin-bottom: 35px;
    min-height: 115px
}

.featured-box .box-content {
    border-radius: 8px;
    border-top: 4px solid #08c;
    padding: 30px 20px 0
}

.history .featured-box .box-content {
    border-top-color: #08c
}

.history h4 {
    float: left;
    margin: 15px 0;
    padding: 0;
    color: #08c;
    line-height: 27px
}

.featured-box h4 {
    font-size: 1.3em;
    font-weight: 400;
    letter-spacing: -0.7px;
    text-transform: uppercase
}

.history p {
    margin: 0 0 20px;
    margin-left: 55px;
    line-height: 24px
}

.featured-box .block-flickr-photos {
    border: 0
}

.featured-box .block-flickr-photos .block-title {
    display: none
}

.featured-box .block-flickr-photos a.flickr-image {
    margin: 5px;
    display: inline-block;
    border: 1px solid #dcdcdc;
    padding: 5px;
    border-radius: 5px
}

.featured-box .block-flickr-photos a.flickr-image img {
    max-width: 100%;
    width: 75px
}

.shop-features {
    text-align: center
}

.shop-features h2.shop-features-title {
    position: relative;
    text-align: center;
    margin: 30px 0
}

.shop-features h2.shop-features-title:before {
    content: "";
    background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2), transparent);
    height: 1px;
    width: 100%;
    display: block;
    position: absolute;
    top: 50%
}

.shop-features h2.shop-features-title span {
    background-color: #fff;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0 12px;
    color: #313131;
    font-weight: 700;
    font-size: 15px
}

.shop-features i {
    color: #333;
    width: 64px;
    height: 64px;
    text-align: center;
    line-height: 60px;
    display: inline-block;
    border: 2px solid #ccc;
    border-radius: 50%;
    font-size: 28px
}

.shop-features h3 {
    color: #121214;
    font-size: 15px;
    line-height: 1;
    margin: 20px 0 10px
}

.shop-features p {
    color: #777;
    font-size: 14px;
    margin: 0;
    margin-bottom: 15px;
    padding: 0 20px
}

.shop-features a {
    margin: 0;
    font-size: 14px
}

.form-list .input-box.input-textarea {
    border: 0
}

.form-list .input-box.input-textarea label {
    padding: 0;
    vertical-align: top
}

.form-list .input-box.input-textarea label i {
    border: 1px solid #ccc;
    border-right: 0;
    margin: 0;
    border-radius: 3px 0 0 3px
}

.form-list .input-box.input-textarea textarea {
}

.contacts-index-index h2.legend {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 300;
    letter-spacing: 0;
    font-family: 'Museo';
}

.contacts-index-index .col-main .contact-info i {
    float: left;
    width: 43px;
    height: 43px;
    background-color: #08c;
    color: #fff;
    line-height: 43px;
    text-align: center;
    font-size: 16px;
    border-radius: 6px;
    margin-bottom: 15px
}

.contacts-index-index .col-main .contact-info p {
    margin-left: 55px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 21px
}

.form-list .input-box label i {
    background-color: #f0f0ed
}

table.for-mobile {
    display: none
}

table.for-desktop {
    display: table
}

.block-compare .block-title strong {
}

.page-popup .link-print {
    background: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/images/i_print.gif) 0 2px no-repeat;
    padding: 2px 0 2px 25px;
    font-weight: bold;
    color: #1e7ec8
}

.compare-table {
    border: 0
}

.compare-table thead tr.first th,
.compare-table thead tr.first td {
    border: 0;
    background: none;
    padding: 0;
    font-size: 0;
    line-height: 0
}

.compare-table .btn-remove {
    float: right;
    width: 72px;
    height: 15px
}

.compare-table tbody th {
}

.compare-table tbody th,
.compare-table tbody td {
    padding: 10px;
    border: 0;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    vertical-align: top
}

.compare-table tbody td .std {
    text-align: left
}

.compare-table tbody td.last {
}

.compare-table tbody tr.last th,
.compare-table tbody tr.last td {
}

.compare-table tr.add-to-row td {
    background: #f7f7f7;
    text-align: center
}

.compare-table tr.first td {
    text-align: center
}

.compare-table tr.first td .product-name {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 5px
}

.compare-table tr.first td .product-name a {
}

.compare-table tr.first td .ratings {
    width: 69px;
    margin: 0 auto
}

.compare-table tr.first td p,
.compare-table tr.add-to-row td p {
    margin: 0
}

.data-table.compare-table {
    border: 1px solid #dcdcdc
}

.data-table.compare-table td {
    border: 0;
    text-align: center;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    line-height: 1.5
}

.data-table.compare-table th {
    text-align: right;
    text-transform: uppercase;
    background: #f7f7f7;
    border: 0;
    border-bottom: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc
}

.data-table.compare-table .ratings {
    margin: 0
}

.data-table.compare-table .ratings .rating-box {
    float: none;
    margin: 0 auto
}

.data-table.compare-table .ratings .amount {
    margin-top: 5px;
    display: none;
    margin: 0 auto
}

.data-table.compare-table .ratings .amount a {
}

.data-table.compare-table .price-box {
    margin: 0
}

.data-table.compare-table .price-box p {
    float: none;
    display: inline-block
}

.compare-table tr.product-img-row td {
    padding: 20px 30px;
    position: relative
}

.compare-table tr.product-img-row td a.btn-remove2 {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;
    height: 20px
}

.compare-table tr.product-img-row .product-image img {
    width: 100%
}

.compare-table tr.product-img-row td .product-name {
    margin: 15px 0 0
}

.compare-table tbody tr.last td {
    vertical-align: middle;
    border-bottom: 0
}

.blank-rating {
    display: none
}

.data-table.compare-table .blank-rating {
    display: block
}

.data-table.compare-table tr.add-to-row td {
    background: none
}

/*** Blog ***/
.block.block-blog-categories a {
    font-size: inherit;
    margin-left: 0
}

.block.block-blog-recent ul li {
    margin: 0;
    padding: 10px 0
}

.block.block-blog-recent ul li div.post-image {
    border-radius: 4px;
    padding: 2px;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-right: 12px
}

.block.block-blog-recent ul li div.post-image:after {
    display: table;
    content: "";
    clear: both
}

.block.block-blog-recent ul li a {
    font-family: inherit;
    font-size: inherit;
    color: #08c;
    line-height: 18px
}

.block.block-blog-recent ul li div.post-time {
    color: #888;
    font-size: 12px;
    line-height: 24px;
    font-family: inherit;
    font-style: normal;
    text-align: left;
    margin: 0
}

.block.block-blog-tags ul li a {
    font-family: inherit;
    font-weight: normal
}

.block.block-blog-tags ul li a:hover {
    text-decoration: none;
    background-color: #08c
}

.posts-wrap {
    margin: 10px 0 0
}

.postBanner {
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 30px
}

.postBanner p {
    line-height: 1;
    margin: 0
}

.postBanner .owl-item .item {
    width: 100%
}

.postBanner .owl-item .item img {
    width: 100%
}

.postBanner img {
    width: 100%;
    border-radius: 3px
}

.postBanner iframe {
    min-height: 300px
}

.postBanner .owl-theme .owl-controls {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.postTitle {
    border: 0
}

.postTitle h2 {
    font-weight: 600;
    margin: 0 0 10px 0
}

.postTitle h2 a:hover {
    opacity: 0.9;
    filter: alpha(opacity=90);
    text-decoration: none
}

.postWrapper {
    margin-top: 0;
    clear: none;
    padding: 10px;
}

.noticia {
    margin: 0 10px 30px 10px;
    box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, 0.3);
    background-color: #fff
}

.noticia:nth-child(2n+1) {
    clear: both;
}

.blog-index-list .toolbar {
    clear: both;
}

.postBanner {
    margin-left: -60px
}

.postContent {
    font-size: 14px;
    line-height: 1.5;
    padding-bottom: 15px
}

.recent-posts .postContent > p {
    margin: 0
}

.recent-posts a.readmore {
    font-weight: 300;
    font-size: 16px
}

.postWrapper .post-date {
    margin-left: -60px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    float: left;
    margin-right: 10px;
    text-align: center
}

.postWrapper .post-date .day {
    color: #08c;
    background-color: #f4f4f4;
    border-radius: 2px 2px 0 0;
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    line-height: 22px;
    margin-bottom: 3px
}

.postWrapper .post-date .month {
    color: #fff;
    background-color: #08c;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .07) inset;
    display: block;
    font-size: 12px;
    padding: 0 10px 2px;
    line-height: 16px
}

.postDetails {
    line-height: 22px
}

.postDetails > span {
    margin-right: 10px
}

.postDetails > span span:last-child {
    display: none
}

.postDetails > span i {
    margin-right: 5px
}

.postDetails > span a {
    color: #777
}

.postDetails > span a:hover {
    color: #08c
}

.postBookmarks a {
    line-height: 1.2
}

.smartwave-blog-read-more {
    color: #777;
    font-size: 13px
}

.postBookmarks {
    padding: 10px 0 0
}

.postBookmarks a {
    color: #777;
    text-decoration: none
}

.postBookmarks a:hover {
    color: #08c
}

.postBookmarks img {
    margin: 0 2px
}

#postComment .form-list .input-box {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

#postComment .form-list input.input-text {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.5;
    color: #555
}

#postComment .form-list textarea {
    height: 150px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.5;
    color: #555
}

#postComment .form-list label {
    margin-bottom: 5px
}

.postComments {
    margin-left: 60px
}

.post-share {
    padding: 10px 0 0;
    margin-bottom: -5px;
    border-top: 1px solid #ddd
}

.post-share i {
    margin-right: 5px
}

.post-share h3 {
    color: #08c;
    font-size: 13px;
    font-weight: 300;
    margin: 10px 10px 0 0;
    text-transform: none;
    float: left
}

.blog-post-view .postWrapper {
    margin-bottom: 0
}

.postComments .postTitle h2 {
    padding: 20px 0;
    font-size: 1.8em;
    font-weight: 200;
    margin: 0 0 20px;
    text-transform: none;
    color: #08c
}

.postComments .toolbar {
    border-bottom: 1px solid #ddd;
    margin-bottom: 40px;
    padding-bottom: 10px
}

form#postComment {
    display: block;
    margin-top: 25px;
    padding: 45px 0 0;
    border-top: 1px solid #ddd
}

#postComment h4.legend {
    padding: 0 0 20px 0;
    font-size: 1.8em;
    font-weight: 200;
    margin: 0 0 20px;
    text-transform: none;
    color: #08c
}

.commentWrapper i.icon-user {
    font-size: 50px;
    border: 4px double #ddd;
    background: #fff;
    border-radius: 5px;
    float: left;
    line-height: 70px;
    text-align: center
}

.commentWrapper .comment-area:before {
    border-bottom: 15px solid transparent;
    border-right: 15px solid #F4F4F4;
    border-top: 15px solid transparent;
    height: 0;
    left: -15px;
    position: absolute;
    top: 28px;
    width: 0;
    content: ""
}

.commentWrapper .comment-area {
    margin-left: 110px;
    background: #F4F4F4;
    border-radius: 5px;
    padding: 20px;
    position: relative
}

.commentWrapper .comment-area .commentContent {
    line-height: 22px;
    margin-bottom: 10px
}

.commentWrapper .comment-area .date {
    text-align: right;
    color: #999
}

/***** Home Page *****/
/* Slider */
.cms-index-index .tp-caption {
    text-align: left
}

.cms-index-index .tp-caption.very_large_text {
    color: #08c;
    font-size: 56px;
    font-weight: 600;
    text-decoration: none;
    background-color: transparent;
    letter-spacing: 13px;
    border: 0;
    text-shadow: none;
    font-family: "Open Sans"
}

.cms-index-index .tp-caption.large_thin {
    color: #08c;
    background-color: transparent;
    text-decoration: none;
    font-size: 46px;
    font-weight: 300;
    border: 0;
    font-family: "Open Sans"
}

.cms-index-index .tp-caption.small_thin_grey {
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
    color: #777;
    font-family: "Open Sans";
    text-decoration: none;
    background-color: transparent;
    text-shadow: none;
    margin: 0px;
    border: 0
}

.cms-index-index .tp-caption a, .cms-index-index .tp-caption a:hover {
    color: #fff;
    font-family: "Open Sans"
}

.cms-index-index .tp-caption.title1 {
    font-size: 36px;
    font-weight: 600;
    color: #08c;
    background-color: transparent;
    text-decoration: none;
    letter-spacing: 8px;
    border: 0;
    font-family: "Open Sans"
}

.cms-index-index .tp-caption.small-desc {
    color: #999;
    font-size: 16px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 300;
    background-color: transparent;
    text-decoration: none
}

.cms-index-index .white-arrow .tparrows.navbar {
    color: #fff
}

.cms-index-index .tparrows.navbar:hover {
    background-position: 0 -45px !important
}

.cms-index-index .tp-caption.white-title1 {
    text-decoration: none;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 48px;
    font-weight: 600;
    color: #fff;
    background-color: transparent;
    letter-spacing: 12px;
    border: 0
}

.cms-index-index .tp-caption.small-desc-white {
    color: #fff;
    font-size: 16px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 300;
    background-color: transparent;
    text-decoration: none;
    border: 0;
    line-height: 24px
}

.cms-index-index .tp-caption a.btn-white, .cms-index-index .tp-caption a.btn-white:hover {
    background-color: #fff;
    color: #08c
}

.single-image {
    overflow: hidden;
    text-align: center;
    margin: 15px 0
}

.single-images .single-image {
    margin: 0;
    border-radius: 5px
}

a.single-image {
    display: block;
    margin: 4px;
    border-radius: 5px;
    position: relative
}

a.single-image img {
    width: 100%
}

.single-image img {
    max-width: 100%;
    transition: 0.5s ease
}

.single-image:hover img {
    transform: scale(1.2)
}

.filter-products .products.small-list {
    text-align: left;
    margin-top: -10px
}

.filter-products .products.small-list div.item {
    width: 100%;
    max-width: 300px;
    float: none;
    display: inline-block;
    padding: 0
}

.filter-products .products.small-list div.item .item-area {
    padding: 10px 0 6px
}

.filter-products .products.small-list div.item .product-image-area {
    width: 33%;
    float: left;
    padding: 2px
}

.filter-products .products.small-list div.item .details-area {
    width: 66%;
    float: left;
    text-align: left;
    padding: 10px 16px
}

.filter-products .products.small-list div.item .details-area .ratings {
    background: transparent;
    margin-bottom: 10px
}

.filter-products .products.small-list div.item .price-box {
    margin: 0;
    line-height: 1.2
}

.filter-products .products.small-list div.item .price-box p {
    margin: 0;
    line-height: 1.2
}

h2.sidebar-title {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #313131;
    line-height: 1
}

.owl-top-narrow .sidebar-list .owl-controls {
    top: -16px
}

.owl-top-narrow .sidebar-list .owl-controls .owl-buttons div {
    font-size: 16px
}

.filter-products .products.sidebar-list div.item .item-area {
    background-color: transparent;
    box-shadow: none;
    border: 0;
    border-radius: 0
}

.filter-products .products.sidebar-list div.item:hover .item-area {
    background-color: transparent;
    box-shadow: none;
    border: 0;
    border-radius: 0
}

.sidebar-filterproducts {
    margin-bottom: 30px
}

.sidebar-filterproducts .owl-top-narrow {
    margin: 0
}

/******** Homepage Bar(5) ***********/
.homepage-bar {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    background-color: #fbfbfb
}

.homepage-bar .col-md-4 {
    border-left: 1px solid #e1e1e1;
    padding-top: 20px;
    padding-bottom: 21px
}

.homepage-bar .col-md-4:first-child {
    border-left: 0
}

.homepage-bar i {
    font-size: 34px;
    color: #000;
    display: inline-block;
    vertical-align: middle
}

.homepage-bar i:before {
    width: auto
}

.homepage-bar .text-area {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 5px
}

.homepage-bar h3 {
    color: #313131;
    font-size: 16px;
    margin: 0;
    line-height: 1.5
}

.homepage-bar p {
    font-size: 12px;
    margin: 0;
    line-height: 1
}

.homepage-bar.type2 {
    border: 0;
    background-color: transparent
}

.homepage-bar.type2 i {
    color: #fff;
    background-color: #121214;
    border-radius: 50%;
    width: 62px;
    height: 62px;
    line-height: 62px;
    text-align: center;
    float: left
}

.homepage-bar.type2 i.icon-truck {
    padding-right: 4px
}

.homepage-bar.type2 .text-area {
    display: block;
    margin-left: 75px
}

.homepage-bar.type2 .col-md-4 {
    border: 0;
    padding-top: 5px;
    padding-bottom: 5px
}

.homepage-bar.type2 h3 {
    color: #000;
    font-size: 20px;
    margin: 0;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 6px
}

.homepage-bar.type2 em {
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    font-family: Arial;
    line-height: 1;
    margin-bottom: 12px;
    display: block;
    color: #878787
}

.homepage-bar.type2 p {
    font-size: 14px;
    margin: 0;
    line-height: 1.3;
    color: #666
}

/********* Parallax Slider *********/
.parallax-slider .owl-carousel h2 {
    font-size: 60.28px;
    color: #fff;
    line-height: 1
}

.parallax-slider .owl-carousel p {
    font-size: 22.6px;
    color: #fff;
    line-height: 1;
    margin-bottom: 30px;
}

.parallax-slider .owl-carousel a {
    font-size: 16px;
    color: #fff;
    line-height: 1
}

.parallax-slider .owl-theme .owl-controls {
    margin-top: 25px
}

/* Content */
.owl-item .item {
    max-width: 100%;
    float: none !important
}

.owl-item .item img {
    max-width: 100%
}

.cms-index-index blockquote.testimonial {
    background-color: #08c;
    border: 0;
    border-radius: 10px;
    color: #fff;
    font-family: Georgia, serif;
    font-style: italic;
    margin: 0;
    padding: 10px 50px;
    position: relative;
    font-size: 1.2em;
    line-height: 1.3
}

.cms-index-index blockquote.testimonial:before {
    left: 10px;
    top: 0;
    color: #fff;
    content: "\201C";
    font-size: 80px;
    font-style: normal;
    line-height: 1;
    position: absolute
}

.cms-index-index blockquote.testimonial:after {
    right: 10px;
    bottom: -0.5em;
    color: #fff;
    content: "\201D";
    font-size: 80px;
    font-style: normal;
    line-height: 1;
    position: absolute
}

.cms-index-index .testimonial-arrow-down {
    border: 15px solid transparent;
    border-top-color: #08c;
    border-bottom: 0;
    height: 0;
    margin: 0 0 0 25px;
    width: 0
}

.cms-index-index .testimonial-author {
    margin: 8px 0 0 8px
}

.cms-index-index .testimonial-author .img-thumbnail {
    border-radius: 7px;
    float: left;
    margin-right: 10px;
    position: relative;
    padding: 4px;
    line-height: 1.5;
    background-color: #fff;
    border: 1px solid #ddd;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.cms-index-index .testimonial-author .img-thumbnail img {
    max-width: 60px;
    display: inline-block;
    height: auto
}

.cms-index-index .testimonial-author p {
    color: #666;
    margin: 0 0 0 25px;
    text-align: left;
    line-height: 24px
}

.cms-index-index .testimonial-author p > strong {
    color: #111;
    display: block;
    padding-top: 7px;
    font-size: 14px
}

.cms-index-index .testimonial-author span {
    color: #666;
    display: block;
    font-size: 12px
}

.slide .product {
    text-align: center
}

.slide .product img {
    float: none;
    max-width: 100%;
    margin: 5px auto
}

.slide .product h6 {
    color: #777;
    font-size: 1.14em;
    line-height: 18px;
    font-weight: 400;
    margin: 0 0 14px 0;
    letter-spacing: normal
}

.slide .product .price {
    font-size: 32px;
    line-height: 32px;
    color: #08c;
    letter-spacing: 0
}

.slide .product .price .amount {
    display: inline-block
}

.slide .product .price .amount .currency, .slide .product .price .amount .decimal {
    font-size: 0.67em
}

.slide .product .price del {
    display: none
}

.slide .product .price ins {
    text-decoration: none
}

.slide .product .add_to_cart_button {
    display: inline-block;
    margin: 15px 0
}

div.filter-title, h2.filter-title {
    background: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/images/slider-bar.png) right no-repeat;
    font-size: 16px;
    font-weight: 300;
    line-height: 42px;
    margin: 0;
    color: #313131;
    text-transform: uppercase;
    text-align: left
}

div.filter-title .content, h2.filter-title .content {
    background-color: #fff;
    padding-right: 20px;
    display: inline
}

p.filter-title, h3.filter-title {
    background: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/images/slider-bar.png) right no-repeat;
    font-size: 1.7em;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 32px 0;
    color: #08c
}

p.filter-title .content, h3.filter-title .content {
    background-color: #fff;
    padding-right: 20px
}

.filterproducts-tab .filter-title ul {
    list-style: none;
    padding: 0;
    padding-right: 20px
}

.filterproducts-tab .filter-title ul li {
    display: inline-block
}

.filterproducts-tab .filter-title ul li a {
    color: #313131;
    padding-left: 15px;
    margin-left: 12px;
    border-left: 1px solid #ddd
}

.filterproducts-tab .filter-title ul li:first-child a {
    margin: 0;
    padding: 0;
    border: 0
}

.filterproducts-tab .filter-title ul li.active a {
    color: #08c
}

.border-box {
    position: relative;
    border: solid 1px #d5d5d5;
    padding: 15px 15px 30px;
    min-height: 100px;
    margin: 30px 0 0;
    text-align: center
}

.border-box .box-title {
    position: absolute;
    top: -21px;
    left: 0;
    width: 100%;
    text-align: center
}

.border-box .box-title h2 {
    display: inline-block;
    padding: 0 10px;
    background-color: #fff;
    color: #9c9c9c;
    font-size: 2.6em;
    font-weight: 300;
    line-height: 42px;
    margin: 0
}

.border-box .box-thumb {
    position: absolute;
    bottom: 0
}

.border-box .box-thumb img {
    max-width: 200px
}

.feature-box {
    clear: both
}

.feature-box.gift-card {
    overflow: hidden
}

.feature-box .feature-box-icon {
    background-color: #08c;
    border-radius: 35px;
    color: #fff;
    display: inline-block;
    float: left;
    height: 35px;
    margin-right: 10px;
    position: relative;
    text-align: center;
    top: 5px;
    width: 35px
}

.feature-box.tertiary .feature-box-icon {
    float: none;
    margin: 15px auto;
    padding: 0;
    border-radius: 100%
}

.feature-box.orange .feature-box-icon {
    background-color: #ffa800
}

.feature-box.green .feature-box-icon {
    background-color: #2dbe7f
}

.feature-box.pink .feature-box-icon {
    background-color: #ee68a7
}

.feature-box.gift-card .feature-box-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 30px
}

.feature-box .feature-box-info {
    padding-left: 50px
}

.feature-box.tertiary .feature-box-info {
    padding: 0
}

.feature-box.gift-card h4 {
    font-size: 32px;
    font-style: italic;
    margin-bottom: 10px;
    color: #9c9c9c
}

p.tall {
    margin-bottom: 20px;
    color: #777;
    line-height: 24px;
    margin: 0 0 20px;
    font-size: 14px
}

.custom-gift .feature-box .feature-box-icon {
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 45px;
    text-align: center
}

.custom-gift .feature-box .feature-box-info h4 {
    color: #fff;
    font-size: 51px;
    margin: 0 20px 20px;
    line-height: 1;
    font-weight: 400
}

.custom-gift .feature-box .feature-box-info p {
    font-size: 22px;
    line-height: 28px;
    font-weight: 300;
    margin-bottom: 20px;
    color: #fff
}

.feature-box.secundary h4 {
    color: #121214;
    font-size: 20px;
    font-weight: 400
}

.feature-box.secundary .feature-box-icon {
    background-color: transparent;
    color: #08c
}

.feature-box.secundary .feature-box-icon i {
    font-size: 28px
}

.feature-box.secundary .feature-box-info {
    padding-left: 60px;
}

.custom-support {
    text-align: left
}

.custom-support i {
    float: left;
    background-color: #e35d53;
    color: #fff;
    border-radius: 50%;
    width: 62px;
    height: 62px;
    text-align: center;
    line-height: 62px;
    font-size: 20px
}

.custom-support div.content {
    margin-left: 76px
}

.custom-support div.content > h2 {
    color: #000;
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.5;
}

.custom-support div.content > em {
    color: #888;
    font-weight: 300;
    font-size: 11px;
    font-style: normal;
    line-height: 1;
    margin-bottom: 15px;
    display: block
}

.custom-support div.content > p {
    color: #666;
    font-size: 14px
}

.gift-box > p {
    text-align: left;
    font-size: 15.36px;
    color: #525252;
    font-weight: 300;
    margin-left: 3px;
    margin-bottom: 30px
}

.gift-box .feature-box.gift-card h4 {
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    color: #222;
    text-transform: uppercase
}

.homepage-grid-banner {
    padding: 0
}

.homepage-grid-banner * {
    transition: all 0.2s
}

.homepage-grid-banner .row {
    margin-left: -4px;
    margin-right: -4px
}

.homepage-grid-banner .col-sm-1, .homepage-grid-banner .col-sm-2, .homepage-grid-banner .col-sm-3, .homepage-grid-banner .col-sm-4, .homepage-grid-banner .col-sm-5, .homepage-grid-banner .col-sm-6, .homepage-grid-banner .col-sm-7, .homepage-grid-banner .col-sm-8, .homepage-grid-banner .col-sm-9, .homepage-grid-banner .col-sm-10, .homepage-grid-banner .col-sm-11, .homepage-grid-banner .col-sm-12 {
    padding-left: 4px;
    padding-right: 4px
}

.homepage-grid-banner .col-sm-margin {
    margin-bottom: 8px
}

.homepage-grid-banner img {
    width: 100%
}

.homepage-grid-banner .content a {
    font-size: 16px;
    margin-right: 5px;
}

.homepage-grid-banner .content a.btn-default {
    font-size: 13px;
    margin: 0;
    border: 0;
    padding-right: 3px
}

.homepage-grid-banner .ribbon {
    width: 33.5%;
    height: 22.3%
}

.homepage-grid-banner .ribbon:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border: 150px solid #08c;
    border-right: 0;
    border-bottom: 0;
    border-left: 200px solid transparent;
}

.homepage-grid-banner .ribbon > div {
    width: 90%
}

.homepage-grid-banner .ribbon em {
    font-size: 14px
}

.homepage-grid-banner .ribbon h4 {
    font-size: 33px;
    line-height: 1;
    margin: 0
}

.homepage-grid-banner .ribbon h5 {
    font-size: 18px;
    line-height: 1;
    margin: 0
}

.homepage-grid-banner .grid1, .homepage-grid-banner .grid2, .homepage-grid-banner .grid3, .homepage-grid-banner .grid4 {
    cursor: pointer;
    overflow: hidden;
    min-height: 50px
}

.homepage-grid-banner .grid1:before, .homepage-grid-banner .grid2:before, .homepage-grid-banner .grid3:before, .homepage-grid-banner .grid4:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: 0;
    filter: alpha(Opacity=0);
    visibility: hidden;
    transition: all 0.2s
}

.homepage-grid-banner .grid1:hover:before, .homepage-grid-banner .grid2:hover:before, .homepage-grid-banner .grid3:hover:before, .homepage-grid-banner .grid4:hover:before {
    opacity: 0.1;
    filter: alpha(Opacity=10);
    visibility: visible
}

.homepage-grid-banner .grid1 .content h2 {
    font-size: 70.72px;
    line-height: 1
}

.homepage-grid-banner .grid1 .content p {
    font-size: 29.47px;
    line-height: 1;
    margin-bottom: 10px;
    margin-right: 4px
}

.homepage-grid-banner .grid2 .content h3 {
    font-size: 28.88px;
    line-height: 1
}

.homepage-grid-banner .grid2 .content h2 {
    font-size: 28.88px;
    line-height: 1;
}

.homepage-grid-banner .grid2 .content p {
    font-size: 17.58px;
    line-height: 1;
    margin-bottom: 15px
}

.homepage-grid-banner .grid3 .content h2 {
    font-size: 46px;
    line-height: 1;
    margin: 0
}

.homepage-grid-banner .grid3 .content h5 {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 30px
}

.homepage-grid-banner .grid3 .content p {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 5px
}

.homepage-grid-banner .grid3 .content h4 {
    font-size: 22.72px;
    line-height: 1;
    margin-top: 20px;
    margin-bottom: 0
}

.homepage-grid-banner .grid3 .content h4 > span {
    font-size: 17.66px;
    line-height: 1
}

.homepage-grid-banner .grid3 .content h3 {
    font-size: 37.71px;
    line-height: 1;
    margin-bottom: 15px
}

.homepage-grid-banner .grid3 .content h3 > span {
    font-size: 25.14px;
    line-height: 1
}

.homepage-grid-banner .grid4 .content h2 {
    font-size: 33.86px;
    line-height: 1.2;
    margin: 0;
    margin-bottom: 15px
}

.homepage-grid-banner .grid4 .content p {
    font-size: 19.75px;
    line-height: 1.2;
    margin-bottom: 17px
}

.grid-images {
    text-align: center
}

.grid-images .row {
    margin-left: -10px;
    margin-right: -10px
}

.grid-images .col-sm-4, .grid-images .col-sm-8 {
    padding-left: 10px;
    padding-right: 10px
}

.grid-images .grid1 {
    margin-bottom: 10px
}

.grid-images img {
    max-width: 100%
}

.slider-with-side {
    margin: 0 -8px
}

.slider-with-side .slider-area {
    padding: 0 8px;
    float: left;
    width: 72.3%
}

.slider-with-side .side-area {
    padding: 0 8px 0 7px;
    float: left;
    width: 27.7%
}

.slider-with-side .side-area .item1, .slider-with-side .side-area .item2, .slider-with-side .side-area .item3 {
    margin-bottom: 9px;
    position: relative;
    overflow: hidden
}

.slider-with-side .side-area .item3 {
    margin: 0 !important
}

.slider-with-side .side-area .item1 .content {
    position: absolute;
    bottom: 17px;
    left: 15px;
    text-align: left
}

.slider-with-side .side-area .item1 .content h2 {
    font-size: 35.16px;
    margin: 0;
    margin-bottom: 14px
}

.slider-with-side .side-area .item1 .content em {
    font-size: 27.45px;
    margin: 0;
    margin-bottom: 2px;
    display: block;
    margin-left: 4px
}

.slider-with-side .side-area .item1 .content a {
    font-size: 15.08px;
    margin: 0;
    margin-left: 4px;
    display: block;
}

.slider-with-side .side-area .item2 .content {
    position: absolute;
    bottom: 17px;
    left: 21px;
    text-align: left
}

.slider-with-side .side-area .item2 .content h2 {
    font-size: 33.86px;
    margin: 0;
    margin-bottom: 12px
}

.slider-with-side .side-area .item2 .content p {
    font-size: 18.34px;
    margin: 0;
    margin-left: 1px
}

.slider-with-side .side-area .item2 .content a {
    font-size: 13px;
    border: 0;
    text-shadow: none;
    padding: 8px 10px 8px 15px;
    margin: 13px 0 0 25px
}

.slider-with-side .side-area .item3 .content {
    position: absolute;
    bottom: 17px;
    left: 19px;
    text-align: left
}

.slider-with-side .side-area .item3 .content h2 {
    font-size: 32px;
    margin: 0
}

.slider-with-side .side-area .item3 .content p {
    font-size: 20px;
    margin: 0;
    margin-bottom: 17px
}

.slider-with-side .side-area .item3 .content a {
    font-size: 16px;
    margin: 0
}

.slider-with-side .side-area .item1:before, .slider-with-side .side-area .item2:before, .slider-with-side .side-area .item3:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: 0;
    filter: alpha(Opacity=0);
    visibility: hidden;
    transition: all 0.2s
}

.grid-images .grid1 img, .grid-images .grid2 img, .grid-images .grid3 img {
    opacity: 1;
    filter: alpha(Opacity=100);
    visibility: visible;
    transition: all 0.2s
}

.slider-with-side .side-area .item1:hover:before, .slider-with-side .side-area .item2:hover:before, .slider-with-side .side-area .item3:hover:before {
    opacity: 0.1;
    filter: alpha(Opacity=10);
    visibility: visible
}

.grid-images .grid1:hover img, .grid-images .grid2:hover img, .grid-images .grid3:hover img {
    opacity: 0.8;
    filter: alpha(Opacity=80);
    visibility: visible
}

.slider-with-side .slider-area .item .content .text-area h2 {
    display: inline-block;
    padding: 7px 50px 7px 11px;
    font-size: 42.7px;
    margin-bottom: 4px
}

.slider-with-side .slider-area .item .content .text-area p {
    display: inline-block;
    padding: 12px 17px 12px 13px;
    font-size: 17.58px;
    margin: 0
}

.slider-with-side .slider-area .item .content .ribbon {
    right: 13px;
    top: 16px
}

.slider-with-side .slider-area .item .content .ribbon em {
    font-size: 14px;
    margin: 0;
    margin-right: 63px
}

.slider-with-side .slider-area .item .content .ribbon h3 {
    font-size: 33px;
    margin: 0;
    margin-right: 14px
}

.slider-with-side .slider-area .item .content .ribbon h5 {
    font-size: 18px;
    margin: 0;
    margin-top: -3px
}

.full-screen-slider {
}

.full-screen-slider .item > div.content {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 2
}

.full-screen-slider .item > div.content > h2 {
    font-size: 60.28px;
    margin-bottom: 18px;
    line-height: 1
}

.full-screen-slider .item > div.content > p {
    font-size: 25.12px;
    margin-bottom: 35px;
    line-height: 1
}

.full-screen-slider .item > div.content > a.btn-default {
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    text-shadow: none;
    padding: 15px 48px;
    border-radius: 7px;
    border: 0
}

.full-screen-slider .item > div.content em {
    font-style: normal;
    line-height: 1;
    display: block
}

.full-screen-slider .item > div.content em.type1 {
    font-size: 18.34px;
    margin-bottom: -5px
}

.full-screen-slider .item > div.content em.type2 {
    font-size: 29.47px;
    margin-bottom: 10px;
    margin-left: 30px
}

.full-screen-slider .item > div.content em.type3 {
    font-size: 17.68px;
    margin-top: 10px
}

.full-screen-slider .item > div.content h3 {
    font-size: 61.56px;
    margin: 0;
    line-height: 1
}

.full-screen-slider .item > div.content h4 {
    font-size: 52.39px;
    margin: 0;
    padding-right: 35px;
    border-right: 2px solid #83c5e6;
    line-height: 1;
    vertical-align: middle
}

.full-screen-slider .item > div.content .sale-bar a {
    font-size: 20.96px;
    margin-left: 23px;
    line-height: 1;
    vertical-align: middle
}

.full-screen-slider .item > div.content .sale-bar a .icon-angle-down {
    font-size: 12px;
    margin-left: 10px;
    border-radius: 50%;
    background-color: #08c;
    color: #fff;
    vertical-align: middle
}

.full-screen-slider .item > div.content .sale-bar > div.f-left {
    padding: 15px 22px
}

.full-screen-slider .item > div.content .sale-bar > div.f-left:first-child {
    padding: 15px 40px
}

.full-screen-slider .item > div.content .sale-bar {
    height: 82px;
    margin-left: 14px
}

.full-screen-slider .item > div.content .sale-bar .triangle {
    float: left;
    height: 82px;
    position: relative;
    overflow: hidden
}

.full-screen-slider .item > div.content .sale-bar .triangle > div {
    height: 41px;
    border: 20px solid transparent;
    border-top-width: 41px;
    margin: 0 -20px -20px 0
}

.full-screen-slider .item > div.content .sale-bar .triangle > div:first-child {
    height: 41px;
    border: 20px solid transparent;
    border-bottom-width: 41px;
    margin: -20px -20px 0 0
}

.full-screen-slider .item > div.content.content-1 {
    margin-top: -126px
}

.full-screen-slider .item > div.content.content-1 > p {
    font-size: 20.09px;
    margin: 38px 0
}

.full-screen-slider .item > div.content.content-1 > a.btn-default {
    font-size: 16px;
    padding: 15px 20px
}

.full-screen-slider .item > div.content.content-1 > img {
}

.full-screen-slider .item > div.content.content-2 {
    margin-top: -75px
}

.full-screen-slider .item > div.content.content-3 {
    margin-top: -91px
}

.slide3-1-content p {
    line-height: 1;
    margin: 0;
    margin-bottom: 5px;
    font-size: 19.75px
}

.slide3-1-content h2 {
    line-height: 1;
    margin: 0;
    font-size: 50.23px;
    margin-bottom: 30px
}

.slide3-1-content .price-area {
}

.slide3-1-content .price-area em {
    font-style: normal;
    line-height: 1;
    margin: 0;
    font-size: 17.33px;
    text-align: right
}

.slide3-1-content .price-area em:first-child {
    margin-right: 0;
    margin-bottom: -2px;
    text-align: left
}

.slide3-1-content .price-area h3 {
    line-height: 1;
    margin: 0;
    font-size: 58.18px
}

.slide3-1-content .button-area {
    padding-left: 15px;
    margin-left: 15px
}

.slide3-1-content a.btn-default {
    height: 67px;
    font-size: 16px;
    font-weight: 300;
    line-height: 67px;
    padding: 0 20px 0 30px;
    border-radius: 8px
}

.slide3-1-content a.btn-default i {
    width: 15px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    font-size: 11px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px;
    margin-left: 12px
}

.slide3-2-content em {
    font-size: 20px;
    font-style: normal;
    margin-left: 2px;
    margin-bottom: 5px;
    line-height: 1
}

.slide3-2-content h2 {
    font-size: 50.23px;
    line-height: 1;
    margin: 0;
    margin-bottom: 5px
}

.slide3-2-content p {
    font-size: 37px;
    line-height: 1;
    margin-bottom: 30px
}

.slide3-2-content a {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.slide3-2-content a > i {
    width: 15px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    font-size: 11px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 3px;
    margin-left: 12px;
    background-color: #fff;
    border-radius: 50%;
    color: #000
}

.image-link {
    display: block;
    position: relative
}

.image-link:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: 0;
    filter: alpha(Opacity=0);
    visibility: hidden;
    transition: all 0.2s
}

.border-radius .image-link:before {
    border-radius: 8px
}

.image-link:hover:before {
    opacity: 0.1;
    filter: alpha(Opacity=10);
    visibility: visible
}

.image-link img {
    width: 100%
}

#banner-slider-demo-1 .slide1-content img.quote {
}

#banner-slider-demo-1 .slide1-content em {
    font-size: 26.26px;
    margin: 0 10px
}

#banner-slider-demo-1 .slide1-content h2 {
    font-size: 79.12px;
    margin: 5px 0 10px
}

#banner-slider-demo-1 .slide1-content p {
    font-size: 23.64px
}

#banner-slider-demo-1 .slide2-content em {
    font-size: 26.26px;
    margin-left: 8px
}

#banner-slider-demo-1 .slide2-content h2 {
    font-size: 82.51px;
    margin: 3px 0 10px
}

#banner-slider-demo-1 .slide2-content p {
    font-size: 18px;
    margin-left: 8px;
    margin-bottom: 30px
}

#banner-slider-demo-1 .slide2-content p span.split {
    margin: 0 13px 0 14px
}

#banner-slider-demo-1 .slide2-content a.btn-default {
    font-size: 14px;
    width: 135px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-right: 3px
}

#banner-slider-demo-1 .slide3-content em {
    font-size: 26.26px
}

#banner-slider-demo-1 .slide3-content h2 {
    font-size: 82.51px;
    margin-bottom: 17px;
}

#banner-slider-demo-1 .slide3-content a.btn-default {
    font-size: 14px;
    width: 135px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-right: 3px
}

#banner-slider-demo-14 .slide1-content img.quote {
}

#banner-slider-demo-14 .slide1-content em {
    font-size: 26.26px;
    margin: 0 10px
}

#banner-slider-demo-14 .slide1-content h2 {
    font-size: 79.12px;
    margin: 5px 0 10px
}

#banner-slider-demo-14 .slide1-content p {
    font-size: 23.64px
}

#banner-slider-demo-14 .slide2-content em {
    font-size: 26.26px;
    margin-left: 8px
}

#banner-slider-demo-14 .slide2-content h2 {
    font-size: 82.51px;
    margin: 3px 0 10px
}

#banner-slider-demo-14 .slide2-content p {
    font-size: 18px;
    margin-left: 8px;
    margin-bottom: 30px
}

#banner-slider-demo-14 .slide2-content p span.split {
    margin: 0 13px 0 14px
}

#banner-slider-demo-14 .slide2-content a.btn-default {
    font-size: 14px;
    width: 135px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-right: 3px
}

#banner-slider-demo-14 .slide3-content em {
    font-size: 26.26px
}

#banner-slider-demo-14 .slide3-content h2 {
    font-size: 82.51px;
    margin-bottom: 17px;
}

#banner-slider-demo-14 .slide3-content a.btn-default {
    font-size: 14px;
    width: 135px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-right: 3px
}

.side-custom-menu {
    border: 1px solid #ddd;
    border-radius: 7px;
    overflow: hidden
}

.side-custom-menu h2 {
    color: #000;
    border-bottom: 1px solid #ddd;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    padding: 13px 13px 12px;
    background-color: #f5f5f5;
    line-height: 1;
    margin: 0
}

.side-custom-menu ul {
    padding: 0 12px
}

.side-custom-menu ul li {
    text-align: left;
    padding: 13px 4px 12px;
    border-top: 1px solid #ddd
}

.side-custom-menu ul li:first-child {
    border: 0
}

.side-custom-menu ul li a {
    color: #777;
    font-size: 15px;
    line-height: 1;
    display: block
}

.owl-item-links-block ul li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px
}

.owl-item-links-block ul li a {
    line-height: 2;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-decoration: underline
}

.owl-item-links-block span {
    font-size: 18px;
    padding-left: 25px;
    line-height: 2.5;
    margin-left: 10px
}

.owl-item-links-block span .icon-angle-down {
    font-size: 9px;
    margin-left: 7px
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default:hover {
    color: #333
}

.category-products .products-grid {
    margin-left: -10px;
    margin-right: -10px;
    list-style: none
}

.filter-products .products div.item {
    float: left;
    padding: 10px
}

.filter-products .products div.item .item-area {
    width: 100%;
    position: relative
}

.filter-products .products div.item .product-image {
    width: 100%;
    min-height: 60px;
    display: block;
    position: relative;
    z-index: 0;
    overflow: hidden;
    border-radius: 3px;
    background: #fff
}

.filter-products .products .owl-item.loading {
    background: transparent
}

.filter-products .products .owl-item.loading div.item .product-image {
    background-image: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/images/ajax_loader.gif);
    background-repeat: no-repeat;
    background-position: center center
}

.filter-products .products div.item .product-image img {
    width: 100%;
    transition: opacity 0.3s
}

.filter-products .products div.item .product-image img.defaultImage {
    opacity: 1;
    filter: alpha(opacity=100)
}

.filter-products .products div.item .product-image img.hoverImage {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.filter-products .products div.item .product-image-area:hover .product-image img.defaultImage {
    opacity: 0;
    filter: alpha(opacity=0)
}

.filter-products .products div.item .product-image-area:hover .product-image img.hoverImage {
    opacity: 1;
    filter: alpha(opacity=100)
}

.filter-products .products div.item .details-area {
    padding: 10px;
    text-align: center
}

.filter-products .products div.item .details-area .product-name {
    margin: 0 0 3px 0
}

.filter-products .products div.item .details-area .product-name a {
    font-size: 14px
}

.block-layered-nav .filter-products .products div.item:hover .item-area {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none
}

.owl-top-narrow {
    margin: 0 -10px
}

.owl-top-narrow .owl-item .item {
    padding: 0 10px
}

.owl-top-narrow .recent-posts .owl-item .item {
    padding-top: 10px
}

.owl-top-narrow .owl-controls {
    position: absolute;
    right: 5px;
    top: -33px;
    margin: 0
}

.owl-top-narrow .owl-controls .owl-buttons div {
    color: #08c;
    background: transparent;
    padding: 0;
    margin: 0;
    font-size: 18px
}

.owl-bottom-narrow .owl-controls {
    position: absolute;
    bottom: 20px;
    margin: 0;
    width: 100%
}

.owl-bottom-narrow .owl-controls .owl-buttons div {
    color: #08c;
    background: transparent;
    padding: 0;
    margin: 0;
    font-size: 18px
}

.owl-no-narrow {
    margin: 0 -10px
}

.owl-no-narrow .owl-item .item {
    padding: 0 10px
}

.owl-no-narrow .owl-controls {
    margin-top: 30px
}

.sep-title {
    display: table;
    margin-bottom: 35px;
    width: 100%;
    color: #fff;
    font-size: 38px
}

.sep-title-holder-l, .sep-title-holder-r {
    display: table-cell;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%
}

.sep-title-line {
    height: 1px;
    display: block;
    border-top: 1px solid #fff;
    position: relative;
    top: 1px;
    width: 100%
}

.sep-title h2 {
    display: table-cell;
    padding: 0 0.8em;
    color: #fff;
    font-size: 36px;
    line-height: 1em;
    white-space: pre;
    margin: 0 0 32px 0;
    font-weight: 300
}

.recent-posts .item {
    padding: 20px 10px 0 10px
}

.recent-posts .item .row {
    margin-left: -10px;
    margin-right: -10px
}

.recent-posts .item .col-sm-5, .recent-posts .item .col-sm-7 {
    padding-left: 10px;
    padding-right: 10px
}

.recent-posts .item .post-image {
    border-radius: 5px;
    overflow: hidden;
    margin: 0 0 15px 0;
    padding: 2px;
    border: 1px solid #e1e1e1;
    background-color: #fff
}

.recent-posts .item .post-image img {
    border-radius: 4px;
    width: 100%
}

.recent-posts .post-date {
    float: left;
    margin-right: 10px;
    text-align: center
}

.recent-posts .post-date .day {
    background-color: #f7f7f7;
    color: #08c;
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 8px
}

.recent-posts .post-date .month {
    background-color: #08c;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .07) inset;
    color: #fff;
    font-size: 0.9em;
    padding: 2px 0;
    display: block;
    width: 45px
}

.recent-posts .postTitle {
    min-height: 55px
}

.recent-posts .postTitle h2 {
    font-size: 20px;
    line-height: 27px;
    font-weight: normal
}

.date-absolute-type .recent-posts {
    margin: -15px -10px 0
}

.date-absolute-type .recent-posts .item .col-sm-5, .date-absolute-type .recent-posts .item .col-sm-7 {
    width: 100%
}

.date-absolute-type .recent-posts .item .post-image {
    padding: 3px
}

.date-absolute-type .recent-posts .post-date {
    margin-top: -75px;
    margin-left: 10px
}

.date-absolute-type .recent-posts .postTitle {
    min-height: 18px;
    margin-bottom: 10px
}

.date-absolute-type .recent-posts .postTitle h2 {
    font-size: 18px;
    line-height: 18px
}

.date-absolute-type .recent-posts .postContent {
    font-size: 13px;
    padding-bottom: 0
}

.date-absolute-type .recent-posts a.readmore {
    font-size: 10px;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 10px
}

#slideshow img {
    max-width: 100%;
    height: auto
}

h2.short {
    margin-bottom: 15px;
    font-size: 2.6em;
    font-weight: 300;
    line-height: 42px;
    margin: 0 0 32px 0
}

.true-color {
    color: #08c
}

.italic {
    font-style: italic
}

ul.icons {
    list-style: none
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

ul.list li {
    margin-bottom: 13px;
    line-height: 24px
}

ul.list.icons li i.icon {
    color: #08c
}

.owl-carousel.owl-theme .owl-controls.clickable .owl-buttons div {
    opacity: 1;
    filter: Alpha(Opacity=100);
    transition: all 0.2s
}

.owl-carousel.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    opacity: 0.9;
    filter: Alpha(Opacity=90)
}

.owl-middle-narrow .owl-controls {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: -25px
}

.owl-middle-narrow .owl-controls .owl-buttons div {
    font-size: 40px;
    background: none;
    color: #08c;
    position: absolute
}

.owl-middle-narrow .owl-controls .owl-buttons div.owl-prev {
    left: -60px
}

.owl-middle-narrow .owl-controls .owl-buttons div.owl-next {
    right: -60px
}

.owl-banner-carousel.owl-middle-narrow .owl-controls .owl-buttons div {
    visibility: hidden;
    opacity: 0;
    transition: 0.5s all
}

.owl-banner-carousel.owl-middle-narrow:hover .owl-controls .owl-buttons div {
    visibility: visible;
    opacity: 1;
    text-shadow: 0 0 3px rgba(255, 255, 255, 0.5)
}

.owl-banner-carousel.owl-middle-narrow .owl-controls .owl-buttons div.owl-prev {
    left: 0
}

.owl-banner-carousel.owl-middle-narrow .owl-controls .owl-buttons div.owl-next {
    right: 0
}

.owl-banner-carousel .content.type1 h2 {
    font-size: 60px
}

.owl-banner-carousel .content.type1 p {
    font-size: 25px
}

.owl-banner-carousel .content.type1 a {
    font-size: 16px
}

.owl-banner-carousel .content.type2 h2 {
    font-size: 46.48px;
    border-top: 5px solid #08c;
    padding-top: 10px
}

.owl-banner-carousel .content.type2 h3 {
    font-size: 30.59px
}

.owl-banner-carousel .content.type2 p {
    font-size: 14px
}

.owl-banner-carousel .content.type2 a {
    font-size: 18px
}

.parallax-wrapper {
    position: relative
}

.parallax {
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 100%;
    margin: 50px 0;
    padding: 50px 0
}

.overlay {
    background-color: #000;
    opacity: 0.55;
    filter: alpha(opacity=55);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute
}

.testimonial-item {
    color: #fff;
    border: 0;
    padding: 0 10%;
    margin-bottom: 60px
}

.testimonial-item .inner {
    font-style: italic;
    display: table-row
}

.testimonial-item .testimonial-author {
    display: table-cell;
    padding-right: 15px
}

.testimonial-item .img-round.img-thumbnail-small {
    width: 85px;
    height: 85px;
    border-radius: 25px;
    display: inline-block;
    overflow: hidden
}

.testimonial-item .testimonial-content {
    display: table-cell;
    vertical-align: top;
    text-align: left
}

.testimonial-item .testimonial-content .size-32.name {
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 32px
}

.testimonial-item .testimonial-content p {
    font-size: 18px
}

.featured-post {
    font-size: 14px
}

.featured-post h4 {
    color: #08c;
    margin-bottom: 9px;
    font-size: 1.4em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 27px;
    margin: 0 0 14px 0
}

.featured-post .post-meta {
    margin-bottom: 8px;
    line-height: 24px;
    margin: 0 0 20px
}

.post-a-month, .post-a-day, .post-a-year {
    display: inline-block;
    background-color: #f0f0ed;
    color: #fff;
    padding: 0 10px;
    margin-right: 3px
}

.post-a-day, .post-a-year {
    color: #08c
}

.post-a-month {
    background-color: #08c
}

.cms-index-index .block-layered-nav dd {
    padding: 20px 10px
}

.cms-index-index .block-layered-nav .filter-products .products.small-list div.item {
    border-top: 1px solid #ddd
}

.cms-index-index .block-layered-nav .filter-products .products.small-list div.item:first-child {
    border-top: 0
}

.custom-info-box {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    border-top: 1px solid #9c9c9c
}

.custom-info-box p {
    line-height: 30px;
    padding: 20px 0;
    margin: 0;
    text-align: center
}

.color-banner {
    color: #535353
}

.color-banner .col-md-5-5 h2 {
    font-size: 60px;
    font-weight: 600;
    text-transform: uppercase;
    color: #535353;
    margin: 100px 20px 30px;
    letter-spacing: 10px
}

.color-banner .col-md-5-5 p {
    font-size: 22px;
    font-weight: 600;
    color: #535353;
    max-width: 420px;
    line-height: 1;
    display: inline-block;
    margin: 0 20px
}

.btn-default {
    color: #fff;
    font-weight: 400;
    background-color: #08c;
    text-shadow: none;
    border: 0;
    opacity: 1;

}

.btn-default:hover {
    color: #fff;
    background-color: #08c;
    opacity: 0.9;
    filter: alpha(opacity=90)
}

.owl-theme.banner-carousel .owl-controls .owl-buttons div {
    background: transparent;
    color: #08c;
    font-size: 40px;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s all;
    position: absolute;
    top: 50%;
    margin-top: -30px
}

.owl-theme.banner-carousel:hover .owl-controls .owl-buttons div {
    visibility: visible;
    opacity: 1
}

.owl-theme.banner-carousel .owl-controls .owl-buttons div.owl-prev {
    left: 0
}

.owl-theme.banner-carousel .owl-controls .owl-buttons div.owl-next {
    right: 0
}

/****** QuickView *******/
a.quickview-icon {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #08c;
    color: #fff;
    padding: 10px;
    z-index: 9;
    border-radius: 0 5px;
    opacity: 0;
    visibility: hidden;
    transition: 0.1s all;
    font-size: 12px;
    line-height: 1.4;
    width: 100%;
    text-align: center;
}

a.quickview-icon span {
    margin-left: 2px
}

a.quickview-icon:hover span {
    text-decoration: underline
}

a.quickview-icon:hover {
    opacity: 0.9 !important;
    text-decoration: none;
    color: #fff
}

.item-area:hover a.quickview-icon {
    opacity: 1;
    visibility: visible
}

a.quickviewlink.quickview-icon {
    position: static;
    padding: 0;
    visibility: visible;
    opacity: 1;
    color: #08c;
    background-color: transparent;
    font-size: 17px;
    display: inline-block;
    height: 32px;
    width: 32px;
    line-height: 32px;
    border: 1px solid #08c;
    border-radius: 5px;
    text-align: center
}

a.quickviewlink.quickview-icon:hover {
    color: #08c
}

/****** Mango_Attributeswatches Extension Styles ******/
/*new color swatches code*/
.product-swatches-container {
    float: left;
    clear: both;
    margin-bottom: 15px
}

.product-swatches-container ul {
    margin-bottom: 10px;
    width: 100%
}

.product-swatches-container ul li {
    display: block;
    height: 35px;
    float: left
}

.product-swatches-container li a {
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0px 5px 0px;
    border: solid 1px #ccc;
    margin: 3px;
    text-decoration: none;
    background: #ddd;
    color: #bbb;
    cursor: default;
    border-radius: 5px;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.product-swatches-container a.active {
    background: #fff;
    color: #333;
    cursor: pointer;
    box-shadow: 3px 3px 5px #aaa;
    display: block;
    float: left;
    opacity: 1;
    filter: alpha(opacity=100);
}

.product-swatches-container a.active.selected {
    background: #fff;
    color: #333;
    height: 32px !important;
    line-height: 32px !important;
    padding: 0px 6px 0px !important;
    cursor: pointer;
    border: none;
    box-shadow: 1px 1px 5px #444 inset
}

.product-swatches-container .has-swatches a {
    width: 30px;
    height: 30px;
    overflow: hidden;
    padding: 0px;
    position: relative;
    text-align: center
}

.product-swatches-container .has-swatches a.active.selected {
    width: 32px !important;
    padding: 0px !important
}

.product-swatches-container .has-swatches li {
    position: relative
}

.product-swatches-container .has-swatches li a span {
    display: none
}

.product-swatches-container .has-swatches span.tooltip-container {
    display: none
}

.product-swatches-container .has-swatches span.tooltip-container.on {
    display: block;
    position: absolute;
    top: -16px !important;
    left: 20px;
    height: 16px;
    z-index: 20000
}

.product-swatches-container .has-swatches span.tooltip-container.on span.tooltip {
    display: block;
    margin-left: -50%;
    float: left;
    height: 16px;
    line-height: 16px;
    background: #333;
    padding: 0px 5px;
    color: #efefef;
    white-space: nowrap;
    font-size: 11px
}

#product-options-wrapper .input-box .configurable-option-select.hideselect {
    display: none
}

.product-image {
    position: relative;
    display: block
}

a.product-image {
    z-index: 1
}

#fancybox-link {
    display: none;
    line-height: 25px;
    height: 25px;
    padding: 0px 10px;
    border: solid 1px #ccc;
    z-index: 30000;
    position: relative;
    background: #fff;
    text-decoration: none;
    position: absolute;
    right: 0px;
    bottom: 0px
}

.layered-navigation-swatch {
    display: block;
    float: left;
    width: 20px;
    margin-right: 5px
}

ul.attribute-swatches li {
    display: block;
    float: left;
    margin: 3px 7px 3px 0px;
    width: 20px;
    height: 20px;
    position: relative;
    z-index: 0
}

ul.attribute-swatches li.color-swatch-last {
    margin-right: 0px
}

ul.attribute-swatches li a {
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
    overflow: hidden;
    border: solid 1px #ddd;
    float: left;
    text-decoration: none;
    background-position: center
}

ul.attribute-swatches li a:hover {
    text-decoration: none;
    border-color: #444
}

ul.attribute-swatches li a img {
    margin: 0px;
    display: inline;
    padding: 0px;
    border: none;
    z-index: 0;
    position: absolute;
    top: 0px;
    left: 0px
}

ul.attribute-swatches li a img.color-swatch-mask {
    margin: 0px;
    display: inline;
    position: absolute;
    z-index: 20;
    padding: 0px;
    border: none
}

ul.attribute-swatches li span {
    display: none;
    z-index: 10000
}

ul.attribute-swatches li span.tooltip-container.on {
    display: block;
    position: absolute;
    top: -22px;
    left: 10px;
    height: 22px;
    z-index: 20000
}

ul.attribute-swatches li span.tooltip.on {
    display: block;
    margin-left: -50%;
    float: left;
    height: 22px;
    white-space: nowrap !important;
    background: transparent
}

ul.attribute-swatches li span span span {
    display: block;
    float: left;
    background: #333;
    border: solid 1px #efefef;;
    padding: 1px 10px 1px;
    font-weight: bold;
    line-height: 15px;
    color: #fff
}

.attribute-swatches.product-view {
    height: 20px;
    clear: both;
    margin: 5px 0px;
    border: none
}

.products-grid li.item {
    padding: 12px 10px 80px
}

.attribute-swatches.product-list {
    float: left;
    width: 100%;
    padding: 0px;
    clear: both;
}

/* layered navigation */
#narrow-by-list ol.swatches li {
    display: block;
    clear: both
}

#narrow-by-list ol li .layered-navigation-swatch {
    border: solid 1px #ccc;
    margin: 0px 5px 10px 0px
}

/* availability labels */
.attribute-availability {
    width: 100%;
    clear: both;
    margin: 0px 0px 5px;
    padding: 0px
}

.attribute-availability li {
    display: block;
    padding: 3px;
    float: left
}

.more-views ul li {
    float: left
}

.block-layered-nav #narrow-by-list ol.swatches {
    margin: 10px -3px -3px
}

.block-layered-nav #narrow-by-list ol.swatches li {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.block-layered-nav #narrow-by-list ol.swatches li .layered-navigation-swatch {
    border-radius: 5px;
    width: 26px;
    height: 26px;
    margin: 0 2px 7px 3px;
    float: none
}

.block-layered-nav #narrow-by-list ol.swatches li .layered-navigation-item-label {
    display: none
}

.block-layered-nav #narrow-by-list ol.swatches.show-label li a {
    position: relative;
    display: block
}

.block-layered-nav #narrow-by-list ol.swatches li a:hover {
    text-decoration: none
}

.block-layered-nav #narrow-by-list ol.swatches.show-label li .layered-navigation-item-label {
    display: inline-block;
    line-height: 26px;
    position: absolute;
    left: 3px;
    top: 0;
    width: 26px;
    height: 26px;
    text-align: center;
    overflow: hidden
}

span.selected-label {
    vertical-align: middle
}

.product-options .product-swatches-container .has-swatches a.active {
    box-shadow: none;
    text-align: center;
    line-height: 28px;
    color: #08c
}

.product-options .product-swatches-container .has-swatches a.active.selected {
    width: 30px !important;
    box-shadow: none;
    background-color: #08c;
    color: #fff;
    height: 30px !important;
    line-height: 28px !important;
    border: 1px solid transparent
}

p.product-image {
    z-index: 1
}

.product-image img {
    max-width: 100%;
    height: auto
}

.product-options .product-swatches-container {
    margin: 0;
    position: relative;
    z-index: 1
}

/******* QuickView *******/
.quickview-index-view {
    padding: 25px
}

.quickview-index-view .owl-middle-narrow .owl-controls .owl-buttons div.owl-prev {
    left: -20px
}

.quickview-index-view .owl-middle-narrow .owl-controls .owl-buttons div.owl-next {
    right: -20px
}

.quickview-index-view .product-view .product-img-box {
    padding: 20px;
    margin-bottom: 0
}

a.fancybox-close {
    background: transparent;
    transition: all 0.2s;
    width: 20px;
    height: 20px;
    line-height: 20px;
    top: 0;
    right: 0;
    font-size: 15px
}

/*boa 12/19 - color, opacity*/
a.fancybox-close.fancybox-newsletter-close {
    top: 10px;
    right: 10px
}

a.fancybox-close:before {
    content: "\e82c";
    font-family: "porto"
}

a.fancybox-close:hover {
    text-decoration: none;
    opacity: 0.65;
    filter: alpha(opacity=65)
}

/*boa 12/19 - color, opacity*/
.fancybox-opened .fancybox-skin {
    border-radius: 5px;
    overflow: hidden
}

.price-filter-slider a {
    transition: initial
}

i.icon-spin6 {
    font-size: 30px
}

.add-to-cart i.icon-spin6 {
    font-size: 16px;
    margin-left: 10px
}

#fancybox-loading {
    background: none
}

.block-reorder input.checkbox {
    position: absolute;
    left: 0
}

.block-reorder .block-content ol li.item {
    position: relative;
    padding-left: 25px
}

.fixed-header .menu > li > a > span.cat-label, .main-nav .menu > li > a > span.cat-label {
    top: -7px;
    right: 10px;
    font: inherit;
    font-size: 9px;
    padding: 2px;
    z-index: 1;
    border-radius: 2px;
    line-height: 1
}

.fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label, .main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label {
    top: 3px;
    right: -35px;
    font: inherit;
    font-size: 9px;
    padding: 2px;
    z-index: 1;
    border-radius: 2px;
    line-height: 1
}

div.mobile-nav .sw-mobile-menu li > a span.cat-label, .menu.side-menu li > a span.cat-label {
    font: inherit;
    font-size: 9px;
    padding: 2px;
    z-index: 1;
    border-radius: 2px;
    line-height: 1;
    position: relative;
    margin: 0 0 0 10px;
    display: inline-block
}

.fixed-header .menu > li > a > span.cat-label.cat-label-label1, .main-nav .menu > li > a > span.cat-label.cat-label-label1, .fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1, .main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1, div.mobile-nav .sw-mobile-menu li > a span.cat-label.cat-label-label1, .menu.side-menu li > a span.cat-label.cat-label-label1 {
    background-color: #0cc485;
    color: #fff
}

.fixed-header .menu > li > a > span.cat-label.cat-label-label2, .main-nav .menu > li > a > span.cat-label.cat-label-label2, .fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2, .main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2, div.mobile-nav .sw-mobile-menu li > a span.cat-label.cat-label-label2, .menu.side-menu li > a span.cat-label.cat-label-label2 {
    background-color: #eb2771;
    color: #fff
}

#product-attribute-specs-table {
    border: 1px solid #ddd
}

#product-attribute-specs-table th.label {
    display: table-cell
}

.parallax-category-banner .parallax {
    padding: 75px 0
}

.parallax-content h2 {
    font-size: 45px;
    line-height: 1.1;
    margin: 0
}

.parallax-content p {
    font-size: 23px;
    line-height: 1.1;
    margin: 0
}

i.ajax-loader {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #08c;
    border-radius: 20px;
    border-bottom-color: transparent !important
}

i.ajax-loader.small {
    width: 16px;
    height: 16px;
    border-width: 2px 3px 1px 0
}

i.ajax-loader.large {
    width: 32px;
    height: 32px;
    border-width: 3px 5px 2px 0
}

#fullajax_loader i.ajax-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -16px;
    margin-top: -16px
}

.add-to-cart #ajax_loader {
    margin: 0 10px
}

.fixed-header .cart-area {
    right: 0
}

.fixed-header ul.menu > li, .main-nav ul.menu > li {
    transition: color 0.1s, background-color 0.1s
}

.fixed-header ul.menu > li > a, .main-nav ul.menu > li > a {
    transition: color 0.1s, background-color 0.1s
}

.fixed-header ul.menu > li.menu-full-width, .fixed-header ul.menu > li.menu-static-width, .fixed-header ul.menu > li.menu-item-has-children, .main-nav ul.menu > li.menu-full-width, .main-nav ul.menu > li.menu-static-width, .main-nav ul.menu > li.menu-item-has-children {
    margin-bottom: -1px
}

.fixed-header ul.menu > li.menu-full-width > a, .fixed-header ul.menu > li.menu-static-width > a, .fixed-header ul.menu > li.menu-item-has-children > a {
    padding-bottom: 15px
}

.fixed-header ul.menu > li.menu-full-width > a:after, .fixed-header ul.menu > li.menu-item-has-children > a:after, .fixed-header ul.menu > li.menu-static-width > a:after, .main-nav ul.menu > li.menu-full-width > a:after, .main-nav ul.menu > li.menu-item-has-children > a:after, .main-nav ul.menu > li.menu-static-width > a:after {
    margin-top: -6.5px
}

.header-container.type5 .main-nav ul.menu > li.menu-full-width > a:after, .header-container.type5 .main-nav ul.menu > li.menu-item-has-children > a:after, .header-container.type5 .main-nav ul.menu > li.menu-static-width > a:after {
    margin-top: -6.5px
}

.header-container.type1 .main-nav ul.menu > li.menu-full-width > a, .header-container.type1 .main-nav ul.menu > li.menu-static-width > a, .header-container.type1 .main-nav ul.menu > li.menu-item-has-children > a {
    padding-bottom: 11px
}

.header-container.type2 .main-nav ul.menu > li.menu-full-width > a, .header-container.type2 .main-nav ul.menu > li.menu-static-width > a, .header-container.type2 .main-nav ul.menu > li.menu-item-has-children > a {
    padding-bottom: 15px
}

.header-container.type4 .main-nav ul.menu > li.menu-full-width > a, .header-container.type4 .main-nav ul.menu > li.menu-static-width > a, .header-container.type4 .main-nav ul.menu > li.menu-item-has-children > a {
    padding-bottom: 15px
}

.header-container.type5 .main-nav ul.menu > li.menu-full-width > a, .header-container.type5 .main-nav ul.menu > li.menu-static-width > a, .header-container.type5 .main-nav ul.menu > li.menu-item-has-children > a {
    padding-bottom: 11px
}

.header-container.type6 .main-nav ul.menu > li.menu-full-width > a, .header-container.type6 .main-nav ul.menu > li.menu-static-width > a, .header-container.type6 .main-nav ul.menu > li.menu-item-has-children > a {
    padding-bottom: 10px
}

.header-container.type14 .main-nav ul.menu > li.menu-full-width > a, .header-container.type14 .main-nav ul.menu > li.menu-static-width > a, .header-container.type14 .main-nav ul.menu > li.menu-item-has-children > a {
    padding-bottom: 10px
}

.header-container.type7 .main-nav ul.menu > li.menu-full-width > a, .header-container.type7 .main-nav ul.menu > li.menu-static-width > a, .header-container.type7 .main-nav ul.menu > li.menu-item-has-children > a {
    padding-bottom: 10px
}

.header-container.type8 .main-nav ul.menu > li.menu-full-width > a, .header-container.type8 .main-nav ul.menu > li.menu-static-width > a, .header-container.type8 .main-nav ul.menu > li.menu-item-has-children > a {
    padding-bottom: 10px
}

.header-container.type1 .main-nav ul.menu > li.menu-static-width.act > a, .header-container.type1 .main-nav ul.menu > li.menu-full-width.act > a, .header-container.type1 .main-nav ul.menu > li.menu-item-has-children.act > a {
    padding-bottom: 10px
}

.header-container.type1 .main-nav ul.menu > li.menu-static-width.act:hover > a, .header-container.type1 .main-nav ul.menu > li.menu-full-width.act:hover > a, .header-container.type1 .main-nav ul.menu > li.menu-item-has-children.act:hover > a {
    padding-bottom: 11px
}

.header-container.type2 .main-nav ul.menu > li.menu-static-width.act > a, .header-container.type2 .main-nav ul.menu > li.menu-full-width.act > a, .header-container.type2 .main-nav ul.menu > li.menu-item-has-children.act > a {
    padding-bottom: 14px
}

.header-container.type2 .main-nav ul.menu > li.menu-static-width.act:hover > a, .header-container.type2 .main-nav ul.menu > li.menu-full-width.act:hover > a, .header-container.type2 .main-nav ul.menu > li.menu-item-has-children.act:hover > a {
    padding-bottom: 15px
}

.header-container.type4 .main-nav ul.menu > li.menu-static-width.act > a, .header-container.type4 .main-nav ul.menu > li.menu-full-width.act > a, .header-container.type4 .main-nav ul.menu > li.menu-item-has-children.act > a {
    padding-bottom: 14px
}

.header-container.type4 .main-nav ul.menu > li.menu-static-width.act:hover > a, .header-container.type4 .main-nav ul.menu > li.menu-full-width.act:hover > a, .header-container.type4 .main-nav ul.menu > li.menu-item-has-children.act:hover > a {
    padding-bottom: 15px
}

.header-container.type5 .main-nav ul.menu > li.menu-static-width.act > a, .header-container.type5 .main-nav ul.menu > li.menu-full-width.act > a, .header-container.type5 .main-nav ul.menu > li.menu-item-has-children.act > a {
    padding-bottom: 10px
}

.header-container.type5 .main-nav ul.menu > li.menu-static-width.act:hover > a, .header-container.type5 .main-nav ul.menu > li.menu-full-width.act:hover > a, .header-container.type5 .main-nav ul.menu > li.menu-item-has-children.act:hover > a {
    padding-bottom: 11px
}


.header-container.type6 .main-nav ul.menu > li:first-child, .header-container.type14 .main-nav ul.menu > li:first-child, .header-container.type7 .main-nav ul.menu > li:first-child, .header-container.type8 .main-nav ul.menu > li:first-child {
    margin-right: 3px
}

.block-layered-nav #narrow-by-list ol.swatches li a:hover .layered-navigation-swatch {
    border-color: #08c
}

.fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1:before, .main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1:before, div.mobile-nav .sw-mobile-menu li > a span.cat-label.cat-label-label1:before, .menu.side-menu li > a span.cat-label.cat-label-label1:before {
    content: "";
    position: absolute;
    left: -6px;
    top: 3px;
    width: 3px;
    height: 3px;
    border: 3px solid transparent;
    border-right-color: #0cc485
}

.fixed-header .menu > li > a > span.cat-label.cat-label-label1:before, .main-nav .menu > li > a > span.cat-label.cat-label-label1:before {
    content: "";
    position: absolute;
    left: 3px;
    bottom: -6px;
    width: 3px;
    height: 3px;
    border: 3px solid transparent;
    border-top-color: #0cc485
}

.fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2:before, .main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2:before, div.mobile-nav .sw-mobile-menu li > a span.cat-label.cat-label-label2:before, .menu.side-menu li > a span.cat-label.cat-label-label2:before {
    content: "";
    position: absolute;
    left: -6px;
    top: 3px;
    width: 3px;
    height: 3px;
    border: 3px solid transparent;
    border-right-color: #eb2771
}

.fixed-header .menu > li > a > span.cat-label.cat-label-label2:before, .main-nav .menu > li > a > span.cat-label.cat-label-label2:before {
    content: "";
    position: absolute;
    left: 3px;
    bottom: -6px;
    width: 3px;
    height: 3px;
    border: 3px solid transparent;
    border-top-color: #eb2771
}

a.search-icon {
    display: inline-block;
    width: 25px;
    text-align: center
}

.product-image-area .actions {
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 0;
    text-align: left;
    padding: 0 10px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s
}

.item:hover .product-image-area .actions {
    visibility: visible;
    opacity: 1
}

.product-image-area .actions a {
    background-color: #fff;
    overflow: hidden
}

.product-image-area .actions a.addtocart {
    color: #08c;
    border-color: #08c;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 17px;
    padding: 0;
    text-align: center
}

.product-image-area .actions a.addtocart.outofstock {
    display: none
}

.product-image-area .actions a.addtocart i.icon-cart {
    font-size: 17px
}

.product-image-area .actions a.addtocart span {
    display: none
}

.header-container.type3 .main-nav ul.menu > li.fl-right, .header-container.type4 .main-nav ul.menu > li.fl-right {
    margin-right: 0;
    margin-left: 3px;
    float: right !important
}

.header-container.type3 .main-nav ul.menu > li.fl-right.last > a {
    margin: 0;
    padding-right: 15px !important
}

.header-container.type3 .main-nav ul.menu > li.fl-right.last > a:after {
    right: 0
}

.owl-item.loading {
    min-height: 100px
}

.owl-banner-carousel .content-9.type1 em {
    font-size: 20px;
    margin-bottom: -5px;
    margin-left: 9px
}

.owl-banner-carousel .content-9.type1 h2 {
    font-size: 65px;
    margin-bottom: 0
}

.owl-banner-carousel .content-9.type1 p {
    font-size: 37px
}

.owl-banner-carousel .content-9.type1 a {
    font-size: 15px
}

.owl-banner-carousel .content-9.type1 a > i {
    width: 15px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    font-size: 11px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 3px;
    margin-left: 12px;
    color: #fff;
    border-radius: 50%
}

.owl-banner-carousel .content-9.type2 h3 {
    font-size: 46.48px;
    margin-bottom: 15px
}

.owl-banner-carousel .content-9.type2 span {
    display: inline-block;
    vertical-align: middle;
    font-style: italic;
    font-size: 18px;
    margin-right: 20px
}

.owl-banner-carousel .content-9.type2 a {
    font-size: 13px;
    padding-right: 5px
}

/* Previous/Next Product links on Product View Page*/
.prev-next-products {
    float: right
}

.quickview-index-view .prev-next-products {
    display: none
}

.prev-next-products .product-nav {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.prev-next-products a {
    color: #555;
    display: inline-block;
    font-size: 22px;
    line-height: 58px
}

.prev-next-products .product-nav .product-pop {
    border-top: 3px solid #08c;
    position: absolute;
    left: 0;
    top: 100%;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s;
    text-align: center;
    border-radius: 4px
}

.prev-next-products .product-nav .product-pop:before {
    content: "";
    width: 5px;
    height: 2px;
    border: 5px solid transparent;
    border-bottom-color: #08c;
    display: block;
    position: absolute;
    top: -13px;
    left: 0
}

.prev-next-products .product-nav:hover .product-pop {
    opacity: 1;
    visibility: visible
}

.prev-next-products .product-nav .product-pop .product-image {
    margin-bottom: 10px
}

.prev-next-products .product-nav .product-pop .product-name {
    margin: 0;
    font-weight: 600;
    font-size: 11px
}

.prev-next-products .product-nav.product-prev .product-pop {
    right: auto;
    left: 0;
    margin-left: -17.5px
}

.prev-next-products .product-nav.product-prev .product-pop:before {
    left: 32px;
    right: auto
}

.prev-next-products .product-nav.product-next .product-pop {
    left: auto;
    right: 0;
    margin-right: -17.5px
}

.prev-next-products .product-nav.product-next .product-pop:before {
    right: 32px;
    left: auto
}

/* Newsletter Popup */
.page > #newsletter_popup {
    display: none
}

#newsletter_popup {
    background: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/images/newsletter_popup_bg.jpg) no-repeat;
    margin: 0;
    padding: 40px 40px 25px;
    width: 700px;
    height: 325px;
    border-top: 4px solid #08c;
    text-align: left;
    position: relative
}

#newsletter_popup .block-content {
    max-width: 312px;
    text-align: center
}

#newsletter_popup h2 {
    font-weight: 700;
    color: #313131;
    font-size: 16px;
    line-height: 1;
    margin: 30px 0 12px
}

#newsletter_popup p {
    font-size: 13px;
    line-height: 1.4
}

#newsletter_popup .input-box {
    padding: 0
}

#newsletter_popup input.input-text {
    float: left;
    padding: 2px 13px;
    line-height: 30px;
    width: 100%
}

#newsletter_popup button.button {
    float: left;
    margin-left: -55px;
    position: relative;
    z-index: 1;
    width: 55px;
    border-left: 1px solid #ccc
}

#newsletter_popup button.button span {
    height: 34px;
    background-color: transparent;
    color: #555;
    line-height: 34px;
    padding: 0;
    text-align: center
}

#newsletter_popup .subscribe-bottom {
    position: absolute;
    bottom: 30px
}

#newsletter_popup .subscribe-bottom label {
    font-size: 11px
}

#newsletter_popup #newsletter_popup_dont_show_again {
    margin-top: 1px
}

/* Zeon Shop by Manufaturer */
.shop-by-manufacturer {
    margin-top: 20px
}

.shop-by-manufacturer .filter-title a {
    font-size: 13px;
    font-weight: 400
}

.shop-by-manufacturer .owl-carousel .item {
    padding: 10px
}

.shop-by-manufacturer .owl-carousel {
    margin: 0 -10px
}

.manufaturers-grid {
    margin: 0 -15px
}

.manufaturers-grid li.item {
    padding: 10px 15px;
    float: left;
    text-align: center;
    max-width: 290px
}

.manufaturers-grid li.item a {
    width: 100%;
    display: block
}

.manufaturers-grid li.item a img {
    max-width: 100%
}

.page-head {
    margin-bottom: 20px
}

.page-head h3 {
    font-size: 20px
}

.manufacturer-index-view .block-layered-nav .block-title {
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 15px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    color: #777;
    position: relative;
    cursor: pointer;
    border-radius: 7px 7px 0 0;
    margin-top: 14px
}

.filter-title > a {
    font-size: 13px;
    font-weight: 400;
    text-transform: none
}

.brand-slider .owl-carousel .owl-item .item {
    padding: 0 20px;
    padding-top: 10px
}

.brand-slider .owl-carousel .owl-item .item img {
    width: 100%
}


/* addthis widget */
#_atssh {
    position: absolute;
    z-index: -1;
    bottom: 0
}

/*Ajax Cart*/
#success-message-container {
    border-top: 4px solid #08c;
    border-radius: 6px;
    font-weight: 400;
    line-height: 1.4
}

#success-message-container button {
    margin-top: 15px
}

#success-message-container button:first-child {
    margin-top: 20px
}

#success-message-container .timer {
    font-weight: 600;
    margin-top: 10px;
    font-size: 16px
}

.fixed-header-area.fancybox-margin {
    padding-right: 17px
}

/*Fullwidth Category Banner*/
.full-width-image-banner {
    height: 375px;
    position: relative
}

.full-width-image-banner:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #393733;
    opacity: 0.65;
    filter: alpha(opacity=65)
}

.full-width-image-banner .content {
    margin-top: -36px
}

.full-width-image-banner h2 {
    margin: 0;
    font-size: 45px;
    line-height: 1.1
}

.full-width-image-banner p {
    margin: 0;
    font-size: 16px
}

.filter-products .products.small-list div.item .details-area {
    padding-top: 7px;
    padding-bottom: 7px
}

.filter-products .products.small-list div.item .details-area .product-name a {
    font-size: 12px
}

.small-list .price {
    font-size: 12px
}

.small-list .regular-price .price {
    font-size: 15px
}

.small-list .special-price .price {
    font-size: 15px
}

.small-list .old-price .price {
    font-size: 12px
}

/*homepage filterproducts for one product*/
.one-product h4.filter-title {
    font-size: 16px;
    text-align: center;
    color: #333;
    font-weight: 700;
    line-height: 1.4;
    padding: 14px 0;
    background-color: #fff;
    margin: 0
}

.one-product .filter-products .products div.item {
    padding: 0
}

.one-product .filter-products .products div.item .details-area {
    padding-top: 20px
}

.one-product .filter-products .products {
    background-color: #fff;
    padding-bottom: 15px
}

.one-product .filter-products .product-image-area {
    margin: 0;
    background-color: transparent;
    border: 0;
    padding: 0
}

/*no border-radius*/
.footer .container {
    max-width: 100%
}

/* header type 9 */
.header-container.type9 {
    border: 0;
    background-color: #fff
}

.header-container.type9 .top-links-container {
    background-color: #f7f7f7;
    color: #777
}

.header-container.type9 .top-links-container span.split {
    border-color: #ccc
}

.header-container.type9 .links li {
    border-left-color: #ccc
}

.header-container.type9 .top-links a {
    color: #08c
}

.header-container.type9 .selectbox .select {
    color: #777
}

.header-container.type9 .top-links .top-select:first-child .selectbox .select {
    padding-left: 0
}

.header-container.type9 .header {
    text-align: center
}

.header-container.type9 .header > .logo {
    margin: 30px 0
}

.header-container.type9 .header > .logo img {
    height: 50px
}

.header-container.type9 .search-area {
    left: 15px
}

.header-container.type9 .header .search-icon {
    display: none
}

.header-container.type9 .header .form-search {
    padding-right: 166px
}

.header-container.type9 .header .form-search #search {
    height: 34px;
    padding: 8px 15px;
    line-height: 20px
}

.header-container.type9 .header .form-search #cat {
    height: 34px;
    line-height: 30px;
    right: 36px
}

.header-container.type9 .header .form-search button.button {
    width: 36px;
    height: 34px
}

.header-container.type9 .header .custom-block {
    margin-right: 10px
}

.header-container.type9 .header .custom-block > * {
    display: inline-block;
    vertical-align: middle
}

.header-container.type9 .header .custom-block span.split {
    height: 14px;
    width: 1px;
    border-right: 1px solid #ccc;
    margin: 0 13px
}

.header-container.type9 .header .custom-block a {
    font-size: 12px
}

.header-container.type9 .header .mini-cart {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    top: 0;
    left: 0
}

.header-container.type9 .mybag-link {
    position: relative;
    height: 40px;
    padding: 0;
    line-height: 40px;
    text-align: center;
    top: -3px
}

.header-container.type9 .mybag-link i {
    color: #08c;
    font-size: 35px
}

.header-container.type9 .mybag-link .cart-info {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    margin-top: -4px;
    left: 0;
    padding: 0;
    display: block;
    line-height: 1
}

.header-container.type9 .mybag-link .cart-info span {
    display: none
}

.header-container.type9 .mybag-link .cart-info span.cart-qty {
    display: block
}

.header-container.type9 .header .mini-cart .topCartContent {
    right: 0;
    top: 40px
}

.header-container.type9 .main-nav {
    background-color: transparent;
    margin-bottom: 0
}

.header-container.type9 .main-nav .menu-wrapper {
    background-color: transparent
}

.header-container.type9 .main-nav ul.menu > li > a {
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px
}

.header-container.type9 .main-nav ul.menu > li:hover, .header-container.type9 .main-nav ul.menu > li.act {
    background-color: transparent
}

.header-container.type9 .main-nav ul.menu > li.act > a, .header-container.type9 .main-nav ul.menu > li:hover > a {
    color: #08c
}

.header-container.type9 .main-nav ul.menu > li > a {
    padding: 17px 20px 17px 0;
    margin-right: 10px;
    color: #828385
}

.header-container.type9 .main-nav ul.menu > li.menu-full-width > a, .header-container.type9 .main-nav ul.menu > li.menu-item-has-children > a, .header-container.type9 .main-nav ul.menu > li.menu-static-width > a {
    padding-right: 30px
}

.header-container.type9 .main-nav ul.menu > li .nav-sublist-dropdown, .header-container.type9 .main-nav .menu > li.menu-full-width .nav-sublist-dropdown, .header-container.type9 .main-nav .menu > li.menu-static-width .nav-sublist-dropdown {
    margin-top: 0
}

.header-container.type9 .main-nav ul.menu > li.fl-right {
    margin-right: 0;
    margin-left: 3px;
    float: right !important
}

.header-container.type9 .main-nav ul.menu > li.fl-right.last > a {
    margin: 0;
    padding-right: 15px !important
}

.header-container.type9 .main-nav ul.menu > li.fl-right.last > a:after {
    right: 0
}


.single-images .single-image-label {
    font-size: 17px;
    text-align: center;
    color: #818385;
    line-height: 1.4;
    padding: 10px 0;
    font-weight: 600
}

.single-images .caption {
    background-color: #a1a2a3;
    color: #fff;
    font-size: 14px;
    line-height: 35px;
    text-align: center
}

/*fixed-header*/
.fixed-header ul.menu > li.menu-static-width.act:hover > a, .fixed-header ul.menu > li.menu-full-width.act:hover > a, .fixed-header ul.menu > li.menu-item-has-children.act:hover > a {
    padding-bottom: 14px;
}

.fixed-header ul.menu > li.menu-static-width.act > a, .fixed-header ul.menu > li.menu-full-width.act > a, .fixed-header ul.menu > li.menu-item-has-children.act > a {
    padding-bottom: 13px;
}

.gift-messages h3 .expand_plus {
    display: none
}

.footer-top-subscribe {
}

.footer-top-subscribe > h4 {
    float: left;
    margin: 0
}

.footer-top-subscribe .input-box {
    text-align: right;
    margin: 0
}

.footer-top-subscribe input#newsletter {
    height: 34px;
    line-height: 18px;
    padding: 8px;
    max-width: 55%;
    min-width: 200px;
    width: 250px;
    border-radius: 2px
}

.footer-top-subscribe button.button {
    margin-left: -53px;
    width: 50px
}

.footer-top-subscribe button.button > span {
    line-height: 34px;
    background-color: transparent;
    color: #333;
    border-left: 1px solid #ccc;
    border-radius: 0 2px 2px 0
}

/*** Header Type 10 ***/
.header-container.type10 {
    border: 0;
    background-color: #0083c1
}

.header-container.type10 .top-links-container {
    background-color: #008acc
}

.header-container.type10 .top-links-container span.split {
    border-color: #eee
}

.header-container.type10 .links li {
    border-left-color: #eee
}

.header-container.type10 .top-links ul.links a {
    color: #fff
}

.header-container.type10 .top-links-icon {
    color: #fff
}

.header-container.type10 .welcome-msg {
    color: #fff
}

.header-container.type10 .search-area {
    position: static;
    margin: 0
}

.header-container.type10 .header {
    color: #fff
}

.header-container.type10 .header a {
    color: inherit
}

.header-container.type10 .header .form-search {
    border-color: transparent;
    background-color: #006393
}

.header-container.type10 .header .form-search #search {
    background-color: transparent;
    color: #ddd
}

.header-container.type10 .header .form-search #cat {
    border-color: #0076ae;
    border-color: rgba(255, 255, 255, .2);
    color: #fff;
    background-color: transparent
}

.header-container.type10 .header .form-search button.button {
    color: #fff;
    background-color: transparent
}

.header-container.type10 .header .custom-block {
    margin-right: 10px
}

.header-container.type10 .header .custom-block > * {
    display: inline-block;
    vertical-align: middle
}

.header-container.type10 .header .custom-block span.split {
    height: 14px;
    width: 1px;
    border-right: 1px solid #eee;
    margin: 0 13px
}

.header-container.type10 .header .custom-block a {
    font-size: 12px
}

.header-container.type10 .mini-cart {
    position: relative;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    left: 0;
    top: -3px
}

.header-container.type10 .header .form-search {
    width: 450px
}

.header-container.type10 .mybag-link {
    position: relative;
    padding: 2px 0
}

.header-container.type10 .mybag-link span {
    display: none
}

.header-container.type10 .mybag-link .cart-info {
    display: block;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    margin-top: -8px
}

.header-container.type10 .mybag-link .cart-qty {
    display: block;
    font-size: 16px;
    color: #000
}

.header-container.type10 .mybag-link i {
    font-size: 35px
}

.header-container.type10 .top-links > .top-select:first-child .selectbox .select {
    padding-left: 0;
}

.header-container.type10 .header .search-icon {
    display: none
}

.header-container.type10 .header-wrapper {
    background-color: #fff;
    text-align: left;
    border-bottom: 1px solid #eee
}

.header-container.type10 .header-wrapper > .container {
    padding: 0 5px
}

.header-container.type10 .dropdown-menu {
    position: relative;
    width: 25%;
    min-width: 244px;
    overflow: visible;
    z-index: 9;
    display: inline-block;
    padding: 0 10px
}

.header-container.type10 .dropdown-menu .menu-container {
    position: relative
}

.cms-index-index .header-container.type10 .dropdown-menu:hover .menu-container > a, .header-container.type10 .dropdown-menu .menu-container > a {
    color: #fff;
    background-color: #303030;
    padding: 14px 15px;
    width: 100%;
    font-size: 13px;
    font-weight: 700;
    display: block
}

.header-container.type10 .dropdown-menu:hover .menu-container > a {
    background-color: #777;
    text-decoration: none
}

.cms-index-index .header-container.type10 .dropdown-menu .menu-container > a {
    pointer-events: none
}

.header-container.type10 .dropdown-menu .menu-container > a > i {
    margin-right: 5px
}

.header-container.type10 .dropdown-menu .menu-container > .menu.side-menu {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    border-bottom: 5px solid #303030;
    visibility: hidden;
    opacity: 0;
    transition: 200ms opacity
}

.header-container.type10 .dropdown-menu .menu-container > .menu.side-menu.show, .cms-index-index .header-container.type10 .dropdown-menu .menu-container > .menu.side-menu {
    visibility: visible;
    opacity: 1
}

.header-container.type10 .dropdown-menu .container {
    padding: 0
}

.header-container.type10 .menu-wrapper > .custom-menu-block {
    display: inline-block;
    line-height: 41px
}

.header-container.type10 .menu-wrapper > .custom-menu-block a {
    padding: 0 14px;
    font-size: 12px;
    font-weight: 600;
    color: #777;
    white-space: nowrap
}

.header-container.type10 .header .form-search {
    border: 0;
}

.header-container.type10 .header .form-search #cat {
    border-color: #ccc;
}

#banner-slider-demo-10 .item .content {
    position: absolute;
    right: 6.3%;
    bottom: 20.5%
}

#banner-slider-demo-10 .item .content > span {
    font-size: 21px;
    font-weight: 300;
    color: #303030;
    margin-right: 35px;
    display: inline-block;
    vertical-align: middle
}

#banner-slider-demo-10 .item .content > a.btn-default {
    font-size: 13px
}

/*** Header Type 11 ***/
.header-container.type11 {
    background-color: transparent;
    border: 0;
    position: absolute;
    width: 100%
}

.header-container.type11 .header {
    text-align: center
}

.header-container.type11 .top-links-icon a {
    color: #777
}

.cms-index-index .header-container.type11 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: transparent;
    width: 100%;
    max-height: 100%;
}

.header-container.type11 .mobile-nav.side-block .sw-mobile-menu li > a, .header-container.type11 .mobile-nav.side-block .sw-mobile-menu li .open-child, .header-container.type11 .mobile-nav.side-block .sw-mobile-menu li.over > a {
    color: #fff
}

.header-container.type11 .top-links-area {
    display: inline-block;
    vertical-align: middle;
    float: none
}

.header-container.type11 .top-links-icon {
    background-color: #fff;
    border-radius: 2px;
    color: #777
}

.header-container.type11 .header .logo {
    margin: 20px 0;
    position: relative;
    z-index: 10;
    display: inline-block
}

.header-container.type11 .header-wrapper {
    border: 0;
    display: block;
    margin: 0;
    margin-top: -16px;
    z-index: 9;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%
}

.header-container.type11 .main-nav {
    margin: 0
}

.header-container.type11 .main-nav > .container {
    width: auto !important;
    padding: 0
}

.header-container.type11 .main-nav .menu-wrapper {
    background-color: transparent;
    padding: 0 53% 0 20px
}

.header-container.type11 .main-nav ul.menu > li > a {
    color: #fff;
    padding: 10px;
    font-weight: 600
}

.header-container.type11 .main-nav ul.menu > li.menu-full-width > a, .header-container.type11 .main-nav ul.menu > li.menu-item-has-children > a, .header-container.type11 .main-nav ul.menu > li.menu-static-width > a {
    padding-right: 25px
}

.header-container.type11 .main-nav ul.menu > li.menu-full-width > a:after, .header-container.type11 .main-nav ul.menu > li.menu-item-has-children > a:after, .header-container.type11 .main-nav ul.menu > li.menu-static-width > a:after {
    right: 8px
}

.header-container.type11 .main-nav ul.menu > li:hover, .header-container.type11 .main-nav ul.menu > li.act {
    background-color: #fff
}

.header-container.type11 .main-nav ul.menu > li:hover > a, .header-container.type11 .main-nav ul.menu > li.act > a {
    color: #777
}

.header-container.type11 .main-nav .menu > li .nav-sublist-dropdown {
    top: auto
}

.header-container.type11 .header-right-area {
    text-align: right;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -13px;
    margin-bottom: 0;
    z-index: 11
}

.header-container.type11 .header-right-area > div {
    display: inline-block;
    margin-right: 12px
}

.header-container.type11 .links {
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin-right: 5px
}

.header-container.type11 .links li {
    font-weight: 300;
    padding: 0 12px;
    border: 0;
    border-right: 1px solid #ccc
}

.header-container.type11 .links a {
    color: #fff
}

.header-container.type11 .search-area {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
    margin-left: 10px;
    left: 0;
    top: 0;
    z-index: 5
}

.header-container.type11 .search-area > a {
    color: #fff
}

.header-container.type11 .header #search_mini_form {
    display: none
}

.header-container.type11 .header .form-search {
    width: 450px;
    position: absolute;
    right: -20px;
    top: 40px;
    overflow: visible;
    border-width: 5px;
    border-radius: 25px;
    background-color: #fff
}

.header-container.type11 .header .form-search:before {
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    top: -25px;
    width: 20px;
    height: 20px;
    border: 10px solid transparent;
    border-bottom-color: #ccc
}

.header-container.type11 .form-currency, .header-container.type11 .form-language {
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin-right: 4px
}

.header-container.type11 .selectbox .select {
    border-color: #fff;
    background-color: #fff;
    color: #777;
    text-align: center
}

.header-container.type11 .selectbox .dropdown {
    border: 0
}

.header-container.type11 .mini-cart {
    position: relative;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    width: auto
}

.header-container.type11 .mini-cart .mybag-link {
    height: 26px;
    padding: 4px 7px;
    background-color: #fff;
    color: #777;
    border-radius: 2px
}

.header-container.type11 .mini-cart .mybag-link i {
    font-size: 14px;
    color: #777
}

.header-container.type11 .mini-cart .mybag-link .cart-info {
    padding: 1px 3px
}

.header-container.type11 .mini-cart .mybag-link span {
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    line-height: 14px;
    font-weight: normal
}

.header-container.type11 .mini-cart .mybag-link .cart-qty {
    margin-right: 3px
}

.header-container.type11 .mini-cart .topCartContent {
    top: 26px
}

.header-container.type11 .menu-icon {
    display: none;
    padding: 0;
    margin: 0;
    height: auto;
    margin-right: 1px;
    margin-left: 10px
}

.header-container.type11 .menu-icon a {
    color: #fff
}

#banner-slider-demo-13 .slide1-content img.quote {
}

#banner-slider-demo-13 .slide1-content em {
    font-size: 26.26px;
    margin: 0 10px
}

#banner-slider-demo-13 .slide1-content h2 {
    font-size: 79.12px;
    margin: 5px 0 10px
}

#banner-slider-demo-13 .slide1-content p {
    font-size: 23.64px
}

#banner-slider-demo-13 .slide2-content em {
    font-size: 26.26px;
    margin-left: 8px
}

#banner-slider-demo-13 .slide2-content h2 {
    font-size: 82.51px;
    margin: 3px 0 10px
}

#banner-slider-demo-13 .slide2-content p {
    font-size: 18px;
    margin-left: 8px;
    margin-bottom: 30px
}

#banner-slider-demo-13 .slide2-content p span.split {
    margin: 0 13px 0 14px
}

#banner-slider-demo-13 .slide2-content a.btn-default {
    font-size: 14px;
    width: 135px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-right: 3px
}

#banner-slider-demo-13 .slide3-content em {
    font-size: 26.26px
}

#banner-slider-demo-13 .slide3-content h2 {
    font-size: 82.51px;
    margin-bottom: 17px;
}

#banner-slider-demo-13 .slide3-content a.btn-default {
    font-size: 14px;
    width: 135px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-right: 3px
}

.no-border .product-image-area {
    border: 0;
    padding: 0;
    border-radius: 0
}

.no-border .filter-products .products div.item .product-image {
    border-radius: 0
}

h3.fullwidth-filter-title {
    font-size: 28px;
    color: #000;
    line-height: 1.2;
    margin-left: 15px;
}

p.fullwidth-filter-description {
    font-size: 14px;
    color: #666;
    line-height: 1.4;
    margin-left: 15px;
}

.home-side-menu-type2 {
    margin-bottom: 50px
}

.home-side-menu-type2 > h2 {
    font-size: 15px;
    font-weight: 600;
    color: #333
}

.home-side-menu-type2 > h2 > i.icon-menu:before {
    margin-left: 0
}

.side-menu-type2.side-block {
    border-top: 1px solid #ddd
}

.side-menu-type2.side-block ul.menu {
    padding: 0;
    list-style: none
}

.side-menu-type2.side-block ul.menu ul {
    list-style: none;
    margin: 0;
    display: none;
    padding-left: 1.5em
}

.side-menu-type2.side-block ul.menu > li {
    padding-left: 12px;
    display: block;
    line-height: 40px;
    border-bottom: 1px solid #ddd
}

.side-menu-type2.side-block ul.menu li {
    position: relative
}

.side-menu-type2.side-block ul.menu a {
    font-size: 13px;
    color: #777
}

.side-menu-type2.side-block ul.menu a span.cat-label {
    display: none
}

.side-menu-type2.side-block ul.menu a:hover {
    color: #000;
    text-decoration: none
}

.side-menu-type2.side-block ul.menu > li > a {
    font-size: 15px
}

.side-menu-type2.side-block ul.menu ul > li {
    line-height: 40px;
    border-top: 1px solid #ddd
}

.side-menu-type2.side-block ul.menu ul > li:first-child {
    border-top: 0
}

.side-menu-type2.side-block ul.menu a.open-child {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 15px
}

.featured-box-2 {
    margin: 30px 0
}

.featured-box-2 h3 {
    color: #121213;
    font-size: 15px;
    border-bottom: 1px solid #ddd;
    line-height: 1.4;
    padding: 8px 0;
    margin-bottom: 10px
}

.featured-box-2 h3 i {
    font-size: 18px
}

.featured-box-2 p {
    font-size: 14px;
    margin-bottom: 10px
}

.featured-box-2 a {
    font-size: 14px
}

.footer .tags-list li {
    margin: 0;
    margin-bottom: 2px;
    display: inline-block !important
}

.footer .tags-list a {
    color: #fff;
    background-color: #000;
    padding: 0 7px;
    line-height: 25px;
    display: inline-block;
    font-size: 12px !important;
    border-radius: 3px
}

.footer .tags-list a:hover {
    color: #fff
}

.page-header {
    margin: 0;
    padding: 0;
    min-height: 175px;
    background: url(https://www.dermofarma.es/skin/frontend/smartwave/porto/images/page_header.jpg) center center no-repeat;
    background-size: cover;
    border: 0
}

#banner-slider-demo-11 .content-1 {
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 30px 20px 15px;
    text-align: left;
    margin-left: -163px;
    margin-top: -95px
}

#banner-slider-demo-11 .content-1 > div {
    display: inline-block;
    vertical-align: middle
}

#banner-slider-demo-11 .content-1 > div:first-child {
    padding-right: 10px
}

#banner-slider-demo-11 .content-1 p {
    font-size: 23px;
    line-height: 1;
    margin-bottom: 0;
    margin-left: 7px;
    font-weight: 300
}

#banner-slider-demo-11 .content-1 h3 {
    font-size: 73px;
    font-weight: 600;
    line-height: 1;
    margin: 0
}

#banner-slider-demo-11 .content-1 h3 b {
    font-weight: 800;
    margin-top: -23px;
    display: block
}

#banner-slider-demo-11 .content-1 em {
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    margin: 0;
    line-height: 1;
    margin-right: 4px
}

#banner-slider-demo-11 .content-1 h4 {
    font-size: 32px;
    line-height: 1;
    margin: 0;
    font-weight: 700
}

#banner-slider-demo-11 .content-1 h5 {
    font-size: 17px;
    margin: 0;
    line-height: 1;
    margin-top: -4px
}

#banner-slider-demo-11 .content-2 {
    position: absolute;
    right: 28px;
    bottom: 28px;
    text-align: left
}

#banner-slider-demo-11 .content-2 > div {
    display: inline-block;
    vertical-align: middle;
    padding: 20px 15px
}

#banner-slider-demo-11 .content-2 > div:first-child {
    margin: -6px 0;
    padding-left: 25px
}

#banner-slider-demo-11 .content-2 p {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 0;
    margin-left: 2px;
    font-weight: 300
}

#banner-slider-demo-11 .content-2 h3 {
    font-size: 54px;
    font-weight: 600;
    line-height: 1;
    margin: 0
}

#banner-slider-demo-11 .content-2 h3 b {
    font-weight: 800
}

#banner-slider-demo-11 .content-2 em {
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    margin: 0;
    line-height: 1;
    margin-right: 4px
}

#banner-slider-demo-11 .content-2 h4 {
    font-size: 32px;
    line-height: 1;
    margin: 0;
    font-weight: 700
}

#banner-slider-demo-11 .content-2 h5 {
    font-size: 17px;
    margin: 0;
    line-height: 1;
    margin-top: -4px
}

#banner-slider-demo-11 .content-2 a {
    font-size: 13px;
    margin-right: -10px
}

.md-modal #login-form, .form-wrap.new-users, .form-wrap.registered-users, .opc #login-form {
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0
}

.fancybox-prev span, .fancybox-next span {
    background-image: none;
    font-size: 40px;
}

.fancybox-prev span:before, .fancybox-next span:before {
    font-family: "porto";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 40px;
}

.fancybox-next span:before {
    content: '\e81a'
}

.fancybox-prev span:before {
    content: '\e819'
}

#loading-mask {
    display: none;
    font-size: 1.1em;
    font-weight: bold;
    position: fixed;
    text-align: center;
    z-index: 20002;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

#after-loading-success-message {
    display: none;
    font-size: 1.1em;
    position: fixed;
    text-align: center;
    z-index: 20002;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

#success-message-container {
    padding: 20px 15px;
    line-height: 1.4;
    position: relative;
    text-align: center;
    top: 35%;
    width: 300px;
    z-index: 1000;
    background: #FFFFFF none repeat scroll 0 0;
    margin: auto
}

#success-message-container img.product-image {
    display: inline-block;
    width: 30%
}

#success-message-container .msg {
    display: block;
    margin-bottom: 10px;
    font-size: 13px
}

#success-message-container .product-name {
    font-size: 14px;
    margin: 5px 0 10px
}

#success-message-container .timer {
    display: none
}

#success-message-container button {
    margin-top: 15px;
    min-width: 133px
}

/******* New Sticky Header *******/
.header-container.sticky-header .header-wrapper {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    z-index: 200 !important;
    margin: 0 !important;
    padding: 7px 0 !important;
    margin: 0 !important;
    width: 100% !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: all
}

.header-container.sticky-header .menu-wrapper {
    position: relative
}

.header-container.sticky-header .main-nav ul.menu > li > a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin: 0 !important
}

.header-container.sticky-header .main-nav ul.menu > li.menu-static-width > a, .header-container.sticky-header .main-nav ul.menu > li.menu-full-width > a, .header-container.sticky-header .main-nav ul.menu > li.menu-item-has-children > a {
    padding-left: 15px !important;
    padding-right: 25px !important
}

.header-container.sticky-header .main-nav ul.menu > li > a:after {
    right: 10px !important
}

.header-container.sticky-header .main-nav .menu {
    border: 0;
    height: auto
}

.header-container.sticky-header .main-nav ul.menu > li.menu-full-width > a:after, .header-container.sticky-header .main-nav ul.menu > li.menu-item-has-children > a:after, .header-container.sticky-header .main-nav ul.menu > li.menu-static-width > a:after {
    margin-top: -6.5px !important
}

.header-container.type3.sticky-header .main-nav ul.menu > li.fl-right, .header-container.type4.sticky-header .main-nav ul.menu > li.fl-right {
    margin-right: 0;
    margin-left: 3px;
    float: none !important
}

.header-container.type3.sticky-header .main-nav ul.menu > li.fl-right.last > a {
    margin: 0;
    padding-right: 15px !important
}

.header-container.type3.sticky-header .main-nav ul.menu > li.fl-right.last > a:after {
    right: 0
}

.header-container.type9.sticky-header .main-nav ul.menu > li.fl-right {
    margin-right: 0;
    margin-left: 3px;
    float: none !important
}

.header-container.type9.sticky-header .main-nav ul.menu > li.fl-right.last > a {
    margin: 0;
    padding-right: 15px !important
}

.header-container.type9.sticky-header .main-nav ul.menu > li.fl-right.last > a:after {
    right: 0
}

/* - Header Type 1 */
.header-container.type1.sticky-header .header-wrapper {
    background-color: #1e1e1e
}

.header-container.type1.sticky-header .header-wrapper .main-nav.container {
    margin: 0 auto;
    padding: 0 15px
}

/* - Header Type 2 */
.header-container.type2.sticky-header .header-wrapper {
    background-color: #fff
}

.header-container.type2.sticky-header .header-wrapper .main-nav.container {
    margin: 0 auto
}

.header-container.type2.sticky-header .header-wrapper .main-nav.container .menu-wrapper {
    background-color: transparent
}

/* - Header Type 3 */
.header-container.type3.sticky-header .header-wrapper {
    background-color: #006fa4
}

.header-container.type3.sticky-header .header-wrapper .main-nav.container {
    margin: 0 auto;
    background-color: transparent
}

.header-container.type3.sticky-header .header-wrapper .main-nav.container .menu-wrapper {
    background-color: transparent
}

/* - Header Type 4 */
.header-container.type4.sticky-header .header-wrapper {
    background-color: #fff
}

.header-container.type4.sticky-header .header-wrapper .main-nav.container {
    margin: 0 auto
}

.header-container.type4.sticky-header .header-wrapper .main-nav.container .menu-wrapper {
    background-color: transparent
}

.header-container.type4.sticky-header .main-nav ul.menu > li > a {
    height: auto !important
}

/* - Header Type 5 */
.header-container.type5.sticky-header .header-wrapper {
    background-color: #fff
}

.header-container.type5.sticky-header .header-wrapper .main-nav.container > .container {
    padding: 0 15px
}

.header-container.type5.sticky-header .header-wrapper .main-nav .menu-wrapper {
    text-align: left
}

.header-container.type5.sticky-header .header-wrapper .main-nav .menu {
    padding-right: 0
}

.header-container.type5.sticky-header .header-wrapper .main-nav .menu > li.menu-static-width .nav-sublist-dropdown {
    right: auto
}

/* - Header Type 6 */
.header-container.type6.sticky-header .header-wrapper {
    background-color: #fff
}

.header-container.type6.sticky-header .header-wrapper .main-nav.container {
    margin: 0 auto;
    padding: 0
}

.header-container.type6.sticky-header .header-wrapper .main-nav .menu {
    padding-right: 0
}

/* - Header Type 14 */
.header-container.type14.sticky-header .header-wrapper {
    background-color: #fff
}

.header-container.type14.sticky-header .header-wrapper .main-nav.container {
    margin: 0 auto;
    padding: 0
}

.header-container.type14.sticky-header .header-wrapper .main-nav .menu {
    padding-right: 50px
}

/* - Header Type 7 */
.header-container.type7.sticky-header .header-wrapper {
    background-color: #fff
}

.header-container.type7.sticky-header .header-wrapper .main-nav.container {
    margin: 0 auto
}

.header-container.type7.sticky-header .header-wrapper .main-nav.container .menu-wrapper {
    background-color: transparent
}

/* - Header Type 8 */
.header-container.type8.sticky-header .header-wrapper {
    background-color: #fff
}

.header-container.type8.sticky-header .header-wrapper .main-nav.container {
    margin: 0 auto
}

.header-container.type8.sticky-header .header-wrapper .main-nav.container .menu-wrapper {
    background-color: transparent
}

/* - Header Type 9 */
.header-container.type9.sticky-header .header-wrapper {
    background-color: #fff
}

.header-container.type9.sticky-header .header-wrapper .main-nav.container {
    margin: 0 auto;
    background-color: transparent;
    text-align: left
}

.header-container.type9.sticky-header .header-wrapper .main-nav.container .menu-wrapper {
    background-color: transparent
}

/* - Header Type 10 */
.cms-index-index .header-container.type10.sticky-header .dropdown-menu .menu-container > a {
    pointer-events: all
}

.cms-index-index .header-container.type10.sticky-header .dropdown-menu .menu-container > .menu.side-menu {
    visibility: hidden;
    opacity: 0
}

.cms-index-index .header-container.type10.sticky-header .dropdown-menu .menu-container > .menu.side-menu.show {
    visibility: visible;
    opacity: 1
}

.header-container.type10.sticky-header .menu-wrapper .mini-cart {
    top: 0
}

/* - Header Type 11 */
.header-container.type11.sticky-header .header-wrapper {
    background-color: #555
}

.header-container.type11.sticky-header .main-nav {
    width: 100% !important
}

.header-container.type11.sticky-header .main-nav > .container {
    width: 100% !important;
    padding: 0 15px
}

.header-container.type11.sticky-header .main-nav .menu-wrapper {
    padding: 0
}

/* - Mini Cart */
.header-container.sticky-header .menu-wrapper .mini-cart {
    position: absolute;
    right: 0;
    left: auto;
    top: -5px;
    margin: 0;
    background-color: transparent;
    border: 0
}

.header-container.sticky-header .menu-wrapper .mybag-link {
    position: relative;
    line-height: 1;
    display: inline-block;
    border-radius: 5px;
    height: 40px;
    padding: 5px;
    text-transform: uppercase;
    text-align: center;
    max-width: 120px;
    background-color: transparent;
    top: auto
}

.header-container.sticky-header .menu-wrapper .mybag-link span {
    display: none
}

.header-container.sticky-header .menu-wrapper .mybag-link .cart-info {
    display: block;
    position: absolute;
    text-align: center;
    width: 20px;
    top: 0;
    right: -5px;
    padding: 3px
}

.header-container.sticky-header .menu-wrapper .mybag-link .cart-qty {
    display: block;
    font-size: 12px;
    color: #fff;
    margin: 0 !important;
    line-height: 16px;
    font-weight: 600
}

.header-container.sticky-header .menu-wrapper .mybag-link i {
    font-size: 31px;
    color: #08c
}

.header-container.sticky-header .menu-wrapper .mini-cart .topCartContent {
    top: 40px
}

.header-container.type1.sticky-header .menu-wrapper .mybag-link i {
    color: #fff
}

.header-container.type1.sticky-header .menu-wrapper .mybag-link .cart-qty {
    color: #1e1e1e
}

.header-container.type3.sticky-header .menu-wrapper .mybag-link i {
    color: #fff
}

.header-container.type3.sticky-header .menu-wrapper .mybag-link .cart-qty {
    color: #000
}

.header-container.type11.sticky-header .menu-wrapper .mybag-link i {
    color: #fff
}

.header-container.type11.sticky-header .menu-wrapper .mybag-link .cart-qty {
    color: #000
}

/*********** Compare Link in Headers *************/
.header-container .compare-link {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.header-container.type1 .compare-link, .header-container.type8 .compare-link, .header-container.type11 .compare-link {
    position: relative;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    margin-right: 4px;
    width: auto
}

.header-container.type1 .compare-link > a, .header-container.type8 .compare-link > a, .header-container.type11 .compare-link > a {
    height: 26px;
    padding: 4px 7px;
    background-color: #010101;
    border-radius: 2px;
    line-height: 18px;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 11px
}

.header-container.type8 .compare-link > a {
    border-color: transparent;
    background-color: #e2e2dc;
    color: #777;
    text-align: center;
    padding: 3px 7px;
    border-radius: 3px;
    line-height: 20px
}

.header-container.type11 .compare-link > a {
    border-color: #fff;
    background-color: #fff;
    color: #777;
    text-align: center;
}

.header-container.type2 .compare-link, .header-container.type3 .compare-link, .header-container.type4 .compare-link, .header-container.type5 .compare-link, .header-container.type6 .compare-link, .header-container.type14 .compare-link, .header-container.type7 .compare-link, .header-container.type9 .compare-link, .header-container.type10 .compare-link {
    display: block;
    float: left;
    font-size: 11px;
    line-height: 26px;
    margin-left: 5px;
    text-transform: uppercase
}

.header-container.type5 .compare-link {
    float: right;
    margin: 0;
    margin-right: 15px
}

.header-container.type3 .compare-link > a, .header-container.type5 .compare-link > a, .header-container.type6 .compare-link > a, .header-container.type14 .compare-link > a {
    color: #fff
}

/*.fixed-header ul.menu >li .nav-sublist-dropdown,.main-nav ul.menu >li .nav-sublist-dropdown,.fixed-header ul.menu >li.menu-full-width .nav-sublist-dropdown,.main-nav ul.menu >li.menu-full-width .nav-sublist-dropdown,.fixed-header ul.menu >li.menu-static-width .nav-sublist-dropdown,.main-nav ul.menu >li.menu-static-width .nav-sublist-dropdown{margin-top:1px}*/
.fixed-header ul.menu > li .nav-sublist-dropdown:before, .main-nav ul.menu > li .nav-sublist-dropdown:before {
    content: "";
    height: 6px;
    display: block;
    position: absolute;
    top: -6px;
    left: 0
}

.header-container.sticky-header .main-nav ul.menu > li.menu-full-width:hover > a, .header-container.sticky-header .main-nav ul.menu > li.menu-static-width:hover > a, .header-container.sticky-header .main-nav ul.menu > li.menu-item-has-children:hover > a {
    padding-bottom: 11px !important
}

a.at300b .at4-icon, a.at300m .at4-icon {
    border-radius: 3px
}

/****************** Demo 15 ***************/
#parallax_01 .parallax-content-15 img.quote {
}

#parallax_01 .parallax-content-15 em {
    font-size: 26.26px;
    margin: 0 10px
}

#parallax_01 .parallax-content-15 h2 {
    font-size: 79.12px;
    margin: 5px 0 10px
}

#parallax_01 .parallax-content-15 p {
    font-size: 23.64px
}

#parallax_02 {
    padding: 250px 0
}

#parallax_02 .parallax-content-15 em {
    font-size: 26.26px;
    margin: 0
}

#parallax_02 .parallax-content-15 .text-content h2 {
    font-size: 79.12px;
    letter-spacing: -6px
}

#parallax_02 .parallax-content-15 .text-content p {
    margin: 0
}

#parallax_02 .parallax-content-15 .text-content p span {
    font-size: 23.64px;
    padding-left: 6px
}

#parallax_02 .parallax-content-15 .text-content p a {
    font-size: 16px;
    padding: 10px 28px;
    margin-left: 10px;
    margin-top: 5px
}

#parallax_03 {
    padding: 250px 0
}

#parallax_03 .parallax-content-15 em {
    font-size: 26.26px;
    margin: 0;
    margin-left: 5px
}

#parallax_03 .parallax-content-15 .text-content h2 {
    font-size: 79.12px;
    letter-spacing: -6px
}

#parallax_03 .parallax-content-15 .text-content p {
    margin: 0
}

#parallax_03 .parallax-content-15 .text-content p span {
    font-size: 23.64px;
    padding-left: 6px
}

#parallax_03 .parallax-content-15 .text-content p a {
    font-size: 16px;
    padding: 10px 28px;
    margin-left: 125px;
    margin-top: 5px
}

#parallax_04 .parallax-content-15 img.quote {
}

#parallax_04 .parallax-content-15 em {
    font-size: 26.26px;
    margin: 0 10px
}

#parallax_04 .parallax-content-15 h2 {
    font-size: 61px;
    margin: 5px 0 10px;
    letter-spacing: -3px
}

#parallax_04 .parallax-content-15 p {
    font-size: 18px
}

#parallax_04 .parallax-content-15 a.btn.btn-default {
    font-size: 16px;
    padding: 8px 35px
}

/********* Header Type 12 **************/
body.side-header .page {
    position: relative;
    z-index: 2
}

body.side-header.cms-index-index .page {
    height: 100vh
}

.header-container.type12 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    width: 256px;
    min-height: 100vh;
    background-color: #383734;
    text-align: center;
    border: 0;
    padding: 10px
}

.cms-index-index .header-container.type12 {
    background-color: rgba(0, 0, 0, 0.4)
}

.header-container.type12.fixed-bottom {
    position: fixed;
    top: auto;
    bottom: 0
}

.header-container.type12 .switcher-area {
    text-align: center;
    position: relative;
    z-index: 3
}

body.side-header .top-container, body.side-header .main-container, body.side-header .footer-container {
    margin-left: 256px
}

.header-container.type12 .form-currency, .header-container.type12 .form-language {
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin-right: 4px;
    margin-bottom: 7px
}

.header-container.type12 .selectbox .select {
    border-color: #101010;
    background-color: #101010;
    color: #fff;
    text-align: center
}

.selectbox li {
    transition: all 0.3s
}

.header-container.type12 .selectbox .dropdown {
    border: 0
}

.header-container.type12 .mini-cart {
    position: relative;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    width: auto;
    margin-bottom: 7px
}

.header-container.type12 .mini-cart .mybag-link {
    height: 26px;
    padding: 4px 7px;
    background-color: #010101;
    border-radius: 2px
}

.header-container.type12 .mini-cart .mybag-link i {
    font-size: 14px
}

.header-container.type12 .mini-cart .mybag-link .cart-info {
    padding: 1px 3px
}

.header-container.type12 .mini-cart .mybag-link span {
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    line-height: 14px;
    font-weight: normal
}

.header-container.type12 .mini-cart .mybag-link .cart-qty {
    margin-right: 3px
}

.header-container.type12 .mini-cart .topCartContent {
    top: 26px;
    left: 0
}

.header-container.type12 .mini-cart .topCartContent:before {
    left: 15px;
    right: auto
}

.header-container.type12 .compare-link {
    position: relative;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    margin-right: 4px;
    margin-bottom: 7px;
    width: auto
}

.header-container.type12 .compare-link > a {
    height: 26px;
    padding: 4px 7px;
    background-color: #010101;
    border-radius: 2px;
    line-height: 18px;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 11px
}

.header-container.type12 .header {
    text-align: center;
    position: static;
    min-height: 100%;
    padding-bottom: 145px
}

.header-container.type12 .header > .logo {
    margin: 30px 0;
    max-width: none
}

.header-container.type12 .search-area {
    position: relative;
    margin: 0;
    top: 0;
    left: 0;
    padding: 0 7px;
    margin-bottom: 20px;
    width: 100%
}

.header-container.type12 .search-area a.search-icon {
    display: none
}

.header-container.type12 .header #search_mini_form {
    margin: 0;
    width: 100%
}

.header-container.type12 .header .form-search {
    border-radius: 5px;
    width: auto;
    min-width: initial;
    padding-right: 140px
}

.header-container.type12 .header .form-search #cat {
    width: 100px
}

.header-container.type12 .menu.side-menu {
    text-align: left;
    margin: 0 7px 20px 7px
}

.header-container.type12 .menu.side-menu > li > a {
    margin: 0;
    color: #fff;
    border-color: #575757
}

.header-container.type12 .menu.side-menu > li.menu-static-width > a:after, .header-container.type12 .menu.side-menu > li.menu-item-has-children > a:after, .header-container.type12 .menu.side-menu > li.menu-item-has-children li.menu-item-has-children > a:after, .header-container.type12 .menu.side-menu > li.menu-full-width > a:after {
    color: #fff
}

.header-container.type12 .top-links-area {
    float: none;
    text-align: left;
    margin-bottom: 20px
}

.header-container.type12 .links {
    float: none;
    padding: 0 7px
}

.header-container.type12 .links li {
    display: block;
    padding: 0;
    border: 0;
    padding: 10px 5px;
    border-top: 1px solid #575757
}

.header-container.type12 .links li:first-child {
    border-top: 0
}

.header-container.type12 .links li a {
    color: #fff
}

.header-container.type12 .header .custom-block {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 20px 10px
}

.header-container.type12 .social-icons {
    float: none
}

.header-container.type12 address {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #777
}

.header .social-icons a {
    background-color: #9e9e9e;
    border-radius: 50%
}

.header .social-icons a.icon1-class:hover {
    background-color: #3c599b
}

.header .social-icons a.icon2-class:hover {
    background-color: #1ca8e3
}

.header .social-icons a.icon3-class:hover {
    background-color: #4975b6
}

#banner-slider-demo-16 .slide1-content, #banner-slider-demo-16 .slide2-content {
    padding-left: 256px
}

#banner-slider-demo-16 .text-content {
    text-align: left
}

#banner-slider-demo-16 .text-content em {
    font-size: 26.26px;
    margin: 0;
    margin-bottom: -10px
}

#banner-slider-demo-16 .text-content h2 {
    font-size: 79.12px;
    letter-spacing: -4px
}

#banner-slider-demo-16 .text-content p {
    margin: 0
}

#banner-slider-demo-16 .text-content p span {
    font-size: 23.64px;
    padding-left: 6px
}

#banner-slider-demo-16 .text-content p a {
    font-size: 16px;
    padding: 10px 28px;
    margin-left: 10px;
    margin-top: 5px
}

body.side-header .top-container > .breadcrumbs.fixed-position {
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 0
}

/******** right zoom **********/
.product-view-zoom-area {
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
    left: 100%;
    top: 0;
    display: none
}

.product-img-box .etalage:hover + .etalage-control + .product-view-zoom-area {
    display: block
}

/******** Sticky Addtocart **********/
.sticky-product {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background-color: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
    padding: 60px 0 15px 0
}

.sticky-product.no-sticky-header {
    padding: 15px 0
}

.sticky-product > .container {
    position: relative
}

.sticky-product .sticky-image, .sticky-product .sticky-detail {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px
}

.sticky-product .sticky-detail .product-name-area, .sticky-product .ratings, .sticky-product .sticky-detail .availability {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    margin-right: 15px
}

.sticky-product .sticky-detail .product-name-area .product-name, .sticky-product .ratings, .sticky-product .sticky-detail .availability {
    line-height: 25px
}

.sticky-product .sticky-detail .product-name-area .product-name {
    font-size: 16px;
    font-weight: 600
}

.sticky-product .sticky-detail .availability span {
    font-size: 14px;
    font-weight: 400
}

.sticky-product .add-to-cart {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -19px
}

.side-header .sticky-product > .container {
    width: 100%;
    padding-left: 277px
}

.product-view.moved-tab .product-shop .short-description {
    border: 0
}

/******** Menu Update ***********/
.main-nav .menu > li .nav-sublist-dropdown {
    top: auto
}


/******** Product Deal **********/
.deal-label {
    position: absolute;
    left: 3px;
    top: 3px;
    color: #fff;
    font-size: 20px;
    padding: 3px;
}

.deal-label:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 1;
    border: 26px solid transparent;
    border-left-color: #e27c7c;
    border-top-color: #e27c7c;
    border-radius: 3px;
    left: 0;
    top: 0;
    transition: all 0.3s;
}

.deal-label i {
    position: relative;
    z-index: 2;
    left: -1px;
    top: 1px;
}

.block-dailydeal-new .sidebardailydeal {
    text-align: center
}

.block-dailydeal-new .sidebardailydeal a {
    float: none
}

.block-dailydeal-new {
    font-family: inherit;
}

.block-dailydeal-new, .block-dailydeal-new:hover {
    border: 0;
}

.block-dailydeal-new .block-title {
    padding: 10px 15px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    color: #777;
    position: relative;
    cursor: pointer;
    border-radius: 7px 7px 0 0;
    margin-top: 14px
}

.block-dailydeal-new .block-title.closed {
    border-radius: 7px
}

.block-dailydeal-new .block-title:before {
    content: "\e80d";
    width: 26px;
    height: 26px;
    display: block;
    border: 1px solid #ccc;
    font-family: 'porto';
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -13px;
    border-radius: 3px;
    color: #ccc;
    text-align: center;
    line-height: 24px;
    background-color: #fff;
    font-size: 10px
}

.block-dailydeal-new .block-title.closed:before {
    content: "\e80b"
}

.block-dailydeal-new .block-title:hover:before {
    background-color: #08c;
    color: #fff
}

.block-dailydeal-new .block-content {
    padding: 10px 15px;
    font-size: 13px;
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0 0 7px 7px;
    background-color: #fbfbfb
}

.block-dailydeal-new .block-title {
    cursor: pointer;
    margin: 0
}

.bottom-home-dailydeal ul.time-left {
    float: none;
    background-color: transparent;
    padding: 0 10px;
}

.bottom-home-dailydeal ul.time-left li {
    padding: 3px;
    list-style: none;
}

.bottom-home-dailydeal ul.time-left li > div {
    background-color: #999;
    padding: 4px 0;
    border-radius: 5px
}

.bottom-home-dailydeal {
    position: absolute;
    bottom: -23px;
    z-index: 9;
    left: 0;
    width: 100%;
    opacity: 0.3;
    filter: alpha(opacity=30);
    transition: all 0.3s;
    margin: 0
}

.item-area:hover .bottom-home-dailydeal {
    opacity: 1;
    filter: alpha(opacity=100);
    bottom: 0
}

.block-dailydeal-new .sidebardailydeal.item {
    padding: 20px 0;
}

.bottom-home-dailydeal ul.time-left li span {
    font-family: inherit;
    font-size: 16px;
    font-weight: 600
}

.timeleft-text {
    margin: 0;
}

.item-area:hover .deal-label:before {
    border-left-color: #af2727;
    border-top-color: #af2727;
}

.product-view .bottom-home-dailydeal {
    position: static;
    margin-bottom: 20px;
    margin-left: -15px;
    opacity: 1;
    filter: alpha(opacity=100);
}

.product-view .bottom-home-dailydeal ul.time-left li span.timeleft-text {
    font-size: 20px
}

.product-essential .bg-saleoff {
    margin-bottom: 10px
}

ol#products-list li.item {
    background: transparent;
}

ol#products-list .bottom-home-dailydeal ul.time-left li span {
    font-size: 13px
}

ol#products-list .bottom-home-dailydeal ul.time-left li span.text-time {
    font-size: 10px
}

.product-image-area a.product-image {
    overflow: hidden
}

.slide3-1-new-content em {
    font-size: 18px
}

.slide3-1-new-content h2 {
    font-size: 44px
}

.slide3-1-new-content hr {
    margin: 10px 0
}

.slide3-1-new-content a {
    font-size: 16px
}

.img-desc-home3 {
    margin-top: -88px;
    padding: 0 25px
}

.img-desc-home3 h3 {
    font-size: 24px
}

.img-desc-home3 hr {
    width: 90px;
    margin: 15px 0
}

.img-desc-home3 p {
    font-size: 15px
}

.img-desc-home3 a {
    font-size: 15px
}

.top-newsletter #newsletter {
    width: 300px;
    height: 30px;
    border-radius: 0;
    line-height: 16px
}

.top-newsletter button.button {
    position: absolute;
    right: 0;
    top: 0
}

.top-newsletter button.button span {
    height: 30px;
    line-height: 30px;
    border-radius: 0;
    color: #000;
    background-color: transparent
}

.input-box {
    position: relative
}

.validation-advice:before {
    content: "\e820";
    font-family: "porto";
    font-size: 8px;
    position: absolute;
    left: 3px;
    top: 1px
}

.product-options .validation-advice {
    position: relative
}

.block-subscribe .validation-advice {
    position: absolute
}

.opc-wrapper-opc .validation-advice {
    padding-left: 10px
}

.fixed-header .menu > li.menu-item .nav-sublist-dropdown a, .main-nav .menu > li.menu-item .nav-sublist-dropdown a {
    color: #777
}

.menu > li.menu-item .nav-sublist-dropdown li:hover > a {
    color: #fff !important
}

#banner-slider-demo-2-new .slide-1 em {
    font-size: 26.26px;
    margin: 0;
    margin-left: 5px
}

#banner-slider-demo-2-new .slide-1 .text-content h2 {
    font-size: 79.12px;
    letter-spacing: -6px
}

#banner-slider-demo-2-new .slide-1 .text-content p {
    margin: 0
}

#banner-slider-demo-2-new .slide-1 .text-content p span {
    font-size: 23.64px;
    padding-left: 6px
}

#banner-slider-demo-2-new .slide-1 .text-content a {
    font-size: 15.76px;
    padding: 10px 34px;
    margin-top: 15px;
    margin-left: 7px
}

#banner-slider-demo-2-new .slide-2 em {
    font-size: 26.26px;
    margin: 0;
    margin-left: 5px
}

#banner-slider-demo-2-new .slide-2 .text-content h2 {
    font-size: 79.12px;
    letter-spacing: -6px
}

#banner-slider-demo-2-new .slide-2 .text-content p {
    margin: 0
}

#banner-slider-demo-2-new .slide-2 .text-content p span {
    font-size: 23.64px;
    padding-left: 6px
}

#banner-slider-demo-2-new .slide-2 .text-content a {
    font-size: 15.76px;
    padding: 10px 0;
    margin-top: 10px
}

.image-link span.category-title {
    display: block;
    position: absolute;
    left: -10px;
    bottom: 20px;
    color: #fff;
    padding: 15px 17px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    min-width: 174px;
    text-align: left;
    background-color: #3f4658
}

.image-link span.category-title:before {
    content: "";
    width: 10px;
    height: 10px;
    border: 5px solid transparent;
    border-right-color: #3f4658;
    border-top-color: #3f4658;
    display: block;
    position: absolute;
    left: 0;
    top: 100%
}

.compare-link > a:hover {
    text-decoration: none
}

.compare-popup {
    position: absolute;
    left: 0;
    top: 100%;
    width: 300px;
    background-color: #fff;
    border-width: 6px 0 0 0;
    border-style: solid;
    z-index: 1;
    border-radius: 8px 8px 5px 5px;
    color: #777;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
    margin-top: 10px;
    padding: 20px;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.2s
}

.compare-link:hover .compare-popup {
    visibility: visible;
    opacity: 1;

}

.compare-popup p {
    margin: 0
}

.compare-popup:before {
    content: "";
    position: absolute;
    border: 10px solid transparent;
    display: block;
    left: 15px;
    top: -25px;
    border-bottom-color: #08c
}

.compare-popup:after {
    width: 100%;
    height: 20px;
    position: absolute;
    content: "";
    display: block;
    top: -20px;
    left: 0
}

.compare-popup li.item {
    position: relative;
    padding: 5px 0
}

.compare-popup a.btn-remove {
    position: absolute;
    right: 0
}

.compare-popup .actions {
    margin-top: 20px
}

.compare-popup .actions a {
    line-height: 32px
}

.compare-popup .actions button.button {
    float: right
}

.compare-popup .actions button.button span {
    line-height: 32px;
    padding: 0 15px
}

.header-container.type1 .compare-popup, .header-container.type11 .compare-popup, .header-container.type5 .compare-popup, .header-container.type8 .compare-popup {
    left: auto;
    right: 0
}

.header-container.type1 .compare-popup:before, .header-container.type11 .compare-popup:before, .header-container.type5 .compare-popup:before, .header-container.type8 .compare-popup:before {
    left: auto;
    right: 15px
}

.ajaxcart-index-options .product-view .product-name {
    padding: 0;
    border-bottom: 1px solid #384045;
    margin-bottom: 25px
}

.quickview-index-view .product-collateral {
    display: none
}

.store-switcher {
    text-align: right
}

.store-switcher:before {
    content: "";
    display: block;
    clear: both
}

.sticky-logo {
    float: left;
    margin-right: 20px
}

.sticky-logo .logo {
    margin: 0 !important
}

.sticky-logo strong {
    display: none
}

.sticky-logo img {
    max-height: 32px
}

/*** Header Type 13 ***/
.header-container.type13 {
    border: 0
}

.header-container.type13 .top-links-container {
    background-color: #08c;
    color: #fff
}

.header-container.type13 .top-links a {
    color: #fff
}

.header-container.type13 .selectbox .select {
    color: #fff
}

.header-container.type13 .header {
    display: block;
    vertical-align: middle;
    padding: 28px 0;
    text-align: center
}

.header-container.type13 .header > .logo {
    display: inline-block;
    padding: 0 15px;
    margin: 0;
    float: none
}

.header-container.type13 .header > .logo img {
    height: 50px
}

.header-container.type13 .main-nav {
    margin: 0;
    height: 30px
}

.header-container.type13 .main-nav ul.menu > li > a {
    padding: 9px 15px
}

.header-container.type13 .header-wrapper {
    border: 0;
    display: block;
    padding: 10px 0;
    position: absolute;
    top: 50%;
    margin-top: -25px
}

.header-container.type13 .main-nav .menu-wrapper {
    border-radius: 0;
    background-color: transparent
}

.header-container.type13 .top-links > .top-select:first-child .selectbox .select {
    padding-left: 0;
}

.header-container.type13 .main-nav ul.menu > li {
    pointer-events: all
}

.header-container.type13 .main-nav ul.menu > li.menu-full-width > a, .header-container.type13 .main-nav ul.menu > li.menu-item-has-children > a, .header-container.type13 .main-nav ul.menu > li.menu-static-width > a {
    padding-right: 25px
}

.header-container.type13 .main-nav ul.menu > li.menu-full-width > a:after, .header-container.type13 .main-nav ul.menu > li.menu-item-has-children > a:after, .header-container.type13 .main-nav ul.menu > li.menu-static-width > a:after {
    right: 10px
}

.header-container.type13 .compare-link {
    display: block;
    float: left;
    font-size: 11px;
    line-height: 26px;
    margin-left: 5px;
    text-transform: uppercase
}

.header-container.type13 .main-nav ul.menu > li.fl-right {
    float: right
}

.header-container.type13 .main-nav .menu > li.fl-right .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist {
    left: auto;
    right: 100%
}

.header-container.type13.sticky-header .header-wrapper {
    background-color: #fff
}

.header-container.type13.sticky-header .main-nav {
    margin: 0 auto
}

.header-container.type13.sticky-header .main-nav ul.menu > li.fl-right {
    float: none
}

.header-container.type13.sticky-header .header .mini-cart {
    position: absolute
}

.infinite-loader {
    text-align: center;
    margin: 20px 0
}

.infinite-loader .loading {
    line-height: 30px;
    display: none
}

.infinite-loader .loading i.ajax-loader {
    margin-right: 15px
}

.infinite-loader .btn-load-more {
    display: none;
    color: #333;
    background-color: #fff;
    font-size: 13px;
    padding: 5px 20px;
    line-height: 30px;
    border-radius: 5px;
    border: 1px solid #ccc
}

i.category-icon {
    margin-right: 10px
}

i.category-icon:before {
    margin: 0;
    width: auto
}

img.category-icon {
    margin-right: 10px;
    max-height: 11px;
    vertical-align: middle
}

.item .item-area .actions .qty-field {
    margin: 10px 0 5px
}

.item .item-area .actions input.qty {
    height: 34px
}

.item .item-area .actions .qty-changer > a {
    margin: 0;
    margin-bottom: 2px;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible
}

.item .item-area .actions .qty-changer > a.qty_dec {
    margin-bottom: 0
}

.product-tabs > ul:after {
    clear: both;
    content: "";
    display: table
}

.panel-group .panel {
    border: 0;
    border-radius: 0;
    box-shadow: none
}

.panel-default > .panel-heading {
    background: none;
    padding: 0;
    border-radius: 0
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: 0
}

.product-tab-accordion .panel-body > h2 {
    display: none
}

.panel-title > a {
    position: relative;
    padding: 12px 20px 12px 10px;
    display: block;
    font-size: 15px;
    min-height: 20px;
    border: 0;
    border-left: 3px solid #08c;
    border-radius: 5px;
    font-weight: 400;
    background-color: #08c;
    color: #fff
}

.panel-title > a.collapsed {
    color: #08c;
    background-color: #f4f4f4
}

.panel-title > a:hover {
    color: #fff;
    text-decoration: none
}

.panel-title > a.collapsed:hover {
    color: #08c
}

.panel-title > a:after {
    content: "\e80b";
    font-family: "porto";
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    color: #fff;
    margin-top: -10px
}

.panel-title > a.collapsed:after {
    content: "\e814";
    color: #08c
}

#banner-slider-demo-17 .slide-1 em {
    font-size: 26.26px;
    margin: 0;
    margin-left: 5px
}

#banner-slider-demo-17 .slide-1 .text-content h2 {
    font-size: 79.12px;
    letter-spacing: -5px
}

#banner-slider-demo-17 .slide-1 .text-content p {
    margin: 0
}

#banner-slider-demo-17 .slide-1 .text-content p span {
    font-size: 23.64px;
    padding-left: 6px
}

#banner-slider-demo-17 .slide-1 .text-content a {
    font-size: 15.76px;
    padding: 10px 34px;
    margin-top: 15px;
    margin-left: 7px
}

#banner-slider-demo-17 .slide-2 em {
    font-size: 26.26px;
    margin: 0;
    margin-bottom: 10px
}

#banner-slider-demo-17 .slide-2 .text-content h2 {
    font-size: 51.67px
}

#banner-slider-demo-17 .slide-2 .text-content p {
    margin: 0
}

#banner-slider-demo-17 .slide-2 .text-content p span {
    font-size: 23.64px
}

#banner-slider-demo-17 .slide-2 .text-content a {
    font-size: 15.76px;
    padding: 10px 34px;
    margin-top: 15px
}

.footer-top .homepage-bar {
    border: 0;
    background-color: transparent;
    text-align: left;
    padding: 0 5px
}

.footer-top .homepage-bar .col-md-3 {
    border-left: 1px solid #515656;
    padding-top: 20px;
    padding-bottom: 21px
}

.footer-top .homepage-bar .col-md-3:first-child {
    border-left: 0
}

.footer-top .homepage-bar i {
    color: #fff
}

.footer-top .homepage-bar h3 {
    color: #fff
}

.flex-grid {
    display: flex;
    flex-flow: row wrap
}

#slideshow .category-products .products-grid.flex-grid.columns4 li.item:hover {
    padding-top: 0
}

.flex-grid .item .details-area .actions {
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.3s;
    margin: 0 -50px
}

.flex-grid .item:hover .details-area .actions {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100)
}

.flex-grid .item:hover .details-area .actions {
}

.category-products .products-grid.flex-grid li.item {
    border-left: 1px solid #e3e4e4;
    display: flex;
    padding-top: 0;
    margin-top: -1px;
    transition: all 0.3s;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent
}

.category-products .products-grid.flex-grid li.item:hover {
    background-color: #fff;
    border-top-color: #e3e4e4;
    border-bottom-color: #e3e4e4;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1)
}

.category-products .products-grid.flex-grid li.item .details-area {
    padding-bottom: 0;
    margin-bottom: -20px
}

.category-products .products-grid.flex-grid.columns2 li.item.nth-child-2np1 {
    border-left-color: transparent
}

.category-products .products-grid.flex-grid.columns3 li.item.nth-child-3np1 {
    border-left-color: transparent
}

.category-products .products-grid.flex-grid.columns4 li.item.nth-child-4np1 {
    border-left-color: transparent
}

.category-products .products-grid.flex-grid.columns5 li.item.nth-child-5np1 {
    border-left-color: transparent
}

.category-products .products-grid.flex-grid.columns6 li.item.nth-child-6np1 {
    border-left-color: transparent
}

.category-products .products-grid.flex-grid.columns7 li.item.nth-child-7np1 {
    border-left-color: transparent
}

.category-products .products-grid.flex-grid.columns8 li.item.nth-child-8np1 {
    border-left-color: transparent
}

.category-products .products-grid.flex-grid .item .details-area .actions a.addtowishlist {
    margin: 0;
    background-color: #e6e6e6;
    color: #000;
    border: 0;
    font-size: 13px;
    right: -4px;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    width: 40px;
    height: 40px;
    line-height: 40px
}

.category-products .products-grid.flex-grid .item .details-area .actions a.comparelink {
    margin: 0;
    background-color: #e6e6e6;
    color: #000;
    border: 0;
    font-size: 13px;
    left: -4px;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    width: 40px;
    height: 40px;
    line-height: 40px
}

.category-products .products-grid.flex-grid .item .details-area .actions a.addtocart {
    height: 40px;
    font-size: 13px;
    line-height: 40px;
    margin: 0;
    border: 0;
    padding: 0 20px 0 15px;
    text-transform: uppercase;
    background-color: #08c;
    color: #fff
}

.category-products .products-grid.flex-grid li.item .item-area {
    border-top: 1px solid #e3e4e4;
    padding: 50px 0 10px;
    margin-top: -1px;
    transition: all 0.3s
}

.category-products .products-grid.flex-grid li.item:hover .item-area {
    border-top-color: transparent;
    padding: 10px 0 50px
}

.category-products .products-grid.flex-grid li.item .price-box {
    margin: 10px 0 15px
}

.flex-owl-slider .owl-item .item {
    border-left: 1px solid #e3e3e3
}

.flex-owl-slider .owl-item:first-child .item {
    border-left-color: transparent
}

.header-container.type13 .welcome-msg {
    float: right;
    margin-right: 15px
}

.header-container.type13 .search-area {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    margin-right: 10px;
    float: left;
    height: 25px;
    z-index: 2
}

.header-container.type13 .search-area a.search-icon {
    display: block;
    line-height: 15px;
    padding: 5px 0;
    font-size: 11px;
    width: auto;
    text-transform: uppercase
}

.header-container.type13 .search-area a.search-icon:hover {
    text-decoration: none
}

.header-container.type13 #search_mini_form {
    width: 450px;
    display: none
}

.header-container.type13 .mini-cart {
    display: inline-block;
    position: static;
    padding: 0;
    margin: 0;
    vertical-align: middle
}

.header-container.type13 .mybag-link {
    height: 25px;
    padding: 5px 0;
    line-height: 15px
}

.header-container.type13 .mybag-link i {
    color: #08c;
    font-size: 15px
}

.header-container.type13 .mybag-link .cart-info {
    font-size: 11px;
    padding: 0
}

.header-container.type13 .cart-info span {
    display: inline;
    font-size: 11px;
    font-weight: 400
}

.header-container.type13 .mybag-link .cart-info span.cart-qty {
    margin-right: 3px;
    font-weight: 700
}

.header-container.type13 .top-links-container .mini-cart .topCartContent {
    right: 0;
    top: 25px
}

.header-container.type13 #search_mini_form {
    display: none;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0
}

.header-container.type13 .top-links-area .top-links-icon {
    display: block;
    margin-right: 5px
}

.header-container.type13 .top-links-area ul.links {
    display: none
}

.header-container.type13 .cart-area {
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
    float: right;
    height: 25px;
    margin-left: 5px
}

.header-container.type13 .links {
    display: none;
    position: absolute;
    right: 0;
    z-index: 9;
    background-color: #fff !important;
    border-radius: 3px;
    margin: 0;
    padding: 5px 0;
    text-align: right;
    border: 1px solid #ccc
}

.header-container.type13 .links li {
    display: block;
    border: 0;
    padding: 0
}

.header-container.type13 .links li a {
    color: #777 !important;
    white-space: nowrap;
    padding: 0 10px;
    display: block;
    transition: all 0.2s;
    font-weight: 400
}

.header-container.type13 .links li:hover a {
    background-color: #ccc !important;
    color: #fff !important;
    text-decoration: none
}

.header-container.type13 .form-search {
    width: 450px;
    position: absolute;
    left: -20px;
    top: 40px;
    overflow: visible;
    border: 5px solid #ccc;
    border-radius: 25px;
    background-color: #fff
}

.header-container.type13 .form-search:before {
    content: "";
    display: block;
    position: absolute;
    left: 20px;
    top: -25px;
    width: 20px;
    height: 20px;
    border: 10px solid transparent;
    border-bottom-color: #ccc
}

.header-container.type13 .form-search label {
    float: left;
    width: 24px;
    height: 21px;
    text-align: left;
    text-indent: -999em;
    overflow: hidden;
    display: none
}

.header-container.type13 .form-search #search {
    border: 0;
    height: 38px;
    background-color: transparent;
    padding: 10px 15px;
    color: #999;
    font-family: Arial;
    width: 100%;
    margin: 0;
    font-size: 13px;
    line-height: 20px;
    border-radius: 20px 0 0 20px
}

.header-container.type13 .form-search #cat {
    margin: 0;
    width: 130px;
    height: 38px;
    background-color: transparent;
    border: 1px solid #ccc;
    border-top: 0;
    border-bottom: 0;
    font-family: Arial;
    font-size: 13px;
    line-height: 34px;
    color: #777;
    padding: 2px 0;
    padding-left: 10px;
    position: absolute;
    top: 0;
    right: 40px;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none
}

.header-container.type13 .form-search #cat option {
    color: #000;
    background: #fff
}

.header-container.type13 .form-search button.button {
    width: 40px;
    height: 38px;
    color: #777;
    background-color: transparent;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 20px 20px 0
}

.header-container.type13 .form-search .search-autocomplete {
    z-index: 999
}

.header-container.type13 .form-search .search-autocomplete ul {
    border: 1px solid #ddd;
    background-color: #fff
}

.header-container.type13 .form-search .search-autocomplete li {
    text-align: left;
    padding: 5px 10px;
    cursor: pointer;
    color: #777
}

.header-container.type13 .form-search .search-autocomplete li .amount {
    float: right;
    font-weight: bold
}

.header-container.type13 .form-search .search-autocomplete li.odd {
    background-color: #fff
}

.header-container.type13 .form-search .search-autocomplete li.selected {
    background-color: #f7f7f7
}

.header-container.type13 .mini-cart .actions a {
    color: #fff
}

.header-container.type14 .cart-area {
    position: relative;
    top: 0;
    margin: 0;
    float: right;
    height: 50px;
    right: 0;
    padding: 5px 0
}

.loader-container {
    text-align: center;
    background-color: rgba(255, 255, 255, .5);
    display: none
}

.product-image-area > .loader-container, .actions > .loader-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 199
}

.loader-container > .loader {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -8px
}

i.ajax-loader.medium {
    width: 24px;
    height: 24px;
    border-width: 2px 3px 1px 0
}

#loading_mask_loader {
    display: none
}

.block-manufacturer {
    text-align: center
}

.block-manufacturer img {
    max-width: 100%
}

.banner-content-18 {
    padding: 290px 0 80px
}

.banner-content-18 em {
    font-size: 26.26px;
    margin-left: 5px;
    margin-bottom: 5px
}

.banner-content-18 .text-content h2 {
    font-size: 79.12px;
    letter-spacing: -4px
}

.banner-content-18 .text-content p {
    margin: 0
}

.banner-content-18 .text-content p span {
    font-size: 23.64px;
    padding-left: 5px;
    line-height: 2
}

.banner-content-18 .text-content p a {
    font-size: 16px;
    padding: 10px 35px;
    margin-left: 5px;
    margin-top: 7px;
    margin-bottom: 125px
}

.filter-title-type-2 {
    font-size: 19px;
    margin: 0;
    font-weight: 300;
    margin-bottom: 10px;
    display: table;
    width: 100%
}

.filter-title-type-2 span {
    display: table-cell;
    position: relative
}

.filter-title-type-2 span.title-line:after {
    content: "";
    width: 100%;
    border-top: 1px solid #d8d8d8;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -1px
}

.owl-middle-outer-narrow .owl-controls {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: -25px
}

.owl-middle-outer-narrow .owl-controls .owl-buttons div {
    font-size: 28px;
    background: none;
    color: #08c;
    position: absolute
}

.owl-middle-outer-narrow .owl-controls .owl-buttons div.owl-prev {
    left: -60px
}

.owl-middle-outer-narrow .owl-controls .owl-buttons div.owl-next {
    right: -60px
}

.catalog-product-view .background-overlay {
    background-color: #fff
}

.catalog-product-view #loading_mask_loader {
    display: block
}

.data-table .product-image img {
    max-width: none;
    min-width: 100px
}

.sticky-header .whatsapp {
    display: none !important
}

.letters {
    padding-bottom: 15px;
    border-bottom: solid 1px #b5e9f6;
    margin-bottom: 15px;
}

.letters ul {
    display: flex;
    margin: 0;
    padding: 0;
}

.letters ul li {
    list-style: none;
    flex-grow: 1;
    font-size: 1.4rem;
}

.letters ul li a {
    color: #8f9090
}

.letters ul li a:hover {
    color: #0293c2
}

.marcas .letter_marca {
    padding-bottom: 40px;
    display: flex;
}

.marcas .letter_marca .letter {
    font-size: 2rem;
    color: #0293c2;
    align-items: self-end;
    font-family: 'Museo';
}

.marcas_list {
    flex-grow: 1;
    display: flex;
    padding: 5px 0
}

.marcas_list ul {
    width: 100%;
}

.marcas_list li {
    list-style: none;
    display: inline-block;
    padding: 0 10px 10px 0;
    width: 20%;
}
@media (max-width:600px){
    .marcas_list li {
        width:initial!important;
    }
}
.marcas_list li a {
    color: #050505
}

.marca_anchor {
    scroll-margin-top: 130px;
}

.pie1 .block-content {
    display: flex;
}

.pie1 .block-content .links {
    border-left: solid 1px #0293c2;
    padding-left: 20px;
}

.pie2 .label {
    font-size: 16px;
    font-family: 'Museo';
}

.pie2 .big {
    font-size: 1.4rem;
    padding: 5px 0;
    font-weight: 500
}

.pie2 .little {
    font-size: 0.95rem;
    color: #686868;
    font-weight: 500
}

.pie2 img {
    vertical-align: middle;
    padding-right: 5px;
}

.footer-middle .block.pie3 {
    border-right: solid 1px #0293c2;
}

.payments_logos {
    text-align: center;
    margin-top: 50px;
}

.home_banners a, .home_banners, .home_banners a:hover {
    color: #040404;
    text-decoration: none;
}

.home_banners .title {
    font-size: 2rem;
}

.home_banners p {
    font-size: 1.2rem;
    margin-bottom: 0
}
.home_banners .title{
    font-family: 'Museo';
}
.home_banners .banner_home_1 .title, .home_banners .banner_home_1 p {
    padding-left: 250px;
    padding-right: 25px
}

.home_banners .banner_home_1 {
    padding: 0;
    background: #c4f3fc url("https://www.dermofarma.es/skin/frontend/smartwave/porto/images/home_banner1.jpg") no-repeat center left;
    background-size: contain;
    height: 171px;
}

.home_banners .row {
    margin: 0
}

.home_banners .banner_content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.home_banners .banner_home_2 {
    padding: 0;
    background: #b8cfe9 url("https://www.dermofarma.es/skin/frontend/smartwave/porto/images/home_blog.jpg") no-repeat center right;
    background-size: contain;
    height: 171px;
}

.home_banners .banner_home_2 .title, .home_banners .banner_home_2 p {
    padding-left: 25px;
    padding-right: 275px;
}

.home_banners .banner_home_2 .title, .home_banners .banner_home_2 p {
    padding-left: 25px;
}

.home_title {
    font-family: 'Museo';
    color: #6c6c6c;
    font-size: 1.8rem;
}

.home_block {
    margin-bottom: 20px;
}

.promo_home .widget {
    display: flex;
}
.promo_home{font-family: 'Museo';}
.promo_home .col {
    flex-grow: 1
}

.promo_home .col1 {

    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    max-width: 650px;
}

.promo_home .col2 {
    overflow: hidden
}

.promo_home .col2 img {
    float: right;
}

.promo_home .col1 h3, .promo_home .col1 h3 a {
    color: #fff;
    font-size: 2.5rem;
}

.promo_home .col1 a:hover {
    text-decoration: none
}
.promo_home .col1 h3 a:hover{text-decoration: underline}
.promo_home .col1 .subtitle {
    color: #fc602e;
    font-size: 1rem;
}

.promo_home .col1 .pie_title {
    color: #030303;
    font-size: 1rem;
    margin-top: 10%;
    font-weight: 600
}

button.btn-checkout span {
    background-color: #ff00b1 !important
}

.cart-table-wrap button.button span {
    background-color: #00b3e2;
    color: #fff
}

.shipping-form ul {
    display: flex;
    justify-content: space-between;
}

.progress {
    border: solid 1px #030303;
    height: 20px;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 10px
}

.progress .bar {
    background-color: #30C1E6;
    height: 18px;
    border-radius: 5px;
}

.promociones .promo {
    margin-bottom: 20px;
}

.promociones .promo h2 {
    font-size: 2em;
    font-weight: 600;

}
.promociones .promo h2,.promociones .promo .desc{
    padding-right: 20%;
}
.promociones .promo1 {
    display: flex;

}

.promociones .promo1 .col1 {
    width:55%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    padding: 20px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.promociones .promo1 .col2{  overflow: hidden;width:45%;}
.promociones .promo1 .col2 img{float:right}
.promociones .promo1 img{height:100%;}
.promociones .promo1 .col3 {
    flex: 0.70;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: solid 1px #dbdfe0;
    border-radius: 15px;
    margin-left: 20px;
    min-width: 320px;
}

@media screen and(-ms-high-contrast: active),(-ms-high-contrast: none) {

    .rating-box {
        width: 65px;
        height: 12px;
        font-size: 0;
        line-height: 0;
        text-indent: -999em;
        overflow: hidden;
        position: relative
    }

    .rating-box:before {
        font-family: "porto";
        content: "\e852\20\e852\20\e852\20\e852\20\e852";
        width: 65px;
        height: 12px;
        color: #ddd;
        display: inline;
        font-size: 11px;
        line-height: 12px;
        white-space: nowrap
    }

    .rating-box .rating {
        float: left;
        height: 12px;
        position: absolute;
        left: 0;
        top: 0;
        overflow: hidden
    }

    .rating-box .rating:before {
        font-family: "porto";
        content: "\e852\20\e852\20\e852\20\e852\20\e852";
        width: 65px;
        height: 12px;
        color: #ffc600;
        display: inline;
        font-size: 11px;
        line-height: 12px;
        white-space: nowrap
    }

}

@media (min-width: 1024px) {

    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

}

@media (max-width: 767px) {
    .top_legend {
        display: none;
    }

    .wishlist_top, .account_top {
        padding-right: 10px;
    }

    .header-container.type4 .cart-area {
        padding-right: 20px;
    }

    .header-container.type4 .header > .logo {
        max-width: 110px;
        padding: 0;
    }

    .header-container.type4 .header .form-search {
        width: initial !important
    }

    .product-labels {
        margin: 8px;
    }

    .product-label span {
        font-size: 0.8rem;
    }

    span.sale-product-icon {
        font-size: 0.9rem;
        padding: 10px 0
    }

    a.addtocart {
        height: 40px;
        width: 40px;
    }

    .promo_home .col2 {
        display: none;
    }

}

@media (max-width: 1279px) {
    .header-container.type4 .header #search_mini_form {
        width: 300px;
    }

    .pie1 .logo {
        display: none;
    }

    .home_banners .title {
        font-size: 1.5rem;
    }

    .home_banners p {
        font-size: 1.0rem;
    }
    .top_ico ul li{font-size:0.8em;}
}

@media (max-width: 1023px) {
    .header-container.type4 .search-area {
        padding-right: 20px;
    }

    .header .form-search #search {
        background-color: #fff;
        color: #19bae3;
        border: solid 2px #19bae3;
        border-radius: 25px;
    }

    .home_banners .title {
        font-size: 1.2rem;
    }

    .home_banners p {
        font-size: 1.0rem;
    }

    .home_banners .banner_home_1 .title, .home_banners .banner_home_1 p {
        padding-left: 180px;
        padding-right: 10px;
    }

    .home_banners .banner_home_2 .title, .home_banners .banner_home_2 p {
        padding-right: 180px;
        padding-left: 10px
    }

    .home_banners .banner_home_1, .home_banners .banner_home_2 {
        height: auto;
    }
    .promociones .promo1{display: block}
    .promociones .promo1 .col{width:100%;}
    .promociones .promo h2, .promociones .promo .desc{padding-right: 0}
    .promociones .promo1 .col2 img{width:100%;height:auto}
    .promociones .promo1 .col3{padding: 30px;min-width: initial; margin: 0}
}
@media (max-width: 992px){
    .add-to-cart button.button span span {

        background-size: unset;
    }
}
@media (max-width: 768px) {

    .icon_wahtsapp {
        display: none !important;
    }

    .whatsapp {
        text-align: left;
        padding: 0 15px
    }

    .whatsapp a {
        padding: 0 !important;
    }

    .footer-middle .col-sm-3 {
        margin-bottom: 30px
    }
    .owl-buttons [class^="icon-"]:before{font-size:2em; line-height: 1.5em;}
}

@media (max-width: 468px) {
    .home_banners .banner_home_1 {
        background-position-x: -115px;
        height: 171px;
        background-size: initial;
    }

    .home_banners .banner_home_2 {
        background-position-x: -170px;
        height: 171px;
        background-size: initial;
    }

    .home_banners .banner_home_1 .title, .home_banners .banner_home_1 p {
        padding-left: 120px;
        padding-right: 10px;
    }

    .home_banners .banner_home_2 .title, .home_banners .banner_home_2 p {
        padding-right: 150px;
        padding-left: 10px
    }
    .promo_home .col1{border-radius:10px}
    .promo_home{margin-top:40px;}
    .owl-buttons [class^="icon-"]:before{font-size:1em; line-height: 1em;}

}

@media (max-width:1439px){
    .header-container.type11 .top-links-icon{display:inline-block}
    .header-container.type11 .links{display:none;position:absolute;right:0;z-index:9;background-color:#fff !important;border-radius:3px;margin:0;padding:5px 0;text-align:right;border:1px solid #ccc}
    .header-container.type11 .links li{display:block;border:0;padding:0}
    .header-container.type11 .links li a{color:#777 !important;white-space:nowrap;padding:0 10px;display:block;transition:all 0.2s;font-weight:400}
    .header-container.type11 .links li:hover a{background-color:#ccc !important;color:#fff !important;text-decoration:none}
}
@media (max-width:1279px){
    .header-container.type11 .header{text-align:left;}
    .header-container.type11 .header .logo{margin: 20px 25px}
    .header-container.type11 .menu-icon{display:inline-block}
    .header-container.type11 .header-wrapper{display:none}
}
@media (max-width:1199px){
    body.boxed .page{width:980px}
    .header-container.type2 .search-area{position:relative;margin:10px 0;z-index:2}
    .header-container.type2 .header #search_mini_form{width:auto}
    .header-container.type5 .search-area{position:relative;margin:10px 0;z-index:2}
    .header-container.type5 .search-area .search-icon{display:block;line-height:40px}
    .header-container.type5 .search-area #search_mini_form{display:none;width:0;margin:0}
    .header-container.type5 .header .form-search{width:450px;position:absolute;left:-50px;top:40px;overflow:visible;border-width:5px;border-radius:25px;border-color:#ccc}
    .header-container.type5 .header .form-search:before{content:"";display:block;position:absolute;left:45px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc}
    .header-container.type6 .header .custom-block{display:none}
    .header-container.type6 .main-nav .menu{padding-right:0}
    .header-container.type14 .header .custom-block{display:none}
    .header-container.type14 .main-nav .menu{padding-right:0}

    .header-container.type7 .header .custom-block{display:none}
    .header-container.type7 .header .search-area a.search-icon{float:left;display:inline-block;vertical-align:middle}
    .header-container.type7 .menu-icon{display:inline-block;height:auto;padding:0;margin:15px 10px;float:left}
    .header-container.type7 .header-wrapper{display:none}
    .header-container.type7+.mobile-nav{display:none}
    .mobile-nav-shown .header-container.type7+.mobile-nav{display:block}

    .header-container.type13 .header .custom-block{display:none}
    .header-container.type13 .header .search-area a.search-icon{float:left;display:inline-block;vertical-align:middle}
    .header-container.type13 .menu-icon{display:inline-block;height:auto;padding:0;margin:0;margin-right:8px;font-size:15px;line-height:25px}
    .header-container.type13 .menu-icon>a{margin-right:15px}
    .header-container.type13 .header-wrapper{display:none}
    .header-container.type13+.mobile-nav{display:none}
    .mobile-nav-shown .header-container.type13+.mobile-nav{display:block}

    .header-container.type13.sticky-header .header{padding:10px 0}
    .header-container.type13.sticky-header .header > .logo img{height:30px}
    .header-container.type13.sticky-header .top-links-container{padding:0}

    .header-container.type8 .top-links-icon{display:inline-block}
    .header-container.type8 .links{display:none;position:absolute;right:0;z-index:9;background-color:#fff !important;border-radius:3px;margin:0;padding:5px 0;text-align:right;border:1px solid #ccc}
    .header-container.type8 .links li{display:block;border:0;padding:0}
    .header-container.type8 .links li a{color:#777 !important;white-space:nowrap;padding:0 10px;display:block;transition:all 0.2s;font-weight:400}
    .header-container.type8 .links li:hover a{background-color:#ccc !important;color:#fff !important;text-decoration:none}
    
    .category-products .products-grid.columns4 li.item{width:33.33%}
    .category-products .products-grid.columns4 li.item.nth-child-4np1{clear:none}
    .category-products .products-grid.columns4 li.item.nth-child-3np1{clear:left}
    
    .category-products .products-grid.columns5 li.item{width:33.33%}
    .category-products .products-grid.columns5 li.item.nth-child-5np1{clear:none}
    .category-products .products-grid.columns5 li.item.nth-child-4np1{clear:none}
    .category-products .products-grid.columns5 li.item.nth-child-3np1{clear:left}
    
    .category-products .products-grid.columns6 li.item{width:20%}
    .category-products .products-grid.columns6 li.item.nth-child-6np1{clear:none}
    .category-products .products-grid.columns6 li.item.nth-child-5np1{clear:left}
    
    .category-products .products-grid.columns7 li.item{width:20%}
    .category-products .products-grid.columns7 li.item.nth-child-7np1{clear:none}
    .category-products .products-grid.columns7 li.item.nth-child-6np1{clear:none}
    .category-products .products-grid.columns7 li.item.nth-child-5np1{clear:left}
    
    .category-products .products-grid.columns8 li.item{width:20%}
    .category-products .products-grid.columns8 li.item.nth-child-8np1{clear:none}
    .category-products .products-grid.columns8 li.item.nth-child-7np1{clear:none}
    .category-products .products-grid.columns8 li.item.nth-child-6np1{clear:none}
    .category-products .products-grid.columns8 li.item.nth-child-5np1{clear:left}
    
    /* Flex grid Styles */
    .category-products .products-grid.flex-grid.columns4 li.item.nth-child-4np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns4 li.item.nth-child-3np1{border-left-color:transparent}
    
    .category-products .products-grid.flex-grid.columns5 li.item.nth-child-5np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns5 li.item.nth-child-4np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns5 li.item.nth-child-3np1{border-left-color:transparent}
    
    .category-products .products-grid.flex-grid.columns6 li.item.nth-child-6np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns6 li.item.nth-child-5np1{border-left-color:transparent}
    
    .category-products .products-grid.flex-grid.columns7 li.item.nth-child-7np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns7 li.item.nth-child-6np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns7 li.item.nth-child-5np1{border-left-color:transparent}
    
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-8np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-7np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-6np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-5np1{border-left-color:transparent}
    /* Flex grid Styles */
    
    .category-banner .banner-text h2{font-size:45px}
    .category-banner .banner-text p{font-size:23px}
    .category-boxed-banner .banner-text h2{font-size:38px}
    .category-boxed-banner .banner-text p{font-size:17px}
    .category-boxed-banner .banner-text a.shop-now{margin-left:16px;font-size:14px}
    
    .col1-layout .product-shop .product-options-bottom,.col1-layout .add-to-box{float:none;width:auto;border-bottom:1px solid #ebebeb}
    .col1-layout .sharing-tool-area{float:none}
    
    .owl-banner-carousel .content.type1 h2{font-size:48px}
    .owl-banner-carousel .content.type1 p{font-size:20px}
    .owl-banner-carousel .content.type1 a{font-size:13px}
    .owl-banner-carousel .content.type2 h2{font-size:37.2px;border-top:4px solid #08c;padding-top:8px}
    .owl-banner-carousel .content.type2 h3{font-size:24.47px}
    .owl-banner-carousel .content.type2 p{font-size:11.2px}
    .owl-banner-carousel .content.type2 a{font-size:14.4px}

	.owl-banner-carousel .content-9.type1 em{font-size:18px;margin-bottom:-4px;margin-left:8px}
	.owl-banner-carousel .content-9.type1 h2{font-size:58px}
	.owl-banner-carousel .content-9.type1 p{font-size:32px}
	.owl-banner-carousel .content-9.type1 a{font-size:14px}
	.owl-banner-carousel .content-9.type1 a>i{width:15px;height:15px;line-height:14px;font-size:11px;margin-bottom:3px;margin-left:10px}
    .owl-banner-carousel .content-9.type2 h3{font-size:37.2px}
    .owl-banner-carousel .content-9.type2 span{font-size:11.2px}
    .owl-banner-carousel .content-9.type2 a{font-size:11px}

    .cart-table a{line-height:24px}
    .cart-table .cart-price{display:inline-block;margin-top:15px}
    .cart-table thead{display:none}
    .data-table.cart-table .product-image{z-index:0}
    .data-table.cart-table tbody tr{position:relative;display:block;clear:both;padding:25px 0;border-bottom:1px solid #dcdcdc}
    .data-table.cart-table tbody tr.first{padding-top:0}
    .data-table.cart-table tbody td{display:block;padding:0;width:100%;border-width:0;text-align:center!important}
    .data-table.cart-table tbody td.pr-img-td{clear:both;padding:0 0 15px}
    .data-table.cart-table tbody td.action-td{position:absolute;top:20px;z-index:1}
    .data-table.cart-table tbody tr.first td.action-td{top:-5px}
    .data-table.cart-table tbody td.action-td .btn-remove2{float:right;line-height:22px}
    .data-table.cart-table tfoot tr.first td{padding-top:25px}
    .cart-table .item-options dd{padding:0}
    .cart-table .qty-holder{width:90px;margin-top:15px}
    .title-buttons{text-align:left}
    .cart-table button.button{margin-bottom:10px;margin-left:0;float:none;width:100%}
    .title-buttons h1,.title-buttons h2,.title-buttons h3,.title-buttons h4,.title-buttons h5,.title-buttons h6{float:none}
    .cart .title-buttons .checkout-types{float:none;display:block}
    .cart .title-buttons .checkout-types li{margin:0 0 10px}

    .my-account .data-table thead{display:none}
    .my-account .data-table tbody tr{display:block;border-bottom:1px solid #ddd;padding:15px 0 5px;position:relative}
    .my-account .data-table tbody tr:first-child{border-top:1px solid #ddd}
    .my-account .data-table tbody td{display:block;padding:0 15px 10px;width:100%;text-align:center!important;border-width:0}
    .my-account .data-table tfoot td{display:block;text-align:center !important}
    .my-account .data-table .add-to-cart-alt{margin:10px auto}
    .my-account .data-table tbody .btn-remove{position:absolute;top:15px;right:15px}

    .homepage-grid-banner .row{margin-left:-3px;margin-right:-3px}
    .homepage-grid-banner .col-sm-1,.homepage-grid-banner .col-sm-2,.homepage-grid-banner .col-sm-3,.homepage-grid-banner .col-sm-4,.homepage-grid-banner .col-sm-5,.homepage-grid-banner .col-sm-6,.homepage-grid-banner .col-sm-7,.homepage-grid-banner .col-sm-8,.homepage-grid-banner .col-sm-9,.homepage-grid-banner .col-sm-10,.homepage-grid-banner .col-sm-11,.homepage-grid-banner .col-sm-12{padding-left:3px;padding-right:3px}
    .homepage-grid-banner .col-sm-margin{margin-bottom:7px}
    .homepage-grid-banner .content a.btn-default{font-size:11px}
    .homepage-grid-banner .grid1 .content h2{font-size:55.16px}
    .homepage-grid-banner .grid1 .content p{font-size:23px;margin-right:3.12px}
    .homepage-grid-banner .grid2 .content h3{font-size:22.53px}
    .homepage-grid-banner .grid2 .content h2{font-size:22.53px}
    .homepage-grid-banner .grid2 .content p{font-size:13.71px;margin-bottom:11.7px}
    .homepage-grid-banner .grid3 .content h2{font-size:35.88px}
    .homepage-grid-banner .grid3 .content h5{font-size:12.48px;margin-bottom:23.4px}
    .homepage-grid-banner .grid3 .content p{font-size:12.48px;margin-bottom:3.9px}
    .homepage-grid-banner .grid3 .content h4{font-size:17.72px;margin-top:15.6px}
    .homepage-grid-banner .grid3 .content h4>span{font-size:13.77px}
    .homepage-grid-banner .grid3 .content h3{font-size:29.41px;margin-bottom:11.7px}
    .homepage-grid-banner .grid3 .content h3>span{font-size:19.6px}
    .homepage-grid-banner .grid4 .content h2{font-size:29px;margin-bottom:12px}
    .homepage-grid-banner .grid4 .content p{font-size:17px;margin-bottom:11.7px}
    
    .grid-images .grid1{margin-bottom:9px}
    
    .slider-with-side .side-area .item2{margin-bottom:8px}
    .slider-with-side .side-area .item1 .content{bottom:15px;left:13px}
    .slider-with-side .side-area .item1 .content h2{font-size:30px;margin-bottom:10px}
    .slider-with-side .side-area .item1 .content em{font-size:22px;margin-left:2px}
    .slider-with-side .side-area .item1 .content a{font-size:13px;margin-left:2px}
    .slider-with-side .side-area .item2 .content{bottom:15px;left:15px}
    .slider-with-side .side-area .item2 .content h2{font-size:28px;margin-bottom:10px}
    .slider-with-side .side-area .item2 .content p{font-size:13px}
    .slider-with-side .side-area .item2 .content a{font-size:12px;padding:7px 8px 7px 13px;margin:5px 0 0 25px}
    .slider-with-side .side-area .item3 .content{bottom:15px;left:15px}
    .slider-with-side .side-area .item3 .content h2{font-size:28px}
    .slider-with-side .side-area .item3 .content p{font-size:17px;margin-bottom:15px}
    .slider-with-side .side-area .item3 .content a{font-size:14px}
    .slider-with-side .slider-area .item .content .text-area h2{padding:6px 45px 6px 10px;font-size:38px}
    .slider-with-side .slider-area .item .content .text-area p{padding:10px 15px 10px 11px;font-size:15px}
    .slider-with-side .slider-area .item .content .ribbon{right:11px;top:11px}
    .slider-with-side .slider-area .item .content .ribbon em{font-size:13px;margin-right:60px}
    .slider-with-side .slider-area .item .content .ribbon h3{font-size:30px;margin-right:12px}
    .slider-with-side .slider-area .item .content .ribbon h5{font-size:16px;margin-top:-2px}

    .owl-item-links-block ul li{padding:0 10px}
    .owl-item-links-block ul li a{font-size:15px}
    .owl-item-links-block span{font-size:15px;padding-left:15px;margin-left:5px}
    .owl-item-links-block span .icon-angle-down{font-size:8px;margin-left:5px}

    .slide3-1-content p{margin-bottom:3px;font-size:13px}
    .slide3-1-content h2{font-size:30px;margin-bottom:15px}
    .slide3-1-content .price-area{}
    .slide3-1-content .price-area em{font-size:10px}
    .slide3-1-content .price-area em:first-child{margin-bottom:-2px}
    .slide3-1-content .price-area h3{font-size:35px}
    .slide3-1-content .button-area{padding-left:10px;margin-left:10px}
    .slide3-1-content a.btn-default{height:45px;font-size:13px;line-height:45px;padding:0 17px 0 20px;border-radius:5px}
    .slide3-1-content a.btn-default i{width:12px;height:12px;line-height:11px;font-size:9px;margin-bottom:2px;margin-left:8px}
    .slide3-2-content em{font-size:18px;margin-left:2px;margin-bottom:4px}
    .slide3-2-content h2{font-size:47px;margin-bottom:4px}
    .slide3-2-content p{font-size:32px;margin-bottom:25px}
    .slide3-2-content a{font-size:14px}
    .slide3-2-content a>i{width:13px;height:13px;line-height:12px;font-size:10px;margin-bottom:3px;margin-left:10px}

    .footer-container.fixed-position .footer-bottom .custom-block{display:none}
    
    .filter-products .products div.item .product-image{min-height:0}
    
    .top-newsletter #newsletter{width:270px}
}
@media (max-width:1199px) and (min-width:992px){
    .home-side-menu h2.side-menu-title{padding:9px 15px}
    .menu.side-menu>li>a{font-size:13px;padding:10px 5px}
    .side-custom-menu h2{padding:10px 13px 10.5px}
    .side-custom-menu ul li{padding:10px 4px 9px}
    .side-custom-menu ul li a{font-size:13px}
}
@media (max-width:991px){
    body.boxed .page{width:760px}
    .header-container .welcome-msg,.header-container .top-links-area+span.split{display:none}
	.home-side-menu{display:none}
    .add-to-cart button.button{width:140px}
    
    .sm-bd-0{border:0!important}
    
    .header-container .header-wrapper{display:none}
   
    .header-container.type1 .header #search_mini_form{display:none}
    .header-container.type1 .header .custom-block{display:none}
    .header-container.type1 .menu-icon{display:inline-block}
    .header-container.type1 .header-wrapper{display:none}
    
    .header-container.type2 .header .logo{width:auto;float:left;margin:0}
    .header-container.type2 .header .logo img{height:50px}
    .header-container.type2 .cart-area{position:static;display:inline-block;float:left;margin:5px 10px}
    .header-container.type2 .header .mini-cart{width:auto;position:relative;margin:5px 15px;float:right;top:0;left:0}
    .header-container.type2 .header .search-area{float:right;margin:5px 0;line-height:40px;display:block;position:relative;left:0;top:0;z-index:2}
    .header-container.type2 .header .search-area .search-icon{display:block}
    .header-container.type2 .header #search_mini_form{display:none;margin:0}
    .header-container.type2 .menu-icon{height:auto;padding:0;display:block;float:right;margin:15px 15px 15px 0}
    .header-container.type2 .header .form-search{width:450px;position:absolute;right:-80px;top:40px;overflow:visible;border-width:5px;border-radius:25px;background-color:#fff}
    .header-container.type2 .header .form-search:before{content:"";display:block;position:absolute;right:75px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc}

    .header-container.type3 .header .custom-block{display:none}
    .header-container.type3 .header .logo img{height:50px}
    .header-container.type3 .header #search_mini_form{display:none;width:0;margin:0}
    .header-container.type3 .menu-icon{width:30px;text-align:center;line-height:40px;height:auto;padding:0;display:block;float:right;margin:35px 5px}
    .header-container.type3 .cart-area{float:right;position:static;margin:35px 0}
    .header-container.type3 .search-area{position:relative;left:0;top:0;float:right;margin:35px 10px;z-index:2}
    .header-container.type3 .search-area .search-icon{display:block;line-height:40px}
    .header-container.type3 .mini-cart{width:auto;position:relative;top:-3px;left:0}
    .header-container.type3 .header .form-search{width:450px;position:absolute;right:-60px;top:40px;overflow:visible;border-width:5px;border-radius:25px;border-color:#ccc}
    .header-container.type3 .header .form-search:before{content:"";display:block;position:absolute;right:60px;top:-20px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc}
    
    .header-container.type4 .header .custom-block{display:none}
    .header-container.type4 .header .logo img{height:auto!important}
    .header-container.type4 .header #search_mini_form{display:none;width:0;margin:0}
    .header-container.type4 .menu-icon{width:30px;text-align:center;line-height:40px;height:auto;padding:0;display:block;float:right;margin:5px}
    .header-container.type4 .cart-area{float:right;position:static;margin:5px 0}
    .header-container.type4 .search-area{position:relative;left:0;top:0;float:right;margin:5px;z-index:2}
    .header-container.type4 .search-area .search-icon{display:block;line-height:40px}
    .header-container.type4 .mini-cart{width:auto;position:relative;top:-3px;left:0}
    .header-container.type4 .header .form-search{width:100%;position:absolute;right:-65px;top:10px;overflow:visible;border-width:5px;border-radius:25px;border-color:#ccc}
    .header-container.type4 .header .form-search:before{content:"";display:block;position:absolute;right:45px;top:-20px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#19bae3}
    .header-container.type4 .mybag-link{top:0}

    .header-container.type5 .header .logo img{height:50px}
    .header-container.type5 .search-area{float:right;left:0;top:0;margin:35px 20px;line-height:40px}
    .header-container.type5 .cart-area{position:static;float:right;margin:22px 0}
    .header-container.type5 .menu-area{padding:0;display:inline-block;vertical-align:middle}
    .header-container.type5 .menu-icon{display:inline-block;height:auto;padding:0;margin:0 20px}
    .header-container.type5 .custom-block{display:none}
    .header-container.type5 .menu-area .links-area{display:inline-block;vertical-align:middle;padding:0;position:relative}
    .header-container.type5 .top-links-icon{display:block;color:#08c}
    .header-container.type5 .top-links-icon a{color:#08c}
    .header-container.type5 .mini-cart{position:relative;top:0;left:0;margin:0;display:inline-block;vertical-align:middle;background-color:transparent;border:0}
    .header-container.type5 .mybag-link{width:auto;top:-3px}
    .header-container.type5 .topCartContent:before{right:15px}
    .header-container.type5 .menu-area .links-area .links{display:none;position:absolute;right:0;z-index:9;background-color:#fff !important;border-radius:3px;margin:0;padding:5px 0;text-align:right;border:1px solid #ccc}
    .header-container.type5 .menu-area .links-area .links li{border:0;padding:0;display:block}
    .header-container.type5 .menu-area .links-area .links li a{color:#777 !important;white-space:nowrap;padding:0 10px;display:block;transition:all 0.2s;font-weight:400}
    .header-container.type5 .menu-area .links-area .links li:hover a{background-color:#ccc !important;color:#fff !important;text-decoration:none}    
    .header-container.type5 .header .form-search{left:auto;right:-195px}
    .header-container.type5 .header .form-search:before{left:auto;right:190px}
    
    .header-container.type6 .menu-icon{display:block;float:right;height:50px;line-height:50px;padding:0;margin:0 15px 0 20px}
    .header-container.type6 .cart-area{position:static;margin:5px 0;margin-right:10px;float:right}
    .header-container.type6 .header .search-area{float:right}
    .header-container.type6 .header .search-area a.search-icon{margin:0}
    .header-container.type6 .header .form-search{left:auto;right:-100px}
    .header-container.type6 .header .form-search:before{left:auto;right:95px}

    .header-container.type14 .menu-icon{display:block;float:right;height:50px;line-height:50px;padding:0;margin:0 15px 0 20px}
    .header-container.type14 .cart-area{position:static;float:right}
    .header-container.type14 .header .search-area{float:right}
    .header-container.type14 .header .form-search{left:auto;right:-100px}
    .header-container.type14 .header .form-search:before{left:auto;right:95px}

    .header-container.type8 .menu-icon{display:inline-block;vertical-align:middle;height:auto;padding:0;margin-right:15px}
    .header-container.type8 .header .form-search{right:-135px}
    .header-container.type8 .header .form-search:before{right:140px}

	.header-container.type9 .header .custom-block{display:none}
	.header-container.type9 .header .logo img{height:50px}
	.header-container.type9 .header #search_mini_form{display:none;width:0;margin:0;position:absolute;left:0;top:0}
    .header-container.type9 .header #search_mini_form.show{display:inline-block!important}
	.header-container.type9 .menu-icon{width:30px;text-align:center;line-height:40px;height:auto;padding:0;display:inline-block}
	.header-container.type9 .search-area{left:0;top:0;margin:35px 10px;z-index:2}
	.header-container.type9 .search-area .search-icon{display:inline-block;line-height:40px;vertical-align:middle}
	.header-container.type9 .mini-cart{width:auto;position:relative;top:-3px;left:0}
	.header-container.type9 .header .form-search{width:450px;position:absolute;left:-20px;top:40px;overflow:visible;border-width:5px;border-radius:25px;border-color:#ccc;text-align:left}
	.header-container.type9 .header .form-search:before{content:"";display:block;position:absolute;left:15px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc}
	.header-container.type10 .header-wrapper{display:block}
	.header-container.type10 .header .custom-block{display:none}
	.header-container.type10 .header .logo img{height:50px}
	.header-container.type10 .header #search_mini_form{display:none;width:0;margin:0}
	.cms-index-index .header-container.type10 .dropdown-menu .menu-container>a{pointer-events:all}
	.header-container.type10 .cart-area{float:right;position:static;margin:35px 0}
	.header-container.type10 .search-area{position:relative;left:0;top:0;float:right;margin:35px 10px;z-index:2}
	.header-container.type10 .search-area .search-icon{display:block;line-height:40px}
	.header-container.type10 .mini-cart{width:auto;position:relative;top:-3px;left:0}
	.header-container.type10 .header .form-search{width:450px;position:absolute;right:-60px;top:40px;overflow:visible;border-width:5px;border-radius:25px;border-color:#ccc}
	.header-container.type10 .header .form-search:before{content:"";display:block;position:absolute;right:55px;top:-25px;width:20px;height:20px;border:10px solid transparent;border-bottom-color:#ccc}
    
    .main-nav,.fixed-header-area{display:none}
    
    .category-products .products-grid.columns3 li.item{width:50%}
    .category-products .products-grid.columns3 li.item.nth-child-3np1{clear:none}
    .category-products .products-grid.columns3 li.item.nth-child-2np1{clear:left}

    .category-products .products-grid.columns4 li.item{width:50%}
    .category-products .products-grid.columns4 li.item.nth-child-3np1{clear:none}
    .category-products .products-grid.columns4 li.item.nth-child-2np1{clear:left}
    
    .category-products .products-grid.columns5 li.item{width:50%}
    .category-products .products-grid.columns5 li.item.nth-child-4np1{clear:none}
    .category-products .products-grid.columns5 li.item.nth-child-3np1{clear:none}
    .category-products .products-grid.columns5 li.item.nth-child-2np1{clear:left}
    
    .category-products .products-grid.columns6 li.item{width:33.33%}
    .category-products .products-grid.columns6 li.item.nth-child-5np1{clear:none}
    .category-products .products-grid.columns6 li.item.nth-child-4np1{clear:none}
    .category-products .products-grid.columns6 li.item.nth-child-3np1{clear:left}
    
    .category-products .products-grid.columns7 li.item{width:33.33%}
    .category-products .products-grid.columns7 li.item.nth-child-6np1{clear:none}
    .category-products .products-grid.columns7 li.item.nth-child-5np1{clear:none}
    .category-products .products-grid.columns7 li.item.nth-child-4np1{clear:none}
    .category-products .products-grid.columns7 li.item.nth-child-3np1{clear:left}
    
    .category-products .products-grid.columns8 li.item{width:33.33%}
    .category-products .products-grid.columns8 li.item.nth-child-7np1{clear:none}
    .category-products .products-grid.columns8 li.item.nth-child-6np1{clear:none}
    .category-products .products-grid.columns8 li.item.nth-child-5np1{clear:none}
    .category-products .products-grid.columns8 li.item.nth-child-4np1{clear:none}
    .category-products .products-grid.columns8 li.item.nth-child-3np1{clear:left}
    
    /* Flex grid Styles */
    .category-products .products-grid.flex-grid.columns3 li.item.nth-child-3np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns3 li.item.nth-child-2np1{border-left-color:transparent}

    .category-products .products-grid.flex-grid.columns4 li.item.nth-child-3np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns4 li.item.nth-child-2np1{border-left-color:transparent}
    
    .category-products .products-grid.flex-grid.columns5 li.item.nth-child-4np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns5 li.item.nth-child-3np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns5 li.item.nth-child-2np1{border-left-color:transparent}
    
    .category-products .products-grid.flex-grid.columns6 li.item.nth-child-5np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns6 li.item.nth-child-4np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns6 li.item.nth-child-3np1{border-left-color:transparent}
    
    .category-products .products-grid.flex-grid.columns7 li.item.nth-child-6np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns7 li.item.nth-child-5np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns7 li.item.nth-child-4np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns7 li.item.nth-child-3np1{border-left-color:transparent}
    
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-7np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-6np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-5np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-4np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-3np1{border-left-color:transparent}
    /* Flex grid Styles */
    
    .category-banner .banner-text h2{font-size:28px}
    .category-banner .banner-text p{font-size:16px}
    .category-boxed-banner .banner-text h2{font-size:28px}
    .category-boxed-banner .banner-text p{font-size:12px}
    .category-boxed-banner .banner-text a.shop-now{margin-left:12px;font-size:12px}
    
    .homepage-bar .col-md-4{border:0;text-align:left}
    
    .owl-banner-carousel .content.type1 h2{font-size:36px}
    .owl-banner-carousel .content.type1 p{font-size:15px}
    .owl-banner-carousel .content.type1 a{font-size:10px}
    .owl-banner-carousel .content.type2 h2{font-size:27.9px;border-top:3px solid #08c;padding-top:6px}
    .owl-banner-carousel .content.type2 h3{font-size:18.36px}
    .owl-banner-carousel .content.type2 p{font-size:8.4px}
    .owl-banner-carousel .content.type2 a{font-size:10.8px}

	.owl-banner-carousel .content-9.type1 em{font-size:15px;margin-bottom:-3px;margin-left:6px}
	.owl-banner-carousel .content-9.type1 h2{font-size:50px}
	.owl-banner-carousel .content-9.type1 p{font-size:26px}
	.owl-banner-carousel .content-9.type1 a{font-size:12px}
	.owl-banner-carousel .content-9.type1 a>i{width:13px;height:13px;line-height:12px;font-size:10px;margin-bottom:3px;margin-left:7px}
    .owl-banner-carousel .content-9.type2 h3{font-size:27.9px}
    .owl-banner-carousel .content-9.type2 span{font-size:8.4px}
    .owl-banner-carousel .content-9.type2 a{font-size:9px}
    
    .homepage-grid-banner .row{margin-left:-2px;margin-right:-3px}
    .homepage-grid-banner .col-sm-1,.homepage-grid-banner .col-sm-2,.homepage-grid-banner .col-sm-3,.homepage-grid-banner .col-sm-4,.homepage-grid-banner .col-sm-5,.homepage-grid-banner .col-sm-6,.homepage-grid-banner .col-sm-7,.homepage-grid-banner .col-sm-8,.homepage-grid-banner .col-sm-9,.homepage-grid-banner .col-sm-10,.homepage-grid-banner .col-sm-11,.homepage-grid-banner .col-sm-12{padding-left:2px;padding-right:3px}
    .homepage-grid-banner .col-sm-margin{margin-bottom:4px}
    .homepage-grid-banner .content a.btn-default{font-size:10px;padding:4px 6px;padding-right:3px}
    .homepage-grid-banner .grid1 .content h2{font-size:42.43px}
    .homepage-grid-banner .grid1 .content p{font-size:17.68px;margin-bottom:6px;margin-right:2.4px}
    .homepage-grid-banner .grid2 .content h3{font-size:17.33px}
    .homepage-grid-banner .grid2 .content h2{font-size:17.33px}
    .homepage-grid-banner .grid2 .content p{font-size:10.55px;margin-bottom:9px}
    .homepage-grid-banner .grid3 .content h2{font-size:27.6px}
    .homepage-grid-banner .grid3 .content h5{font-size:9.6px;margin-bottom:18px}
    .homepage-grid-banner .grid3 .content p{font-size:9.6px;margin-bottom:3px}
    .homepage-grid-banner .grid3 .content h4{font-size:13.63px;margin-top:12px}
    .homepage-grid-banner .grid3 .content h4>span{font-size:10.6px}
    .homepage-grid-banner .grid3 .content h3{font-size:22.63px;margin-bottom:9px}
    .homepage-grid-banner .grid3 .content h3>span{font-size:15.08px}
    .homepage-grid-banner .grid4 .content h2{font-size:21px;margin-bottom:9px}
    .homepage-grid-banner .grid4 .content p{font-size:14px;margin-bottom:7px}

    .full-screen-slider .item > div.content > h2{font-size:47.02px;margin-bottom:14.04px}
    .full-screen-slider .item > div.content > p{font-size:19.59px;margin-bottom:27.3px}
    .full-screen-slider .item > div.content > a.btn-default{font-size:12px;padding:12px 40px;border-radius:6px}
    .full-screen-slider .item > div.content em.type1{font-size:14.31px;margin-bottom:-3.9px}
    .full-screen-slider .item > div.content em.type2{font-size:22.99px;margin-bottom:7.8px;margin-left:24px}
    .full-screen-slider .item > div.content em.type3{font-size:13.79px;margin-top:7.8px}
    .full-screen-slider .item > div.content h3{font-size:48.02px}
    .full-screen-slider .item > div.content h4{font-size:40.86px;padding-right:27px}
    .full-screen-slider .item > div.content .sale-bar a{font-size:16.35px;margin-left:18px}
    .full-screen-slider .item > div.content .sale-bar a .icon-angle-down{font-size:9px;margin-left:7.8px}
    .full-screen-slider .item > div.content .sale-bar>div.f-left{padding:11.5px 17.16px}
    .full-screen-slider .item > div.content .sale-bar>div.f-left:first-child{padding:11.7px 31.2px}
    .full-screen-slider .item > div.content .sale-bar{height:63.96px;margin-left:10.92px}
    .full-screen-slider .item > div.content .sale-bar .triangle{height:63.96px;width:23.4px}
    .full-screen-slider .item > div.content .sale-bar .triangle>div{height:32px;border-width:16px;border-top-width:32px;margin:0 -16px -16px 0}
    .full-screen-slider .item > div.content .sale-bar .triangle>div:first-child{height:32px;border-width:16px;border-bottom-width:32px;margin:-16px -16px 0 0}
    .full-screen-slider .item > div.content.content-2{margin-top:-58px}
    .full-screen-slider .item > div.content.content-3{margin-top:-72px}
    
    .slider-with-side .slider-area{padding:0 8px;float:none;width:100%}
    .slider-with-side .side-area{padding:0;float:none;width:100%}
    .slider-with-side .side-area .item1,.slider-with-side .side-area .item2,.slider-with-side .side-area .item3{padding:8px;width:33.33%;float:left;margin:0}
    .slider-with-side .side-area .item1 .content{bottom:20px;left:20px}
    .slider-with-side .side-area .item2 .content{bottom:20px;left:15px}
    .slider-with-side .side-area .item3 .content{bottom:20px;left:20px}

    .slide3-2-content em{font-size:14px;margin-left:2px;margin-bottom:3px}
    .slide3-2-content h2{font-size:38px;margin-bottom:3px}
    .slide3-2-content p{font-size:29px;margin-bottom:20px}
    .slide3-2-content a{font-size:12px}
    .slide3-2-content a>i{width:13px;height:13px;line-height:12px;font-size:10px;margin-bottom:2px;margin-left:7px}
    
    #banner-slider-demo-1 .slide1-content img.quote{width:30px}
    #banner-slider-demo-1 .slide1-content em{font-size:20px;margin:0 8px}
    #banner-slider-demo-1 .slide1-content h2{font-size:60px;margin:4px 0 8px}
    #banner-slider-demo-1 .slide1-content p{font-size:18px}
    #banner-slider-demo-1 .slide2-content em{font-size:20px;margin-left:7px}
    #banner-slider-demo-1 .slide2-content h2{font-size:65px;margin:2px 0 8px}
    #banner-slider-demo-1 .slide2-content p{font-size:15px;margin-left:7px;margin-bottom:25px}
    #banner-slider-demo-1 .slide2-content p span.split{margin:0 8px 0 9px}
    #banner-slider-demo-1 .slide2-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px}
    #banner-slider-demo-1 .slide3-content em{font-size:20px}
    #banner-slider-demo-1 .slide3-content h2{font-size:65px;margin-bottom:13px}
    #banner-slider-demo-1 .slide3-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px}
    
    #banner-slider-demo-14 .slide1-content img.quote{width:30px}
    #banner-slider-demo-14 .slide1-content em{font-size:20px;margin:0 8px}
    #banner-slider-demo-14 .slide1-content h2{font-size:60px;margin:4px 0 8px}
    #banner-slider-demo-14 .slide1-content p{font-size:18px}
    #banner-slider-demo-14 .slide2-content em{font-size:20px;margin-left:7px}
    #banner-slider-demo-14 .slide2-content h2{font-size:65px;margin:2px 0 8px}
    #banner-slider-demo-14 .slide2-content p{font-size:15px;margin-left:7px;margin-bottom:25px}
    #banner-slider-demo-14 .slide2-content p span.split{margin:0 8px 0 9px}
    #banner-slider-demo-14 .slide2-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px}
    #banner-slider-demo-14 .slide3-content em{font-size:20px}
    #banner-slider-demo-14 .slide3-content h2{font-size:65px;margin-bottom:13px}
    #banner-slider-demo-14 .slide3-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px}
    
    #banner-slider-demo-13 .slide1-content img.quote{width:30px}
    #banner-slider-demo-13 .slide1-content em{font-size:20px;margin:0 8px}
    #banner-slider-demo-13 .slide1-content h2{font-size:60px;margin:4px 0 8px}
    #banner-slider-demo-13 .slide1-content p{font-size:18px}
    #banner-slider-demo-13 .slide2-content em{font-size:20px;margin-left:7px}
    #banner-slider-demo-13 .slide2-content h2{font-size:65px;margin:2px 0 8px}
    #banner-slider-demo-13 .slide2-content p{font-size:15px;margin-left:7px;margin-bottom:25px}
    #banner-slider-demo-13 .slide2-content p span.split{margin:0 8px 0 9px}
    #banner-slider-demo-13 .slide2-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px}
    #banner-slider-demo-13 .slide3-content em{font-size:20px}
    #banner-slider-demo-13 .slide3-content h2{font-size:65px;margin-bottom:13px}
    #banner-slider-demo-13 .slide3-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px}

    .menu.side-menu{display:none}
    .home-side-menu .mobile-nav{display:block;height:auto}
    .sm-xs-margin-bottom{margin-bottom:20px}

    .cart .crosssell li.item:nth-child(2n+1){clear:both}
    
    .parallax{background-position:center center !important}
    .parallax-category-banner .parallax{padding:50px 0}
    .parallax-content h2{font-size:38px}
    .parallax-content p{font-size:20px}

	.footer-top-subscribe h4{margin: 10px 0}
	.footer-top-subscribe .input-box{margin: 10px 0}
    
    #banner-slider-demo-11 .content-1{padding:25px 15px 10px;margin-left:-122px;margin-top:-75px}
    #banner-slider-demo-11 .content-1>div:first-child{padding-right:7px}
    #banner-slider-demo-11 .content-1 p{font-size:16px;margin-left:5px}
    #banner-slider-demo-11 .content-1 h3{font-size:58px}
    #banner-slider-demo-11 .content-1 h3 b{margin-top:-17px}
    #banner-slider-demo-11 .content-1 em{font-size:14px;margin-right:3px}
    #banner-slider-demo-11 .content-1 h4{font-size:26px}
    #banner-slider-demo-11 .content-1 h5{font-size:14px;margin-top:-2px}
    #banner-slider-demo-11 .content-2{right:20px;bottom:20px}
    #banner-slider-demo-11 .content-2>div{padding:15px 10px}
    #banner-slider-demo-11 .content-2>div:first-child{margin:-2px 0;padding-left:20px}
    #banner-slider-demo-11 .content-2 p{font-size:15px;margin-left:1px}
    #banner-slider-demo-11 .content-2 h3{font-size:38px}
    #banner-slider-demo-11 .content-2 em{font-size:12px;margin-right:2px}
    #banner-slider-demo-11 .content-2 h4{font-size:26px}
    #banner-slider-demo-11 .content-2 h5{font-size:13px;margin-top:-2px}
    #banner-slider-demo-11 .content-2 a{font-size:10px;margin-right:-6px}

    #multiship-addresses-table{}
    #multiship-addresses-table select {max-width:250px}
    #multiship-addresses-table thead{display: none}
    #multiship-addresses-table tbody tr{position: relative;display: block;clear: both;padding: 25px 0;border-bottom: 1px solid #dcdcdc}
    #multiship-addresses-table tbody tr.first{border-top:1px solid #dcdcdc}
    #multiship-addresses-table tbody td{display: block;padding: 5px 0;width: 100%;border:0;text-align: center !important}
    #multiship-addresses-table a.btn-remove{position: absolute;right:10px;top:10px}
    #multiship-addresses-table .item-options dd{padding:0}

    .checkout-progress{padding:0}
    .multiple-checkout #review-order-form .data-table thead{display: none}
    .multiple-checkout #review-order-form .data-table tbody tr{position: relative;display: block;clear: both;padding: 25px 0;border-bottom: 1px solid #dcdcdc}
    .multiple-checkout #review-order-form .data-table tbody tr.first{border-top:1px solid #dcdcdc}
    .multiple-checkout #review-order-form .data-table tbody td{display: block;padding: 5px 0;width: 100%;border:0;text-align: center !important}
    .multiple-checkout #review-order-form .data-table .item-options dd{padding:0}
    .multiple-checkout #review-order-form .data-table tfoot{border-left:1px solid #d9dde3;border-right:1px solid #d9dde3}
    .multiple-checkout #review-order-form .data-table tfoot td{display: block;padding: 5px 0;width: 100%;border:0;text-align: center !important}
    
    #parallax_02{padding:150px 0}
    #parallax_03{padding:150px 0}
    
    .header-container.type12,.header-container.type12.fixed-bottom{position:relative;left:0;top:0;min-height:0;width:auto}
    body.side-header .top-container,body.side-header .main-container,body.side-header .footer-container{margin-left:0}
    .header-container.type12 .header{text-align:left;padding:0 7px}
    .header-container.type12 .switcher-area{text-align:left}
    .header-container.type12 .switcher-area .mini-cart{float:right}
    .header-container.type12 .header>.logo{margin:15px 0 20px;float:left}
    .header-container.type12 .menu-icon{display:inline-block;height:auto;padding:0;width:25px}
    .header-container.type12 .menu-icon a{color:#fff;line-height:25px}
    .header-container.type12 .search-area{display:inline-block;width:auto;height:auto;margin:0}
    .header-container.type12 .search-area a.search-icon{display:block;color:#fff;line-height:25px}
    .header-container.type12 .header #search_mini_form{display:none;position:absolute;width:280px;right:-100px;top:30px}
    .header-container.type12 .header .custom-block{display:none}
    .header-container.type12 .top-links-area{display:inline-block;margin:0}
    .header-container.type12 .top-links-area .top-links-icon{display:block}
    .header-container.type12 .top-links-area .top-links-icon a{color:#fff}
    .header-container.type12 .top-links-area .links{display:none;position:absolute;background-color:#fff;width:100px;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 7px;left:0}
    .header-container.type12 .top-links-area .links li{padding:0;border:0}
    .header-container.type12 .top-links-area .links li a{color:#777}
    .header-container.type12 .mobile-group{float:right;margin-top:25px;margin-right:5px}
    .header-container.type12 .mobile-nav.side-block .sw-mobile-menu li>a{color:#fff}
    .header-container.type12 .mobile-nav.side-block .sw-mobile-menu li .open-child{color:#fff}
    .header-container.type12 .mini-cart .topCartContent{left:auto;right:0}
    .header-container.type12 .mini-cart .topCartContent:before{left:auto;right:15px}

    
    #banner-slider-demo-16 .slide1-content,#banner-slider-demo-16 .slide2-content{padding-left:0}
    #banner-slider-demo-16 .text-content em{font-size:18px;margin:0;margin-bottom:-8px}
    #banner-slider-demo-16 .text-content h2{font-size:60px;letter-spacing:-3px}
    #banner-slider-demo-16 .text-content p {margin:0}
    #banner-slider-demo-16 .text-content p span{font-size:18px;padding-left:6px}
    #banner-slider-demo-16 .text-content p a{font-size:12px;padding:8px 20px;margin-left:10px;margin-top:5px}

    .header-container.type10 .dropdown-menu .menu-container>.menu.side-menu {display: none !important}
    .sticky-product{padding:15px 0}
    .side-header .sticky-product{padding-top:60px}
    .side-header .sticky-product > .container{width:100%;padding-left:15px}
    
    .img-desc-home3{margin-top:-65px;padding:0 16px}
    .img-desc-home3 h3{font-size:16px}
    .img-desc-home3 hr{width:60px;margin:10px 0}
    .img-desc-home3 p{font-size:10px}
    .img-desc-home3 a{font-size:10px}

    .top-newsletter #newsletter{width:160px}
}
@media (min-width:768px) and (max-width:991px){
    .header-container.type3 .header .switcher-group{position:static;text-align:right}
}
@media (min-width:768px){
    .col2-left-layout .col-left.sidebar{padding-right:12px}
    .col2-left-layout .col-main{padding-left:12px}
    .col2-right-layout .col-right.sidebar{padding-left:12px}
    .col2-right-layout .col-main{padding-right:12px}
    .col3-layout .col-left.sidebar{padding-right:12px}
    .col3-layout .col-main{padding-left:12px;padding-right:12px}
    .col3-layout .col-right.sidebar{padding-left:12px}
    div.small-padding{padding-right:15px}
    .sm-f-right{float:right !important}
    
    .product-tabs.vertical>ul{width:150px;float:left;bottom:0;right:-1px;text-align:right}
    .product-tabs.vertical>ul li.active{border-top-color:#eee;border-left-color:#08c}
    .product-tabs.vertical>ul li{float:none;border-radius:5px 0 0 5px;border-width:1px 0 1px 3px;margin-right:0;margin-bottom:1px}
    .product-tabs.vertical .tab-content{min-height:250px;border-radius:0 3px 3px 0;margin-left:150px}
    .category-products .products-grid.flex-grid.columns2 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns2 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns3 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns3 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns4 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns4 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns5 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns5 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(3) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(3) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(3) .item-area{
border-top-color:transparent}
}
@media (min-width:992px){
    .a-right-sm{text-align:right}
    .a-left-sm{text-align:left}
    .col-md-6.col-md-5-5{width:45%;z-index:1}
    .col-md-6.col-md-6-5{width:55%}
    .color-banner .col-md-5-5.a-left h2{margin-left:-35%}
    .color-banner .col-md-5-5.a-right h2{margin-right:-20%}
    .md-f-right{float:right !important}
	body.mobile-nav-shown .mobile-nav-overlay{visibility:hidden;opacity:0;filter:alpha(opacity=0)}
	body.mobile-nav-shown.md-mobile-menu .mobile-nav-overlay{visibility:visible;opacity:0.15;filter:alpha(opacity=15)}
	body.mobile-nav-shown .page{left:0}
	body.mobile-nav-shown.md-mobile-menu .page{left:250px}
	body.mobile-nav-shown .mobile-nav.side-block{left:-250px}
    body.mobile-nav-shown.md-mobile-menu .mobile-nav.side-block{left:0}
}
@media (min-width:1280px){
	body.mobile-nav-shown.md-mobile-menu .mobile-nav.side-block{left:-250px}
	body.mobile-nav-shown.md-mobile-menu .page{left:0}
	body.mobile-nav-shown.md-mobile-menu .mobile-nav-overlay{visibility:hidden;opacity:0;filter:alpha(opacity=0)}
}
@media (max-width:767px){
    body.boxed .page{width:620px}
    .header-container.type13 .form-search{width:300px}
    .sm-clearer{clear:both}
    .history .featured-box{margin-left:0}
    .history .thumb{display:none}
    
    table.for-desktop{
        display:none;
   }
    table.for-mobile{
        display:table;
   }
    .tab-content{border:0}
    .product-tabs>ul li{display:inline-block}
    .header{width:100%}
    
    .col-main.f-right{float:none !important}
    .col-left.f-left{float:none !important}
    
    .header-container.type2 .header .custom-block{display:none}
    .header-container.type2 .links li.first{border-left:0}
    .header-container.type3 .header .custom-block{display:none}
    .header-container.type3 .links li.first{border-left:0}
    .header-container.type4 .header .custom-block{display:none}
    .header-container.type4 .links li.first{border-left:0}
    .header-container.type6 .links li.first{border-left:0}
    .header-container.type14 .links li.first{border-left:0}
    .header-container.type7 .links li.first{border-left:0}
    .header-container.type13 .links li.first{border-left:0}
    
    .breadcrumbs{text-align:left}

    .top-container >.breadcrumbs{padding-left:15px;padding-right:15px}
    .category-products .products-grid.columns2 li.item{width:50%}
    .category-products .products-grid.columns2 li.item.nth-child-2np1{clear:left}

    .category-products .products-grid.columns3 li.item{width:50%}
    .category-products .products-grid.columns3 li.item.nth-child-3np1{clear:none}
    .category-products .products-grid.columns3 li.item.nth-child-2np1{clear:left}

    .category-products .products-grid.columns4 li.item{width:50%}
    .category-products .products-grid.columns4 li.item.nth-child-4np1{clear:none}
    .category-products .products-grid.columns4 li.item.nth-child-3np1{clear:none}
    .category-products .products-grid.columns4 li.item.nth-child-2np1{clear:left}
    
    .category-products .products-grid.columns5 li.item{width:50%}
    .category-products .products-grid.columns5 li.item.nth-child-5np1{clear:none}
    .category-products .products-grid.columns5 li.item.nth-child-4np1{clear:none}
    .category-products .products-grid.columns5 li.item.nth-child-3np1{clear:none}
    .category-products .products-grid.columns5 li.item.nth-child-2np1{clear:left}
    
    .category-products .products-grid.columns6 li.item{width:50%}
    .category-products .products-grid.columns6 li.item.nth-child-6np1{clear:none}
    .category-products .products-grid.columns6 li.item.nth-child-5np1{clear:none}
    .category-products .products-grid.columns6 li.item.nth-child-4np1{clear:none}
    .category-products .products-grid.columns6 li.item.nth-child-3np1{clear:none}
    .category-products .products-grid.columns6 li.item.nth-child-2np1{clear:left}
    
    .category-products .products-grid.columns7 li.item{width:50%}
    .category-products .products-grid.columns7 li.item.nth-child-7np1{clear:none}
    .category-products .products-grid.columns7 li.item.nth-child-6np1{clear:none}
    .category-products .products-grid.columns7 li.item.nth-child-5np1{clear:none}
    .category-products .products-grid.columns7 li.item.nth-child-4np1{clear:none}
    .category-products .products-grid.columns7 li.item.nth-child-3np1{clear:none}
    .category-products .products-grid.columns7 li.item.nth-child-2np1{clear:left}
    
    .category-products .products-grid.columns8 li.item{width:50%}
    .category-products .products-grid.columns8 li.item.nth-child-8np1{clear:none}
    .category-products .products-grid.columns8 li.item.nth-child-7np1{clear:none}
    .category-products .products-grid.columns8 li.item.nth-child-6np1{clear:none}
    .category-products .products-grid.columns8 li.item.nth-child-5np1{clear:none}
    .category-products .products-grid.columns8 li.item.nth-child-4np1{clear:none}
    .category-products .products-grid.columns8 li.item.nth-child-3np1{clear:none}
    .category-products .products-grid.columns8 li.item.nth-child-2np1{clear:left}
    
    /* Flex grid Styles */
    .category-products .products-grid.flex-grid.columns2 li.item.nth-child-2np1{border-left-color:transparent}

    .category-products .products-grid.flex-grid.columns3 li.item.nth-child-3np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns3 li.item.nth-child-2np1{border-left-color:transparent}

    .category-products .products-grid.flex-grid.columns4 li.item.nth-child-4np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns4 li.item.nth-child-3np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns4 li.item.nth-child-2np1{border-left-color:transparent}
    
    .category-products .products-grid.flex-grid.columns5 li.item.nth-child-5np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns5 li.item.nth-child-4np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns5 li.item.nth-child-3np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns5 li.item.nth-child-2np1{border-left-color:transparent}
    
    .category-products .products-grid.flex-grid.columns6 li.item.nth-child-6np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns6 li.item.nth-child-5np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns6 li.item.nth-child-4np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns6 li.item.nth-child-3np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns6 li.item.nth-child-2np1{border-left-color:transparent}
    
    .category-products .products-grid.flex-grid.columns7 li.item.nth-child-7np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns7 li.item.nth-child-6np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns7 li.item.nth-child-5np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns7 li.item.nth-child-4np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns7 li.item.nth-child-3np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns7 li.item.nth-child-2np1{border-left-color:transparent}
    
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-8np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-7np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-6np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-5np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-4np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-3np1{border-left-color:#e3e4e4}
    .category-products .products-grid.flex-grid.columns8 li.item.nth-child-2np1{border-left-color:transparent}
    
    .category-products .products-grid.flex-grid.columns2 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns2 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns3 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns3 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns4 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns4 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns5 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns5 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(2) .item-area{
border-top-color:transparent}
    /* Flex grid Styles */
    .products-list .product-image-area{width:150px}
    .products-list .details-area{width:auto;float:none;margin-left:150px}
    
    .category-banner .banner-text h2{font-size:28px}
    .category-banner .banner-text p{display:none}
    .category-boxed-banner .banner-text h2{font-size:28px}
    .category-boxed-banner .banner-text p{display:none}

    /********* Parallax Slider *********/
    .parallax-slider .owl-carousel h2{font-size:40px}
    .parallax-slider .owl-carousel p{font-size:13px;margin-bottom:15px}
    .parallax-slider .owl-carousel a{font-size:13px}
    .parallax-slider .owl-theme .owl-controls{margin-top:15px}

    .single-images .single-image{margin-bottom:10px}
    
    .owl-banner-carousel .content.type1 h2{font-size:24px}
    .owl-banner-carousel .content.type1 p{display:none}
    .owl-banner-carousel .content.type1 a{font-size:8px}
    .owl-banner-carousel .content.type2 h2{font-size:20px;border-top:2px solid #08c;padding-top:4px}
    .owl-banner-carousel .content.type2 h3{font-size:13px}
    .owl-banner-carousel .content.type2 p{display:none}
    .owl-banner-carousel .content.type2 a{font-size:10px}

	.owl-banner-carousel .content-9.type1 em{font-size:11px;margin-bottom:-2px;margin-left:4px}
	.owl-banner-carousel .content-9.type1 h2{font-size:28px}
	.owl-banner-carousel .content-9.type1 p{display:none}
	.owl-banner-carousel .content-9.type1 a{display:none}
    .owl-banner-carousel .content-9.type2 h3{font-size:20px;margin-bottom:5px}
    .owl-banner-carousel .content-9.type2 span{display:none}
    .owl-banner-carousel .content-9.type2 a{font-size:9px}
    
    .homepage-grid-banner .row{margin-left:-10px;margin-right:-10px}
    .homepage-grid-banner .col-sm-1,.homepage-grid-banner .col-sm-2,.homepage-grid-banner .col-sm-3,.homepage-grid-banner .col-sm-4,.homepage-grid-banner .col-sm-5,.homepage-grid-banner .col-sm-6,.homepage-grid-banner .col-sm-7,.homepage-grid-banner .col-sm-8,.homepage-grid-banner .col-sm-9,.homepage-grid-banner .col-sm-10,.homepage-grid-banner .col-sm-11,.homepage-grid-banner .col-sm-12{padding-left:10px;padding-right:10px}
    .homepage-grid-banner .col-sm-margin{margin-bottom:0}
    .homepage-grid-banner .content a.btn-default{font-size:14px;padding:6px 12px;padding-right:6px}
    .homepage-grid-banner img{margin-bottom:20px}
    .homepage-grid-banner .grid1 .content h2{font-size:70.72px}
    .homepage-grid-banner .grid1 .content p{font-size:29.47px;margin-bottom:10px;margin-right:4px}
    .homepage-grid-banner .grid2 .content h3{font-size:28.88px}
    .homepage-grid-banner .grid2 .content h2{font-size:28.88px}
    .homepage-grid-banner .grid2 .content p{font-size:17.58px;margin-bottom:15px}
    .homepage-grid-banner .grid3 .content h2{font-size:46px}
    .homepage-grid-banner .grid3 .content h5{font-size:16px;margin-bottom:30px}
    .homepage-grid-banner .grid3 .content p{font-size:16px;margin-bottom:5px}
    .homepage-grid-banner .grid3 .content h4{font-size:22.72px;margin-top:20px}
    .homepage-grid-banner .grid3 .content h4>span{font-size:17.66px}
    .homepage-grid-banner .grid3 .content h3{font-size:37.71px;margin-bottom:15px}
    .homepage-grid-banner .grid3 .content h3>span{font-size:25.14px}
    .homepage-grid-banner .grid4 .content h2{font-size:35px}
    .homepage-grid-banner .grid4 .content p{font-size:23px;margin-bottom:15px}
    
    .grid-images .grid2{margin-bottom:9px}
    
    .full-screen-slider .item > div.content em.type1{font-size:8px;margin-bottom:-2px}
    .full-screen-slider .item > div.content em.type2{font-size:11px;margin-bottom:4px;margin-left:10px}
    .full-screen-slider .item > div.content em.type3{font-size:7px;margin-top:4px}
    .full-screen-slider .item > div.content h3{font-size:25px}
    .full-screen-slider .item > div.content h4{font-size:20px;border-right:0}
    .full-screen-slider .item > div.content .sale-bar a{font-size:8px;margin-left:4px}
    .full-screen-slider .item > div.content .sale-bar a .icon-angle-down{font-size:6px;margin-left:4px}
    .full-screen-slider .item > div.content .sale-bar>div.f-left{padding:6px 4px}
    .full-screen-slider .item > div.content .sale-bar>div.f-left:first-child{padding:6px 4px}
    .full-screen-slider .item > div.content .sale-bar{height:32px;margin-left:2px}
    .full-screen-slider .item > div.content .sale-bar .triangle{height:32px;width:12px}
    .full-screen-slider .item > div.content .sale-bar .triangle>div{height:16px;border-width:8px;border-top-width:16px;margin:0 -8px -8px 0}
    .full-screen-slider .item > div.content .sale-bar .triangle>div:first-child{height:16px;border-width:8px;border-bottom-width:16px;margin:-8px -8px 0 0}
    .full-screen-slider .item > div.content.content-1{margin-top:-73px}
    .full-screen-slider .item > div.content.content-1 > p{font-size:14px;margin:20px 0}
    .full-screen-slider .item > div.content.content-1 > a.btn-default{font-size:10px;padding:10px 15px}
    .full-screen-slider .item > div.content.content-1 > img{width:150px}
    .full-screen-slider .item > div.content.content-2{margin-top:-29px}
    
    .slider-with-side .side-area .item1,.slider-with-side .side-area .item2,.slider-with-side .side-area .item3{padding:8px;width:100%;float:none}
    .slider-with-side .side-area img{width:100%}
    .slider-with-side .side-area .item1 .content{bottom:30px;left:25px}
    .slider-with-side .side-area .item2 .content{bottom:30px;left:25px}
    .slider-with-side .side-area .item3 .content{bottom:30px;left:25px}
    .slider-with-side .slider-area .item .content .text-area h2{padding:4px 38px 4px 7px;font-size:22px}
    .slider-with-side .slider-area .item .content .text-area p{padding:6px 11px 6px 8px;font-size:9px}
    .slider-with-side .slider-area .item .content .ribbon{right:3px;top:3px}
    .slider-with-side .slider-area .item .content .ribbon em{font-size:8px;margin-right:40px}
    .slider-with-side .slider-area .item .content .ribbon h3{font-size:22px;margin-right:7px}
    .slider-with-side .slider-area .item .content .ribbon h5{font-size:10px;margin-top:-1px}

    .slide3-1-content p{margin-bottom:3px;font-size:11px}
    .slide3-1-content h2{font-size:25px;margin-bottom:10px}
    .slide3-1-content .price-area{}
    .slide3-1-content .price-area em{font-size:8px}
    .slide3-1-content .price-area em:first-child{margin-bottom:-2px}
    .slide3-1-content .price-area h3{font-size:28px}
    .slide3-1-content .button-area{padding-left:10px;margin-left:10px}
    .slide3-1-content a.btn-default{height:35px;font-size:11px;line-height:35px;padding:0 13px 0 15px;border-radius:5px}
    .slide3-1-content a.btn-default i{width:12px;height:12px;line-height:11px;font-size:9px;margin-bottom:2px;margin-left:8px}
    .slide3-2-content em{font-size:12px;margin-left:2px;margin-bottom:1px}
    .slide3-2-content h2{font-size:35px;margin-bottom:1px}
    .slide3-2-content p{font-size:25px;margin-bottom:13px}
    .slide3-2-content a{font-size:12px}
    .slide3-2-content a>i{width:13px;height:13px;line-height:12px;font-size:10px;margin-bottom:2px;margin-left:7px}
    
    .owl-item-links-block ul li{padding:0 8px}
    .owl-item-links-block ul li a{font-size:12px}
    .owl-item-links-block span{font-size:12px;padding-left:13px;margin-left:3px}
    .owl-item-links-block span .icon-angle-down{font-size:7px;margin-left:4px}
    
    .parallax.parallax-with-subscribe{padding:30px 0}

    li.etalage_small_thumbs{display:none}
    .product-view .product-img-box{margin-bottom:30px}
    
    .form-list .field,.col2-set .col-1,.col2-set .col-2{float:none!important;width:100%}
    .form-list .field+.field{margin-top:10px}
    .account-login .content{min-height:0}
    .box .box-content{min-height:0}
    .account-login .new-users{margin-bottom:25px}
    .col2-set .col-1{margin-bottom:25px}

    #opc-review .data-table thead{display:none}
    #opc-review .data-table tbody tr,#opc-review .data-table tfoot tr{display:block;border:1px solid #ddd;border-width:0 1px 1px;padding:15px 0 5px;position:relative}
    #opc-review .data-table tfoot tr.last{background:#f6f6f6}
    #opc-review .data-table tbody tr:first-child{border-top:1px solid #ddd}
    #opc-review .data-table tbody td,#opc-review .data-table tfoot td{display:block;padding:0 15px 10px;width:100%;text-align:center!important;border-width:0}
    #newsletter_popup{width:auto !important}

	.footer-bottom{text-align:center}
    .footer-bottom a.logo{float:none;margin:0}
	.footer-bottom .social-icons{float:none}
	.footer-bottom .custom-block{float:none;margin:0}
	.footer-bottom address{float:none;text-align:center}
    
    #parallax_01 .parallax-content-15 img.quote{width:20px}
    #parallax_01 .parallax-content-15 em{font-size:12px;margin:0 5px}
    #parallax_01 .parallax-content-15 h2{font-size:35px;margin:4px 0 7px}
    #parallax_01 .parallax-content-15 p{font-size:11px;margin:0}
    #parallax_02{padding:50px 0}
    #parallax_02 .parallax-content-15 em{font-size:12px}
    #parallax_02 .parallax-content-15 .text-content h2{font-size:35px;letter-spacing:-2px}
    #parallax_02 .parallax-content-15 .text-content p span{font-size:12px;padding-left:6px;display:block}
    #parallax_02 .parallax-content-15 .text-content p a{font-size:10px;padding:6px 13px;margin-left:10px;margin-top:5px}
    #parallax_03{padding:50px 0}
    #parallax_03 .parallax-content-15 em{font-size:12px;margin:0;margin-left:1px}
    #parallax_03 .parallax-content-15 .text-content h2{font-size:30px;letter-spacing:-1px}
    #parallax_03 .parallax-content-15 .text-content p span{font-size:12px;padding-left:1px;display:block}
    #parallax_03 .parallax-content-15 .text-content p a{font-size:10px;padding:6px 13px;margin-left:0;margin-top:5px}
    #parallax_04 .parallax-content-15 img.quote{width:20px}
    #parallax_04 .parallax-content-15 em{font-size:12px;margin:0 5px}
    #parallax_04 .parallax-content-15 h2{font-size:22px;margin:4px 0 7px;letter-spacing:-1px}
    #parallax_04 .parallax-content-15 p{font-size:10px}
    #parallax_04 .parallax-content-15 a.btn.btn-default{font-size:10px;padding:5px 20px}

    #banner-slider-demo-16 .text-content em{font-size:13px;margin:0;margin-bottom:-5px}
    #banner-slider-demo-16 .text-content h2{font-size:40px;letter-spacing:0px}
    #banner-slider-demo-16 .text-content p {margin:0}
    #banner-slider-demo-16 .text-content p span{font-size:14px;padding-left:2px}
    #banner-slider-demo-16 .text-content p a{font-size:9px;padding:5px 11px;margin-left:5px;margin-top:5px}
    
    .sticky-product .add-to-cart{position:static;margin:0;vertical-align:middle;display:inline-block}
    
    .slide3-1-new-content em{font-size:9px}
    .slide3-1-new-content h2{font-size:22px}
    .slide3-1-new-content hr{margin:5px 0;}
    .slide3-1-new-content a{font-size:8px}
    
    .img-desc-home3{margin-top:-88px;padding:0 25px}
    .img-desc-home3 h3{font-size:24px}
    .img-desc-home3 hr{width:90px;margin:15px 0}
    .img-desc-home3 p{font-size:15px}
    .img-desc-home3 a{font-size:15px}
    
    #banner-slider-demo-2-new .slide-1 em{font-size:12px;margin:0;margin-left:1px}
    #banner-slider-demo-2-new .slide-1 .text-content h2{font-size:30px;letter-spacing:-1px}
    #banner-slider-demo-2-new .slide-1 .text-content p span{font-size:12px;padding-left:1px;display:block}
    #banner-slider-demo-2-new .slide-1 .text-content a{font-size:10px;padding:6px 20px;margin-left:0;margin-top:10px}
    #banner-slider-demo-2-new .slide-2 em{font-size:12px;margin:0;margin-left:1px}
    #banner-slider-demo-2-new .slide-2 .text-content h2{font-size:30px;letter-spacing:-1px}
    #banner-slider-demo-2-new .slide-2 .text-content p span{font-size:12px;padding-left:1px;display:block}
    #banner-slider-demo-2-new .slide-2 .text-content a{font-size:10px;padding:6px 0;margin-left:0;margin-top:5px}
    
    #banner-slider-demo-17 .slide-1 em{font-size:12px;margin:0;margin-left:1px}
    #banner-slider-demo-17 .slide-1 .text-content h2{font-size:30px;letter-spacing:-1px}
    #banner-slider-demo-17 .slide-1 .text-content p span{font-size:12px;padding-left:1px;display:block}
    #banner-slider-demo-17 .slide-1 .text-content a{font-size:10px;padding:6px 20px;margin-left:0;margin-top:10px}
    #banner-slider-demo-17 .slide-2 em{font-size:12px;margin:0;margin-bottom:2px}
    #banner-slider-demo-17 .slide-2 .text-content h2{font-size:26px;letter-spacing:-1px}
    #banner-slider-demo-17 .slide-2 .text-content p span{font-size:12px;display:block}
    #banner-slider-demo-17 .slide-2 .text-content a{font-size:10px;padding:6px 20px;margin-left:0;margin-top:10px}

	.compare-popup{display:none}
    .store-switcher{text-align:center}
    .product-img-box .etalage:hover + .etalage-control + .product-view-zoom-area{display:none}
	a.quickview-icon{display:none}
	.product-view .product-img-box .etalage-control{visibility:visible}
    
    .product-view .product-img-box .etalage.vertical+.etalage-control a.etalage-prev{left:0}
}

@media (max-width:640px){
    body.boxed .page{width:480px}
    
    .owl-middle-narrow .owl-controls{display:none!important}

    .homepage-grid-banner .grid1 .content h2{font-size:42.43px}
    .homepage-grid-banner .grid1 .content p{font-size:17.68px;margin-bottom:6px;margin-right:2.4px}

    .full-screen-slider .item > div.content > h2{font-size:36.17px;margin-bottom:10.8px}
    .full-screen-slider .item > div.content > p{font-size:15.07px;margin-bottom:21px}
    .full-screen-slider .item > div.content > a.btn-default{font-size:10px;padding:11px 32px;border-radius:5px}
    .full-screen-slider .item > div.content.content-3{margin-top:-57px}
    
    .owl-item-links-block{display:none}
    
    .slide3-2-content em{font-size:10px;margin-left:1px;margin-bottom:1px}
    .slide3-2-content h2{font-size:28px;margin-bottom:1px}
    .slide3-2-content p{font-size:16px;margin-bottom:10px}
    .slide3-2-content a{font-size:11px}
    .slide3-2-content a>i{width:10px;height:10px;line-height:9px;font-size:9px;margin-bottom:1px;margin-left:4px}

    #banner-slider-demo-1 .slide1-content img.quote{width:15px}
    #banner-slider-demo-1 .slide1-content em{font-size:14px;margin:0 3px}
    #banner-slider-demo-1 .slide1-content h2{font-size:38px;margin:1px 0 5px}
    #banner-slider-demo-1 .slide1-content p{font-size:14px}
    #banner-slider-demo-1 .slide2-content em{font-size:14px;margin-left:3px}
    #banner-slider-demo-1 .slide2-content h2{font-size:39px;margin:0 0 5px}
    #banner-slider-demo-1 .slide2-content p{font-size:8px;margin-left:4px;margin-bottom:15px}
    #banner-slider-demo-1 .slide2-content p span.split{margin:0 7px 0 8px}
    #banner-slider-demo-1 .slide2-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px}
    #banner-slider-demo-1 .slide3-content em{font-size:14px}
    #banner-slider-demo-1 .slide3-content h2{font-size:38px;margin-bottom:8px}
    #banner-slider-demo-1 .slide3-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px}
    
    #banner-slider-demo-14 .slide1-content img.quote{width:15px}
    #banner-slider-demo-14 .slide1-content em{font-size:14px;margin:0 3px}
    #banner-slider-demo-14 .slide1-content h2{font-size:30px;margin:1px 0 3px}
    #banner-slider-demo-14 .slide1-content p{font-size:12px}
    #banner-slider-demo-14 .slide2-content em{font-size:12px;margin-left:2px}
    #banner-slider-demo-14 .slide2-content h2{font-size:30px;margin:0 0 3px}
    #banner-slider-demo-14 .slide2-content p{font-size:5px;margin-left:4px;margin-bottom:10px}
    #banner-slider-demo-14 .slide2-content p span.split{margin:0 7px 0 8px}
    #banner-slider-demo-14 .slide2-content a.btn-default{font-size:8px;width:60px;height:18px;line-height:18px;padding:0;margin-right:1px}
    #banner-slider-demo-14 .slide3-content em{font-size:12px}
    #banner-slider-demo-14 .slide3-content h2{font-size:30px;margin-bottom:5px}
    #banner-slider-demo-14 .slide3-content a.btn-default{font-size:8px;width:60px;height:18px;line-height:18px;padding:0;margin-right:1px}

    #banner-slider-demo-13 .slide1-content img.quote{width:15px}
    #banner-slider-demo-13 .slide1-content em{font-size:14px;margin:0 3px}
    #banner-slider-demo-13 .slide1-content h2{font-size:38px;margin:1px 0 5px}
    #banner-slider-demo-13 .slide1-content p{font-size:14px}
    #banner-slider-demo-13 .slide2-content em{font-size:14px;margin-left:3px}
    #banner-slider-demo-13 .slide2-content h2{font-size:39px;margin:0 0 5px}
    #banner-slider-demo-13 .slide2-content p{font-size:8px;margin-left:4px;margin-bottom:15px}
    #banner-slider-demo-13 .slide2-content p span.split{margin:0 7px 0 8px}
    #banner-slider-demo-13 .slide2-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px}
    #banner-slider-demo-13 .slide3-content em{font-size:14px}
    #banner-slider-demo-13 .slide3-content h2{font-size:38px;margin-bottom:8px}
    #banner-slider-demo-13 .slide3-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px}
    
    .footer-container.fixed-position .footer-bottom address{display:none}
    .footer-container.fixed-position .footer-bottom{text-align:center}
    .footer-container.fixed-position .footer-bottom .social-icons{display:inline-block;float:none}
    
    .header-container .top-links-icon{display:inline-block}
    .header-container.type1 .links,.header-container.type2 .links,.header-container.type3 .links,.header-container.type4 .links,.header-container.type6 .links,.header-container.type14 .links,.header-container.type7 .links,.header-container.type13 .links,.header-container.type9 .links,.header-container.type10 .links{display:none;position:absolute;right:0;z-index:9;background-color:#fff !important;border-radius:3px;margin:0;padding:5px 0;text-align:right;border:1px solid #ccc}
    .header-container.type1 .links li,.header-container.type2 .links li,.header-container.type3 .links li,.header-container.type4 .links li,.header-container.type6 .links li,.header-container.type14 .links li,.header-container.type7 .links li,.header-container.type13 .links li,.header-container.type9 .links li,.header-container.type10 .links li{display:block;border:0;padding:0}
    .header-container.type1 .links li a,.header-container.type2 .links li a,.header-container.type3 .top-links ul.links li a,.header-container.type4 .links li a,.header-container.type6 .links li a,.header-container.type14 .links li a,.header-container.type7 .links li a,.header-container.type13 .links li a,.header-container.type9 .top-links ul.links li a,.header-container.type10 .top-links ul.links li a{color:#777 !important;white-space:nowrap;padding:0 10px;display:block;transition:all 0.2s;font-weight:400}
    .header-container.type1 .links li:hover a,.header-container.type2 .links li:hover a,.header-container.type4 .links li:hover a,.header-container.type6 .links li:hover a,.header-container.type14 .links li:hover a,.header-container.type7 .links li:hover a, .header-container.type13 .links li:hover a{background-color:#ccc !important;color:#fff !important;text-decoration:none}
    .header-container.type8 .header{padding:20px 0}
    .header-container.type8 .cart-area{position:static;float:right;height:auto;margin-left:-150px} 
    .header-container.type8 .top-links-area{margin:13px 0 30px}
    .header-container.type8 .menu-icon{margin:0 15px 0 10px}
    .header-container.type8 .switcher-area{display:block;margin-right:15px}
    .header-container.type8 .header .form-search{right:-30px}
    .header-container.type8 .header .form-search:before{right:35px}

    .category-boxed-banner .banner-text a.shop-now{margin-left:10px;font-size:9px}
    
    .full-width-image-banner{height:200px}
    .full-width-image-banner .content{margin-top:-16px}
    .full-width-image-banner h2{margin:0;font-size:30px;line-height:1.1}
    .full-width-image-banner p{display:none}
    
    #banner-slider-demo-11 .content-1{padding:11px 7px 5px;margin-left:-53px;margin-top:-32px}
    #banner-slider-demo-11 .content-1>div:first-child{padding-right:2px}
    #banner-slider-demo-11 .content-1 p{font-size:7px;margin-left:2px}
    #banner-slider-demo-11 .content-1 h3{font-size:22px}
    #banner-slider-demo-11 .content-1 h3 b{margin-top:-6px}
    #banner-slider-demo-11 .content-1 em{font-size:6px;margin-right:1px}
    #banner-slider-demo-11 .content-1 h4{font-size:12px}
    #banner-slider-demo-11 .content-1 h5{font-size:6px;margin-top:-1px}
    #banner-slider-demo-11 .content-2{right:8px;bottom:8px}
    #banner-slider-demo-11 .content-2>div{padding:3px 6px}
    #banner-slider-demo-11 .content-2>div:first-child{margin:-1px 0;padding-left:9px}
    #banner-slider-demo-11 .content-2 p{font-size:7px;margin-left:1px}
    #banner-slider-demo-11 .content-2 h3{font-size:16px}
    #banner-slider-demo-11 .content-2 em{font-size:6px;margin-right:1px}
    #banner-slider-demo-11 .content-2 h4{font-size:12px}
    #banner-slider-demo-11 .content-2 h5{font-size:6px;margin-top:-1px}
    #banner-slider-demo-11 .content-2 a{font-size:6px;margin-right:-3px}
    
    .header-container.type11 .header-right-area > div:first-child{display:block;margin-bottom:40px}

    .checkout-progress li{width: 49%}
    .sticky-product{display:none !important}
    
    .category-products .products-grid.flex-grid .item .details-area .actions a.addtocart{padding:0;width:40px}
    .category-products .products-grid.flex-grid .item .details-area .actions a.addtocart span{display:none}
}

@media (max-width:480px){
    .category-products .products-grid.flex-grid .item .details-area .actions{margin:0 -20px}
    .item .details-area .actions a.addtowishlist,.item .details-area .actions a.comparelink{display:none}
    body.boxed .page{width:320px}
    .add-to-cart button.button{width:110px}
    .add-to-cart button.button span{font-size:11px}

    .toolbar .pager{float:left;margin-right:10px;margin-left:-10px}
    .sorter .limiter{float:left}
    .pager .pages{float:left}

    .col-main .category-products .products-list li.item .item-area{text-align:center}
    .products-list .product-image-area{width:280px;display:inline-block;float:none}
    .products-list .details-area{margin-left:0;text-align:left}

    .category-banner .banner-text h2{font-size:14px}
    .category-boxed-banner .banner-text h2{font-size:14px}
    .col1-layout .product-view .product-info{float:none;width:auto;border-bottom:1px solid #ebebeb}
    .col1-layout .product-options{float:none;width:auto;border-bottom:1px solid #ebebeb}
    .col1-layout .product-view .product-options + div.clearer,.col1-layout .product-view .product-info + div.clearer{border:0}
    .homepage-grid-banner .grid1 .content h2{font-size:25px}
    .homepage-grid-banner .grid1 .content p{font-size:17.68px;margin-bottom:6px;margin-right:2.4px}

    .slider-with-side .slider-area .item .content .text-area p{display:none}
    .slider-with-side .slider-area .item .content .ribbon{right:3px;top:1px}
    .slider-with-side .slider-area .item .content .ribbon em{font-size:6px;margin-right:22px}
    .slider-with-side .slider-area .item .content .ribbon h3{font-size:14px;margin-right:2px}
    .slider-with-side .slider-area .item .content .ribbon h5{font-size:6px;margin-top:-1px}
    
    .slide3-1-content p{margin-bottom:3px;font-size:8px}
    .slide3-1-content h2{font-size:17px;margin-bottom:10px}
    .slide3-1-content .price-area{}
    .slide3-1-content .price-area em{font-size:7px}
    .slide3-1-content .price-area em:first-child{margin-bottom:-2px}
    .slide3-1-content .price-area h3{font-size:21px}
    .slide3-1-content .button-area{padding-left:10px;margin-left:10px}
    .slide3-1-content a.btn-default{height:28px;font-size:11px;line-height:28px;padding:0 13px 0 15px;border-radius:3px}
    .slide3-1-content a.btn-default i{width:12px;height:12px;line-height:11px;font-size:9px;margin-bottom:2px;margin-left:8px}
    .slide3-2-content em{font-size:8px;margin-left:0;margin-bottom:0}
    .slide3-2-content h2{font-size:20px;margin-bottom:0}
    .slide3-2-content p{font-size:12px;margin-bottom:5px}
    .slide3-2-content a{font-size:11px}
    .slide3-2-content a>i{width:10px;height:10px;line-height:9px;font-size:9px;margin-bottom:1px;margin-left:4px}
    
    .parallax-wrapper.parallax-with-subscribe .parallax-slider p{display:none}
    .parallax-wrapper.parallax-with-subscribe .parallax-subscribe{margin-top:20px}
    
    .header-container.type1 .header .logo{margin:15px 0}
    .header-container.type1 .header .logo img{max-height:50px}
    .header-container.type1 .header-right-area{position:static;margin:0;margin-bottom:10px}
    .header-container.type1 .header-right-area>div:first-child{margin:30px 0}
    .header-container.type1 .header .form-search,.header-container.type2 .header .form-search,.header-container.type3 .header .form-search,.header-container.type4 .header .form-search,.header-container.type5 .header .form-search,.header-container.type6 .header .form-search,.header-container.type14 .header .form-search,.header-container.type7 .header .form-search,.header-container.type13 .header .form-search,.header-container.type8 .header .form-search,.header-container.type9 .header .form-search,.header-container.type10 .header .form-search{width:300px}
    .header-container.type2 .mybag-link .cart-info span{display:none}
    .header-container.type2 .mybag-link .cart-info span.cart-qty{display:inline-block}
    .header-container.type5 .header>.logo{margin:30px 0}
    .header-container.type5 .search-area{margin:35px 0}
    .header-container.type5 .menu-icon{margin:0 5px}
    .header-container.type5 .header .form-search{left:auto;right:-145px}
    .header-container.type5 .header .form-search:before{left:auto;right:140px}
    .ratings-table.data-table thead{display:none}
    .ratings-table.data-table tbody td{padding:15px 5px}

    .buttons-set button.button{float:none;width:100%;margin:0 0 5px}
    
    .parallax-category-banner .parallax{padding:30px 0}
    .parallax-content h2{font-size:25px}
    .parallax-content p{font-size:11px}

    .footer-bottom .custom-block{margin-left:0}
    .footer-bottom address{float:left;line-height:1.4;margin:5px 0}

    .full-width-image-banner{height:150px}
    .full-width-image-banner .content{margin-top:-13px}
    .full-width-image-banner h2{margin:0;font-size:24px;line-height:1.1}
    .full-width-image-banner p{display:none}

	.footer-top-subscribe .input-box{text-align:left;max-width:100%}
    
    .header-container.type1 .compare-link > a{margin-bottom:5px}
    .header-container.type1 .form-currency, .header-container.type1 .form-language{margin-bottom:5px}

    #banner-slider-demo-16 .text-content em{font-size:10px;margin-bottom:0}
    #banner-slider-demo-16 .text-content h2{font-size:25px;letter-spacing:0px}
    #banner-slider-demo-16 .text-content p {margin:0}
    #banner-slider-demo-16 .text-content p span{font-size:12px;padding-left:1px;display:block}
    #banner-slider-demo-16 .text-content p a{font-size:9px;padding:5px 11px;margin-left:0;margin-top:5px;float:left !important}
    
    .top-newsletter{display:none}
    .product-tabs>ul li{display:block;float:none}
}
@media (min-width:992px){
    .header-container.type10 .mobile-nav.side-block {
        display: none !important;
    }
    
    .category-products .products-grid.flex-grid.columns2 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns2 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns3 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns3 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns3 li.item:nth-child(3) .item-area,
    .category-products .products-grid.flex-grid.columns4 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns4 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns4 li.item:nth-child(3) .item-area,
    .category-products .products-grid.flex-grid.columns5 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns5 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns5 li.item:nth-child(3) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(3) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(4) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(5) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(3) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(4) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(5) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(3) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(4) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(5) .item-area{border-top-color:transparent}
}
@media (min-width:1200px){
    .col-lg-2-4{width:20%}
    .col-lg-9-6{width:80%}
    
    .category-products .products-grid.flex-grid.columns2 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns2 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns3 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns3 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns3 li.item:nth-child(3) .item-area,
    .category-products .products-grid.flex-grid.columns4 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns4 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns4 li.item:nth-child(3) .item-area,
    .category-products .products-grid.flex-grid.columns4 li.item:nth-child(4) .item-area,
    .category-products .products-grid.flex-grid.columns5 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns5 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns5 li.item:nth-child(3) .item-area,
    .category-products .products-grid.flex-grid.columns5 li.item:nth-child(4) .item-area,
    .category-products .products-grid.flex-grid.columns5 li.item:nth-child(5) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(3) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(4) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(5) .item-area,
    .category-products .products-grid.flex-grid.columns6 li.item:nth-child(6) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(3) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(4) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(5) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(6) .item-area,
    .category-products .products-grid.flex-grid.columns7 li.item:nth-child(7) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(1) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(2) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(3) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(4) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(5) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(6) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(7) .item-area,
    .category-products .products-grid.flex-grid.columns8 li.item:nth-child(8) .item-area{border-top-color:transparent}
}

@media screen and(-ms-high-contrast: active),(-ms-high-contrast: none){
    .rating-box{width:65px;height:12px;font-size:0;line-height:0;text-indent:-999em;overflow:hidden;position:relative}
    .rating-box:before{font-family:"porto";content:"\e852\20\e852\20\e852\20\e852\20\e852";width:65px;height:12px;color:#ddd;display:inline;font-size:11px;line-height:12px;white-space:nowrap}
    .rating-box .rating{float:left;height:12px;position:absolute;left:0;top:0;overflow:hidden}
    .rating-box .rating:before{font-family:"porto";content:"\e852\20\e852\20\e852\20\e852\20\e852";width:65px;height:12px;color:#ffc600;display:inline;font-size:11px;line-height:12px;white-space:nowrap}
}
@media (max-width:1199px){
	.fixed-header ul.menu >li, .main-nav ul.menu >li {
    margin-right: -6px;
}
}
@media (max-width:991px){
}
@media (max-width:768px){
}
@media (max-width:640px){
}
@media (min-width:768px){
}
@media (min-width:992px){
}
@media (min-width:1320px){
    .container {width: 1320px}
}
/**
 * WARNING: Do not change this file. Your changes will be lost.
 * 2023-11-02 07:36:22 */

a,a:hover,input.qty,.form-wrap h2,#form-validate h2,.col-main .page-title h2,.sub-title,.data-table .product-name a,.cart-table .link-wishlist,.cart-table .link-wishlist:hover,.btn-remove,.btn-remove:hover,.header-container .links,.mini-cart .qty-price,.mini-cart .totals,.header-container.type4 .mybag-link i,.header-container.type5 .mybag-link i,.header-container.type6 .mybag-link i,.header-container.type6 .menu-icon,.header-container.type7 .mybag-link i,.header-container.type13 .mybag-link i,.header-container.type9 .top-links a,.header-container.type9 .mybag-link i,.header-container.type10 .top-links a,.fixed-header ul.menu >li >a,.main-nav ul.menu >li >a,.fixed-header .mybag-link i,.menu.side-menu>li.menu-static-width>a:after,.menu.side-menu>li.menu-item-has-children>a:after,.menu.side-menu>li.menu-full-width>a:after,.mini-products-list li .product-name a:hover,.block-category-nav .category-list a.plus,.col-main.filter-products li.item:hover .price-box .price,.review-area .review-by b,.add-to-cart .qty,.product-tabs>ul li a,.product-view .product-shop .price-box .regular-price .price,.product-view .product-shop .price-box .special-price .price,.cart-table td.td-total .cart-price,.sp-methods .price,.opc .step-title .number,.opc .step-title h2,#opc-review tr td.last .cart-price .price,#wishlist-table .product-name a,#totop,.block.block-related .owl-theme .owl-controls .owl-buttons div,.order-products-table .price,.block-account ul li strong,.block-account ul li a:hover,.block.block-blog-categories a:hover,p .alternative-font,.entry-content h3,.history h4,.block.block-blog-recent ul li a,.postWrapper .post-date .day,.postDetails >span a:hover,.postBookmarks a:hover,.post-share h3,.postComments .postTitle h2,#postComment h4.legend,.cms-index-index .tp-caption.very_large_text,.cms-index-index .tp-caption.large_thin,.cms-index-index .tp-caption.title1,.cms-index-index .tp-caption a.btn-white,.cms-index-index .tp-caption a.btn-white:hover,.slide .product .price,h3.filter-title,.filterproducts-tab .filter-title ul li.active a,.feature-box.secundary .feature-box-icon,.owl-top-narrow .owl-controls .owl-buttons div,.owl-bottom-narrow .owl-controls .owl-buttons div,.recent-posts .post-date .day,.true-color,ul.list.icons li i.icon,.owl-middle-narrow .owl-controls .owl-buttons div,.featured-post h4,.post-a-day,.post-a-year,.owl-theme.banner-carousel .owl-controls .owl-buttons div,.product-options .product-swatches-container .has-swatches a.active,.col-main .page-title h1,.col-main .page-title h2,.product-view .product-options .swatch-attr .select-label,.availability-only strong,.product-image-area .actions a.addtocart,.opc-wrapper-opc a:hover,.opc-wrapper-opc .opc-review-actions .view-agreement:hover,.header-container.type9 .main-nav ul.menu>li.act>a, .header-container.type9 .main-nav ul.menu>li:hover>a,.header-container.type10 .main-nav ul.menu>li.act>a, .header-container.type10 .main-nav ul.menu>li:hover>a,.price-excluding-tax .price,.price-including-tax .price,.checkout-progress li.active,.header-container.type1.sticky-header .menu-wrapper .mybag-link .cart-qty,.header-container.sticky-header .menu-wrapper .mybag-link i,.multiple-checkout .place-order .grand-total .price,.panel-title>a.collapsed,.panel-title>a.collapsed:hover,.panel-title>a.collapsed:after,.header-container.type14 .mybag-link .cart-info,.header-container.type14 .mybag-link i,.header-container.type14 .menu-icon
    {color:#19bae3}
@-moz-keyframes f_fadeG{0%{background-color:#19bae3}100%{background-color:#FFFFFF}}
@-webkit-keyframes f_fadeG{0%{background-color:#19bae3}100%{background-color:#FFFFFF}}
@-ms-keyframes f_fadeG{0%{background-color:#19bae3}100%{background-color:#FFFFFF}}
@-o-keyframes f_fadeG{0%{background-color:#19bae3}100%{background-color:#FFFFFF}}
@keyframes f_fadeG{0%{background-color:#19bae3}100%{background-color:#FFFFFF}}
.theme-color{color:#19bae3!important}
.theme-hover-color:hover{color:#19bae3!important}
.theme-bg-color{background-color:#19bae3!important}
.theme-border-color{border-color:#19bae3!important}
.theme-hover-bg-color:hover{background-color:#19bae3}
button.button span,.pager li >a:hover,.pager li >a:focus,.pager .pages .current,.sorter .view-mode strong i,.sorter .view-mode a:hover i,.data-table button.button:hover > span,.link-cart:hover,.header-container.type2 .mybag-link ,.header-container.type5 .top-links-container,.header-container.type6 .top-links-container,.header-container.type7 .top-links-container,.header-container.type13 .top-links-container,.header-container.type8 .top-links-container,.fixed-header ul.menu >li:hover,.main-nav ul.menu >li:hover,.fixed-header ul.menu >li.act,.main-nav ul.menu >li.act,.menu.side-menu>li:hover,.menu.side-menu>li.menu-item-has-children .nav-sublist-dropdown,.menu.side-menu>li.menu-item-has-children .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist,.block-layered-nav dt:hover:before,.block-category-nav .block-title:hover:before,.price-filter-slider .text-box input.go,.item:hover .details-area .actions a.addtocart,.col-main .category-products .products-list li.item .details-area .actions a.addtocart,.cart .crosssell button.button:hover > span,.cart .discount h2:hover:before,.cart .shipping h2:hover:before,.block.block-facebook-like .block-title a.btn-like,.btn-primary,.contacts-index-index .col-main .contact-info i,.block.block-blog-tags ul li a:hover,.postWrapper .post-date .month,.feature-box .feature-box-icon,.full-screen-slider .item > div.content .sale-bar a .icon-angle-down,.recent-posts .post-date .month,.post-a-month,.owl-theme .owl-controls .owl-page.active span,.footer-ribbon,.owl-theme .owl-controls.clickable .owl-page:hover span,.btn-default,.btn-default:hover,a.quickview-icon,.product-options .product-swatches-container .has-swatches a.active.selected,.cms-index-index blockquote.testimonial,.expand_plus,.review-menu-block a.review-total,.image-link span.category-title,.panel-title>a,.category-products .products-grid.flex-grid .item .details-area .actions a.addtocart,.header-container.type14 .top-links-container
{background-color:#19bae3}
.pager li >a:hover,.pager li >a:focus,.pager .pages .current,.sorter .view-mode strong i,.sorter .view-mode a:hover i,.data-table button.button:hover > span,.link-cart:hover,.item:hover .details-area .actions a.addtocart,.col-main .category-products .products-list li.item .details-area .actions a.addtocart,.cart .crosssell button.button:hover > span,.cart .discount h2:hover:before,.cart .shipping h2:hover:before,.btn-primary,i.ajax-loader,#narrow-by-list dd .swatch-link:hover .swatch-label,.configurable-swatch-list .hover .swatch-link,.configurable-swatch-list .selected .swatch-link,.swatch-link:hover,.block-layered-nav #narrow-by-list ol.swatches li a:hover .layered-navigation-swatch,.product-image-area .actions a.addtocart,.opc-wrapper-opc #opc-review-block,#newsletter_popup
{border-color:#19bae3}
.form-wrap,#form-validate,.option-detail .item-options,.header-container.type2,.header-container.type4,.fixed-header .menu >li.menu-full-width .nav-sublist-dropdown,.main-nav .menu >li.menu-full-width .nav-sublist-dropdown,.fixed-header .menu >li.menu-static-width .nav-sublist-dropdown,.main-nav .menu >li.menu-static-width .nav-sublist-dropdown,.block.block-subscribe.home-sidebar-block,.product-tabs>ul li.active,.history .featured-box .box-content,.homepage-grid-banner .ribbon:before,.owl-banner-carousel .content.type2 h2,.featured-box .box-content,.cms-index-index .testimonial-arrow-down,#success-message-container,.checkout-progress li.active,.form-wrap,#form-validate,#login-form,.fixed-header ul.menu >li .nav-sublist-dropdown,.main-nav ul.menu >li .nav-sublist-dropdown,.image-link span.category-title:before,body.boxed .page
{border-top-color:#19bae3}
.topCartContent:before,.availability-only span,.availability-only a,.prev-next-products .product-nav .product-pop:before,.compare-popup:before
{border-bottom-color:#19bae3}
.opc-wrapper-opc #opc-review-block:before
{border-bottom-color:#19bae3 !important}
.product-tabs.vertical>ul li.active,.panel-title>a
{border-left-color:#19bae3}
.image-link span.category-title:before
{border-right-color:#19bae3}
.menu.side-menu>li .nav-sublist-dropdown
{
    border-left-color:#19bae3}
@media (max-width: 1199px){
    .owl-banner-carousel .content.type2 h2{border-top-color:#19bae3}
}
@media (max-width: 991px){
    .header-container.type5 .top-links-icon,.header-container.type5 .top-links-icon a{color:#19bae3}
    .owl-banner-carousel .content.type2 h2{border-top-color:#19bae3}
}
@media (max-width: 767px){
    .owl-banner-carousel .content.type2 h2{border-top-color:#19bae3}
}
button.button span{
}
button.button:hover span{
}
span.new-product-icon{
}
span.sale-product-icon{
}
.fixed-header .menu > li > a > span.cat-label.cat-label-label1, .main-nav .menu > li > a > span.cat-label.cat-label-label1,.fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1, .main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1,div.mobile-nav .sw-mobile-menu li>a span.cat-label.cat-label-label1,.menu.side-menu li>a span.cat-label.cat-label-label1{
}
.fixed-header .menu > li > a > span.cat-label.cat-label-label2, .main-nav .menu > li > a > span.cat-label.cat-label-label2,.fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2, .main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2,div.mobile-nav .sw-mobile-menu li>a span.cat-label.cat-label-label2,.menu.side-menu li>a span.cat-label.cat-label-label2{
}
.top-container >.breadcrumbs{background-color:transparent}
.top-container >.breadcrumbs{color:#009acc}
.breadcrumbs li a{color:#009acc}
.breadcrumbs li a:hover{color:#000000}
.header-container.type2 .top-links-container,
.header-container.type3 .top-links-container,
.header-container.type4 .top-links-container,
.header-container.type5 .top-links-container,
.header-container.type6 .top-links-container,
.header-container.type14 .top-links-container,
.header-container.type7 .top-links-container,
.header-container.type13 .top-links-container,
.header-container.type9 .top-links-container,
.header-container.type10 .top-links-container{
    background-color:transparent;
}
.header-container.type1,
.header-container.type2,
.header-container.type3,
.header-container.type4,
.header-container.type5,
.header-container.type6,
.header-container.type14,
.header-container.type7,
.header-container.type13,
.header-container.type8,
.header-container.type9,
.header-container.type10,
.header-container.type11,
.header-container.type12,
.header-container.type1.sticky-header .header-wrapper,
.header-container.type2.sticky-header .header-wrapper,
.header-container.type4.sticky-header .header-wrapper,
.header-container.type5.sticky-header .header-wrapper,
.header-container.type6.sticky-header .header-wrapper,
.header-container.type14.sticky-header .header-wrapper,
.header-container.type7.sticky-header .header-wrapper,
.header-container.type13.sticky-header .header-wrapper,
.header-container.type8.sticky-header .header-wrapper,
.header-container.type9.sticky-header .header-wrapper,
.header-container.type11.sticky-header .header-wrapper,
.header-container.type12.sticky-header .header-wrapper{
    background-color:transparent;
}
.header-container.type2 .main-nav .menu-wrapper,
.header-container.type3 .main-nav,
.header-container.type4 .main-nav .menu-wrapper,
.header-container.type9 .main-nav .menu-wrapper,
.header-container.type10 .header-wrapper,
.header-container.type3.sticky-header .header-wrapper,
.header-container.type4.sticky-header .header-wrapper,
.header-container.type10.sticky-header .header-wrapper{
    background-color:#ffffff;
}
.header-container.type1 .main-nav ul.menu>li>a,
.header-container.type2 .main-nav ul.menu>li>a,
.header-container.type3 .main-nav ul.menu>li>a,
.header-container.type4 .main-nav ul.menu>li>a,
.header-container.type5 .main-nav ul.menu>li>a,
.header-container.type6 .main-nav ul.menu>li>a,
.header-container.type14 .main-nav ul.menu>li>a,
.header-container.type7 .main-nav ul.menu>li>a,
.header-container.type13 .main-nav ul.menu>li>a,
.header-container.type8 .main-nav ul.menu>li>a,
.header-container.type9 .main-nav ul.menu>li>a,
.header-container.type10 .main-nav ul.menu>li>a,
.header-container.type11 .main-nav ul.menu>li>a,
.header-container.type12 .menu.side-menu>li>a{
    color:#6f6f6f;
}
.header-container.type1 .main-nav ul.menu>li:hover,.header-container.type1 .main-nav ul.menu>li.act,
.header-container.type2 .main-nav ul.menu>li:hover,.header-container.type2 .main-nav ul.menu>li.act,
.header-container.type3 .main-nav ul.menu>li:hover,.header-container.type3 .main-nav ul.menu>li.act,
.header-container.type4 .main-nav ul.menu>li:hover,.header-container.type4 .main-nav ul.menu>li.act,
.header-container.type5 .main-nav ul.menu>li:hover,.header-container.type5 .main-nav ul.menu>li.act,
.header-container.type6 .main-nav ul.menu>li:hover,.header-container.type6 .main-nav ul.menu>li.act,
.header-container.type14 .main-nav ul.menu>li:hover,.header-container.type14 .main-nav ul.menu>li.act,
.header-container.type7 .main-nav ul.menu>li:hover,.header-container.type7 .main-nav ul.menu>li.act,
.header-container.type13 .main-nav ul.menu>li:hover,.header-container.type13 .main-nav ul.menu>li.act,
.header-container.type8 .main-nav ul.menu>li:hover,.header-container.type8 .main-nav ul.menu>li.act,
.header-container.type9 .main-nav ul.menu>li:hover,.header-container.type9 .main-nav ul.menu>li.act,
.header-container.type10 .main-nav ul.menu>li:hover,.header-container.type10 .main-nav ul.menu>li.act,
.header-container.type11 .main-nav ul.menu>li:hover,.header-container.type11 .main-nav ul.menu>li.act,
.header-container.type12 .menu.side-menu>li:hover,.header-container.type12 .menu.side-menu>li.act{
    background-color:#ffffff;
}
.header-container.type1 .main-nav ul.menu>li:hover>a,.header-container.type1 .main-nav ul.menu>li.act>a,
.header-container.type2 .main-nav ul.menu>li:hover>a,.header-container.type2 .main-nav ul.menu>li.act>a,
.header-container.type3 .main-nav ul.menu>li:hover>a,.header-container.type3 .main-nav ul.menu>li.act>a,
.header-container.type4 .main-nav ul.menu>li:hover>a,.header-container.type4 .main-nav ul.menu>li.act>a,
.header-container.type5 .main-nav ul.menu>li:hover>a,.header-container.type5 .main-nav ul.menu>li.act>a,
.header-container.type6 .main-nav ul.menu>li:hover>a,.header-container.type6 .main-nav ul.menu>li.act>a,
.header-container.type14 .main-nav ul.menu>li:hover>a,.header-container.type14 .main-nav ul.menu>li.act>a,
.header-container.type7 .main-nav ul.menu>li:hover>a,.header-container.type7 .main-nav ul.menu>li.act>a,
.header-container.type13 .main-nav ul.menu>li:hover>a,.header-container.type13 .main-nav ul.menu>li.act>a,
.header-container.type8 .main-nav ul.menu>li:hover>a,.header-container.type8 .main-nav ul.menu>li.act>a,
.header-container.type9 .main-nav ul.menu>li:hover>a,.header-container.type9 .main-nav ul.menu>li.act>a,
.header-container.type10 .main-nav ul.menu>li:hover>a,.header-container.type10 .main-nav ul.menu>li.act>a,
.header-container.type11 .main-nav ul.menu>li:hover>a,.header-container.type11 .main-nav ul.menu>li.act>a,
.header-container.type12 .menu.side-menu>li:hover>a,.header-container.type12 .menu.side-menu>li.act>a{
    color:#19bae3;
}
.main-nav .menu>li.menu-full-width .nav-sublist-dropdown,.main-nav .menu>li.menu-static-width .nav-sublist-dropdown,.fixed-header .menu>li.menu-full-width .nav-sublist-dropdown,.fixed-header .menu>li.menu-static-width .nav-sublist-dropdown{
}
.main-nav .menu>li.menu-full-width ul a,.main-nav .menu>li.menu-static-width ul a,.fixed-header .menu>li.menu-full-width ul a,.fixed-header .menu>li.menu-static-width ul a{
    color:#ffffff;
}
.fixed-header .menu>li.menu-item-has-children .nav-sublist-dropdown .container ul >li:hover >a,
.main-nav .menu>li.menu-item-has-children .nav-sublist-dropdown .container ul>li:hover>a,.menu.side-menu li.menu-item-has-children .nav-sublist-dropdown .container ul>li:hover>a{
    background-color:#19bae3;
}
.fixed-header .menu >li.menu-item .nav-sublist-dropdown a:hover,.main-nav .menu >li.menu-item .nav-sublist-dropdown a:hover{
    color:#ffffff;
}
.footer-middle{
    background-color:#f4f4f4;
}
.footer-middle, .footer-middle p, .footer-middle .contact-info i{
    color:#050505;
}
.footer-middle a{
    color:#050505;
}
.footer-middle a:hover{
    color:#19bae3;
}
.footer-middle .block .block-title strong{
    color:#ffffff;
}
.footer-middle .links i.theme-color,.footer-middle .features i.theme-color{
    color:#bbbbbb !important;
}
.footer-middle-2{
    background-color:#50515a;
}
.footer-middle-2, .footer-middle-2 p, .footer-middle-2 .contact-info i{
    color:#050505;
}
.footer-middle-2 a{
    color:#bbbbbb;
}
.footer-middle-2 a:hover{
    color:#bbbbbb;
}
.footer-middle-2 .block .block-title strong{
    color:#ffffff;
}
.footer-middle-2 .links i.theme-color,.footer-middle-2 .features i.theme-color{
    color:#bbbbbb !important;
}
.footer-bottom{
    background-color:#f4f4f4;
}
.footer-bottom, .footer-bottom p{
    color:#050505;
}
.footer-bottom a{
    color:#050505;
}
.footer-bottom a:hover{
    color:#050505;
}
#totop{
}
#totop:hover{
}
    .page{
            background-color:#ffffff;
            background-position:top center;background-repeat:repeat-x;;
        }
    .product-view .box-up-sell > h2 span {
            background-color:#ffffff;
        }

/**
 * WARNING: Do not change this file. Your changes will be lost.
 * 2025-11-27 10:28:47 */

@media(min-width:992px){
	.cms-index-index .header-container.type13 {
		position: absolute;
		width: 100%;
		background-color: rgba(249,249,249, 0.75);
		z-index: 1;
	}
}
.mini-cart .mini-products-list li a.btn-remove {
    top: 5px;
}
.footer-top {
	padding: 0;
}
.header-container.type13 .welcome-msg, .header-container.type13 .selectbox .select, .header-container.type13 .compare-link>a,
.header-container.type13 .search-area a.search-icon {
    color: #777;
}
.category-products .products-grid li.item .details-area .product-name {
    min-height: 72px;
}
.category-products .products-grid.columns3 li.item:nth-child(3n+4) {
    clear: both;
}
/* ICONOS PERSONALIZADOS */
.icon-globe:before {
    content: "\f0ac";
    font-family: FontAwesome;
}

/* '' */
.icon-info-circle:before {
    content: '\f05a';
    font-family: FontAwesome;
}

/* '' */
.footer .social-icons a.icon3-class:hover {
    background-color: #D84B37;
}

.footer .social-icons a.icon4-class:hover {
    background-color: #A36F55;
}

.cms-page img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 1280px) {
    .fixed-header ul.menu > li, .main-nav ul.menu > li {
        margin-right: -6px;
    }
}

@media (max-width: 991px) {
    .header-container.type4 .search-area {
        margin: 5px 0;
    }

    .header-container.type4 .search-area .search-icon {
        display: inline-block;
        line-height: 1rem;
        font-size:28px;
        margin: 8px 0 5px;
        width:30px;
    }

    .header-container.type4 .header > .logo {
        margin: -20px 0px 0 0 !important;
    }

    .header-container.type4 .menu-icon {
        float: left;
        line-height: 22px;
    }

    .google_translate {
        margin-left: 10px;
        margin-top: 4px;
    }

    .header-container.type4 .cart-area {
        margin-top: 8px;
    }
}

@media (max-width: 723px) {


    .breadcrumbs li {
        padding: 5px
    }

}

@media (max-width: 780px) {
    .fancybox-overlay.fancybox-overlay-fixed, .fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened {
        display: none !important;
    }

}

@media (max-width: 400px) {
    .searchautocomplete .nav {
        width: 270px;
    }
}

/* fin iconos personalizados */
.owl-top-narrow #category-slider-demo-7 .owl-controls {
    right: -2px
}

.header .demo-tooltip, .footer .demo-tooltip {
    position: absolute;
    right: 15px;
    top: 5px;
    z-index: 9;
    width: 20px
}

.header-container.sticky-header .header .demo-tooltip {
    display: none
}

.footer .demo-tooltip {
    top: -20px
}

a.tooltip-icon {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 50%;
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-animation: tooltip-animation 1s ease-in infinite;
    -moz-animation: tooltip-animation 1s ease-in infinite;
    -ms-animation: tooltip-animation 1s ease-in infinite;
    animation: tooltip-animation 1s ease-in infinite;
}

.header-container.type2 a.tooltip-icon, .header-container.type3 a.tooltip-icon, .header-container.type4 a.tooltip-icon, .header-container.type5 a.tooltip-icon, .header-container.type6 a.tooltip-icon, .header-container.type7 a.tooltip-icon, .header-container.type8 a.tooltip-icon {
    color: #000;
    border-color: #000
}


.tooltip-popup {
    position: absolute;
    right: -10px;
    top: 30px;
    width: 300px;
    background-color: #111;
    box-shadow: 0 0 8px rgba(255, 255, 255, .5);
    padding: 20px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 1.4;
    color: #fff;
    text-align: left
}

.tooltip-popup h4 {
    font-size: 16px;
    color: #fff
}

.tooltip-popup p {
    margin-bottom: 10px;
    color: #fff
}

.tooltip-popup em {
    font-size: 10px
}

a.tooltip-close {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff
}

.footer-middle > .container {
    position: relative
}

.onestepcheckout-login-link a {

    font-weight: bold;
    font-size: 16px !important
}

/* tooltip for demo */
@-webkit-keyframes tooltip-animation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes tooltip-animation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes tooltip-color {
    0% {
        color: #fff;
    }
    50% {
        color: #333;
    }
    100% {
        color: #fff;
    }
}

@keyframes tooltip-color {
    0% {
        color: #fff;
    }
    50% {
        color: #333;
    }
    100% {
        color: #fff;
    }
}

@-webkit-keyframes tooltip-color-white {
    0% {
        color: #444;
    }
    50% {
        color: #fff;
    }
    100% {
        color: #444;
    }
}

@keyframes tooltip-color-white {
    0% {
        color: #444;
    }
    50% {
        color: #fff;
    }
    100% {
        color: #444;
    }
}

.header-container.type4 .header > .logo {
    margin: -26px 10px 0 0;
}

.header > .logo {
    max-width: 100%;
}

.searchautocomplete {
    position: relative;
    top: auto;
    right: auto;
    height: 34px;
    width: auto;
    padding: 4px 10px;
    -webkit-border-radius: 0px 0px 0px 5px;
    -moz-border-radius: 0px 0px 0px 5px;
    border-radius: 0px 0px 0px 5px;
    background: none;
    display: block;

}

.searchautocomplete > label {
    display: none;
}

.footer-middle .block.block-subscribe .input-box button span {
    background-color: #b4b6b5;
    color: #fff;
}

.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1 {
    text-align: center;
}

.mega-columns .row {
    margin-left: 0px;
    margin-right: 0px;
}

.main-nav .menu > li .nav-sublist-dropdown .container ul > li a.menu_thumb_link {
    padding: 0;
    margin: 0;
}

.google_translate {
    position: static;
    display: inline-block;
    margin-left: 25px;
}

.menu img {
    width: 100%;
    height: auto;
}

.category-products .products-grid.columns3 li.item:nth-child(3n+4) {
    clear: both;
}

div#payment_form_servired_standard {
    float: left;
}

.banner_promo .promotext {
    display: inline-table;
    width: 100%;
    padding: 4px;
    background: #F4F4F4;
    margin: 10px 0;
    border: 1px solid #E6E6E6;
    text-align: center;
}

.banner_promo .promotext h2 {
    text-transform: none;
    padding-top: 5px;
    font-size: 18px;
}

.banner_promo .promotext p {
    text-align: center;
    margin-bottom: 0px;
}

@media (max-width: 991px) {
    .category-products .products-grid.columns3 li.item:nth-child(3n+4) {
        clear: none;
    }

    .category-products .products-grid.columns3 li.item:nth-child(2n+3) {
        clear: both;
    }

}

.product-label-view {
    position: relative;
    float: left;
    font-size: 20px;
    font-weight: 700;
    color: #62b959;
    line-height: 1;
    top: 30px;
    z-index: 3;
}

.product-label-view span.new-product-icon {
    border: solid 1px orange;
    background-color: transparent;
    display: block;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
}

.product-label-view span.gratis-product-icon {
    border: solid 1px #62b959;
    background-color: transparent;
    display: block;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
}

.top_ico {
    color: #FFF;
    background-color: #19bae3;
    padding: 7px;
    width: 100%;
}

.top_ico ul {
    display: flex;
}

.top_ico ul li {
    display: flex;
    flex-basis: 100%;
    justify-content: center;

}

.top_ico ul li span {
    padding-left: 26px;
    line-height: 21px
}

.top_ico ul li.ship span {
    background: url("https://www.dermofarma.es/skin/frontend/smartwave/porto/images/top_shipment.jpg") no-repeat center left;
}

.top_ico ul li.pay span {
    background: url("https://www.dermofarma.es/skin/frontend/smartwave/porto/images/top_budget.jpg") no-repeat center left;
}

.top_ico ul li.lorry span {
    background: url("https://www.dermofarma.es/skin/frontend/smartwave/porto/images/top_camion.jpg") no-repeat center left;
    padding-left: 45px;
}
.breadcrumbs{font-size: 1rem;}
.breadcrumbs li a{
    color:#666;
}
.breadcrumbs li strong{
    color:#666;
    font-size: 1.0rem;
}
@media (max-width: 991px) {
    .top_ico {
        display: none;
    }
}
@media (min-width: 992px) {
    #menu_cat_1077, #menu_cat_1077:hover {
       background-color: #000;
        padding:0 0 0 10px;
    }
    #menu_cat_1077 > a{color:#fff;}
}

.ampromo-label{
    float: right;
    position: absolute;
    z-index: 1;
}
/*-----------------------------------------------------------------------------

-	Revolution Slider 6.0 Default Style Settings -

Screen Stylesheet

version:   	6.0.0
date:      	24/06/19
author:		themepunch
email:     	info@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/

/* FIX FOR WORDPRESS's CRAZY <p> TAG ANOMALY */
.rs-p-wp-fix { display: none !important; margin: 0 !important; height: 0px !important; }

#debungcontrolls {
	z-index:100000;
	position:fixed;
	bottom:0px; width:100%;
	height:auto;
	background:rgba(0,0,0,0.6);
	padding:10px;
	box-sizing: border-box;
}


rs-debug {
	z-index:100000;
	position:fixed;
	top:0px; width:300px;
	height:300px;
	background:rgba(0,0,0,0.6);
	padding:10px;
	box-sizing: border-box;
	color: #fff;
	font-size: 10px;
	line-height: 13px;
	overflow: scroll;
}

/* MODAL BASICS */
rs-modal { position: fixed !important; z-index: 9999999 !important; pointer-events: none !important; }
rs-modal.rs-modal-auto { top: auto;bottom: auto;left: auto; right:auto; }
rs-modal.rs-modal-fullwidth,
rs-modal.rs-modal-fullscreen { top: 0px; left: 0px; width: 100%; height: 100%; }
rs-modal rs-fullwidth-wrap { position: absolute; top: 0px; left: 0px; height: 100%;}
rs-module-wrap.rs-modal { display:none; max-height: 100% !important; overflow: auto !important;  pointer-events: auto !important;}
rs-modal-cover { width: 100%; height: 100%; z-index: 0; background: transparent; position: absolute;top: 0px;left: 0px; cursor: pointer; pointer-events: auto}
body>rs-modal-cover { position: fixed; z-index: 9999995 !important; }

rs-sbg-px { pointer-events: none }

.rs-forcehidden * { visibility: hidden !important; }

/*rs-modal rs-fullwidth-wrap rs-module-wrap { transform: translateY(-50%) !important; top: 50% !important; }*/

.rs_splitted_lines { display: block; white-space: nowrap !important}

.debugtimeline {
	width:100%;
	height:10px;
	position:relative;
	display:block;
	margin-bottom:3px;
	display:none;
	white-space: nowrap;
	box-sizing: border-box;
}

.debugtimeline:hover {
	height:15px;

}

.the_timeline_tester {
	background:#e74c3c;
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:0;
}

.rs-go-fullscreen {
	position:fixed !important;
	width:100% !important;
	height:100% !important;
	top:0px !important;
	left:0px !important;
	z-index:9999999 !important;
	background:#ffffff;
}


.debugtimeline.tl_slide .the_timeline_tester {
	background:#f39c12;
}

.debugtimeline.tl_frame .the_timeline_tester {
	background:#3498db;
}

.debugtimline_txt {
	color:#fff;
	font-weight: 400;
	font-size:7px;
	position:absolute;
	left:10px;
	top:0px;
	white-space: nowrap;
	line-height: 10px;
}


.rtl {	direction: rtl;}
@font-face {
  font-family: 'revicons';
  src: url('https://www.dermofarma.es/skin/frontend/base/default/nwdthemes/revslider/public/assets/fonts/revicons/revicons.eot?5510888');
  src: url('https://www.dermofarma.es/skin/frontend/base/default/nwdthemes/revslider/public/assets/fonts/revicons/revicons.eot?5510888#iefix') format('embedded-opentype'),
       url('https://www.dermofarma.es/skin/frontend/base/default/nwdthemes/revslider/public/assets/fonts/revicons/revicons.woff?5510888') format('woff'),
       url('https://www.dermofarma.es/skin/frontend/base/default/nwdthemes/revslider/public/assets/fonts/revicons/revicons.ttf?5510888') format('truetype'),
       url('https://www.dermofarma.es/skin/frontend/base/default/nwdthemes/revslider/public/assets/fonts/revicons/revicons.svg?5510888#revicons') format('svg');
  font-weight: normal;
  font-style: normal;
}

 [class^="revicon-"]:before, [class*=" revicon-"]:before {
  font-family: "revicons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}


rs-module i[class^="fa-"],
rs-module i[class*=" fa-"],
.rb-modal-wrapper i[class^="fa-"],
.rb-modal-wrapper i[class*=" fa-"],
#waitaminute i[class^="fa-"],
#waitaminute i[class*=" fa-"],
#objectlibrary i[class^="fa-"],
#objectlibrary i[class*=" fa-"],
#rs_overview i[class^="fa-"],
#rs_overview i[class*=" fa-"],
#rs_overview_menu i[class^="fa-"],
#rs_overview_menu i[class*=" fa-"],
#builderView i[class^="fa-"],
#builderView i[class*=" fa-"]
{
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

rs-module [class^="fa-"]:before,
rs-module [class*=" fa-"]:before,
.rb-modal-wrapper [class^="fa-"]:before,
.rb-modal-wrapper [class*=" fa-"]:before,
#rs_overview [class^="fa-"]:before,
#rs_overview [class*=" fa-"]:before,
#objectlibrary [class^="fa-"]:before,
#objectlibrary [class*=" fa-"]:before,
#waitaminute [class^="fa-"]:before,
#waitaminute [class*=" fa-"]:before,
#rs_overview_menu [class^="fa-"]:before,
#rs_overview_menu [class*=" fa-"]:before,
#builderView [class^="fa-"]:before,
#builderView [class*=" fa-"]:before
{
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;

    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: auto;
    margin-right: 0;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    margin-left: 0;
}

rs-module .sr-only,
#objectlibrary .sr-only,
#waitaminute .sr-only,
#rs_overview .sr-only,
#rs_overview_menu .sr-only,
.rb-modal-wrapper .sr-only,
#builderView .sr-only
{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
rs-module .sr-only-focusable:active,
rs-module .sr-only-focusable:focus,
#waitaminute .sr-only-focusable:active,
#waitaminute .sr-only-focusable:focus,
#objectlibrary .sr-only-focusable:active,
#objectlibrary .sr-only-focusable:focus,
#rs_overview .sr-only-focusable:active,
#rs_overview .sr-only-focusable:focus,
#rs_overview_menu .sr-only-focusable:active,
#rs_overview_menu .sr-only-focusable:focus,
.rb-modal-wrapper .sr-only-focusable:active,
.rb-modal-wrapper .sr-only-focusable:focus,
#builderView .sr-only-focusable:active,
#builderView .sr-only-focusable:focus

{
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}


.revicon-search-1:before { content: '\e802'; } /* '' */
.revicon-pencil-1:before { content: '\e831'; } /* '' */
.revicon-picture-1:before { content: '\e803'; } /* '' */
.revicon-cancel:before { content: '\e80a'; } /* '' */
.revicon-info-circled:before { content: '\e80f'; } /* '' */
.revicon-trash:before { content: '\e801'; } /* '' */
.revicon-left-dir:before { content: '\e817'; } /* '' */
.revicon-right-dir:before { content: '\e818'; } /* '' */
.revicon-down-open:before { content: '\e83b'; } /* '' */
.revicon-left-open:before { content: '\e819'; } /* '' */
.revicon-right-open:before { content: '\e81a'; } /* '' */
.revicon-angle-left:before { content: '\e820'; } /* '' */
.revicon-angle-right:before { content: '\e81d'; } /* '' */
.revicon-left-big:before { content: '\e81f'; } /* '' */
.revicon-right-big:before { content: '\e81e'; } /* '' */
.revicon-magic:before { content: '\e807'; } /* '' */
.revicon-picture:before { content: '\e800'; } /* '' */
.revicon-export:before { content: '\e80b'; } /* '' */
.revicon-cog:before { content: '\e832'; } /* '' */
.revicon-login:before { content: '\e833'; } /* '' */
.revicon-logout:before { content: '\e834'; } /* '' */
.revicon-video:before { content: '\e805'; } /* '' */
.revicon-arrow-combo:before { content: '\e827'; } /* '' */
.revicon-left-open-1:before { content: '\e82a'; } /* '' */
.revicon-right-open-1:before { content: '\e82b'; } /* '' */
.revicon-left-open-mini:before { content: '\e822'; } /* '' */
.revicon-right-open-mini:before { content: '\e823'; } /* '' */
.revicon-left-open-big:before { content: '\e824'; } /* '' */
.revicon-right-open-big:before { content: '\e825'; } /* '' */
.revicon-left:before { content: '\e836'; } /* '' */
.revicon-right:before { content: '\e826'; } /* '' */
.revicon-ccw:before { content: '\e808'; } /* '' */
.revicon-arrows-ccw:before { content: '\e806'; } /* '' */
.revicon-palette:before { content: '\e829'; } /* '' */
.revicon-list-add:before { content: '\e80c'; } /* '' */
.revicon-doc:before { content: '\e809'; } /* '' */
.revicon-left-open-outline:before { content: '\e82e'; } /* '' */
.revicon-left-open-2:before { content: '\e82c'; } /* '' */
.revicon-right-open-outline:before { content: '\e82f'; } /* '' */
.revicon-right-open-2:before { content: '\e82d'; } /* '' */
.revicon-equalizer:before { content: '\e83a'; } /* '' */
.revicon-layers-alt:before { content: '\e804'; } /* '' */
.revicon-popup:before { content: '\e828'; } /* '' */




/******************************
	-	BASIC STYLES		-
******************************/

.tp-fullwidth-forcer { z-index: 0; pointer-events: none}
rs-module-wrap,
rs-module-wrap * { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0);}

rs-module-wrap {position:relative;z-index: 1;width:100%; display: block;}

.rs-fixedscrollon rs-module-wrap { position: fixed !important; top: 0px !important; z-index: 1000; }


rs-fw-forcer { display:block;width:100%;pointer-events: none;}
rs-module { position:relative;overflow:hidden;display: block;}

/*rs-carousel-wrap,*/
rs-pzimg-wrap,
rs-sbg-effectwrap,
rs-sbg { display: block; pointer-events: none  }

rs-sbg-effectwrap {
	position:absolute;top:0px;left:0px;width:100%;height:100%
}

rs-sbg-px,
rs-sbg-wrap {position:absolute; top:0px; left:0px; z-index:0;width:100%;height:100%;display: block;}

a.rs-layer,
a.rs-layer:-webkit-any-link { text-decoration: none }

a[x-apple-data-detectors] { color: inherit !important;   text-decoration: none !important;   font-size: inherit !important;   font-family: inherit !important;   font-weight: inherit !important;   line-height: inherit !important; }

.entry-content rs-module a, rs-module a { box-shadow: none; }

.rs-ov-hidden 		{ 	overflow:hidden !important;}


.rs-forceoverflow,
.rs-forceoverflow rs-module-wrap,
.rs-forceoverflow rs-module,
.rs-forceoverflow rs-slides,
.rs-forceoverflow rs-slide { overflow:visible !important}

.tp-simpleresponsive img,
rs-module img{
	max-width:none !important;
	transition: none;
	margin:0px;
	padding:0px;
	border:none;
}

rs-module .no-slides-text{font-weight:bold;text-align:center;padding-top:80px;}


rs-slides, rs-slide, rs-slide:before {	 position:absolute;text-indent: 0em;top:0px;left:0px;}
rs-slide,rs-slide:before {  display:block; visibility:hidden; }

.rs-layer .rs-untoggled-content { display:block;}
.rs-layer .rs-toggled-content { display:none;}

.rs-tc-active.rs-layer .rs-toggled-content { display:block;}
.rs-tc-active.rs-layer .rs-untoggled-content { display:none;}

.rs-layer-video { overflow: hidden }

rs-module rs-layer,
rs-module .rs-layer {
	opacity: 0;
	position:relative;
	visibility: hidden;
	white-space: nowrap;
	display: block;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-moz-osx-font-smoothing: grayscale;
	z-index:1;
}

rs-layer-wrap,
rs-mask,
rs-module-wrap,
rs-module .rs-layer,
rs-module img {
	-moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

rs-module rs-mask-wrap .rs-layer,
rs-module rs-mask-wrap *:last-child,
.wpb_text_column rs-module rs-mask-wrap .rs-layer,
.wpb_text_column rs-module rs-mask-wrap *:last-child{
	margin-bottom:0;

}

.rs-svg svg {	width:100%; height:100%;position: relative;vertical-align: top}

rs-layer,
.rs-layer,
rs-alyer *,
.rs-layer * { outline: none !important; }


/* CAROUSEL FUNCTIONS */
rs-carousel-wrap {
	cursor:url(https://www.dermofarma.es/skin/frontend/base/default/nwdthemes/revslider/public/assets/css/openhand.cur), move;
}
rs-carousel-wrap.dragged {
	cursor:url(https://www.dermofarma.es/skin/frontend/base/default/nwdthemes/revslider/public/assets/css/closedhand.cur), move;
}

rs-carousel-wrap { position: absolute; overflow: hidden;  width:100%;height:100%;top:0px;left:0px;}
rs-carousel-space { clear:both;display:block;width:100%;height:1px;position:relative;margin-bottom:-1px }

/* ADDED FOR SLIDELINK MANAGEMENT */
.tp_inner_padding {
	box-sizing:border-box;
	max-height:none !important;
}


.rs-layer.rs-selectable {
	-moz-user-select: all;
	-khtml-user-select: all;
	-webkit-user-select: all;
	-o-user-select: all;
}



rs-px-mask {
	overflow: hidden;
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

rs-module embed,
rs-module iframe,
rs-module object,
rs-module audio,
rs-module video {
	max-width: none !important;
	border: none;
}

rs-bg-elem 	{	position:absolute; top:0px;left:0px; width:100%;height:100%;z-index:0; display: block; pointer-events: none; }

.tp-blockmask,
.tp-blockmask_in,
.tp-blockmask_out { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #fff; z-index: 1000; transform: scaleX(0) scaleY(0);}

/***********************************************************
	- 	ZONES / GOUP / ROW / COLUMN LAYERS AND HELPERS 	-
***********************************************************/
rs-zone			{	position:absolute; width:100%;left:0px; box-sizing: border-box;min-height:50px; font-size:0px;}
rs-layer-wrap,
rs-row-wrap,
rs-column,
rs-parallax-wrap,
rs-mask-wrap,
rs-cbg-mask-wrap,
rs-loop-wrap 	{	display:block; visibility: hidden}


rs-column-wrap>rs-loop-wrap { z-index: 1 }

rs-layer-wrap,
rs-mask-wrap,
rs-cbg-mask-wrap
 { transform-style:flat;perspective:10000px; }

rs-mask-wrap { overflow: hidden }
rs-fullwidth-wrap { position:relative;width:100%;height:auto;display: block; }

.rev_row_zone_top 				{	top:0px;}
.rev_row_zone_bottom 			{	bottom:0px;}

rs-column-wrap .rs-parallax-wrap  { vertical-align: top }

.rs-layer img,
rs-layer img { vertical-align: top }

rs-row,
rs-row.rs-layer 	{
	display:table;
	position:relative;
	width:100% !important;
	table-layout: fixed;
	box-sizing: border-box;
	vertical-align: top;
	height:auto;
	font-size:0px;
}

rs-column-wrap {
	display: table-cell;
	position: relative;
	vertical-align: top;
	height: auto;
	box-sizing: border-box;
	font-size:0px;
}

rs-column {
	box-sizing: border-box;
	display: block;
	position: relative;
	width:100% !important;
	height:auto !important;
	white-space: normal !important;
}

rs-cbg-mask-wrap {
	position: absolute;
    z-index: 0;
    box-sizing: border-box;
}
rs-column-bg {
    position: absolute;
    z-index: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

.rs-pelock * { pointer-events: none !important;}

rs-column .rs-parallax-wrap,
rs-column rs-loop-wrap,
rs-column rs-mask-wrap 			{	text-align: inherit; }
rs-column rs-mask-wrap 			{	display: inline-block;}


rs-column .rs-parallax-wrap rs-loop-wrap,
rs-column .rs-parallax-wrap rs-mask-wrap,
rs-column .rs-parallax-wrap { position: relative !important; left:auto !important; top:auto !important; line-height: 0px;}

rs-column .rs-parallax-wrap rs-loop-wrap,
rs-column .rs-parallax-wrap rs-mask-wrap,
rs-column .rs-parallax-wrap,
rs-column .rev_layer_in_column { vertical-align: top; }

.rev_break_columns { display: block !important }
.rev_break_columns rs-column-wrap.rs-parallax-wrap  { display:block !important; width:100% !important; }


.rev_break_columns rs-column-wrap.rs-parallax-wrap.rs-layer-hidden,
.tp-forcenotvisible,
.tp-hide-revslider,
rs-row-wrap.rs-layer-hidden,
rs-column-wrap.rs-layer-hidden,
.rs-layer.rs-layer-hidden,
.rs-layer-audio.rs-layer-hidden,
.rs-parallax-wrap.rs-layer-hidden {
	visibility:hidden !important;
	display:none !important
}




/*********************************
	-	SPECIAL TP CAPTIONS -
**********************************/

rs-layer.rs-nointeraction,
.rs-layer.rs-nointeraction {
	pointer-events: none !important
}

rs-static-layers	{position:absolute; z-index:101; top:0px;left:0px; display: block; width: 100%;height: 100%; pointer-events: none;}

/* new static layers position option */
rs-static-layers.rs-stl-back {
	z-index:0;
}


.rs-layer rs-fcr    {width: 0;height: 0;border-left: 40px solid transparent;border-right: 0px solid transparent;border-top: 40px solid #00A8FF;position: absolute;right:100%;top:0px;}
.rs-layer rs-fcrt   {width: 0;height: 0;border-left: 40px solid transparent;border-right: 0px solid transparent;border-bottom: 40px solid #00A8FF;position: absolute;right:100%;top:0px;}
.rs-layer rs-bcr    {width: 0;height: 0;border-left: 0px solid transparent;border-right: 40px solid transparent;border-bottom: 40px solid #00A8FF;position: absolute;left:100%;top:0px;}
.rs-layer rs-bcrt   {width: 0;height: 0;border-left: 0px solid transparent;border-right: 40px solid transparent;border-top: 40px solid #00A8FF;position: absolute;left:100%;top:0px;}


.tp-layer-inner-rotation {
	position: relative !important;
}


/***********************************************
	-	SPECIAL ALTERNATIVE IMAGE SETTINGS	-
***********************************************/

img.tp-slider-alternative-image	{
	width:100%; height:auto;
}


/******************************
	-	IE8 HACKS	-
*******************************/
.noFilterClass {
	filter:none !important;
}


/********************************
	-	FULLSCREEN VIDEO	-
*********************************/

rs-bgvideo 		{	position: absolute;top:0px;left:0px; width:100%;height:100%;visibility: hidden;z-index: 0; display: block}

.rs-layer.coverscreenvideo	{	width:100%;height:100%;top:0px;left:0px;position:absolute;}
.rs-layer.rs-fsv		{	left:0px; top:0px; position:absolute;width:100%;height:100%}

.rs-layer.rs-fsv audio,
.rs-layer.rs-fsv video,
.rs-layer.rs-fsv iframe,
.rs-layer.rs-fsv iframe audio,
.rs-layer.rs-fsv iframe video	{ width:100%; height:100% ; display: none}

.fullcoveredvideo audio,
.rs-fsv audio
.fullcoveredvideo video,
.rs-fsv video				{	background: #000}

.fullcoveredvideo rs-poster		{	background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px}


.videoisplaying .html5vid rs-poster	{	display: none}

.tp-video-play-button					{
	background:#000;
	background:rgba(0,0,0,0.3);
	border-radius:5px;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #FFF;
	z-index: 3;
	margin-top: -25px;
	margin-left: -25px;
	line-height: 50px !important;
	text-align: center;
	cursor: pointer;
	width: 50px;
	height:50px;
	box-sizing: border-box;

	display: inline-block;
	vertical-align: top;
	z-index: 4;
	opacity: 0;
	transition:opacity 300ms ease-out !important;
}


.rs-audio .tp-video-play-button { display:none !important;}
.rs-layer .html5vid					{	width:100% !important; height:100% !important;}
.tp-video-play-button i 				{	width:50px;height:50px; display:inline-block; text-align: center !important; vertical-align: top; line-height: 50px !important; font-size: 30px !important;}
.rs-layer:hover .tp-video-play-button	{	opacity: 1; display:block;}
.rs-layer .tp-revstop					{	display:none;width: 15px; border-right: 5px solid #fff !important; border-left:5px solid #fff !important; transform: translateX(50%) translateY(50%);height: 20px;margin-left: 11px !important;margin-top: 5px !important;}
.videoisplaying .revicon-right-dir		{	display:none}
.videoisplaying .tp-revstop				{	display:block}

.videoisplaying  .tp-video-play-button			{	display:none}


.fullcoveredvideo .tp-video-play-button			{	display:none !important}


.rs-fsv .rs-fsv audio 		{	object-fit:contain !important;}
.rs-fsv .rs-fsv video 		{	object-fit:contain !important;}

@supports not (-ms-high-contrast:none) {
   /* Non-IE styles here */
	.rs-fsv .fullcoveredvideo audio 		{	object-fit:cover !important;}
	.rs-fsv .fullcoveredvideo video 		{	object-fit:cover !important;}
}

.rs-fullvideo-cover					{	width:100%;height:100%;top:0px;left:0px;position: absolute; background:transparent;z-index:5;}


.rs-nolc .tp-video-play-button,
rs-bgvideo video::-webkit-media-controls-start-playback-button,
rs-bgvideo video::-webkit-media-controls,
rs-bgvideo audio::-webkit-media-controls { display:none !important;}


.rs-audio .tp-video-controls {	opacity: 1 !important; visibility: visible !important}



rs-module h1.rs-layer,
rs-module h2.rs-layer,
rs-module h3.rs-layer,
rs-module h4.rs-layer,
rs-module h5.rs-layer,
rs-module h6.rs-layer,
rs-module div.rs-layer,
rs-module span.rs-layer,
rs-module p.rs-layer 	{	margin:0; padding:0; margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0; margin-inline-end: 0;}

rs-module h1.rs-layer:before,
rs-module h2.rs-layer:before,
rs-module h3.rs-layer:before,
rs-module h4.rs-layer:before,
rs-module h5.rs-layer:before,
rs-module h6.rs-layer:before { content: none; }


/********************************
	-	DOTTED OVERLAYS	-
*********************************/
rs-dotted						{	background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:3;display:block;pointer-events: none}
rs-sbg-wrap rs-dotted 			{ z-index: 31 }
rs-dotted.twoxtwo				{	background:url(https://www.dermofarma.es/skin/frontend/base/default/nwdthemes/revslider/public/assets/assets/gridtile.png)}
rs-dotted.twoxtwowhite			{	background:url(https://www.dermofarma.es/skin/frontend/base/default/nwdthemes/revslider/public/assets/assets/gridtile_white.png)}
rs-dotted.threexthree			{	background:url(https://www.dermofarma.es/skin/frontend/base/default/nwdthemes/revslider/public/assets/assets/gridtile_3x3.png)}
rs-dotted.threexthreewhite		{	background:url(https://www.dermofarma.es/skin/frontend/base/default/nwdthemes/revslider/public/assets/assets/gridtile_3x3_white.png)}


/******************************
	-	SHADOWS		-
******************************/

.tp-shadowcover	{	width:100%;height:100%;top:0px;left:0px;background: #fff;position: absolute; z-index: -1;}
.tp-shadow1 	{	box-shadow: 0 10px 6px -6px rgba(0,0,0,0.8);}

.tp-shadow2:before, .tp-shadow2:after,
.tp-shadow3:before, .tp-shadow4:after
{
  z-index: -2;
  position: absolute;
  content: "";
  bottom: 10px;
  left: 10px;
  width: 50%;
  top: 85%;
  max-width:300px;
  background: transparent;
  box-shadow: 0 15px 10px rgba(0,0,0,0.8);

  transform: rotate(-3deg);
}

.tp-shadow2:after,
.tp-shadow4:after
{
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.tp-shadow5
{
  	position:relative;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.tp-shadow5:before, .tp-shadow5:after
{
	content:"";
    position:absolute;
    z-index:-2;
    box-shadow:0 0 25px 0px  rgba(0,0,0,0.6);
    top:30%;
    bottom:0;
    left:20px;
    right:20px;
    border-radius:100px / 20px;
}



/* TP BUTTONS DESKTOP SIZE */

.rev-btn,
.rev-btn:visited						{ 	outline:none !important; box-shadow:none; text-decoration: none !important;  box-sizing:border-box;  cursor: pointer;}

.rev-btn.rev-uppercase,
.rev-btn.rev-uppercase:visited			{ 	text-transform: uppercase;  }

.rev-btn  i								{ 	font-size: inherit; font-weight: normal; position: relative; top: 0px; transition: opacity 0.2s ease-out, margin 0.2s ease-out;  margin-left:0px; line-height: inherit}

.rev-btn.rev-hiddenicon i				{ 	font-size: inherit; font-weight: normal; position: relative; top: 0px; transition: opacity 0.2s ease-out, margin 0.2s ease-out; opacity: 0; margin-left:0px !important; width:0px !important;  }
.rev-btn.rev-hiddenicon:hover i			{   opacity: 1 !important; margin-left:10px !important; width:auto !important;}


/* BURGER BUTTON */
.rev-burger {
  position: relative;
  box-sizing: border-box;
  padding: 22px 14px 22px 14px;
  border-radius: 50%;
  border: 1px solid rgba(51,51,51,0.25);
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}

.rev-burger span {
  display: block;
  width: 30px;
  height: 3px;
  background: #333;
  transition: .7s;
  pointer-events: none;
  transform-style: flat !important;
}
.rev-burger span:nth-child(2) {
  margin: 3px 0;
}

.quick_style_example_wrap .rev-burger:hover :first-child,
#dialog_addbutton .rev-burger:hover :first-child,
.open .rev-burger :first-child,
.open.rev-burger :first-child {
  transform: translateY(6px) rotate(-45deg);

}
.quick_style_example_wrap .rev-burger:hover :nth-child(2),
#dialog_addbutton .rev-burger:hover :nth-child(2),
.open .rev-burger :nth-child(2),
.open.rev-burger :nth-child(2) {
  transform: rotate(-45deg);

  opacity: 0;
}
.quick_style_example_wrap .rev-burger:hover :last-child,
#dialog_addbutton .rev-burger:hover :last-child,
.open .rev-burger :last-child,
.open.rev-burger :last-child {
  transform: translateY(-6px) rotate(-135deg);

}

.rev-burger.revb-white {
  border: 2px solid rgba(255,255,255,0.2);
}

.rev-b-span-light span,
.rev-burger.revb-white span {
  background: #fff;
}
.rev-burger.revb-whitenoborder {
  border: 0;
}
.rev-burger.revb-whitenoborder span {
  background: #fff;
}
.rev-burger.revb-darknoborder {
  border: 0;
}

.rev-b-span-dark span,
.rev-burger.revb-darknoborder span {
  background: #333;
}

.rev-burger.revb-whitefull {
  background: #fff;
  border:none;
}

.rev-burger.revb-whitefull span {
	background:#333;
}

.rev-burger.revb-darkfull {
  background: #333;
  border:none;
}

.rev-burger.revb-darkfull span {
	background:#fff;
}


/* SCROLL DOWN BUTTON */

@keyframes rev-ani-mouse {
	0% {opacity: 1;top: 29%;}
	15% {opacity: 1;top: 70%;}
	50% {opacity: 0;top: 70%;}
	100% {opacity: 0;top: 29%;}
}
.rev-scroll-btn {
	display: inline-block;
	position: relative;
	left: 0;
	right: 0;
	text-align: center;
	cursor: pointer;
	width:35px;
	height:55px;
	box-sizing: border-box;
	border: 3px solid white;
	border-radius: 23px;
}
.rev-scroll-btn > * {
	display: inline-block;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	color: #7f8c8d;
	color: #ffffff;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
}
.rev-scroll-btn > *:hover,
.rev-scroll-btn > *:focus,
.rev-scroll-btn > *.active {
	color: #ffffff;
}
.rev-scroll-btn > *:hover,
.rev-scroll-btn > *:focus,
.rev-scroll-btn > *:active,
.rev-scroll-btn > *.active {
	opacity: 0.8;
}

.rev-scroll-btn.revs-fullwhite  {
	background:#fff;
}

.rev-scroll-btn.revs-fullwhite span {
	background: #333;
}

.rev-scroll-btn.revs-fulldark,  {
	background:#333;
	border:none;
}

.rev-scroll-btn.revs-fulldark  span {
	background: #fff;
}

.rev-scroll-btn span {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	border-radius: 50%;
	animation: rev-ani-mouse 2.5s linear infinite;
	background: #fff;
}

.rev-scroll-btn.rev-b-span-dark {
	border-color:#333;
}
.rev-scroll-btn.rev-b-span-dark span,
.rev-scroll-btn.revs-dark span {
	background: #333;
}

.rev-control-btn {
	position: relative;
	display: inline-block;
	z-index: 5;
	color: #FFF;
	font-size: 20px;
	line-height: 60px;
	font-weight: 400;
	font-style: normal;
	font-family: Raleway;
	text-decoration: none;
	text-align: center;
	background-color: #000;
	border-radius: 50px;
	text-shadow: none;
	background-color: rgba(0, 0, 0, 0.50);
	width:60px;
	height:60px;
	box-sizing: border-box;
	cursor: pointer;
}

.rev-cbutton-dark-sr	{
	border-radius: 3px;
}

.rev-cbutton-light	{
	color: #333;
	background-color: rgba(255,255,255, 0.75);
}

.rev-cbutton-light-sr	{
	color: #333;
	border-radius: 3px;
	background-color: rgba(255,255,255, 0.75);
}


.rev-sbutton {
	line-height: 37px;
	width:37px;
	height:37px;
}

.rev-sbutton-blue	{
	background-color: #3B5998
}
.rev-sbutton-lightblue	{
	background-color: #00A0D1;
}
.rev-sbutton-red	{
	background-color: #DD4B39;
}




/************************************
-	TP BANNER TIMER		-
*************************************/
rs-progress								{	visibility: hidden; width:100%; height:5px; background:#000; background:rgba(0,0,0,0.15); position:absolute; z-index:200; top:0px}
rs-progress.rs-bottom					{	top:auto; bottom:0px !important;height:5px}



/*********************************************
-	BASIC SETTINGS FOR THE BANNER	-
***********************************************/
.rs-layer img {
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
	zoom:1;
}


.rs-layer.slidelink { cursor:pointer;width:100%;height:100%; }
.rs-layer.slidelink a {	width:100%;height:100%;display:block}
.rs-layer.slidelink a div {	width:3000px; height:1500px;  background:url(https://www.dermofarma.es/skin/frontend/base/default/nwdthemes/revslider/public/assets/assets/coloredbg.png) repeat}
.rs-layer.slidelink a span{	background:url(https://www.dermofarma.es/skin/frontend/base/default/nwdthemes/revslider/public/assets/assets/coloredbg.png) repeat; width:100%;height:100%;display:block}
/*.tp-shape {	width:100%;height:100%;}*/



/*********************************************
-	WOOCOMMERCE STYLES	-
***********************************************/

.rs-layer .rs-starring				{	display: inline-block}


.rs-layer .rs-starring .star-rating {
	float: none;
	display: inline-block;
    vertical-align: top;
    color: #FFC321 !important;
}


.rs-layer .rs-starring .star-rating,
.rs-layer .rs-starring-page .star-rating {
	position: relative;
	height: 1em;
	width: 5.4em;
	font-family: star;
	font-size: 1em !important;
}

.rs-layer  .rs-starring .star-rating:before,
.rs-layer  .rs-starring-page .star-rating:before {
	content: "\73\73\73\73\73";
	color: #E0DADF;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
}

.rs-layer .rs-starring .star-rating span {
	overflow: hidden;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
	padding-top: 1.5em;
	font-size: 1em !important;
}

.rs-layer .rs-starring .star-rating span:before,
.rs-layer .rs-starring .star-rating span:before {
	content: "\53\53\53\53\53";
	top: 0;
	position: absolute;
	left: 0;
}




/******************************
	-	LOADER FORMS	-
********************************/

rs-loader 	{
	top:50%; left:50%;
	z-index:10000;
	position:absolute;
}

rs-loader.off {
	display: none !important;
}

rs-loader.spinner0 {
	width: 40px;
	height: 40px;
	background-color: #fff;
	background-image:url(https://www.dermofarma.es/skin/frontend/base/default/nwdthemes/revslider/public/assets/assets/loader.gif);
	background-repeat:no-repeat;
	background-position: center center;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	margin-top:-20px;
	margin-left:-20px;
	animation: tp-rotateplane 1.2s infinite ease-in-out;
	border-radius: 3px;
}


rs-loader.spinner1 {
	width: 40px;
	height: 40px;
	background-color: #fff;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	margin-top:-20px;
	margin-left:-20px;
	animation: tp-rotateplane 1.2s infinite ease-in-out;
	border-radius: 3px;
}



rs-loader.spinner5 	{
	background-image:url(https://www.dermofarma.es/skin/frontend/base/default/nwdthemes/revslider/public/assets/assets/loader.gif);
	background-repeat:no-repeat;
	background-position:10px 10px;
	background-color:#fff;
	margin:-22px -22px;
	width:44px;height:44px;
	border-radius: 3px;
}


@keyframes tp-rotateplane {
  0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg);}
  50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);}
  100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}
}


rs-loader.spinner2 {
	width: 40px;
	height: 40px;
	margin-top:-20px;margin-left:-20px;
	background-color: #ff0000;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	border-radius: 100%;
	animation: tp-scaleout 1.0s infinite ease-in-out;
}


@keyframes tp-scaleout {
  0% {transform: scale(0.0);}
  100% {transform: scale(1.0);opacity: 0;}
}


rs-loader.spinner3 {
  margin: -9px 0px 0px -35px;
  width: 70px;
  text-align: center;
}

rs-loader.spinner3 .bounce1,
rs-loader.spinner3 .bounce2,
rs-loader.spinner3 .bounce3 {
  width: 18px;
  height: 18px;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  border-radius: 100%;
  display: inline-block;
  animation: tp-bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  animation-fill-mode: both;
}

rs-loader.spinner3 .bounce1 {
  animation-delay: -0.32s;
}

rs-loader.spinner3 .bounce2 {
  animation-delay: -0.16s;
}

@keyframes tp-bouncedelay {
  0%, 80%, 100% {transform: scale(0.0);}
  40% {transform: scale(1.0);}
}




rs-loader.spinner4 {
  margin: -20px 0px 0px -20px;
  width: 40px;
  height: 40px;
  text-align: center;
  animation: tp-rotate 2.0s infinite linear;
}

rs-loader.spinner4 .dot1,
rs-loader.spinner4 .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #fff;
  border-radius: 100%;
  animation: tp-bounce 2.0s infinite ease-in-out;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
}

rs-loader.spinner4 .dot2 {
  top: auto;
  bottom: 0px;
  animation-delay: -1.0s;
}


@keyframes tp-rotate { 100% { transform: rotate(360deg);}}

@keyframes tp-bounce {
  0%, 100% {transform: scale(0.0);}
  50% { transform: scale(1.0);}
}



rs-layer iframe { visibility:hidden;}
rs-layer.rs-ii-o iframe { visibility: visible; }

rs-layer input[type="text"],
rs-layer input[type="email"],
rs-layer input[type="url"],
rs-layer input[type="password"],
rs-layer input[type="search"],
rs-layer input[type="number"],
rs-layer input[type="tel"],
rs-layer input[type="range"],
rs-layer input[type="date"],
rs-layer input[type="month"],
rs-layer input[type="week"],
rs-layer input[type="time"],
rs-layer input[type="datetime"],
rs-layer input[type="datetime-local"] { display: inline-block }


/***********************************************
	-  STANDARD NAVIGATION SETTINGS
***********************************************/

rs-thumbs-wrap,
rs-tabs-wrap,
rs-thumbs,
rs-thumb,
rs-tab,
rs-bullet,
rs-bullets,
rs-navmask,
rs-tabs,
rs-arrow 					{	display:block;}

.tp-thumbs.navbar,
.tp-bullets.navbar,
.tp-tabs.navbar					{	border:none; min-height: 0; margin:0; border-radius: 0; }

.tp-tabs,
.tp-thumbs,
.tp-bullets						{	position:absolute; display:block; z-index:1000; top:0px; left:0px;}

.tp-tab,
.tp-thumb 						{	cursor: pointer; position:absolute;opacity:0.5;  box-sizing: border-box;}

.tp-arr-imgholder,
rs-poster,
.tp-thumb-image,
.tp-tab-image					{	background-position: center center; background-size:cover;width:100%;height:100%; display:block; position:absolute;top:0px;left:0px;}

rs-poster 						 { cursor:pointer; z-index:3; }

.tp-tab:hover,
.tp-tab.selected,
.tp-thumb:hover,
.tp-thumb.selected				{	opacity:1;}

.tp-tab-mask,
.tp-thumb-mask 					{	box-sizing:border-box !important; }

.tp-tabs,
.tp-thumbs						{	box-sizing:content-box !important; }

.tp-bullet 						{	width:15px;height:15px; position:absolute; background:#fff; background:rgba(255,255,255,0.3); cursor: pointer;}
.tp-bullet.selected,
.tp-bullet:hover				{	background:#fff;}




.tparrows						{	cursor:pointer; background:#000; background:rgba(0,0,0,0.5); width:40px;height:40px;position:absolute; display:block; z-index:1000; }
.tparrows:hover 				{	background:#000;}
.tparrows:before				{	font-family: "revicons"; font-size:15px; color:#fff; display:block; line-height: 40px; text-align: center;}
.tparrows.tp-leftarrow:before	{	content: '\e824'; }
.tparrows.tp-rightarrow:before	{	content: '\e825'; }

/*.tp-thumb-mask {max-width: 100% !important}*/

/************************
 - FIXES FOR PE-7 ICONS -
**************************/

.rs-layer [class^="pe-7s-"]:before,
.rs-layer [class*=" pe-7s-"]:before {
	width: auto;
	margin: 0;
	line-height: inherit;
	box-sizing: inherit;
}


/***************************
	- KEN BURNS FIXES -
***************************/

rs-pzimg-wrap { display: block; }
body.rtl .rs-pzimg {left: 0 !important}



/***************************
	- 3D SHADOW MODE -
***************************/

.dddwrappershadow { box-shadow:0 45px 100px rgba(0, 0, 0, 0.4);}

.dddwrapper { transform-style: flat;perspective: 10000px; }

/*******************
	- DEBUG MODE -
*******************/

.rs_error_message_box { background: #111;width:800px;margin: 40px auto;padding: 40px 20px;text-align: center;font-family: "Open Sans",sans-serif}
.rs_error_message_oops {margin: 0px 0px 20px;line-height: 60px;font-size: 34px;color: #FFF;}
.rs_error_message_content {margin: 0px 0px 20px;line-height: 25px;font-size: 17px;color: #FFF;}
.rs_error_message_button {color: #fff !important;background: #333;display: inline-block;padding: 10px 15px;text-align: right;border-radius: 5px;cursor: pointer;text-decoration: none !important}
.rs_error_message_button:hover {  background:#5e35b1}



.hglayerinfo				   {	  position: fixed;
  bottom: 0px;
  left: 0px;
  color: #FFF;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  background: rgba(0, 0, 0, 0.75);
  padding: 5px 10px;
  z-index: 2000;
  white-space: normal;}
.hginfo 					   { 	position:absolute;top:-2px;left:-2px;color:#e74c3c;font-size:12px;font-weight:600; background:#000;padding:2px 5px;}
.indebugmode .rs-layer:hover { 	border:1px dashed #c0392b !important;}
.helpgrid 					   { 	border:2px dashed #c0392b;position:absolute;top:0px;left:0px;z-index:0 }
#revsliderlogloglog				{	padding:15px;color:#fff;position:fixed; top:0px;left:0px;width:200px;height:150px;background:rgba(0,0,0,0.7); z-index:100000; font-size:10px; overflow:scroll;}



/**
INSTAGRAM FILTERS BY UNA
https://una.im/CSSgram/
**/
.aden{filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.perpetua::after,.reyes::after{mix-blend-mode:soft-light;opacity:.5}.inkwell{filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)}.perpetua::after{background:linear-gradient(to bottom,#005b9a,#e6c13d)}.reyes{filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes::after{background:#efcdad}.gingham{filter:brightness(1.05) hue-rotate(-10deg)}.gingham::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.toaster{filter:contrast(1.5) brightness(.9)}.toaster::after{background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen}.walden{filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden::after{background:#04c;mix-blend-mode:screen;opacity:.3}.hudson{filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson::after{background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}.earlybird{filter:contrast(.9) sepia(.2)}.earlybird::after{background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay}.mayfair{filter:contrast(1.1) saturate(1.1)}.mayfair::after{background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4}.lofi{filter:saturate(1.1) contrast(1.5)}.lofi::after{background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply}._1977{filter:contrast(1.1) brightness(1.1) saturate(1.3)}._1977:after{background:rgba(243,106,188,.3);mix-blend-mode:screen}.brooklyn{filter:contrast(.9) brightness(1.1)}.brooklyn::after{background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay}.xpro2{filter:sepia(.3)}.xpro2::after{background:radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn}.nashville{filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)}.nashville::after{background:rgba(0,70,150,.4);mix-blend-mode:lighten}.nashville::before{background:rgba(247,176,153,.56);mix-blend-mode:darken}.lark{filter:contrast(.9)}.lark::after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark::before{background:#22253f;mix-blend-mode:color-dodge}.moon{filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon::before{background:#a0a0a0;mix-blend-mode:soft-light}.moon::after{background:#383838;mix-blend-mode:lighten}.clarendon{filter:contrast(1.2) saturate(1.35)}.clarendon:before{background:rgba(127,187,227,.2);mix-blend-mode:overlay}.willow{filter:grayscale(.5) contrast(.95) brightness(.9)}.willow::before{background-color:radial-gradient(40%,circle,#d4a9af 55%,#000 150%);mix-blend-mode:overlay}.willow::after{background-color:#d8cdcb;mix-blend-mode:color}.rise{filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9)}.rise::after{background:radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);mix-blend-mode:overlay;opacity:.6}.rise::before{background:radial-gradient(circle,rgba(236,205,169,.15) 55%,rgba(50,30,7,.4));mix-blend-mode:multiply}._1977:after,._1977:before,.aden:after,.aden:before,.brooklyn:after,.brooklyn:before,.clarendon:after,.clarendon:before,.earlybird:after,.earlybird:before,.gingham:after,.gingham:before,.hudson:after,.hudson:before,.inkwell:after,.inkwell:before,.lark:after,.lark:before,.lofi:after,.lofi:before,.mayfair:after,.mayfair:before,.moon:after,.moon:before,.nashville:after,.nashville:before,.perpetua:after,.perpetua:before,.reyes:after,.reyes:before,.rise:after,.rise:before,.slumber:after,.slumber:before,.toaster:after,.toaster:before,.walden:after,.walden:before,.willow:after,.willow:before,.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}._1977,.aden,.brooklyn,.clarendon,.earlybird,.gingham,.hudson,.inkwell,.lark,.lofi,.mayfair,.moon,.nashville,.perpetua,.reyes,.rise,.slumber,.toaster,.walden,.willow,.xpro2{position:relative}._1977 img,.aden img,.brooklyn img,.clarendon img,.earlybird img,.gingham img,.hudson img,.inkwell img,.lark img,.lofi img,.mayfair img,.moon img,.nashville img,.perpetua img,.reyes img,.rise img,.slumber img,.toaster img,.walden img,.willow img,.xpro2 img{width:100%;z-index:1}._1977:before,.aden:before,.brooklyn:before,.clarendon:before,.earlybird:before,.gingham:before,.hudson:before,.inkwell:before,.lark:before,.lofi:before,.mayfair:before,.moon:before,.nashville:before,.perpetua:before,.reyes:before,.rise:before,.slumber:before,.toaster:before,.walden:before,.willow:before,.xpro2:before{z-index:2}._1977:after,.aden:after,.brooklyn:after,.clarendon:after,.earlybird:after,.gingham:after,.hudson:after,.inkwell:after,.lark:after,.lofi:after,.mayfair:after,.moon:after,.nashville:after,.perpetua:after,.reyes:after,.rise:after,.slumber:after,.toaster:after,.walden:after,.willow:after,.xpro2:after{z-index:3}.slumber{filter:saturate(.66) brightness(1.05)}.slumber::after{background:rgba(125,105,24,.5);mix-blend-mode:soft-light}.slumber::before{background:rgba(69,41,12,.4);mix-blend-mode:lighten}
rs-pzimg-wrap.xpro2:before,
rs-pzimg-wrap.xpro2:after,
rs-pzimg-wrap:before,
rs-pzimg-wrap:after {height:500%;width:500%}

/**
new spinners
**/
rs-loader.spinner6{width:40px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner6 .rs-spinner-inner{width:100%;height:100%;display:inline-block;-webkit-animation:rs-revealer-6 1.4s linear infinite;animation:rs-revealer-6 1.4s linear infinite}rs-loader.spinner6 .rs-spinner-inner span{position:absolute;vertical-align:top;border-radius:100%;display:inline-block;width:8px;height:8px;margin-left:16px;transform-origin:center 20px;-webkit-transform-origin:center 20px}rs-loader.spinner6 .rs-spinner-inner span:nth-child(2){transform:rotate(36deg);-webkit-transform:rotate(36deg);opacity:.1}rs-loader.spinner6 .rs-spinner-inner span:nth-child(3){transform:rotate(72deg);-webkit-transform:rotate(72deg);opacity:.2}rs-loader.spinner6 .rs-spinner-inner span:nth-child(4){transform:rotate(108deg);-webkit-transform:rotate(108deg);opacity:.3}rs-loader.spinner6 .rs-spinner-inner span:nth-child(5){transform:rotate(144deg);-webkit-transform:rotate(144deg);opacity:.4}rs-loader.spinner6 .rs-spinner-inner span:nth-child(6){transform:rotate(180deg);-webkit-transform:rotate(180deg);opacity:.5}rs-loader.spinner6 .rs-spinner-inner span:nth-child(7){transform:rotate(216deg);-webkit-transform:rotate(216deg);opacity:.6}rs-loader.spinner6 .rs-spinner-inner span:nth-child(8){transform:rotate(252deg);-webkit-transform:rotate(252deg);opacity:.7}rs-loader.spinner6 .rs-spinner-inner span:nth-child(9){transform:rotate(288deg);-webkit-transform:rotate(288deg);opacity:.8}rs-loader.spinner6 .rs-spinner-inner span:nth-child(10){transform:rotate(324deg);-webkit-transform:rotate(324deg);opacity:.9}@keyframes rs-revealer-6{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes rs-revealer-6{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}rs-loader.spinner7{width:35px;height:35px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner7 .rs-spinner-inner{width:100%;height:100%;display:inline-block;padding:0;border-radius:100%;border:2px solid;-webkit-animation:rs-revealer-7 .8s linear infinite;animation:rs-revealer-7 .8s linear infinite}@keyframes rs-revealer-7{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes rs-revealer-7{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}rs-loader.spinner8{width:50px;height:50px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner8 .rs-spinner-inner{width:100%;height:100%;display:inline-block;padding:0;text-align:left}rs-loader.spinner8 .rs-spinner-inner span{position:absolute;display:inline-block;width:100%;height:100%;border-radius:100%;-webkit-animation:rs-revealer-8 1.6s linear infinite;animation:rs-revealer-8 1.6s linear infinite}rs-loader.spinner8 .rs-spinner-inner span:last-child{animation-delay:-.8s;-webkit-animation-delay:-.8s}@keyframes rs-revealer-8{0%{transform:scale(0,0);opacity:.5}100%{transform:scale(1,1);opacity:0}}@-webkit-keyframes rs-revealer-8{0%{-webkit-transform:scale(0,0);opacity:.5}100%{-webkit-transform:scale(1,1);opacity:0}}rs-loader.spinner9{width:40px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner9 .rs-spinner-inner span{display:block;width:100%;height:100%;border-radius:50%;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:rs-revealer-9 2s infinite ease-in-out;animation:rs-revealer-9 2s infinite ease-in-out}rs-loader.spinner9 .rs-spinner-inner span:last-child{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes rs-revealer-9{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes rs-revealer-9{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}rs-loader.spinner10{width:54px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner10 .rs-spinner-inner{width:100%;height:100%;text-align:center;font-size:10px}rs-loader.spinner10 .rs-spinner-inner span{display:block;height:100%;width:6px;display:inline-block;-webkit-animation:rs-revealer-10 1.2s infinite ease-in-out;animation:rs-revealer-10 1.2s infinite ease-in-out}rs-loader.spinner10 .rs-spinner-inner span:nth-child(2){-webkit-animation-delay:-1.1s;animation-delay:-1.1s}rs-loader.spinner10 .rs-spinner-inner span:nth-child(3){-webkit-animation-delay:-1s;animation-delay:-1s}rs-loader.spinner10 .rs-spinner-inner span:nth-child(4){-webkit-animation-delay:-.9s;animation-delay:-.9s}rs-loader.spinner10 .rs-spinner-inner span:nth-child(5){-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes rs-revealer-10{0%,100%,40%{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes rs-revealer-10{0%,100%,40%{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}rs-loader.spinner11{width:40px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner11 .rs-spinner-inner{width:100%;height:100%}rs-loader.spinner11 .rs-spinner-inner span{display:block;width:33%;height:33%;background-color:#333;float:left;-webkit-animation:rs-revealer-11 1.3s infinite ease-in-out;animation:rs-revealer-11 1.3s infinite ease-in-out}rs-loader.spinner11 .rs-spinner-inner span:nth-child(1){-webkit-animation-delay:.2s;animation-delay:.2s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(4){-webkit-animation-delay:.1s;animation-delay:.1s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(5){-webkit-animation-delay:.2s;animation-delay:.2s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(6){-webkit-animation-delay:.3s;animation-delay:.3s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(7){-webkit-animation-delay:0s;animation-delay:0s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(8){-webkit-animation-delay:.1s;animation-delay:.1s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(9){-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes rs-revealer-11{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes rs-revealer-11{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}rs-loader.spinner12{width:35px;height:35px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner12 .rs-spinner-inner{width:100%;height:100%;-webkit-animation:rs-revealer-12 1s infinite linear;animation:rs-revealer-12 1s infinite linear}@-webkit-keyframes rs-revealer-12{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes rs-revealer-12{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}rs-loader.spinner13{width:40px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner13 .rs-spinner-inner{width:100%;height:100%}rs-loader.spinner13 .rs-spinner-inner span{display:block;width:40%;height:40%;position:absolute;border-radius:50%;-webkit-animation:rs-revealer-13 2s ease infinite;animation:rs-revealer-13 2s ease infinite}rs-loader.spinner13 .rs-spinner-inner span:nth-child(1){animation-delay:-1.5s;-webkit-animation-delay:-1.5s}rs-loader.spinner13 .rs-spinner-inner span:nth-child(2){animation-delay:-1s;-webkit-animation-delay:-1s}rs-loader.spinner13 .rs-spinner-inner span:nth-child(3){animation-delay:-.5s;-webkit-animation-delay:-.5s}@keyframes rs-revealer-13{0%,100%{transform:translate(0)}25%{transform:translate(160%)}50%{transform:translate(160%,160%)}75%{transform:translate(0,160%)}}@-webkit-keyframes rs-revealer-13{0%,100%{-webkit-transform:translate(0)}25%{-webkit-transform:translate(160%)}50%{-webkit-transform:translate(160%,160%)}75%{-webkit-transform:translate(0,160%)}}rs-loader.spinner14{width:40px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner14 .rs-spinner-inner{width:100%;height:100%;animation:rs-revealer-14 1s infinite linear}rs-loader.spinner14 .rs-spinner-inner span{display:block;position:absolute;top:50%;left:50%;width:16px;height:16px;border-radius:50%;margin:-8px}rs-loader.spinner14 .rs-spinner-inner span:nth-child(1){-webkit-animation:rs-revealer-14-1 2s infinite;animation:rs-revealer-14-1 2s infinite}rs-loader.spinner14 .rs-spinner-inner span:nth-child(2){-webkit-animation:rs-revealer-14-2 2s infinite;animation:rs-revealer-14-2 2s infinite}rs-loader.spinner14 .rs-spinner-inner span:nth-child(3){-webkit-animation:rs-revealer-14-3 2s infinite;animation:rs-revealer-14-3 2s infinite}rs-loader.spinner14 .rs-spinner-inner span:nth-child(4){-webkit-animation:rs-revealer-14-4 2s infinite;animation:rs-revealer-14-4 2s infinite}@-webkit-keyframes rs-revealer-14-1{0%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(80%,80%,0)}80%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(80%,80%,0)}100%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@-webkit-keyframes rs-revealer-14-2{0%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(80%,-80%,0)}80%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(80%,-80%,0)}100%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@-webkit-keyframes rs-revealer-14-3{0%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(-80%,-80%,0)}80%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(-80%,-80%,0)}100%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@-webkit-keyframes rs-revealer-14-4{0%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(-80%,80%,0)}80%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(-80%,80%,0)}100%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@keyframes rs-revealer-14-1{0%{transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{transform:rotate3d(0,0,1,0deg) translate3d(80%,80%,0)}80%{transform:rotate3d(0,0,1,360deg) translate3d(80%,80%,0)}100%{transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@keyframes rs-revealer-14-2{0%{transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{transform:rotate3d(0,0,1,0deg) translate3d(80%,-80%,0)}80%{transform:rotate3d(0,0,1,360deg) translate3d(80%,-80%,0)}100%{transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@keyframes rs-revealer-14-3{0%{transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{transform:rotate3d(0,0,1,0deg) translate3d(-80%,-80%,0)}80%{transform:rotate3d(0,0,1,360deg) translate3d(-80%,-80%,0)}100%{transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@keyframes rs-revealer-14-4{0%{transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{transform:rotate3d(0,0,1,0deg) translate3d(-80%,80%,0)}80%{transform:rotate3d(0,0,1,360deg) translate3d(-80%,80%,0)}100%{transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}rs-loader.spinner15{width:40px;height:40px;margin-top:-4px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner15 .rs-spinner-inner{width:100%;height:100%}rs-loader.spinner15 .rs-spinner-inner span{display:block;width:20px;height:20px;position:absolute;top:0;left:0;-webkit-animation:rs-revealer-15 1.8s infinite ease-in-out;animation:rs-revealer-15 1.8s infinite ease-in-out}rs-loader.spinner15 .rs-spinner-inner:last-child{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes rs-revealer-15{25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg)}}@keyframes rs-revealer-15{25%{transform:translateX(30px) rotate(-90deg) scale(.5);-webkit-transform:translateX(30px) rotate(-90deg) scale(.5)}50%{transform:translateX(30px) translateY(30px) rotate(-179deg);-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{transform:translateX(30px) translateY(30px) rotate(-180deg);-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}}

/* Fix for Ken Burn background disappear */
.active-rs-slide rs-sbg-wrap.kenburn_fix {
    opacity: 1 !important;
    visibility: visible !important;
}