/**
 * OpenMage
 *
 * 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 at https://opensource.org/license/afl-3-0-php
 *
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2006-2020 Magento, Inc. (https://www.magento.com)
 * @copyright   Copyright (c) 2022 The OpenMage Contributors (https://www.openmage.org)
 * @license     https://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.serafinishop.com/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.serafinishop.com/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.serafinishop.com/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.serafinishop.com/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.serafinishop.com/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.serafinishop.com/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.serafinishop.com/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.serafinishop.com/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.serafinishop.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */

.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.serafinishop.com/skin/frontend/typologancee/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;
}
/* Block hints */

.amfpc-block-info
{
    position:relative;
    border:1px dotted #008080;
    margin:6px 2px;
    padding:18px 2px 2px 2px;
    zoom: 1;
}

.amfpc-block-info:hover
{
    border-color: orange !important;
}

.amfpc-block-info>.amfpc-block-handle,
.amfpc-block-info>.amfpc-template-info
{
    position:absolute;
    top:0;
    padding:2px 5px;
    background:#008080;
    color:white;
    font:normal 11px Arial;
    text-align:left !important;
    z-index:998;
    text-transform: none;
}

.amfpc-block-info>.amfpc-block-handle:hover,
.amfpc-block-info>.amfpc-template-info:hover
{
    z-index:999;
}

.amfpc-block-info>.amfpc-block-handle
{
    cursor: default;
    left:0;
    white-space: nowrap;
}

.amfpc-block-info>.amfpc-template-info
{
    right:0;
}

.amfpc-block-info>.amfpc-block-handle:hover
{
    background-color: orange !important;
}

.amfpc-block-info.active
{
    -webkit-animation: amfpc-blocks 1s linear .5s infinite alternate;
    animation: amfpc-blocks 1s linear .5s infinite alternate;
}

@-webkit-keyframes amfpc-blocks {
    from {opacity: 1;}
    to {opacity: .1;}
}

@keyframes amfpc-blocks {
    from {opacity: 1;}
    to {opacity: .1;}
}

/* Updated blocks */

.amfpc-block-info.updated
{
    border-color: red;
}

.amfpc-block-info.updated>.amfpc-block-handle
{
    top:0;
    background:red;
}

/* Status popup */

.amfpc-info
{
    width: 350px;
    min-height: 95px;
    position: fixed;
    bottom: 10px;
    left: 10px;
    background: #008080;
    color: #fff;
    z-index: 99999;
    font-size: 32px;
}

.amfpc-info h1
{
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    padding: 2px 5px;
    font-size: 14px;
    font-weight: bold;
}

.amfpc-info h2
{
    margin-top: 12px;
    text-align: center;
    font-size: 30px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
}

.amfpc-info .amfpc-content
{
    line-height: 48px;
}
.ampreorder_note {
    font-weight: bold !important;
    color: #999999;
}
div.amshopby-column {
    float: left;
    width: 49%;
    overflow: hidden;
}

select.amshopby-select {
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-size: 12px;
    height: 32px;
    line-height: 1.5;
    width: 98% !important;  
    background: #ffffff none repeat scroll 0 0;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #fff;
    background-image: url("/skin/frontend/base/default/onestepcheckout/images/icon_arrow.svg") !important;
    background-origin: padding-box;
    background-position: 98% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 18px auto !important;
    border-radius: 0 !important;
    padding: 1px 26px 0 8px !important;    
}

.amshopby-logo{
padding: 0pt 10px 10px 0pt; float: left;
}

.amshopby-featured {
    padding: 5px 5px 5px 5px; 
}

.amshopby-link{
    float:left;
    padding-left:5px; 
    padding-top:5px;
}

.amshopby-clearer {
	display:block; 
	clear:both; 
	overflow: hidden;
}
div.block-layered-nav dd a,
.amshopby-links-wrapper .amshopby-link a
{
  padding:0px 5px 0px 0px; display:block; float: left;
}  
/*
div.block-layered-nav dd a.amshopby-attr, 
div.block-layered-nav dd a.amshopby-attr:hover {
  padding-left:15px; 
  background-image:url(https://www.serafinishop.com/skin/frontend/base/default/images/amshopby-cb1.gif); 
  background-repeat: no-repeat; 
  background-position: left center;
}
*/
/*
div.block-layered-nav dd a.amshopby-attr::before, 
div.block-layered-nav dd a.amshopby-attr-selected::before {
  border-style: none !important;
}
*/
/*
div.block-layered-nav dd a.amshopby-attr-selected {
  font-weight: bold; 
  /*padding-left:15px; 
  background-image:url(https://www.serafinishop.com/skin/frontend/base/default/images/amshopby-cb2.gif); 
  background-repeat: no-repeat; 
  background-position: left center;
}*/
div.block-layered-nav dd a.amshopby-attr-inactive {pointer-events: none; color: #666666}
div.block-layered-nav dd a img,
.amshopby-links-wrapper .amshopby-link a img
{/* padding: 0px 4px 5px;*/ float:left;max-width: 21px;}

/*div.block-layered-nav dd .single-choice a.amshopby-attr,
div.block-layered-nav dd .single-choice a.amshopby-attr:hover
{background-image: url(https://www.serafinishop.com/skin/frontend/base/default/images/amshopby-rb1.gif);}
*/
/*div.block-layered-nav dd .single-choice a.amshopby-attr-selected
{background-image: url(https://www.serafinishop.com/skin/frontend/base/default/images/amshopby-rb2.gif);}
*/
div.block-layered-nav dd li.amshopby-cat-level-2 {padding-left:10px;}
div.block-layered-nav dd li.amshopby-cat-level-3 {padding-left:20px;}

div.block-layered-nav dd a.amshopby-cat-selected {font-weight: bold;
color:black; text-decoration: none; cursor:text;}

div.block-layered-nav li.amshopby-cat-multi a {
    padding-left:15px;
    background-image:url(https://www.serafinishop.com/skin/frontend/base/default/images/amshopby-cb1.gif); background-repeat: no-repeat; background-position: left center;
}

div.block-layered-nav li.amshopby-cat-multiselected a {
    font-weight: bold;
    background-image:url(https://www.serafinishop.com/skin/frontend/base/default/images/amshopby-cb2.gif); background-repeat: no-repeat; background-position: left center;
}

div.block-layered-nav dd li span.amshopby-plusminus {float:left;
display:block; width:15px; height:15px; cursor:pointer;
background:transparent url(https://www.serafinishop.com/skin/frontend/base/default/images/amshopby-plus.gif)  no-repeat;}
div.block-layered-nav dd li span.minus {background:transparent
url(https://www.serafinishop.com/skin/frontend/base/default/images/amshopby-minus.gif) no-repeat;}
div.block-layered-nav dd li:after {display:block; content:".";
clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }



div.block-layered-nav.amshopby-collapse-enabled dl dt {
     cursor:pointer;
     padding-left:15px;
     background:url(https://www.serafinishop.com/skin/frontend/base/default/images/amshopby-expanded.gif) center left no-repeat;
}
div.block-layered-nav.amshopby-collapse-enabled dl dt::after {
    border-style: none !important;
}
div.block-layered-nav.amshopby-collapse-enabled dl dt.amshopby-collapsed {background:url(https://www.serafinishop.com/skin/frontend/base/default/images/amshopby-collapsed.gif) center left no-repeat;}
.main .col-left div.block-layered-nav.amshopby-collapse-enabled dl dt{background:url(https://www.serafinishop.com/skin/frontend/base/default/images/amshopby-expanded.gif) center left no-repeat;}
.main .col-left div.block-layered-nav.amshopby-collapse-enabled dl dt.amshopby-collapsed{background:url(https://www.serafinishop.com/skin/frontend/base/default/images/amshopby-collapsed.gif) center left no-repeat;}

.main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content dl dd .no-display {
    display: block!important;
}

div.block-layered-nav div.amshopby-slider {
	 position:relative; margin:10px 4px 5px 4px; z-index:9; height:18px;  background: url(https://www.serafinishop.com/skin/frontend/base/default/images/amshopby-slider-bg.gif) repeat-x 0 50%; cursor:pointer;
}
div.block-layered-nav div.amshopby-slider div.handle {margin-left:-4px; width:8px; top:3px; height:14px; background: transparent url(https://www.serafinishop.com/skin/frontend/base/default/images/amshopby-hadle.png) no-repeat; position: absolute; cursor:move; z-index: 2;}

/*
 * Slider labels
 */
.amshopby-slider-price {
	color: #798794;
}
.amshopby-slider-price-from {
	float: left;
    
}
.amshopby-slider-price-to {
	float: right;
}

.amshopby-slider-handle-right {
	position: absolute;
	top: 14px;
	right: 0px;
}

.amshopby-slider-handle-left {
	position: absolute;
	top: 14px;
	left: 0px;
}

.amshopby-tooltip {
    padding:2px 5px;
    background:#FEC;
    border:1px solid #FAA819;
    color:#1F5070;
    text-align:left;
    width:200px;
    position:absolute;
}

.amshopby-slider-price-range 
{
	text-align: center;
	font-size: 0.9em;
}

.amshopby-tooltip-img {
    cursor:help;
    display: inline;
}

div.block-layered-nav, div.amshopby-page-container, div.amshopby-filters-top {
    position: relative;
}
div.amshopby-overlay {
    background-color: #FFFFFF;
    height: 100%;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 555;
}
div.amshopby-overlay img {
    top: 100px;
    left: 45%;
    display: block;
    position: absolute;
}

div.amshopby-overlay div {
    margin: 0 auto;
    display: block;
	width: 300px;
	height: 200px;
	background:  url('https://www.serafinishop.com/skin/frontend/base/default/images/amshopby-overlay.gif') 50% 50% no-repeat;
}

/*
 * Advanced Categories
 */
.amshopby-advanced li {
	clear: both;
}
.amshopby-advanced li.level1 {
	padding-left: 20px;
}
.amshopby-advanced li.level2 {
	padding-left: 30px;
}
.amshopby-advanced li.level3 {
	padding-left: 40px;
}
.amshopby-advanced li.level4 {
	padding-left: 50px;
}


.amshopby-advanced li.active > a {
	font-weight: bold;
}

/*
 * Slider Bar
 */
.amshopby-slider-bar {
	position:absolute; 
	background: #999; 
	height: 6px; 
	top: 6px; 
	z-index: 1;  
}

/*
 * Subcategories block
 */
.amshopby-subcategory-image {
	overflow: auto; 
}

.btn-remove-inline { 
  background-image: url('https://www.serafinishop.com/skin/frontend/base/default/images/am_btn_remove.gif'); 
  background-repeat: no-repeat; 
  width:13px; 
  display: inline-block;
  height: 12px;
  line-height: 12px;
  margin-left: 3px;
  margin-right: 12px;
}
.btn-remove-inline:hover { /* background-position: center bottom; */ }
.amshopby-hightlighted { background: yellow;}

.btn-remove-inline img {display: inline;}

div.block-layered-nav div.amshopby-slider div.handle.active { z-index: 3; }

.amshopby-slider-ui { background: url(https://www.serafinishop.com/skin/frontend/base/default/images/amshopby-slider-bg.gif) repeat-x 0 50%; margin: 10px .4em; }
.amshopby-slider-ui .ui-slider-handle { 
  background-color: #fff;
  border: 1px solid #000;
  box-sizing: border-box; outline: none; 
}
.amshopby-slider-ui .ui-slider-range { background-color: #999999; }

.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.ui-slider { cursor: pointer; position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.8em; height: 1.2em; cursor: pointer; -ms-touch-action: none; touch-action: none; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.2em; margin-left: -.4em; }
.ui-slider-horizontal .ui-slider-range { top: 0.2em; height: 8px; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

.amshopby-narrow-by-list table td { vertical-align: top; }

input[name^="amshopby"][id$="from"].input-text, input[name^="amshopby"][id$="to"].input-text{
    width: auto;
}

.amshopby-item-top{
    max-width: 225px;
    min-width: 180px;
    display: inline-block;
    vertical-align: top;
    height: 100%;
}

.amshopby-filters-top .block-content ol{
    max-width: 250px;
}

.amshopby-item-top div.amshopby-column {
    width: auto;
}

.no-display-current, .no-display{
    display: none;
}

.current .no-display-current, dd.current td.no-display{
    display: block;
}

@media only screen and (max-width: 770px) {
    dl#narrow-by-list,
    dl#narrow-by-list2 {
        padding: 0px;
    }
    .main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content dl dt{background:url(https://www.serafinishop.com/skin/frontend/base/default/images/amshopby-collapsed.gif) center left no-repeat;}
    .main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content.accordion-open dl dt.current{background:url(https://www.serafinishop.com/skin/frontend/base/default/images/amshopby-expanded.gif) center left no-repeat;}
}

div.block-layered-nav ol:not(.single-choice) select option[selected] { 
  /*color: #0099cc;*/
  font-weight: bold;
}

.amshopby-apply-button {width: 180px; height: 40px; margin-top: 1em;}

/**
 * All Brands page
 */
.content .ambrands-list {
    min-width: 180px;
}
#esns_background_layer {
    position: absolute;
    z-index: 2147483647;
    background: url(https://www.serafinishop.com/skin/frontend/base/default/images/newsletterpopup/esns_dark2.png);
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    top: 0;
    left: 0;
    display: none;
}


input#esns_email {
    outline: none;
}

/**************************************** BUTTON STYLE **********************************************/
/*button style */
#esnp_button {
    background: #0dc869;
    color: #ffffff;

    position: fixed;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    -webkit-box-shadow: 1px 0px 10px 0px rgba(50, 50, 50, 0.28);
    -moz-box-shadow:    1px 0px 10px 0px rgba(50, 50, 50, 0.28);
    box-shadow:         1px 0px 10px 0px rgba(50, 50, 50, 0.28);
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 3px 3px 0 3px;
}

#esnp_button:hover {
    background: #0db058;
}

#esnp_button.esnp-leftcenter span {
    display: block;
    border:1px dashed #ffffff;
    border-bottom: 0;
    padding: 10px 20px;
}
#esnp_button.esnp-leftcenter {
    -ms-transform: rotate(-270deg);
    -ms-transform-origin:  bottom left;
    -moz-transform:rotate(-270deg);
    -moz-transform-origin: bottom left;
    -webkit-transform: rotate(-270deg);
    -webkit-transform-origin: bottom left;
    -o-transform: rotate(-270deg);
    -o-transform-origin:  bottom left;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    left: 0;
    top: 100px;

}

#esnp_button.esnp-rightcenter {
    -ms-transform: rotate(-90deg);
    -ms-transform-origin:  bottom right;
    -moz-transform:rotate(-90deg);
    -moz-transform-origin: bottom right;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: bottom right;
    -o-transform: rotate(-90deg);
    -o-transform-origin:  bottom right;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    right: 0;
    top: 100px;
}

#esnp_button.esnp-leftbottom {
    left: 0;
    bottom: 0;
}

#esnp_button.esnp-rightbottom {
    right: 0;
    bottom: 0;
}

.checkbox-field {
    width: 70%;
    margin: 0 auto 5px;
    height: 23px;
    overflow: hidden;
    clear: both;
    line-height: 23px;
}

.checkbox-field label {
    display: inline-block !important;;
    width: auto !important;
    float: left !important;;
    padding-left: 8px;
}

.checkbox-field input {
    width: auto !important;
    float: left !important;;
    display: inline-block !important;
}
/**************************************** THEME DEFAULT **********************************************/
.esns_theme_default {
    box-sizing: border-box;
}

.esns_theme_default#esns_box_layer {
    z-index: 9999;
    background-color: #ffffff;
    width: 470px;
    height: auto;
    overflow: hidden;
    top: 0;
    text-align: center;
    display: inline-block;
    padding: 10px;
}

.esns_theme_default #esns_box_title {
    width: 440px;
    height: auto;
    overflow: hidden;
    background: url(https://www.serafinishop.com/skin/frontend/base/default/images/newsletterpopup/esns_box_block1.png) no-repeat right top;
}

.esns_theme_default #esns_box_block_1 {
    width: 350px;
    font: 20px/34px "CenturyGothicRegular",Century Gothic,Verdana,sans-serif;
    text-align: left;
}
.esns_theme_default #esns_box_block_2 {
    font: 29px/34px "CenturyGothicRegular",Century Gothic,Verdana,sans-serif;
    height: auto;
    text-align: left;
    margin: 0  0 10px 0 ;
    width: 350px;
}
.esns_theme_default #esns_box_block_3 {
    text-align: justify;
}

#esns_box_close{
    cursor: pointer;
    position: absolute;
    z-index: 9999;
    right: -22px;
    top: -22px;
    height: 34px;
    width: 33px;
    background: url("/skin/frontend/base/default/css/magestore/sociallogin/close.png") no-repeat;
}
#esns_box_close:hover{
  text-decoration: underline;
}
.esns_theme_default .esns_box_lines {
    background: url("https://www.serafinishop.com/skin/frontend/base/default/images/newsletterpopup/esns_box_lines.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 1px;
    width: 100%;
    clear: both;
    margin: 5px 0;
}

.esns_theme_default #esns_box_subscribe_form {
    width: auto;
    margin: 5px auto 0;
    height: auto;
    overflow: hidden;
}

.esns_theme_default #esns_box_subscribe {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 0 20px 0;
}
.esns_theme_default #esns_box_subscribe_input {
    width: auto;
    clear: both;
    display: inline-block;
    padding: 3px 0 0 0;
}
.esns_theme_default #esns_box_subscribe_input input {
    width: 290px;
    border: 1px solid #acacac;
    height: 27px;
    line-height: 23px;
    padding-left: 10px;
}

.esns_theme_default #esns_box_subscribe_submit {
    width: auto;
    padding: 0;
    display: inline-block;
}

.esns_theme_default #esns_box_subscribe_submit a {
    background-image: url('https://www.serafinishop.com/skin/frontend/base/default/images/newsletterpopup/esns_box_button.png');
    width: 117px;
    height: 34px;
    display: block;
    line-height: 34px;
    font-size: 12px;
    color: #000000;

    text-decoration: none;
}

.esns_theme_default #esns_box_subscribe_response {
    text-align: left;
    margin: 10px 0 0 30px;
    height: 15px;
}

.esns_theme_default #esns_box_subscribe_response_success {
    display: none;
}

.esns_theme_default #esns_box_subscribe_response_error {
    color: #ea6868;
    text-align: left;
    margin: 0 0 0 20px;
    height: auto;
    overflow: hidden;
}

.esns_theme_default #esns_box_subscribe_response_success {
    color: #35ea49;
    font: 20px/34px "CenturyGothicRegular",Century Gothic,Verdana,sans-serif;
}

@media only screen and (max-width: 530px) {
    .esns_theme_default#esns_box_layer {
        width: 90%;
    }

    .esns_theme_default #esns_box_title{
        background: none;
        width: 100%;
    }

    .esns_theme_default #esns_box_block_2 {
        width: 100%;
    }

    .esns_theme_default #esns_box_subscribe_input {
        width: 100%;
    }

    .esns_theme_default #esns_box_subscribe_input input {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        height: 35px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .esns_theme_default #esns_box_subscribe_submit {
        width: 100%;
        padding: 0;
    }

    .esns_theme_default #esns_box_subscribe_submit a {
        margin: 10px auto 10px;
    }
}

/**************************************** THEME Label **********************************************/
.esns_theme_label {
    box-sizing: border-box;
}

.esns_theme_label#esns_box_layer {
    z-index: 9999;
    background-color: #ffffff;
    width: 470px;
    height: auto;
    overflow: hidden;
    top: 0;
    text-align: center;
    display: inline-block;
    padding: 10px;
}

.esns_theme_label #esns_box_title {
    width: 440px;
    height: auto;
    overflow: hidden;
    background: url(https://www.serafinishop.com/skin/frontend/base/default/images/newsletterpopup/esns_box_block1.png) no-repeat right top;
}

.esns_theme_label #esns_box_block_1 {
    width: 350px;
    font: 20px/34px "CenturyGothicRegular",Century Gothic,Verdana,sans-serif;
    text-align: left;
    margin: 20px 40px 0 0 ;
}

.esns_theme_label #esns_box_block_2 {
    font: 29px/34px "CenturyGothicRegular",Century Gothic,Verdana,sans-serif;
    height: auto;
    text-align: left;
    width: 350px;
    margin: 0px 40px 0 0 ;
}

.esns_theme_label #esns_box_block_3 {
    text-align: justify;
    color: #000000;
    clear: both;
    float: right;
    margin: 10px 40px 0px 0 ;
    width: 340px;
    height: 68px;
    overflow: hidden;
}

.esns_theme_label .esns_box_lines {
    background: url("https://www.serafinishop.com/skin/frontend/base/default/images/newsletterpopup/esns_box_lines.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 1px;
    width: 100%;
    clear: both;
    margin: 5px 0;
}

.esns_theme_label #esns_box_subscribe {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 0 20px 0;
    clear: both;
}

.esns_theme_label #esns_box_subscribe_input {
    float: left;
    clear: both;
    width: 340px;
    background: url('https://www.serafinishop.com/skin/frontend/base/default/images/newsletterpopup/esns_input.png') no-repeat 121px 0;
}

.esns_theme_label #esns_box_subscribe_input input {
    padding-left: 10px;
    margin: 0 0 0 127px;
    background: none;
    height: 29px;
    width: 216px;
    border: 0;
}

.esns_theme_label #esns_box_subscribe_submit {
    width: auto;
    float: left;
}

.esns_theme_label #esns_box_subscribe_submit a {
    width: 117px;
    display: block;
    font-size: 12px;
    margin: 1px 0 0 0;
    color: #ffffff;
    height: 29px;
    line-height: 27px;
    background: url('https://www.serafinishop.com/skin/frontend/base/default/images/newsletterpopup/esns_input.png') no-repeat -212px 0;
    text-decoration: none;
}

.esns_theme_label #esns_box_subscribe_response {
    text-align: left;
    margin: 10px 0 0 30px;
    height: 15px;
}

.esns_theme_label #esns_box_subscribe_response_success {
    display: none;
    font: 17px "CenturyGothicRegular",Century Gothic,Verdana,sans-serif;
    color: #FFFFFF;
    float: right;
    margin: 0 50px 0 0;
    width: 340px;
}

.esns_theme_label #esns_box_subscribe_response_error {
    height: 22px;
    line-height: 15px;
    color: #ffffff;
    float: right;
    text-align: left;
    width: 325px;
    margin: 0 40px 0 0;
    overflow: hidden;
}

.esns_theme_label#esns_box_layer {
    height: 263px;
    width: 504px;
    background: url('https://www.serafinishop.com/skin/frontend/base/default/images/newsletterpopup/esns_label.png') no-repeat transparent;
    position: relative;
}
.esns_theme_label #esns_box_block_1, .esns_theme_label #esns_box_block_2 {
    color: #ffffff;
    text-align: right;
    float: right;
    line-height: normal;
}

/**************************************** THEME Clear **********************************************/
.esns_theme_clear {
    font-family: Arial,sans-serif;
}

.esns_theme_clear#esns_box_layer {
    background-color: #fff;
    display: inline-block;
    height: auto;
    overflow: visible;
    padding: 0;
    position: relative;
    text-align: center;
    top: 0;
    width: 445px;
    z-index: 9999;
}
.esns_theme_clear .esns_box_icon {
    background-image: url(https://www.serafinishop.com/skin/frontend/base/default/images/newsletterpopup/esns_mail_icon.png);
    background-repeat: no-repeat;
    background-position: top center;
    margin: 60px auto 0;
    overflow: hidden;
    text-align: center;
    width: 73px;
    height: 73px;
}
.esns_theme_clear #esns_box_block_1 {
    font-size: 18px;
    font-weight: bold;
    padding: 18px 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    word-spacing: -2px;
}

.esns_theme_clear #esns_box_block_2 {
    clear: both;
    color: #666668;
    height: auto;
    margin: 0 70px;
    overflow: hidden;
    text-align: center;
    width: auto;
    font-size: 12px;
    line-height: 18px;
}

.esns_theme_clear #esns_box_subscribe {
    height: auto;
    margin: 40px 70px 60px;
    overflow: hidden;
    text-align: center;
    width: auto;
}


.esns_theme_clear #esns_submit {
/*    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;
    background: none repeat scroll 0 0 #333;
    border: 1px solid #565656;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    height: 21px;
    line-height: 21px;
    padding: 0 9px;
    width: auto;
*/
}

.esns_theme_clear #esns_box_subscribe.esns-with-additional #esns_submit {
  /*  margin: 15px 0 0 0;
    clear: both;
  */
}

.esns_theme_clear #esns_box_subscribe select,
.esns_theme_clear #esns_box_subscribe input {
    box-sizing: border-box;
    color: #505050;
    height: 23px;
    line-height: 23px;
    padding: 0 8px;
    margin: 0;
    border: 1px dotted #a2a2a2;
    float: none;
    display: inline-block;
    width: 198px;
    overflow: hidden;
    font-size: 12px;
}

.esns_theme_clear #esns_box_subscribe.esns-with-additional select,
.esns_theme_clear #esns_box_subscribe.esns-with-additional input {
    width: 70%;
    margin: 0 auto 5px;
    border: 1px dotted #a2a2a2;
    display: block;
}

.esns_theme_clear #esns_box_subscribe.esns-with-additional select {
    padding: 0 5px;
}
.esns_theme_clear .checkbox-field {
    width: 70% !important;
    vertical-align: middle;
    line-height: 25px;
}
.esns_theme_clear .checkbox-field label {
    line-height: 27px;
    display: inline-block;
    height: 25px;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
}
.esns_theme_clear .checkbox-field input {
    border: 1px dotted #a2a2a2 !important;
    display: inline-block;
    height: 25px !important;
}
.esns_theme_clear #esns_box_subscribe_response_error {
    margin: 0 0 0 0;
    text-align: center;
    padding: 10px 0 0;
    color: #ea6868;
    height: auto;
    overflow: hidden;
}

.esns_theme_clear #esns_box_subscribe_response_success {
    font: 20px Arial;
}

.esns_theme_clear .esns-footer {
    padding: 21px 0;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

.esns_theme_clear .esns-social {
    padding: 4px 10px 0;
    margin: 0;
    text-align: center;
    display: block;
}

.esns_theme_clear .esns-social li {
    float: none;
    display: inline-block;
    margin: 0 7px;
    background: url('https://www.serafinishop.com/skin/frontend/base/default/images/newsletterpopup/social/social_bg.png') no-repeat;
}

.esns_theme_clear .esns-social li a {
    display: block;
    width: 29px;
    height: 28px;
    background-position: center center;
    background-repeat: no-repeat;
}

.esns_theme_clear .esns-social li a.esns-facebook {
    background-image: url('https://www.serafinishop.com/skin/frontend/base/default/images/newsletterpopup/social/fb_icon.png');
}

.esns_theme_clear .esns-social li a.esns-twitter {
    background-image: url('https://www.serafinishop.com/skin/frontend/base/default/images/newsletterpopup/social/twitter_icon.png');
}

.esns_theme_clear .esns-social li a.esns-pinterest {
    background-image: url('https://www.serafinishop.com/skin/frontend/base/default/images/newsletterpopup/social/pinterest_icon.png');
}

.esns_theme_clear .esns-social li a.esns-gplus {
    background-image: url('https://www.serafinishop.com/skin/frontend/base/default/images/newsletterpopup/social/gplus_icon.png');
}

.esns_theme_clear .esns-social li a.esns-instagram {
    background-image: url('https://www.serafinishop.com/skin/frontend/base/default/images/newsletterpopup/social/instagram_icon.png');
}

.esns_theme_clear .esns-social li a.esns-tumblr{
    background-image: url('https://www.serafinishop.com/skin/frontend/base/default/images/newsletterpopup/social/tumblr_icon.png');
}

.esns_theme_clear .esns-social li a.esns-linkedin{
    background-image: url('https://www.serafinishop.com/skin/frontend/base/default/images/newsletterpopup/social/linkedin_icon.png');
}

.esns_theme_clear .esns-social li a.esns-youtube{
    background-image: url('https://www.serafinishop.com/skin/frontend/base/default/images/newsletterpopup/social/youtube_icon.png');
}

@media only screen and (max-width: 490px) {
    .esns_theme_clear#esns_box_layer {
        width: 90%;
        padding: 0;
    }

    .esns_theme_clear #esns_box_block_1,
    .esns_theme_clear #esns_box_block_2 {
        margin-left: 10px;
        margin-right: 10px;
        width: auto;
    }

    .esns_theme_clear #esns_box_subscribe {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .esns_theme_clear .checkbox-field {
        width: 70%;
        max-width: 200px;
    }

    .esns_theme_clear #esns_box_subscribe input ,
    .esns_theme_clear #esns_box_subscribe select {
        height: 34px;
        width: 70%;
        max-width: 200px;
        margin: 0 auto;
        display: block;
    }

    .esns_theme_clear #esns_submit {
    /*    margin: 20px auto 0;
        height: 34px;
        line-height: 36px;
    */
    }

    .esns_theme_clear .esns_box_icon {
        margin-top: 20px;
    }

    .esns_theme_clear .esns-social {
        padding-left: 10px;
        padding-right: 10px;
    }
    .esns_theme_clear .esns-social li {
        margin-bottom: 5px;
    }
}

/**************************************** THEME Orange **********************************************/
.esns_theme_orange {
    font-family: "Myriad Pro", Arial, san-serif;
}

.esns_theme_orange#esns_box_layer {
    background-color: #fff;
    display: inline-block;
    height: auto;
    overflow: visible;
    padding: 0;
    position: relative;
    text-align: center;
    top: 0;
    width: 371px;
    z-index: 9999;
}


.esns_theme_orange .esns_box_icon.esns-icon-letter,
.esns_theme_orange .esns_box_icon.esns-icon-giftcard {
    background-repeat: no-repeat;
    background-position: top center;
    margin: 45px auto 0;
    overflow: hidden;
    text-align: center;

}

.esns_theme_orange .esns_box_icon.esns-icon-letter {
    background-image: url(https://www.serafinishop.com/skin/frontend/base/default/images/newsletterpopup/orange/letter.png);
    width: 148px;
    height: 20px;
    font-size: 0;
}

.esns_theme_orange .esns_box_icon.esns-icon-giftcard {
    background-image: url(https://www.serafinishop.com/skin/frontend/base/default/images/newsletterpopup/orange/giftcard.png);
    width: 180px;
    height: 40px;
    line-height: 47px;
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
}

.esns_theme_orange #esns_box_block_1 {
    font-size: 18px;
    padding: 12px 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
   font-weight: bold;
}

.esns_theme_orange #esns_box_block_2 {
    clear: both;
    color: #707071;
    height: auto;
    margin: 0 30px;
    overflow: hidden;
    text-align: center;
    width: auto;
    font-size: 13px;
    line-height: 18px;
}

.esns_theme_orange #esns_box_subscribe {
    height: auto;
    margin: 30px 30px 42px;
    overflow: hidden;
    text-align: center;
    width: auto;
    /*font-size: 0;*/
}

.esns_theme_orange #esns_submit {
 /*   display: inline-block;
    height: 30px;
    line-height: 32px;
    background: none repeat scroll 0 0 #333;
    border: 0;
    padding: 0 15px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
    vertical-align: top;
 */
}
.esns_theme_orange #esns_box_subscribe.esns-with-additional #esns_submit {
   /* margin: 20px 0 0 0;*/
}

.esns_theme_orange #esns_box_subscribe select,
.esns_theme_orange #esns_box_subscribe input {
    border: 1px solid #a7a7a7;
    border-right: 0;
    color: #b0b0b0;
    display: inline-block;
    height: 30px;
    padding: 0 8px;
    width: 165px;
    box-sizing: border-box;
    font-size: 13px;
}

.esns_theme_orange #esns_box_subscribe.esns-with-additional select,
.esns_theme_orange #esns_box_subscribe.esns-with-additional input {
    width: 80%;
    margin-bottom: 5px;
    border: 1px solid #a7a7a7;
}

.esns_theme_orange #esns_box_subscribe.esns-with-additional select {
    padding: 0 5px;
}

.esns_theme_orange #esns_box_subscribe_response_error {
    margin: 0 0 0 0;
    text-align: center;
    padding: 10px 0 0;
    height: auto;
    overflow: hidden;
    color: #ea6868;
    font-size: 13px;
    clear: both;
    width: 100%;
}
.checkbox-field {
    width: 80% !important;
}
.esns_theme_orange .checkbox-field label {

    display: inline-block;
    height: 30px;
    color: #b0b0b0;
    font-size: 13px;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 30px;
}


.esns_theme_orange #esns_box_subscribe_response_success {
    font-size: 18px;
    clear: both;
    width: 100%;
}

.esns_theme_orange .esns-footer {
    padding: 21px 0;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

.esns_theme_orange .esns-social {
    padding: 4px 10px 0;
    margin: 0;
    text-align: center;
    display: block;
}

.esns_theme_orange .esns-social li {
    float: none;
    display: inline-block;
    margin: 0 7px;
    background: url('https://www.serafinishop.com/skin/frontend/base/default/images/newsletterpopup/social/social_bg.png') no-repeat;
}

.esns_theme_orange .esns-social li a {
    display: block;
    width: 29px;
    height: 28px;
    background-position: center center;
    background-repeat: no-repeat;
}

.esns_theme_orange .esns-social li a.esns-facebook {
    background-image: url('https://www.serafinishop.com/skin/frontend/base/default/images/newsletterpopup/social/fb_icon.png');
}

.esns_theme_orange .esns-social li a.esns-twitter {
    background-image: url('https://www.serafinishop.com/skin/frontend/base/default/images/newsletterpopup/social/twitter_icon.png');
}

.esns_theme_orange .esns-social li a.esns-pinterest {
    background-image: url('https://www.serafinishop.com/skin/frontend/base/default/images/newsletterpopup/social/pinterest_icon.png');
}

.esns_theme_orange .esns-social li a.esns-gplus {
    background-image: url('https://www.serafinishop.com/skin/frontend/base/default/images/newsletterpopup/social/gplus_icon.png');
}

.esns_theme_orange .esns-social li a.esns-instagram {
    background-image: url('https://www.serafinishop.com/skin/frontend/base/default/images/newsletterpopup/social/instagram_icon.png');
}

.esns_theme_orange .esns-social li a.esns-tumblr {
    background-image: url('https://www.serafinishop.com/skin/frontend/base/default/images/newsletterpopup/social/tumblr_icon.png');
}

.esns_theme_orange .esns-social li a.esns-linkedin {
    background-image: url('https://www.serafinishop.com/skin/frontend/base/default/images/newsletterpopup/social/linkedin_icon.png');
}

.esns_theme_orange .esns-social li a.esns-youtube {
    background-image: url('https://www.serafinishop.com/skin/frontend/base/default/images/newsletterpopup/social/youtube_icon.png');
}

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

    .esns_theme_orange#esns_box_layer {
        width: 95%;
    }

    .esns_theme_orange #esns_box_block_1,
    .esns_theme_orange #esns_box_block_2 {
        padding-left: 10px;
        padding-right: 10px;
        width: auto;
        margin-left: auto;
        margin-right:  auto;
    }

    .esns_theme_orange #esns_box_subscribe.esns-with-additional select,
    .esns_theme_orange #esns_box_subscribe select,
    .esns_theme_orange #esns_box_subscribe.esns-with-additional input,
    .esns_theme_orange #esns_box_subscribe input {
        width: 80%;
        border: 1px solid #a7a7a7;
    }

    .esns_theme_orange #esns_box_subscribe #esns_submit {
      /*  margin: 20px 0 0 0;*/
    }

    .esns_theme_orange #esns_box_subscribe {
        margin-left: 0;
        margin-right: 0;
    }

    .esns_theme_orange .esns_box_icon {
        margin-top: 20px;
    }

    .esns_theme_orange .esns-social li {
        margin-bottom: 5px;
    }
}

/**************************************** CMS STATIC BLOCK **********************************************/

.esns_static_block {
    display: inline-block;
    width: auto;
    margin: 0 auto;
    overflow: hidden;
}

/* Coupon code */

#esns_box_subscribe_response_coupon {
    font-size: 14px;
    margin-top: 20px;
    display: none;
}

#esns_box_coupon_code {
    width: 70%;
    box-sizing: border-box;
    border: 1px dashed #e8e8e8;
    height: auto;
    line-height: 20px;
    padding: 10px;
    text-align: center;
    color: #a7a7a7;
    margin: 0 auto;
}

#esns_copy_to_clipboard {
    font-size: 11px;
    color: #a7a7a7;
}

#esns_box_coupon_code span {
    color: #707071;
}

.esns-box-shop-now-button a:hover {
    color: #ffffff;
    text-decoration: none;
}
.esns-box-shop-now-button a {
    width: 70%;
    border: 0 none;
    color: #fff;
    box-sizing: border-box;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 30px;
    line-height: 32px;
    padding: 0 15px;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: top;
    margin: 10px auto;
}

@media only screen and (max-width: 700px) {
    #esnp_button {
        display: none !important;
    }
}

@media screen and (max-width: 374px), screen and (max-height: 598px)  {
  #esns_box_close{
    right: 0px;
    top: 0px;
  }
}

@font-face
{
 font-family: Open sans;
 src: url(https://www.serafinishop.com/skin/frontend/base/default/css/magestore/OpenSans-Regular.ttf);
}

.magestore-popup_social {
    max-width: 622px !important;
}
.clear{
 width:100%;
 height:0px;
 clear:both;
 font-size:0px;
 line-height:0px;
}

#sociallogin_button{
	margin-top:10px;
}

#sociallogin_button button span{
	box-sizing: border-box;
}

 #bt-loginfb span, #bt-loginfb-other span, #bt-loginfb-popup span{
    height:35px;
    background: url("https://www.serafinishop.com/skin/frontend/base/default/css/magestore/sociallogin/fb.png") no-repeat;
    display: block;
    float: left;
}
#bt-loginfb span span,#bt-loginfb-other span span, #bt-loginfb-popup span span{background: none repeat scroll 0 0 #2d78bd;}
#bt-loginamazon span,#bt-loginamazon-other span, #bt-loginamazon-popup span{
    height:35px;
    background: url("https://www.serafinishop.com/skin/frontend/base/default/css/magestore/sociallogin/bt_amazon.png") no-repeat;
    display: block;
    float: left;
}
#bt-loginamazon span span,#bt-loginamazon-other span span, #bt-loginamazon-popup span span{background: none repeat scroll 0 0 #fe9900;}
#bt-loginins span,#bt-loginins-other span, #bt-loginins-popup span{
    height:35px;
    background: url("https://www.serafinishop.com/skin/frontend/base/default/css/magestore/sociallogin/bt_intagram.png") no-repeat;
    display: block;
    float: left;
}
#bt-loginins span span,#bt-loginins-other span span, #bt-loginins-popup span span{background: none repeat scroll 0 0 #42729a;}
#bt-logingo span,#bt-logingo-other span, #bt-logingo-popup span{
    height: 35px;
    background: url("https://www.serafinishop.com/skin/frontend/base/default/css/magestore/sociallogin/google.png") no-repeat;
    display: block;
    float: left;
}
#bt-logingo span span,#bt-logingo-other span span, #bt-logingo-popup span span{background: none repeat scroll 0 0 #dd4b39;}
#magestore-popup  .input-box{width:100%;}
#bt-loginvk span,#bt-loginvk-other span, #bt-loginvk-popup span{
    height: 35px;
    background: url("https://www.serafinishop.com/skin/frontend/base/default/css/magestore/sociallogin/vk.png") no-repeat;
    display: block;
    float: left;
}
#bt-loginvk span span,#bt-loginvk-other span span, #bt-loginvk-popup span span{background: none repeat scroll 0 0 #44678d;}
#bt-loginper span,#bt-loginper-other span, #bt-loginper-popup span{
    height: 35px;
    background: url("https://www.serafinishop.com/skin/frontend/base/default/css/magestore/sociallogin/persional.png") no-repeat;
    display: block;
    float: left;
}
#bt-loginper span span,#bt-loginper-other span span, #bt-loginper-popup span span{background: none repeat scroll 0 0 #ffc823;}

#bt-loginse span,#bt-loginse-other span, #bt-loginse-popup span{
    height: 35px;
    background: url("https://www.serafinishop.com/skin/frontend/base/default/css/magestore/sociallogin/stack.png") no-repeat;
    display: block;
    float: left;
}
#bt-loginse span span,#bt-loginse-other span span, #bt-loginse-popup span  span{background: none repeat scroll 0 0 #3170c3;}

#bt-logintw span,#bt-logintw-other span, #bt-loginaol-popup span{
    height: 35px;
	background: url("https://www.serafinishop.com/skin/frontend/base/default/css/magestore/sociallogin/twit.png") no-repeat;
    display: block;
    float: left;
}
#bt-logintw span span,#bt-logintw-other span span, #bt-loginaol-popup span span{background: none repeat scroll 0 0 #28bceb;}
#bt-loginwp span,#bt-loginwp-other span, #bt-loginwp-popup span{   
	background: url("https://www.serafinishop.com/skin/frontend/base/default/css/magestore/sociallogin/wpress.png") no-repeat;  
}
#bt-loginwp span span,#bt-loginwp-other span span, #bt-loginwp-popup span span{background: none repeat scroll 0 0 #555555;}
#bt-loginya span, #bt-loginya-popup span{
    height: 35px;
	background: url("https://www.serafinishop.com/skin/frontend/base/default/css/magestore/sociallogin/yh.png") no-repeat;
    display: block;
    float: left;
}
#bt-loginya span span,#bt-loginya-other span span, #bt-loginya-popup span span{background: none repeat scroll 0 0 #6f2b90;}
/* by Hai Ta */
#bt-loginaol span,#bt-loginaol-other span, #bt-loginaol-popup span{    
	background: url("https://www.serafinishop.com/skin/frontend/base/default/css/magestore/sociallogin/aol.png") no-repeat;  
}
#bt-loginaol span span,#bt-loginaol-other span span, #bt-loginaol-popup span span{background: none repeat scroll 0 0 #ffc923;}
#bt-loginwp span,#bt-loginwp-other span, #bt-loginwp-popup span{   
	background: url("https://www.serafinishop.com/skin/frontend/base/default/css/magestore/sociallogin/wpress.png") no-repeat;  
}
#bt-loginwp span span,#bt-loginwp-other span span, #bt-loginwp-popup span span{background: none repeat scroll 0 0 #555555;}
#bt-logincal span,#bt-logincal-other span, #bt-logincal-popup span{    
	background: url("https://www.serafinishop.com/skin/frontend/base/default/css/magestore/sociallogin/clavid.png") no-repeat;    
}
#bt-logincal span span,#bt-logincal-other span span, #bt-logincal-popup span span{ background: none repeat scroll 0 0 #12396b;}
#bt-loginorg span,#bt-loginorg-other span, #bt-loginorg-popup span{    
	background: url("https://www.serafinishop.com/skin/frontend/base/default/css/magestore/sociallogin/orange.png") no-repeat;    
}
#bt-loginorg span span,#bt-loginorg-other span span, #bt-loginorg-popup span span{background: none repeat scroll 0 0 #ff6501;}
#bt-loginmp span,#bt-loginmp-other span, #bt-loginmp-popup span{    
	background: url("https://www.serafinishop.com/skin/frontend/base/default/css/magestore/sociallogin/mysp.png") no-repeat;    
}
#bt-loginmp span span,#bt-loginmp-other span span, #bt-loginmp-popup span span{background: none repeat scroll 0 0 #ff6501;}
#bt-loginlive span,#bt-loginlive-other span, #bt-loginlive-popup span{    
	background: url("https://www.serafinishop.com/skin/frontend/base/default/css/magestore/sociallogin/live.png") no-repeat;
}
#bt-loginlive span span,#bt-loginlive-other span span, #bt-loginlive-popup span span{  background: none repeat scroll 0 0 #30a8e4;}
#bt-loginfq span,#bt-loginfq-other span, #bt-loginfq-popup span{    
	background: url("https://www.serafinishop.com/skin/frontend/base/default/css/magestore/sociallogin/fq.png") no-repeat;   
}
#bt-loginfq span span,#bt-loginfq-other span span, #bt-loginfq-popup span span{	background: none repeat scroll 0 0 #099eba;}

#bt-loginlinked span,#bt-loginlinked-other span, #bt-loginlinked-popup span{    
	background: url("https://www.serafinishop.com/skin/frontend/base/default/css/magestore/sociallogin/linked.png") no-repeat;   
}
#bt-loginlinked span span,#bt-loginlinked-other span span, #bt-loginlinked-popup span span{background: none repeat scroll 0 0 #017fb2;}
#bt-loginopen span,#bt-loginopen-other span, #bt-loginopen-popup span{    
	background: url("https://www.serafinishop.com/skin/frontend/base/default/css/magestore/sociallogin/myop.png") no-repeat;
}
#bt-loginopen span span,#bt-loginopen-other span span, #bt-loginopen-popup span span{background: none repeat scroll 0 0 #74bc52;}
#bt-loginlj span,#bt-loginlj-other span, #bt-loginlj-popup span{    
	background: url("https://www.serafinishop.com/skin/frontend/base/default/css/magestore/sociallogin/liveJ.png") no-repeat;   
}
#bt-loginlj span span,#bt-loginlj-other span span, #bt-loginlj-popup span span{background: none repeat scroll 0 0 #143ea9;}

#sociallogin-other-div{	
	display: block;	
	float: right;      
}
#sociallogin-other-a{
	width: 91px;
	display: block;
}
#sociallogin-other-a-popup{margin-right:30px}
.sociallogin-other{
	display: block;
	float: right;
	width: 100%;
	/* margin-top: -25px; */
}
.sociallogin-other-span{
	cursor: pointer;
	font-weight: bold;
	white-space: nowrap;
}

.sociallogin-other-span-img-popup{
	float: right;
	width: 20px;
	height: 25px;
	cursor: pointer;
	background: url("https://www.serafinishop.com/skin/frontend/base/default/css/magestore/sociallogin/add.png") no-repeat right;
}

.other-button{
	/* margin: 7px 3px 5px 4px; */
}
.sociallogin-other-button{	
    width: auto;
	max-width:375px;
}

button.bt-login-social{background:none;border:none;cursor: pointer;}
button.bt-login-social:hover{opacity: 0.9; /* width: 88%; */}
button.bt-login-social span{
	height:35px;
	line-height:35px;
	color:#fff;
	padding: 0 0 0 35px;
	float:left;
	}
button#bt-logintw-popup span{
    height: 35px;
    background: url("https://www.serafinishop.com/skin/frontend/base/default/css/magestore/sociallogin/twit.png") no-repeat;
    display: block;
    float: left;
}
#sociallogin_button .sociallogin-other #other_sociallogin_label{font-family: Open sans;}
button.bt-login-social span span{
	background-position:100% 0 !important;
	/* padding-right:10px !important; */
	padding-left:10px !important;
	text-align: left;
	color:#fff;
	min-width: 110px;
	font-family: Open sans;
    font-size: 12px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: regular;
	text-transform:none;
}
button.bt-login-social span span {
	min-width: 125px;
}
	
/* change poppup */
#magestore-popup{
    top: 100px;
    position: fixed;
    z-index: 40020;
    border-radius: 7px;
    border: 10px solid rgba(255, 255, 255, 0.58);
}
#magestore-popup .border-popup{
    float: left;
    width: 100%;
    padding: 15px;
    height: auto;
    background: #fff;
}
#magestore-login-social{
	float: right;
	width: 43%;
}
#magestore-login-social .magestore-loign-h3{
    float: right;
    padding-right: 102px;
}
#bg_fade {
    background-color: #000000;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 1000;
	opacity: 0.3;
}
#sociallogin-close{
	cursor: pointer;
    height: 33px;
    position: absolute;
    right: -20px;
    top: -16px;   
    z-index: 9999;
	right: -12px;
	top: -15px;
	height: 34px;
	width: 33px;
	background:url("https://www.serafinishop.com/skin/frontend/base/default/css/magestore/sociallogin/close.png") no-repeat;
}
#sociallogin-close:hover{
	text-decoration: underline;
}
#sociallogin-close-popup{
    cursor: pointer;
    position: absolute;
    z-index: 9999;
    right: 0;
    top: 0;
    height: 34px;
    width: 33px;
    background: url("https://www.serafinishop.com/skin/frontend/base/default/css/magestore/sociallogin/close.png") no-repeat;
}
#sociallogin-close-popup:hover{
	text-decoration: underline;
}
#magestore-login-form{
	padding-left: 33px;
    width: 57%;
    background: url("https://www.serafinishop.com/skin/frontend/base/default/css/magestore/sociallogin/bg-login.png") no-repeat right center;
}
.magestore-loign-h3{
	margin-bottom: 18px;
	font-family: 'tahoma',Arial,Helvetica,sans-serif;
    font-size: 15px;
	padding-bottom: 3px;
}
.magestore-login-input-box{

}
.login-label{
    padding-top: 5px;
    font-weight: normal;
    color: #666;
    margin: 5px;
}
.login-label em{
	color: red;
}
.sociallogin-input-box{

}
.sociallogin-input-box .input-text{
    width: 230px;
}
.magestore-login-popup-button{
    float: left;
    margin-top: 15px;
}
.magestore-login-popup-button button{
    float: left;
    margin-bottom: 15px;
}
.magestore-login-popup-button .pass-register {
    float: left;
    width: 100%;
}
#magestore-forgot-password, #magestore-forgot-back,
#magestore-sociallogin-create-new-customer{
    font-size: 16px;
    float: left;
}
#magestore-forgot-back{
	margin-right: 40px;
}
.popup_click_btn{
	float: left;
	/* margin-left: 137px; */
}
.magestore-login-input-box  .login-label em{	
}
.ajax-login-image{
	background: url("https://www.serafinishop.com/skin/frontend/base/default/css/magestore/sociallogin/opc-ajax-loader.gif") no-repeat scroll 0 0 transparent;
	width: 16px;
	height: 16px;
	margin: 5px 0 5px 152px;
}
.magestore-invalid-email{
	margin-left: 152px;
	color: red;
}

#sociallogin-forgot{
	margin-bottom : 20px;
    padding-right: 15px;
}
.magestore-sociallogin-create-new-customer{
	float: left;	
	clear: both;
}

#magestore-button-sociallogin-forgot{
    margin-top: 15px;
}
.magestore-sociallogin-create-new-customer a{
    padding-left: 32px;
	font-weight: bold;
}
.sociallogin-field{
	width: 218px;
	float: left;
}
.sociallogin-field .input-text{
    width: 230px;
}
#magestore-create-back{
	font-size: 14px;
	float: left;
	margin-left: 80px;
	margin-top: 6px;
}
.sociallogin-other-button-popup{
	float: left;
	text-align: center;
	padding: 15px 0px 0px;
}
#sociallogin_button ul.right{float:right;    width: 100%;text-align: center;}
#sociallogin_button ul.left{float:left;}

/*Register*/
#magestore-create-user {
    width: 57%;
    background: url("https://www.serafinishop.com/skin/frontend/base/default/css/magestore/sociallogin/bg-login.png") no-repeat right center;
    padding-left: 33px;
}
.magestore-create-popup-button{
    float: left;
    width: 100%;
    margin-top: 15px;
}

@font-face
{
 font-family: Open sans;
 src: url(https://www.serafinishop.com/skin/frontend/base/default/css/magestore/OpenSans-Regular.ttf);
}
#sociallogin_button #magestore-popup_social ul li button{
	width: 175px;height:37px;
}
#sociallogin_button #magestore-popup_social ul li {
    float:left;
	font-family: Open sans;
}
@media all and (min-width: 0px) and (max-width: 680px){
#magestore-popup_social {
    font-size: 1.5em !important;
}
}
@media (min-width: 681px) {
}
@media all and (min-width: 0px) and  (max-width: 459px) {
	#sociallogin_button #magestore-popup_social ul li{padding: 0px 0px 10px 0px;}
	#sociallogin_button ul li{padding: 0px 0px 10px 0px;}
}
@media (min-width: 460px) {
	#sociallogin_button #magestore-popup_social ul li{padding: 0px 0px 10px 10px;}
	#sociallogin_button ul li{padding: 0px 0px 10px 10px;}
}
ul.magestore-login-social li{background:#fff;border:none; float: right}

#magestore-popup{
	width:66% !important;
	z-index:99999;
	max-width: 630px;
}
#magestore-popup_social {
	text-align: center;
	font-size: 1.5em;
	line-height: 1.25em;
	margin-bottom: 0.7em;
	position: absolute;
	top: 100px !important;
	left: 0;
	z-index: 100000;
	background-color: white;
}
#sociallogin_button ul.right li{
    float: right;
}
.magestore-popup_social{
		width: 90% !important;
	}
#other_sociallogin_label {
	background-color: rgb(240, 240, 237);
	line-height: 2em;
}
#magestore-popup_social li{
    /* float: right; */
    text-align: center;
}
.magestore-login-social{
    float: right;
    padding-right: 30px;
}
ul.magestore-login-social li.button{
    list-style: none !important;
    padding: 4px 0;
}
ul.magestore-login-social li.button:hover{
	background:none !important;
	margin:0;
	border:none;
    list-style: none !important;

}
.sociallogin-input-box .input-text{
	box-shadow: none;
}
.sociallogin-other-button-popup li.button{
	background:none;
	border:none;
	list-style: none !important;
	padding: 3px 8px !important;
}
.sociallogin-other-button-popup li.button:hover{
	background:none;
	border:none;
        list-style: none !important;
}
.other-button{padding:0;}
.bt-login-social{padding:0;margin:0 !important;}
.top-container{width:100%;}

#sociallogin_button{
	/*float:left;*/
}
#sociallogin_button ul li,.sociallogin-other ul li{margin: 0px;}
#sociallogin_button ul li.button,.sociallogin-other ul li.button{
	background:none !important;
	border:none !important;
	list-style: none !important;
}
#sociallogin_button ul li.button,.sociallogin-other ul li{
    display: inline-block;
    margin: 0 auto;
    /* float: none; */
}
#sociallogin_button ul li.button:hover{
	background:none !important;
	border:none !important;
	list-style: none !important;
}
.sociallogin-other-button{
	_display:block !important;
	z-index:3000 !important;
}
#sociallogin-other-a{
	display: inline-block;
	width:100%;
	text-align:right;
}
#sociallogin-other-div{
	display: inline-block;
	width:100%;
	margin:0;
}
#sociallogin-other-b{
	display:block;
	height:30px;
	line-height:30px;
}
#sociallogin-other-b span{
	display:block;
	margin-right:30px;
	text-align:right;
}
#sociallogin-other-button{
	top:30px;
}
#magestore-login-form .magestore-invalid-email{
	margin:0;
}
.other-button{
/* 	margin: 0px 2px 0px 2px !important;
	padding: 3px 0px 0px 8px!important; */
}

#bg_fade{
	z-index:30020 !important;
	float:left;
	width:100%;
	min-height:3000px;
}
.active .sociallogin-other-span-img-popup{
	float: right;
	width: 20px;
	height: 25px;
	cursor: pointer;
	background: url("https://www.serafinishop.com/skin/frontend/base/default/css/magestore/sociallogin/sub.png") no-repeat right;
}
@media only screen and (max-width: 720px){

    #magestore-sociallogin-form-forgot .magestore-login-popup-button{
        width: 100%;
    }
    #magestore-popup .border-popup{
        height: auto;
    }
    #magestore-login-form{
        width: 100%;
        background: none;
        padding: 0;
    }
    .sociallogin-input-box .input-text {
        box-shadow: none;
        width: 100%;
    }
    .magestore-login-popup-button .pass-register {
        float: right;
        width: auto;
    }
    #magestore-login-social{
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }
    .magestore-login-social {
         padding-right: 0px;
    }
    ul.magestore-login-social li.button {
        margin-right: 8px;
    }
    ul.magestore-login-social li {
        float: left;
        vertical-align: middle;
        float: none;
    }
    #magestore-login-social .magestore-loign-h3 {
        float: left;
        padding-right: 0;
        width: 100%;
        margin-bottom: 2px;
    }
    #magestore-button-sociallogin-forgot {
         margin-top: 0px;
        float: right;
    }
    #magestore-create-user {
        width: 100%;
        background: none;
         padding-left: 0px;
    }

    #magestore-sociallogin-form-create .form-list > li{
        float: left;
        width: 100%;
    }

    #magestore-popup .form-list .sociallogin-field{
        width: 50%;
    }
    #magestore-popup .form-list .sociallogin-field.right{
        padding-left: 5px;
    }
    #magestore-button-sociallogin-forgot{
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 650px){
    .magestore-login-social {
        text-align: center;
    }
    ul.magestore-login-social li.button {
        margin-right: 0px;
        vertical-align: middle;
        float:none;
    }
    .magestore-login-popup-button{
        margin-bottom: 15px;
    }
    #magestore-forgot-password,
    #magestore-sociallogin-create-new-customer{
        font-size: 15px;
    }
    #magestore-forgot-back {
        font-size: 14px;
    }
}
@media only screen and (max-width: 500px){
    #magestore-popup .form-list .sociallogin-field{width: 100%}
    .sociallogin-field .input-text{width: 100%}
    #magestore-create-back{
        font-size: 14px;
        text-align: center;
        margin-bottom: 10px;
        float: left;
        width: 100%;
    }
    #magestore-button-sociallogin-create{    width: 100%;}
}
@media only screen and (max-width: 480px){
    .magestore-login-popup-button button{
        width:100%;
    }
    .magestore-login-popup-button .pass-register {
        float: right;
        clear: both;
    }
    #magestore-forgot-password,
    #magestore-sociallogin-create-new-customer{
        font-size: 14px;
    }
    #magestore-forgot-back {
        width: 100%;
        text-align: center;
        margin-bottom: 12px;
    }
}

.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;
}
.rma-italic {
  font-family: Georgia, Times, "Times New Roman", serif;
  font-style: italic;
}
.rma-mute {
  color: #999;
  font-size: 11px;
}
.rma-view div.fieldset,
.rma-new-step2 div.fieldset {
  margin: 30px 0px;
}
.rma-view .rma__customer-option,
.rma-new-step2 .rma__customer-option {
  margin-bottom: 1rem;
}
.rma-view .rma__customer-option label,
.rma-new-step2 .rma__customer-option label {
  width: 100%;
}
.rma-view .rma__customer-option select,
.rma-new-step2 .rma__customer-option select {
  width: 100%;
}
.rma-history div.fieldset {
  padding: 5px 10px;
  margin: 10px 0px;
  border-radius: 0px 5px 5px 0px;
  font-size: 13px;
}
.rma-history div.fieldset h2.legend {
  font-family: Georgia, Times, "Times New Roman", serif;
  font-style: italic;
  font-weight: bold;
  font-size: 14px;
}
.rma-history div.fieldset.user {
  border: 1px solid #8eb589;
  border-left: 5px solid #8eb589;
  background-color: #fefffe;
  background-image: -moz-linear-gradient(top, #fdfffd, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfffd), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #fdfffd, #ffffff);
  background-image: -o-linear-gradient(top, #fdfffd, #ffffff);
  background-image: linear-gradient(to bottom, #fdfffd, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfffd', endColorstr='#ffffffff', GradientType=0);
}
.rma-history div.fieldset.customer {
  border: 1px solid #9cb4c5;
  border-left: 5px solid #9cb4c5;
  background-color: #fcfdff;
  background-image: -moz-linear-gradient(top, #fafcff, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafcff), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #fafcff, #ffffff);
  background-image: -o-linear-gradient(top, #fafcff, #ffffff);
  background-image: linear-gradient(to bottom, #fafcff, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafcff', endColorstr='#ffffffff', GradientType=0);
}
.rma-confirmation-form {
  border: solid 1px #cccccc;
  background: #fff;
  position: fixed;
  top: 100px;
  left: 50%;
  margin-left: -215px;
  width: 630px;
  padding: 20px;
  z-index: 1001;
}
.rma-confirmation-form .close {
  width: 40px;
  float: right;
  display: block;
  color: #636363;
  text-decoration: none;
  font-weight: normal;
  font-size: 30px;
  position: absolute;
  top: -8px;
  right: -14px;
  font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
  cursor: pointer;
}
.rma-confirmation-form h2 {
  font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
  color: #50A4CF;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px;
}
.rma-confirmation-form .buttons {
  text-align: right;
  margin-bottom: 0px !important;
}
.rma-confirmation-form-overlay {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100000px;
  height: 100000px;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
.rma-items .rma-one-item {
  *zoom: 1;
  margin-bottom: 10px;
}
.rma-items .rma-one-item:before,
.rma-items .rma-one-item:after {
  display: table;
  content: "";
  line-height: 0;
}
.rma-items .rma-one-item:after {
  clear: both;
}
.rma-items .rma-one-item .item-description {
  width: 50%;
  float: left;
  border-right: 1px solid #ededed;
}
.rma-items .rma-one-item .item-description b {
  margin-left: 20px;
}
.rma-items .rma-one-item .item-description img {
  width: 150px;
  float: left;
  margin-left: 10px;
}
.rma-items .rma-one-item .item-description input {
  float: left;
}
.rma-items .rma-one-item .item-options {
  border-left: 1px solid #ededed;
  margin-left: -1px;
  padding-left: 20px;
  width: 50%;
  float: left;
}
.rma-items .rma-one-item .item-options > div {
  margin-bottom: 8px;
  position: relative;
}
.rma-items .rma-one-item .item-options > div label {
  width: 150px;
}
.rma-items .rma-one-item .item-options > div label em {
  color: #df280a;
}
.rma-items .rma-one-item .item-options > div .total-qty {
  position: absolute;
  left: 200px;
  top: 1px;
}
.rma-items .rma-one-item .item-options > div .validate-rma-quantity {
  font-size: 13px;
  text-align: center;
}
/* ACCORDION
*******************************************************************************/
dl.accordion .grid {
  margin-bottom: 0;
}
dl.accordion dt {
  background: #6f8992;
  padding: 2px 10px;
  margin-top: 1px;
}
dl.accordion dt a {
  background: url(/skin/adminhtml/default/default/images/entry_edit_head_arrow_down.gif) 100% 50% no-repeat;
  color: #fff;
  display: block;
  font-weight: bold;
  text-decoration: none;
}
dl.accordion dt a:hover {
  color: #fff;
  text-decoration: none;
}
dl.accordion dt.open a {
  background: url(/skin/adminhtml/default/default/images/entry_edit_head_arrow_up.gif) 100% 50% no-repeat;
}
dl.accordion dd {
  display: none;
}
dl.accordion dd.open {
  display: block;
}
.entry-edit .entry-edit-head {
  background: #6f8992;
  padding: 2px 10px;
}
.entry-edit fieldset.collapseable {
  margin-bottom: 10px;
}
div.collapseable {
  margin-top: 1px;
}
div.collapseable a:hover {
  color: #fff;
  text-decoration: none;
}
table.collapseable th a {
  background: url(/skin/adminhtml/default/default/images/entry_edit_head_arrow_down.gif) 100% 50% no-repeat;
  color: #fff;
  display: block;
  font-weight: bold;
  text-decoration: none;
  min-width: 20px;
}
table.open th a {
  background: url(/skin/adminhtml/default/default/images/entry_edit_head_arrow_up.gif) 100% 50% no-repeat;
}
div.disabled {
  background: #c6cbc9 !important;
}
div.disabled a {
  color: #f6f6f6 !important;
}
img.accordion-btn {
  float: right;
  margin-top: 1px;
  margin-right: 5px;
}
.form-list select.form-list-select-fix,
.form-list input[type=number] {
  width: inherit;
}
.form-list #add_new_offline_order {
  text-align: right;
  margin: 20px 0px;
}
.go-step2 {
  float: right;
}
.add-other-manual-order {
  float: left;
}
.rma__order-offline-item {
  *zoom: 1;
  border-bottom: 1px solid #eee;
  margin: 0.5rem 0;
  padding: 1rem;
  background: #f4f4f4;
}
.rma__order-offline-item:before,
.rma__order-offline-item:after {
  display: table;
  content: "";
  line-height: 0;
}
.rma__order-offline-item:after {
  clear: both;
}
.rma__order-offline-item .field.name-itemname,
.rma__order-offline-item .field.name-itemqty,
.rma__order-offline-item .field.name-remove {
  float: left;
}
.rma__order-offline-item .field.name-itemname input[type="text"],
.rma__order-offline-item .field.name-itemqty input[type="text"],
.rma__order-offline-item .field.name-remove input[type="text"],
.rma__order-offline-item .field.name-itemname input[type="number"],
.rma__order-offline-item .field.name-itemqty input[type="number"],
.rma__order-offline-item .field.name-remove input[type="number"] {
  width: 100%;
}
.rma__order-offline-item .field.name-itemname {
  width: 60%;
}
.rma__order-offline-item .field.name-itemqty {
  width: 20%;
  margin-left: 5%;
}
.rma__order-offline-item .field.name-remove {
  width: 14%;
  margin-left: 1%;
  text-align: right;
}
.rma__order-offline-item .field.name-remove button {
  margin-top: 20px;
}
.rma__order-offline {
  margin-bottom: 3rem;
}
.rma__order-offline > .field {
  position: relative;
  *zoom: 1;
}
.rma__order-offline > .field:before,
.rma__order-offline > .field:after {
  display: table;
  content: "";
  line-height: 0;
}
.rma__order-offline > .field:after {
  clear: both;
}
.rma__order-offline > .field .input-box {
  width: 50%;
}
.rma__order-offline > .field .input-box input {
  width: 100%;
}
.rma__order-offline > .field button {
  position: absolute;
  right: 0;
  top: 20px;
}
.rma__guest-gift {
  *zoom: 1;
  margin-bottom: 15px;
}
.rma__guest-gift:before,
.rma__guest-gift:after {
  display: table;
  content: "";
  line-height: 0;
}
.rma__guest-gift:after {
  clear: both;
}
.rma__guest-gift .is-gift {
  float: right;
}
.rma__guest-gift .is-gift label {
  margin-left: 5px;
}
.rma__guest-gift .fieldset {
  *zoom: 1;
}
.rma__guest-gift .fieldset:before,
.rma__guest-gift .fieldset:after {
  display: table;
  content: "";
  line-height: 0;
}
.rma__guest-gift .fieldset:after {
  clear: both;
}
.rma__guest-gift .fieldset .wide {
  padding: 0 1%;
  width: 50%;
  float: left;
}
.rma__guest-gift .fieldset .wide input {
  width: 100%;
}

.remove-text-transformation {
  text-transform: none !important;
}

.UI-ORDER-BLOCK.data-table th {
  white-space: normal;
}

.UI-ORDER-BLOCK.data-table th.order-status-aling-center {
  text-align: center;
}
.scalapayModal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transform: scale(1.1);
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
  overflow: auto;
  z-index:9999;
}
.scalapay-modal-content {
  
  background-color: #fefefe;
  margin: 1% auto; /* 1% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
  overflow: auto;

}
.scalapay-close-button {
  float: right;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  cursor: pointer;
  border-radius: 0.25rem;
  background-color: #ffffff;
  font-size: 25px;

}
.scalapay-close-buttonclose-button:hover {
  background-color: darkgray;
}
.scalapay-show-modal {
  opacity: 1;
  visibility: visible;
  transform: scale(1.0);
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}
.img-responsive-scalapay {
  width: 100%;
}
.scalapay-ajax-loader{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('https://www.serafinishop.com/skin/frontend/base/default/scalapay/images/ajax-loader.gif') 50% 50% no-repeat rgb(249,249,249,.7);
}

.autocomplete-w1 {z-index:999; position:absolute; top:7px; left:6px; /* IE6 fix: */ _top:1px; }
.autocomplete { width:300px; border:1px solid #ccc; background:#fff; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2); cursor: default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE specific: */ _height:350px; _margin:0px 6px 6px 0; overflow-x:hidden; -webkit-overflow-scrolling: touch; }
.autocomplete .selected { background:#F0F0F0; cursor: pointer }
.autocomplete div { padding:5px; clear:both; overflow: hidden; line-height:1.1em;    border-bottom: 1px solid #ccc }
.autocomplete div p{
  margin-top: 5px;
}
.autocomplete strong { font-weight:bold; color:#3399FF; }
.autocomplete .ajaxsearchimage {float: left; margin:2px 6px 2px 2px;}
.ajaxsearchimage {margin-right: 10px }
.autocomplete .ajaxsearchdescription {font-size: 0.8em;}
.mini-search-right .block-content, .mini-search-left .block-content { padding:5px 10px; }
.mini-search-right label, .mini-search-left label { font-weight:bold; }

#anonymous_element_1{z-index:999;}
#searchajaxico {background:url(https://www.serafinishop.com/skin/frontend/base/default/images/tm/ajaxsearch/loader.gif) no-repeat left 2px; width: 20px; height: 20px; position:absolute; left:256px !important; display: none;}
#search-leftajaxico {background:url(https://www.serafinishop.com/skin/frontend/base/default/images/tm/ajaxsearch/loader.gif) no-repeat left 2px; width: 20px; height: 20px; position:absolute; left:150px; display: none; top:21px;}
#search-rightajaxico {background:url(https://www.serafinishop.com/skin/frontend/base/default/images/tm/ajaxsearch/loader.gif) no-repeat left 2px; width: 20px; height: 20px; position:absolute; left:150px; display: none; top:21px;}


.mini-search-right, .mini-search-left {position: relative;}
.mini-search-left .mini-search,
.mini-search-right .mini-search {white-space: nowrap;}
.mini-search-left .mini-search div,
.mini-search-right .mini-search div { white-space:normal; }
.mini-search-left input.input-text,
.mini-search-right input.input-text {display: inline-block; margin:3px 0; width: 75%}
.mini-search-left .button,
.mini-search-right .button {display: inline-block; }

.headerajaxsearchwindow { text-align: center; background-color: #D8D8D8; color: #000; font-size: 14px;  margin-bottom: 0;}
.headercategorysearch { text-align: center; }
 p.headercategorysearch {     
  background-color: #d8d8d8;
  color: #000;
  margin: 0; 
}
p.ajaxsearch-small { margin: 5px 0 0 0 }

.ajaxsearch-category-select { width: 50px; margin-right: 4px; float: left; }
.header .form-search label { text-indent: -9999px; text-align: left; }

/* folded styles */
#search_mini_form .search-field-wrapper {
    float: left;
    opacity: 0;
}
#header-search.skip-active .search-field-wrapper,
#search_mini_form.shown .search-field-wrapper {
    opacity: 1;
}
.folded .search-field-wrapper .close {
    width: 20px;
    float: right;
    display: block;
    color: #636363;
    text-decoration: none;
    font-weight: normal;
    font-size: 30px;
    position: absolute;
    top: -5px;
    right: 85px;
}

/* default theme styles */
.default.folded .search-field-wrapper .close {
    top: -11px;
    right: 72px;
}
.default.folded #searchajaxico { margin-left: -10px; }
.default .btn-search i { display: none; }

/* rwd theme styles */
@media only screen and (min-width: 771px) {
    #header-search { width: auto !important; }
}
@media only screen and (max-width: 770px) {
    #search_mini_form.rwd .search-field-wrapper { float: none; }
}
.rwd .mini-search .button,
.rwd .ajaxsearch-category-select { height: 40px; }
#header-search.skip-active .search-field-wrapper .close { display: none; }
.rwd.folded #searchajaxico { margin-left: -25px; }
.rwd .btn-search i { display: none; }

.box-menu {
  position: relative;
}
.nav-top {
  padding: 0;
}
.nav-top-inner {
  position: relative;
  text-align: center;
}
.typo-navigation {
  display: inline-block;
  vertical-align: top;
}
#typonav {
  margin: 0;
  padding: 0;
  width: auto;
}
.megamenu .fa {
  display: inline-block;
  line-height: inherit;
  padding-left: 15px;
}
.home-sidebar .megamenu .fa {
  float: right;
}
#typonav > li {
  float: left;
  padding: 0;
  text-align: left;
}
#typonav .itemgrid ul.level0 {
  margin: 0 -15px;
}
#typonav ul.level0 li:hover {
  background: none;
}
#typonav li.custom-block {
  float: left;
  border-left: none;
}
#typonav li.level0 {
  display: block;
  line-height: 60px;
  height: 60px;
  padding: 0 15px;
  position: relative;
  cursor: pointer;
}
#typonav li.level0.mega_align_justify {
  position: static;
}
#typonav a {
  float: left;
  margin: 0;
  padding: 0;
}
#typonav a, #typonav a:hover {
  display: block;
  outline: none;
  text-decoration: none;
}
#typonav span {
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
}
#typonav li.active a.level-top {
  outline: none;
}
#typonav li a.level-top {
  font-weight: bold;
}
#typonav a, #megamenu a, #typonav li.level0 a {
  position: relative;
}
#typonav li.level0 ul li a:hover {
  outline: medium none;
  text-decoration: none;
}
/*Label category*/
li.level0 > a > span > .cat-label {
  position: absolute;
  bottom: 90%;
  left: 90%;
}
li.level1 > a > span > .cat-label {
  display: inline-block !important;
  margin: 0 2px;
}
li.level0 > a > span > .pin-bottom:before {
  position: absolute;
  left: 50%;
  top: 100%;
  width: 0;
  height: 0;
  content: ""; 
  border-top: 4px solid #cc0000;
  border-left: 0 solid transparent; 
  border-right: 4px solid transparent;
  margin-left: -3px;
}
.cat-label {
  padding: 2px 4px;
  transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
  -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
  -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
  -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
  border-radius: 2px;
  font-size: 10px;
  line-height: 13px;
  background: #cc0000;
  border-radius: 2px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
}
.cat-label.cat-label-label1 {
  background: #3689C3;
}
.cat-label.pin-bottom.cat-label-label1:before {
  border-top-color: #3689C3;
}
.is-sticky li.level0 > a > span > .cat-label {
  bottom: auto;
  top: 0;
}
/*dropdown mega*/
#typonav li ul.show-sub, #typonav li div.show-sub {
  left: 0;
  outline: none;
  width: 100%;
  min-width: 220px;
  z-index: 999;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
/*align center*/
#typonav li.mega_align_center.level-top > div.show-sub {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
/*align right*/
#typonav li.mega_align_right > div.show-sub,
#typonav li .show-sub li.mega_align_right > div.show-sub,
#typonav li .show-sub li .show-sub li.mega_align_right > div.show-sub,
#typonav li .show-sub li .show-sub li .show-sub li.mega_align_right > div.show-sub,
#typonav li .show-sub li .show-sub li .show-sub li .show-sub li.mega_align_right > div.show-sub {
  left: auto;
  /*right: 100%;*/
  right: 0;
  margin-right: -100%;
}
div.show-sub {
  left: 0;
  outline: none;
  width: 100%;
  z-index: 9;
}
#typonav div.level0 {
  padding: 30px 15px;
  cursor: default;
}
#typonav .sub-wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 180ms ease, opacity 180ms ease, margin 180ms ease;
  -moz-transition: visibility 180ms ease, opacity 180ms ease, margin 180ms ease;
  transition: visibility 180ms ease, opacity 180ms ease, margin 180ms ease;
  margin-top: 30px;
}

#typonav li.level0:hover > .show-sub {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
#typonav .sub-wrapper .mm-item-base {
  padding: 15px;
  margin: 0;
}
#typonav .sub-wrapper .mm-item-base div ul li div ul li div div.mm-item-base,
#typonav li.m-dropdown .dropdown.sub-wrapper div.mm-item-base div ul li div div.mm-item-base {
  margin-left: 0;
  padding: 0 2px;
}
#typonav li.level0 ul li {
  height: auto;
}
#typonav li.level0 ul li.custom {
  border-bottom: 2px solid #cb2822 !important;
}
#typonav li.level0 .groups-wrapper ul li a,
#typonav li.level0 .dropdown .groups-wrapper ul.level1 li a,
#typonav .dropdown ul li a {
  line-height: 20px;
  padding: 10px 0;
}
#typonav li.level0 .dropdown ul li.groups > a {
  border-bottom: 1px solid #ccc;
}
#typonav li.level0 ul li:hover {
  border-top: none;
}
#typonav .sub-wrapper ul {
  border: none;
  margin: 0;
  padding: 0;
  position: static;
  width: auto;
}
#typonav ul.level0 li {
  outline: none;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
#typonav ul li, #typonav ul li.active {
  background: none;
  margin: 0;
}
#typonav li.level0 ul li ol {
  margin: 0 0 0 5px;
}
#typonav li.level0 ul li.groups a {
  font-size: 100%;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 10px;
  padding: 10px 0;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
}
.vheader-layout-2 #typonav li.level0 ul li.groups > a {
  border-bottom: 1px solid #333;
}
.vheader-layout-2 .nav-top {
  margin-bottom: 75px;
}
#typonav li.level0 ul li.groups > a {
  font-weight: bold;
  color: #000;
}
#typonav li.level0 ul li ul li a {
  border-bottom: 1px solid #cfcfcf;
}
#typonav li ul span {
  white-space: normal;
}
#typonav li.level0 ul li a {
  border: 0 none;
  display: block;
  font-size: 100%;
  height: auto;
  margin: 0;
  outline: medium none;
  text-transform: capitalize;
  width: 100%;
  background-color: transparent;
}
#typonav li.level0 .groups-wrapper ul li a {
  border: 0 none;
  height: auto;
  line-height: 30px;
  margin: 0;
  outline: medium none;
  text-transform: capitalize;
  display: block;
  width: 100%;
  background-color: transparent;
}
#typonav li.level0 ul li a span.title_group {
  padding-left: 0;
}
#typonav ul li ul.level1 li, #typonav ul li ul.level2 li {
  border: 0;
  margin: 0;
  width: 100%;
  float: left;
}
#typonav li.level0 .groups-wrapper ul li a {
  padding: 5px 0;
  line-height: 20px;
}
#typonav li .groups-wrapper .parent > a, #typonav li .dropdown .parent > a {
  position: relative;
}
#typonav li .groups-wrapper .parent > a:before, #typonav li .dropdown .parent > a:before {
  content:"\f105";
  position: absolute;
  top: 12px;
  right: 5px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
#typonav li .groups-wrapper .parent > a:before {
  top: 8px;
}
#typonav li .show-sub li div.show-sub {
  left: 70%;
  top: 0;
}
#typonav li .show-sub li:hover > div.show-sub {
  opacity: 1;
  visibility: visible;
  margin: 0;
}
#typonav li .show-sub .groups-wrapper li > div.show-sub {
  padding: 10px 15px;
}
.groups-wrapper ul li.active a {
}
/*Dropdown classic*/
#typonav li.m-dropdown {
  position: relative;
}
#typonav .dropdown ul.level0 li {
  width: 100%;
  padding: 0 15px;
  float: left;
}
#typonav .dropdown ul.level0 li a {
  border-bottom: 1px solid #e5e5e5;
}
.vheader-layout-2 #typonav .dropdown ul.level0 li a {
  border-bottom: 1px solid #333;

}
#typonav .dropdown ul.level0 li.last > a {
  border-bottom: none;
}
#typonav .dropdown ul.level0 li.groups {
  border-bottom: none;
}
#typonav li.m-dropdown .dropdown.sub-wrapper {
  max-width: 270px;
  padding: 0;
}
#typonav li.m-dropdown .dropdown.sub-wrapper li.level1:hover > .show-sub {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
/*Block html*/
ul.products-posts .posts-item-inner .posts-image {
  padding: 0
}
ul.products-posts .posts-item-inner .posts-image a {
  padding: 0 !important;
}
ul.products-posts .posts-item-inner .posts-image a img {
  margin: 0 auto;
}
ul.products-posts .posts-item-inner .posts-actions-inner {
  padding-right: 0
}
ul.products-posts .posts-item-inner .posts-actions-inner .product-info .product-name {
  margin: 0;
  font-size: 14px;
}
ul.products-posts .posts-item-inner .posts-actions-inner .product-info .product-name a {
  padding: 0 !important;
  width: auto;
}
ul.products-posts .posts-item-inner .posts-actions-inner .product-info .product-name a:hover {
  background: none !important;
  color: #e70000 !important;
}
ul.products-posts .posts-item-inner .posts-actions-inner .product-info p {
  line-height: 20px;
  clear: both;
  color: #6e6e6e;
  font-size: 13px;
  margin: 0;
}
ul.products-posts .block-posts-menu {
  border-bottom: 1px solid #f3f3f3;
  float: none !important;
  line-height: 20px;
  overflow: hidden;
  padding: 10px 0 !important;
}
ul.products-posts .block-posts-menu.last {
  border-bottom: none;
}
.typomenu-block-right h3 {
  color: #3f3f43;
  font-size: 110%;
  font-weight: normal;
  padding: 0 0 20px;
  margin: 0;
}
.typomenu-block-right .posts {
  line-height: 20px;
}
.typomenu-block-right .posts .price-box {
  width: 100%;
  float: left;
}
.typomenu-block-right .posts a {
  display: inline-block !important;
  text-align: left;
  text-transform: none !important;
  font-size: 100% !important;
  padding: 0 !important;
}
.typomenu-block-right .posts a:hover {
  color: #0092ce !important;
}
.typomenu-block-right .posts .posts-item-inner.last {
  margin-top: 20px;
}
.typomenu-block-level1-top {
  margin-bottom: 10px;
}
.typomenu-block-level1-top img {
  width: 100%;
}
.typomenu-block-level1-bottom {
  margin-bottom: 10px;
}
.typomenu-block-top img {
  margin-bottom: 30px;
}
.typomenu-block-top img.img-menutop {
  float: right;
}
.typomenu-block-bottom {
  margin: 0;
}
.typomenu-block-bottom .bottom {
  float: left;
  margin-right: 14px;
}
.typomenu-block-bottom .bottom.first {
  margin-left: 0;
}
.typomenu-block-bottom .bottom.last {
  margin-right: 0;
}
.typomenu-block-bottom h3 {
  margin: 0 0 20px;
  font-size: 120%;
  font-weight: normal;
  text-transform: uppercase;
}
.typomenu-block-bottom p {
  margin: 15px 0 0;
  line-height: 20px;
}
.typo-navigation #typonav .typomenu-block-right .products-posts .posts-image a:hover {
  background: none;
}
#typonav .typomenu-block .nav-block .section-line {
  border-bottom: 1px solid #ffffff;
  clear: both;
  display: block;
  line-height: 0;
  margin-bottom: 10px;
  padding-top: 10px;
}
.typomenu-block.typomenu-block-right .typomenu-block .block-menu-banner {
  margin-right: 5px !important;
  padding: 0 !important;
  width: 260px;
}
.typomenu-block .nav-block .f-right {
  float: right;
}
#typonav .typomenu-block .nav-block a:hover {
  color: #000;
  text-decoration: none;
}
.typomenu-block .nav-block h3 {
  font-size: 140%;
  color: #fff;
  clear: both;
  padding: 10px 0 0;
  font-weight: normal;
}
.typomenu-block .nav-block p {
  font-size: 100%;
  color: #323131;
  line-height: 25px;
  margin: 0;
}
.typomenu-block-top {
  padding: 0;
  margin: 0;
}
.top-content {
  padding-bottom: 10px;
}
.top-content .menu-links {
  line-height: 20px;
  font-size: 12px;
}
.typomenu-block-top ul {
  list-style: none;
}
.typomenu-block-top ul li {
  border: medium none !important;
  float: left;
  line-height: 45px;
  padding-right: 20px !important;
  width: auto !important;
}
.typomenu-block-top ul li a .fa {
  display: none;
}
.typomenu-block-left, .typomenu-block-center {
  padding: 0 0 20px;
}
.typomenu-block-left img {
  padding-top: 0px;
}
.typomenu-block-bottom .static-inner {
  padding: 0 20px;
  width: 100%;
}
#typonav .typomenu-block.typomenu-block-bottom .block-menu-logo a {
  padding: 0;
  margin-right: 10px;
}
#typonav .typomenu-block.typomenu-block-bottom strong {
  display: block;
}
.typomenu-block-bottom .left,
.typomenu-block-bottom .right {
  float: left;
  width: 50%;
  display: block
}
.typomenu-block-bottom .right {
  background-color: #3e3c46;
  padding: 33px 15px;
}
.typomenu-block-bottom .right:hover {
  background-color: #cb2822;
}
.typomenu-block-bottom .right h3 {
  margin: 0;
  font-size: 150%;
  line-height: 40px;
  color: #fff;
}
.typomenu-block-bottom .right p {
  margin: 0;
  font-size: 100%;
  color: #fff;
}
.typomenu-block .custom-block h4 {
  margin: 0;
  color: #000;
  font-size: 16px;
  padding: 0 0 10px;
}
.typomenu-block .custom-block p {
  color: #323131;
  font-size: 13px;
  line-height: 25px;
  margin: 10px 0 0;
}
.container-top .grid12-4 {
  margin-left: 0;
}
.block-top-right img {
  padding-top: 10px;
}
.block-top-right h3 {
  color: #000;
  font-size: 16px;
  margin-bottom: 0;
}
.typomenu-block-left h2 {
  font-size: 18px;
  margin: 12px 0;
}
.custom p.custom_category_menu_text {
  text-align: left;
  line-height: 20px;
  clear: both;
  color: #323131;
  font-size: 13px;
}
#typonav .block-top-staticmenu li:hover {
  background: none;
}
#typonav .block-top-staticmenu .product-name a {
  padding: 0 5px;
}
.block-top-staticmenu .block-title strong span {
  font-size: 145%;
  padding: 11px 0 5px;
  font-weight: normal;
  text-transform: capitalize;
  color: #000;
  border-bottom: 1px solid #f6f6f6;
}
#typonav .block-top-staticmenu .product-image-hover a.product-image:hover {
  background: none;
}
/* block right */
.menu-static-blocks .mega-blockright {
  position: relative;
  text-align: center;
}
.menu-static-blocks .mega-blockright img {
  width: 100%;
}
.menu-static-blocks .mega-blockright:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: '';
  /*background: rgba(0, 0, 0, 0.5);*/
}
.menu-static-blocks .mega-right {
  color: #fff;
  width: 100%;
  padding: 0 15px;
}
.menu-static-blocks .mega-right .text-small {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
}
.menu-static-blocks .mega-right .text-large {
  color: #fff;
  letter-spacing: 0.1px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 20px;
}
#typonav .mega-right a.btn-ex {
  font-size: 13px;
  height: 42px;
  font-weight: bold;
  border: 1px solid #ffffff;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: top;
  padding: 10px 20px;
  line-height: 20px;
  color: #ffffff;
  float: none;
}
/* Itemgrid: different numbers of columns
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Clear every first item in each row (row: group of n items) */

/* Item grid: 1 column */
.itemgrid-1col .item {
  width: 100%;
}
/* Item grid: 2 columns */
.itemgrid-2col .item {
  width: 50%;
}
/* Item grid: 3 columns */
.itemgrid-3col .item {
  width: 33.3333333333%;
}
/* Item grid: 4 columns */
.itemgrid-4col .item {
  width: 25%;
}
.itemgrid-4col .item.dop {
  width: 50%;
}
/* Item grid: 5 columns */
.itemgrid-5col .item {
  width: 20%;
}
.itemgrid-5col .item.dop {
  width: 40%;
}
/* Item grid: 6 columns */
.itemgrid-6col .item {
  width: 16.6666666667%;
}
.itemgrid-6col .item.dop {
  width: 33.3333333333%;
}
/* Item grid: 7 columns */
.itemgrid-7col .item {
  width: 14.2857142857%;
}
/* Grid units */
.grid12-1,
.grid12-2,
.grid12-3,
.grid12-4,
.grid12-5,
.grid12-6,
.grid12-7,
.grid12-8,
.grid12-9,
.grid12-10,
.grid12-11,
.grid12-12,
  /* Deprecated: other grid units */
.grid4-1,
.grid4-2,
.grid4-3,
.grid2-1,
  /* Alias for full-width units */
.grid-full,
  /* Special grid units */
.grid-col2-sidebar,
.grid-col2-main {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
}
/* Basic grid units width */
.grid12-1 {
  width: 8.33333333333%;
}
.grid12-2 {
  width: 16.6666666667%;
}
.grid12-3,
.grid4-1 {
  width: 25%;
}
.grid12-4 {
  width: 33.3333333333%;
}
.grid12-5 {
  width: 41.6666666667%;
}
.grid12-6,
.grid4-2,
.grid2-1 {
  width: 50%;
}
.grid12-7 {
  width: 58.3333333332%;
}
.grid12-8 {
  width: 66.6666666667%;
}
.grid12-9,
.grid4-3 {
  width: 75%;
}
.grid12-10 {
  width: 83.3333333333%;
}
.grid12-11 {
  width: 91.6666666666%;
}
.grid12-12,
.grid-full {
  width: 100%;
}
/* Menu */
.typo-menu .fa {
  display: none;
}
.block-nav .fa {
  display: none;
}
/****Vertical Megamenu***/
.cms-home .typo-navigation-vertical {
  margin: 0;
}
.typo-navigation-vertical .block-title strong span {
  color: #111;
  padding: 0 0 0 12px;
  /*font-family: 'Open Sans', sans-serif;*/
}
.typo-navigation-vertical .block-title strong span.fa {
  background: #1b1b1b;
  margin-right: 10px;
  margin-left: 30px;
  height: 50px;
  display: block;
  line-height: 50px;
  text-align: center;
  float: left;
  color: #fff;
  padding: 0;
}
.typo-navigation-vertical .block-title {
  height: 50px;
  line-height: 50px;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0;
}
.sidebar .typo-navigation-vertical .block-title {
  background-color: #ffe51e;
  border: none;
  padding: 0;
}
.typo-navigation-vertical .block-title strong {
  font-weight: normal;
}
.typo-main-menu-vertical {
  border: 1px solid #d6d6d6;
  float: left;
  width: 100%;
  border-top: 0;
  display: none;
}
.typo-main-menu-vertical ul.level0 li {
  float: left;
  outline: none;
}
.main_side_left .typo-main-menu-vertical div.show-sub,
.col-left .typo-main-menu-vertical div.show-sub {
  border: 0;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  outline: none;
  width: 680px !important;
  z-index: 9999;
  background: #fff;
  padding: 0;
  top: 50px !important;
}
.col-right .typo-main-menu-vertical ul li.m-dropdown ul li.level1 div.show-sub {
  width: 100%;
  right: 250px !important;
}
.col-right .typo-main-menu-vertical ul li.m-dropdown ul li.level1 div.groups-wrapper div.show-sub {
  width: 100%;
  right: 222px !important;
}
.col-right .typo-main-menu-vertical li.level2 div.show-sub {
  width: 100%;
  right: 186px !important;
}
.main_side_left .typo-main-menu-vertical li.level1 div.show-sub,
.col-left .typo-main-menu-vertical li.level1 div.show-sub {
  width: 100%;
  left: 185px !important;
  padding-left: 10px;
}
.col-right .typo-main-menu-vertical div.show-sub {
  -webkit-box-shadow: 1px 6px 7px 0 rgba(0, 0, 0, 0.15);
  border: 0;
  -webkit-box-shadow: 1px 6px 7px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 1px 6px 7px 0 rgba(0, 0, 0, 0.15);
  outline: none;
  width: 620px;
  z-index: 9;
  background: #dedee4;
  top: 0;
  padding: 0;
  clear: left;
}
.main_side_left .typo-main-menu-vertical div.show-sub .typomenu-block,
.col-left .typo-main-menu-vertical div.show-sub .typomenu-block {
  margin: 0;
  width: 100%;
}
.typo-main-menu-vertical .typomenu-block-top {
  width: 100% !important;
}
.main_side_left .typo-main-menu-vertical div.show-sub a,
.col-left .typo-main-menu-vertical div.show-sub a {
  border: none;
}
.main_side_left .typo-main-menu-vertical div.show-sub li .level1 li.parent,
.col-left .typo-main-menu-vertical div.show-sub li .level1 li.parent {
  background: url("https://www.serafinishop.com/skin/frontend/typologancee/default/images/icon-menu.png") no-repeat 100% 13px;
  padding-left: 0;
}
.main_side_left .typo-main-menu-vertical div.show-sub li .level1 li,
.col-left .typo-main-menu-vertical div.show-sub li .level1 li {
  padding-left: 0;
}
.main_side_left .typo-main-menu-vertical div.show-sub .groups a .title_group,
.col-left .typo-main-menu-vertical div.show-sub .groups a .title_group {
  font-size: 115%;
  color: #272727;
}
.typo-main-menu-vertical .dropdown ul.level0 li {
  width: 100%;
  padding: 0 13px;
}
.typo-main-menu-vertical li.m-dropdown .dropdown.sub-wrapper {
  width: 260px;
  max-width: 290px
}
.megamenu-vertical {
  margin: 0;
  padding: 18px 0;
  width: 100%;
  height: auto;
  background: #fff;
  display: inline-block;
  float: left;
}
.megamenu-vertical .show-direct > a:after {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 15px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  position: absolute;
  right: 0;
  line-height: 20px;
}
.megamenu-vertical li.level-top {
  padding: 0 30px;
  float: left;
  width: 100%;
}
.megamenu-vertical li.level-top > a {
  border-bottom: 1px dashed #acacac;
  float: left;
  width: 100%;
}
.megamenu-vertical li.level-top .groups-wrapper {
  background: #fff;
  width: auto;
}
.megamenu-vertical li .fa {
  float: right;
  text-align: center;
  line-height: 15px;
  color: #fff;
  position: relative;
  right: 20px;
  top: 15px;
  background-color: #c3e425;
  height: 15px;
  width: 15px;
}
.megamenu-vertical li.m-dropdown .fa {
  right: 15px;
}
.megamenu-vertical > li.level0 > a {
  padding: 10px 0;
  border-bottom: rgb(230, 230, 230) dashed 1px;
  margin: 0;
  font-size: 14px;
  display: block;
  position: relative;
  line-height: 16px;
}
.megamenu-vertical > li.level0.last > a {
  border: none;
}
.megamenu-vertical > li.level0 > a span {
  padding: 0 15px;
}
.megamenu-vertical > li.level0 > a:before {
  display: inline-block;
  width: 18px;
  height: 16px;
  content: '';
}
.megamenu-vertical li.level0 > a {
  display: block;
}
.main_categroy_left > div {
  width: 300px;
}
.typo-main-menu-vertical div.show-sub {
  z-index: 99;
}
.typo-main-menu-vertical li.level0 ul.level0 {
  padding: 25px 10px;
}
.typo-main-menu-vertical li.level0 ul li.level1 {
  margin: 0;
  width: 220px;
  padding: 0 15px 50px;
}
.typo-main-menu-vertical li.level0 ul li.level1 > a {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 8px;
  display: block;
  color: #000 !important;
}
.typo-main-menu-vertical li.level0 ul li.level2 > a {
  line-height: 25px;
  font-size: 13px;
}
.typo-main-menu-vertical ul.level0 li {
  float: left;
  outline: none;
  position: relative;
}
.typo-main-menu-vertical ul li ul.level1 li,
.typo-main-menu-vertical ul li ul.level2 li {
  border: 0;
  margin: 0;
  width: 100%;
  padding: 0 0 0 10px;
}
.block-vertial-top {
  display: block;
  position: relative;
  padding: 0 35px;
}
.block-vertial-top p {
  margin: 0;
}
.block-vertial-top .img-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 680px;
  height: 197px;
  margin: 0;
  padding: 0;
  z-index: -1;
}
.block-vertial-top .title {
  font-size: 25px;
  text-transform: uppercase;
  color: #000;
  padding: 45px 0 0 0;
  display: block;
  font-weight: bold;
}
.block-vertial-top .title p {
  margin: 0;
}
.block-vertial-top .text {
  padding: 0;
  color: #a3a3a3;
  margin: 15px 0;
  font-size: 14px;
}
.block-vertial-top .btn-readmore {
  padding: 10px 15px;
  color: #fff !important;
  -webkit-border-radius: 15px;
          border-radius: 15px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
}
.vertical-bottom {
  padding: 0 10px;
  width: 100%;
  margin-top: -33px;
}
.vertical-bottom a {
  width: 220px;
  padding: 0 15px;
  display: block;
  float: left;
  font-size: 11px;
  font-weight: bold;
  color: #000;
}

/* Sidebar menu */
.home-sidebar .sb-main-menu #typonav li.level0 {
  position: relative!important;
  padding: 0 40px;
}
.home-sidebar #typonav li ul.show-sub,
.home-sidebar #typonav li div.show-sub {
  top: 0!important;
  width: 960px;
  transform: none!important;
}
.home-sidebar #typonav li.level0 {
  line-height: 15px;
  height: 35px;
}
.home-sidebar #typonav li.level0 > a {
  padding: 10px 0;
}
.home-sidebar #typonav li.level0 > a + .fa {
  padding-top: 10px;
}
.vheader-layout-1 #typonav li.level0.active,
.vheader-layout-1 #typonav li.level0:hover {
  background-color: #f2f2f2;
  .all-transition;
}
.sb-main-menu #typonav li.level0 {
  display: block;
  width: 100%;
}

/*rtl*/
.rtl .block-vertial-top .img-top {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
.rtl .typo-main-menu-vertical li.level0 ul li.level1 {
  float: right;
}
.rtl #typonav li .show-sub li div.show-sub {
  left: auto;
  right: 70%;
}
.rtl li.level0 > a > span > .cat-label {
  left: auto;
  right: 90%;
}
.rtl li.level0 > a > span > .pin-bottom:before {
  border-left: 4px solid transparent;
  border-right: 0 solid transparent;
  margin-left: -3px;
}
.rtl #typonav li .groups-wrapper .parent > a:before, .rtl #typonav li .dropdown .parent > a:before {
  content:"\f104";
  right: auto;
  left: 5px;
}

/*
Hover Effect
================================*/
.hover-effect01 {
  position: relative;
  z-index: 1;
}
.hover-effect01:before {
  background-color: rgba(255, 255, 255, 0.15);
  content: "";
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  width: 0;
  z-index: -1;
}
.hover-effect01:after {
  background-color: rgba(255, 255, 255, 0.15);
  bottom: 0;
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  width: 0;
  z-index: -1;
}
.hover-effect01:hover:after,
.hover-effect01:hover:before {
  height: 100%;
  width: 100%;
}
.hover-effect01-black {
  position: relative;
}
.hover-effect01-black:before {
  background-color: rgba(0, 0, 0, 0.15);
  content: "";
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  width: 0;
  z-index: -1;
}
.hover-effect01-black:after {
  background-color: rgba(0, 0, 0, 0.15);
  bottom: 0;
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  width: 0;
  z-index: -1;
}
.hover-effect01-black:hover:after,
.hover-effect01-black:hover:before {
  height: 100%;
  width: 100%;
}
.hover-effect02 {
  position: relative;
}
.hover-effect02:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  background: transparent;
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  width: 100%;
}
.hover-effect02:hover:before {
  box-shadow: 0 0 0 40px rgba(255, 255, 255, 0.6) inset;
}
.hover-effect03 {
  position: relative;
  transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
}
.hover-effect03:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  visibility: hidden;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transform: scale(0.5) rotateY(180deg);
  -moz-transform: scale(0.5) rotateY(180deg);
  -ms-transform: scale(0.5) rotateY(180deg);
  -o-transform: scale(0.5) rotateY(180deg);
  transform: scale(0.5) rotateY(180deg);
  transition: 0.4s;
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  z-index: 99;
  background: url(https://www.serafinishop.com/skin/frontend/typologancee/default/images/plus.png) no-repeat center center #ffffff;
}
.hover-effect03:hover {
  opacity: 0.35;
  visibility: visible;
  -webkit-transform: scale(1) rotateY(0deg);
  -moz-transform: scale(1) rotateY(0deg);
  -ms-transform: scale(1) rotateY(0deg);
  -o-transform: scale(1) rotateY(0deg);
  transform: scale(1) rotateY(0deg);
}
.hover-effect04 {
  position: relative;
  overflow: hidden;
}
.hover-effect04:after {
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  content: '';
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.hover-effect04:hover:after {
  -webkit-transform: translate(-100%);
  -moz-transform: translate(-100%);
  -ms-transform: translate(-100%);
  -o-transform: translate(-100%);
  transform: translate(-100%);
}
.hover-effect05 {
  position: relative;
}
.hover-effect05:before {
  content: " ";
  position: absolute;
  top: 5px;
  left: 5px;
  bottom: 5px;
  right: 5px;
  border: 2px solid transparent;
  z-index: 100;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  opacity: 0;
}
.hover-effect05:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 100;
  opacity: 0;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
.hover-effect05:hover:before {
  opacity: 1;
  top: 15px;
  left: 15px;
  bottom: 15px;
  right: 15px;
  border: 2px solid rgba(255, 255, 255, 0.8);
}
.hover-effect05:hover:after {
  opacity: 1;
}
.hover-effect06 {
  position: relative;
}
.hover-effect06:before,
.hover-effect06:after {
  background-color: #000;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  transition: all 0.3s ease-out 0s;
  opacity: 0;
}
.hover-effect06:hover:before,
.hover-effect06:hover:after {
  transition: all 0.4s ease-out 0s;
  opacity: 0.3;
}
.hover-effect07 {
  overflow: hidden;
  position: relative;
}
.hover-effect07 > span {
  z-index: 10;
}
.hover-effect07:after {
  background: #fff;
  content: "";
  height: 155px;
  left: -75px;
  opacity: .5;
  position: absolute;
  top: -50px;
  -webkit-transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  transform: rotate(35deg);
  -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
  z-index: 1;
}
.hover-effect07:hover:after {
  left: 120%;
  -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
}
/*
End Hover Effect
==============================*/
/*
Effect Main Slide
*/
.active .caption .title {
  -webkit-animation: slideBounceInDown 800ms ease-in-out;
  -moz-animation: slideBounceInDown 800ms ease-in-out;
  animation: slideBounceInDown 800ms ease-in-out;
}
.active .caption .text {
  -webkit-animation: slideBounceInDown 1400ms ease-in-out;
  -moz-animation: slideBounceInDown 1400ms ease-in-out;
  animation: slideBounceInDown 1400ms ease-in-out;
}
.active .caption .btn-slide {
  -webkit-animation: slideBounceInDown 2000ms ease-in-out;
  -moz-animation: slideBounceInDown 2000ms ease-in-out;
  animation: slideBounceInDown 2000ms ease-in-out;
}
@-webkit-keyframes slideBounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slideBounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(30px);
  }
  80% {
    -moz-transform: translateY(-10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes slideBounceInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(30px);
  }
  80% {
    -o-transform: translateY(-10px);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes slideBounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.active .slideBounceInDown {
  -webkit-animation-name: slideBounceInDown;
  -moz-animation-name: slideBounceInDown;
  -o-animation-name: slideBounceInDown;
  animation-name: slideBounceInDown;
}
.block-center {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*==========================
    mobile menu
==========================*/

.typo-container {
  position: relative;
}
.typo-wrapper {
  position: relative;
  left: 0;
  z-index: 99;
  height: 100%;
  -webkit-transition: -webkit-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  transition: transform 0.5s;
}
.typo-nav ul.nav-accordion {
  min-width: 290px;
  display: inline-block;
}
.typo-nav ul.nav-accordion li {
  text-align: left;
}
.typo-nav ul.nav-accordion li.active + li {
  /*border-top: 1px solid rgba(255, 255, 255, 0.2);*/
}
.typo-nav li.level0 i.fa-angle-down {
  display: none;
}
.typo-nav .home a {
  padding: 11px 0 !important;
  height: auto;
  text-align: center;
}
.typo-nav .home a span {
  font-size: 30px;
}
.typo-nav ul.nav-accordion > li > a {
  border-bottom: 1px solid rgba(100, 255, 255, 0.2);
}
.typo-nav ul.nav-accordion li a {
  color: #fff;
  font-size: 14px;
  text-transform: capitalize;
  padding: 10px 42px 10px 15px;
  line-height: 20px;
  height: auto;
  border-bottom: 1px solid rgba(100, 255, 255, 0.2);
}
.typo-nav ul.nav-accordion li span.expand, .typo-nav ul.nav-accordion li span.collapse {
  color: #fff;
  /*border-left: 1px solid rgba(255, 255, 255, 0.2);*/
  font-size: 14px;
}
.typo-nav ul.nav-accordion li.last a {
  border-bottom: 1px solid rgba(100, 255, 255, 0.2);
}
.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 9999;
}
.overlay-contentscale {
  visibility: hidden;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;
  transition: -webkit-transform 0.5s, visibility 0s 0.5s;
  -o-transition: -o-transform 0.5s, visibility 0s 0.5s;
  transition: transform 0.5s, visibility 0s 0.5s;
}
.overlay-contentscale.open {
  visibility: visible;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  transition: transform 0.5s;
}
.overlay .overlay-close {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 20px;
  top: 20px;
  overflow: hidden;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  outline: none;
  z-index: 100;
  background-color: transparent;
  font-size: 25px;
  line-height: 1;
}
.overlay nav {
  text-align: center;
  position: relative;
  top: 50%;
  height: 75%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: auto;
}
.typo-wrapper.overlay-open {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  transition: transform 0.5s;
}
.cmn-toggle-switch {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 60px;
  height: 60px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  float: left;
}
.cmn-toggle-switch:focus {
  outline: none;
}
.cmn-toggle-switch span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 2px;
  background: #000;
  margin-top: -1px;
  width: 30px;
  margin-left: -15px;
}
.cmn-toggle-switch span::before, .cmn-toggle-switch span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000;
  content: "";
}
.cmn-toggle-switch span::before {
  top: 8px;
}
.cmn-toggle-switch span::after {
  bottom: 8px;
}
.cmn-toggle-switch__htx {
  background-color: transparent;
}
.vheader-layout-2 .menu-bar-btn {
  position: absolute;
  top: 15px;
  left: 30px;
  z-index: 999;
}
.vheader-layout-2 .cmn-toggle-switch span,
.vheader-layout-2 .cmn-toggle-switch span::before,
.vheader-layout-2 .cmn-toggle-switch span::after{
  background-color: #fff;
}
.cmn-toggle-switch__htx span {
  -webkit-transition: background 0s 0.3s;
  -o-transition: background 0s 0.3s;
  transition: background 0s 0.3s;
}
.cmn-toggle-switch__htx span::before, .cmn-toggle-switch__htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
  -o-transition-duration: 0.3s, 0.3s;
  transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
  -o-transition-delay: 0.3s, 0s;
  transition-delay: 0.3s, 0s;
}
.cmn-toggle-switch__htx span::before {
  -webkit-transition-property: top, -webkit-transform;
  -o-transition-property: top, -o-transform;
  transition-property: top, transform;
}
.cmn-toggle-switch__htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
  -o-transition-property: bottom, -o-transform;
  transition-property: bottom, transform;
}
.cmn-toggle-switch__htx.active {
  background-color: transparent;
}
.cmn-toggle-switch__htx.active span {
  background: none;
}
.cmn-toggle-switch__htx.active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cmn-toggle-switch__htx.active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.cmn-toggle-switch__htx.active span::before, .cmn-toggle-switch__htx.active span::after {
  -webkit-transition-delay: 0s, 0.3s;
  -o-transition-delay: 0s, 0.3s;
  transition-delay: 0s, 0.3s;
}
/* accordion - please don't modify this*/

ul.nav-accordion {
  line-height: 0.5em;
  list-style: none;
  padding: 0;
  margin: 0;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  transition: transform 0.5s;
}
ul.nav-accordion ul.level0 > li > a {
  padding-left: 30px;
}
ul.nav-accordion ul.level1 > li > a {
  padding-left: 45px;
}
ul.nav-accordion ul.level2 > li > a {
  padding-left: 60px;
}
ul.nav-accordion ul.level3 > li > a {
  padding-left: 75px;
}
ul.nav-accordion ul.level4 > li > a {
  padding-left: 85px;
}
ul.nav-accordion ul.level5 > li > a {
  padding-left: 95px;
}
ul.nav-accordion ul.level6 > li > a {
  padding-left: 100px;
}
.sidebar ul.nav-accordion ul.level0 li a:before {
  left: 10px;
}
.sidebar ul.nav-accordion ul.level1 li a:before {
  left: 20px;
}
.sidebar ul.nav-accordion ul.level2 li a:before {
  left: 30px;
}
.sidebar ul.nav-accordion ul.level3 li a:before {
  left: 40px;
}
.sidebar ul.nav-accordion ul.level4 li a:before {
  left: 50px;
}
.sidebar ul.nav-accordion ul.level5 li a:before {
  left: 55px;
}
.sidebar ul.nav-accordion ul.level6 li a:before {
  left: 60px;
}
ul.nav-accordion li {
  background: none;
  position: relative;
  line-height: 20px;
}
ul.nav-accordion > li > a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
ul.nav-accordion li a {
  display: block;
  margin: 0;
  height: 42px;
  padding: 11px 42px 11px 0;
  text-decoration: none;
  text-shadow: none;
  -webkit-transition: color 0.3s ease-in-out 0s;
  -o-transition: color 0.3s ease-in-out 0s;
  transition: color 0.3s ease-in-out 0s;
}
ul.nav-accordion li a:hover {
  color: #bbb;
}
ul.nav-accordion ul {
  display: none;
  margin: 0;
  padding: 0;
}
ul.nav-accordion ul li {
  clear: both;
  margin: 0;
  padding: 0;
}
ul.nav-accordion ul li a {
  font-size: 100%;
  outline: none;
  padding-left: 15px;
}
ul#typo-accordion li span.collapse {
  top: 0;
}
ul#typo-accordion li span.expand {
  top: 0;
}
ul.nav-accordion ul ul li a {
  padding-left: 30px;
}
ul.nav-accordion ul ul ul li a {
  padding-left: 40px;
}
ul.nav-accordion li span.expand {
  background-color: transparent;
  cursor: pointer;
  display: block;
  line-height: 42px;
  position: absolute;
  top: 0;
  right: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  z-index: 1;
  width: 42px;
  height: 42px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  text-align: center;
}
ul.nav-accordion li span.text {
  display: none;
}
ul.nav-accordion li span.collapse {
  visibility: visible;
  background-color: transparent;
  cursor: pointer;
  display: block;
  line-height: 42px;
  position: absolute;
  top: 0;
  right: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  z-index: 1;
  width: 42px;
  height: 42px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  text-align: center;
}
ul.detail-parent {
  margin: 0;
  padding: 0 0 0 17px;
}
ul.nav-accordion li.level0 > a > span > .cat-label {
  position: static;
  display: inline-block;
  vertical-align: top;
}
ul.nav-accordion li.level0 > a > span > .pin-bottom:before {
  display: none;
}
/* RTL */

.rtl ul.nav-accordion {
  padding-left: 0;
  padding-right: 0;
}
.rtl ul#typo-accordion li span.collapse, .rtl ul#typo-accordion li span.expand {
  left: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  border-left: 0;
  text-align: center;
}
.rtl .typo-menu-active .collapsed-icon {
  /*margin-left: 0;
  margin-right: 15px;*/
}
.rtl .navbar-inverse .navbar-toggle:hover .icon-bar, .rtl .navbar-inverse .navbar-toggle:focus .icon-bar {
  background: #fff;
}
.rtl .typo-nav ul.nav-accordion li {
  text-align: right;
}
.rtl .typo-nav ul.nav-accordion li a {
  padding: 10px 15px 10px 42px;
}
.rtl ul.nav-accordion ul.level0 > li > a {
  padding-right: 30px;
}
.rtl ul.nav-accordion ul.level1 > li > a {
  padding-right: 45px;
}
.rtl ul.nav-accordion ul.level2 > li > a {
  padding-right: 60px;
}
.rtl ul.nav-accordion ul.level3 > li > a {
  padding-right: 75px;
}
.rtl ul.nav-accordion ul.level4 > li > a {
  padding-right: 85px;
}
.rtl ul.nav-accordion ul.level5 > li > a {
  padding-right: 95px;
}
.rtl ul.nav-accordion ul.level6 > li > a {
  padding-right: 100px;
}

.rtl .sidebar ul.nav-accordion ul.level0 li a:before {
  right: 10px;
}
.rtl .sidebar ul.nav-accordion ul.level1 li a:before {
  right: 20px;
}
.rtl .sidebar ul.nav-accordion ul.level2 li a:before {
  right: 30px;
}
.rtl .sidebar ul.nav-accordion ul.level3 li a:before {
  right: 40px;
}
.rtl .sidebar ul.nav-accordion ul.level4 li a:before {
  right: 50px;
}
.rtl .sidebar ul.nav-accordion ul.level5 li a:before {
  right: 55px;
}
.rtl .sidebar ul.nav-accordion ul.level6 li a:before {
  right: 60px;
}

/**
 * Lightbox
 */


/* ColorBox Core Style
-------------------------------------------------------------- */
#colorbox {
    overflow: visible !important;
}
#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 998;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}

#cboxLoadedContent {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    background: #fff;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    background: url(https://www.serafinishop.com/skin/frontend/typologancee/default/css/typostores/colorbox/images/loading.gif) center center no-repeat;
}

#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box;
}


/* ColorBox skin.
   The following styles are ordered & tabbed
   in a way that represents the nesting of the generated HTML.
-------------------------------------------------------------- */

#cboxOverlay {
    background: #fff url(https://www.serafinishop.com/skin/frontend/typologancee/default/css/typostores/colorbox/images/overlay.png) repeat 0 0;
}

#cboxContent {
    position: relative;
    overflow: visible;
    border: none;
    padding: 30px;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    margin-bottom: 0px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
}

#cboxTitle {
    position: absolute;
    bottom: 17px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #999999;
}

#cboxCurrent {
    position: absolute;
    bottom: 5px;
    left: 30px;
    color: #999999;
}

#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef;
}

#cboxPrevious, #cboxNext {
    position: absolute;
    background: url(https://www.serafinishop.com/skin/frontend/typologancee/default/css/typostores/colorbox/images/slider-arrows.png) no-repeat rgba(255,255,255,0.5);
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    border-radius: 0;
    box-shadow: none;
    border: none;
    outline: none;
    top: 50%;
    right: 15px;
    margin-top: -15px;
}
#cboxPrevious:hover, #cboxNext:hover {
    background-color: rgba(0,0,0,0.2);
}

#cboxPrevious {
    left: 15px;
    right: auto;
    background-position: -10px -10px;
}

#cboxPrevious:hover {
    background-position: -10px -60px;
}

#cboxNext {
    background-position: -60px -10px;
}

#cboxNext:hover {
    background-position: -60px -60px;
}

/*#cboxLoadingOverlay {
    background: url(https://www.serafinishop.com/skin/frontend/typologancee/default/css/typostores/colorbox/images/loading_background.png) no-repeat center center;
    background-size: 60px 60px;
}*/

#cboxLoadingGraphic {
    background: url(https://www.serafinishop.com/skin/frontend/typologancee/default/css/typostores/colorbox/images/loading.gif) no-repeat center center;
}

#cboxClose {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    width: 35px;
    height: 35px;
    font-size: 30px;
    line-height: 35px;
    color: #fff;
    background: transparent;
}

#cboxClose:hover {

}
#cboxNext, #cboxPrevious, #cboxClose {
    transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -webkit-transition: all 350ms ease;
    -o-transition: all 350ms ease;
}
#cboxLoadingGraphic.box-loading {
    background: url(https://www.serafinishop.com/skin/frontend/typologancee/default/css/typostores/colorbox/images/loading.gif) no-repeat center center;
    display: block;
}
.main-heading .heading-wrapper-title h3, .widget-static-block .custom .title h2, .block .block-title strong span, .block .block-title strong span, .block .empty, .toolbar .toolbar-top .amount, .toolbar .toolbar-top .sorter .sort-by label, .toolbar .toolbar-top .limiter label, .toolbar p.typo-toolbar-label, .toolbar .toolbar-top .sorter .view-mode label, .toolbar .toolbar-top .pages strong, .product-view .product-shop .product-name h1, .std ul, .std ol, .std dl, .std p, .std address, .std blockquote, .product-view .product-shop .product-options dt label.required, .product-view .product-shop .product-options dd select, .page-title h1, .page-title h2, .page-title h3 { color:#000000; }
.product-name a, #my_recent_reviews .product-name a, .owl-theme .owl-controls .owl-buttons div .fa { color:#000000; }
.product-name a:hover, #my_recent_reviews .product-name a:hover, .owl-theme .owl-controls .owl-buttons div:hover .fa { color:#999999; }
a { color:#000000; }
a, .dropdown .text { color:#000000; }
a:hover {
  color:#999999;
  text-decoration:none;
}
.block-layered-nav dt { color:#000000; }
.block-poll .label label:hover { color:#999999; }
.desc.std { color:#666666; }
.main-quickview button.button { background-color:#ffffff; }
button.button, a.button {
  color:#000000;
  background-color:#ffffff;
  border-color:#999999;
}
button.button:hover, a.button:hover {
  color:#ffffff;
  border-color:#000000;
  background-color:#000000;
}
a.btn-readmore, .top-compare .typo-maincompare .clearall a { background-color:#ffffff; }
a.btn-readmore:hover, .top-compare .typo-maincompare .clearall a:hover {
  background-color:#000000;
  border-color:#000000;
}
a.btn-readmore, .top-compare .typo-maincompare .clearall a { color:#000000; }
.header-container .header .typo-ajax-checkout a { color:#000000; }
a.btn-readmore:hover, .top-compare .typo-maincompare .clearall a:hover, .nav-wrapper ul.direction-nav a:hover { color:#ffffff; }
.typo-ajax-checkout a:hover { color:#ffffff !important; }
.block-featured:hover .circle span { color:#ffffff; }
.add-to-links > div a {
  color:#999999;
  background-color:#ffffff;
  border-color:#999999;
}
.add-to-links > div a:hover {
  color:#ffffff;
  background-color:#999999;
  border-color:#999999;
}
.price { color:#000000; }
body {
  color:#000000;
  font-size:14px;
  font-family:PT Sans, arial, serif;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .typo-main-menu, .widget-tabs >li>a, .block .block-title, .typo-nav ul.nav-accordion li a, .product-collateral .product-tabs li a, .product-name { font-family:Open Sans, arial, serif; }
.settings, .toolbar, .block-layered-nav dt { font-family:Open Sans, arial, serif; }
.price { font-family:PT Sans, arial, serif; }
.tooltip { font-family:Open Sans, arial, serif; }
.vheader-layout-2 .language-topbar .lang-list ul, .vheader-layout-2 .currency-topbar .currency-list ul, .vheader-layout-2 .settings .setting-content, .vheader-layout-2 .typo-ajax-container, .home-sidebar .header-menu, .home-sidebar #typonav .sub-wrapper, .header-container .header-content, .header-container.header-layout-8 .settings .setting-content, .header-container.header-layout-8 { background-color:transparent; }
.header-container .sb-topbar, .header-container .header .header-top { background-color:#ffffff; }
.header, .header-container, .typo-sb-cart .price, .typo-sb-quicksearch  .form-search input#search, .typo-sb-quicksearch .button-search i { color:#666666; }
.header-container a, .header-top-inner a { color:#666666; }
.header-container a:hover, .header-top-inner a:hover { color:#000000; }
#typonav a {
  font-size:14px;
  text-transform:uppercase;
}
.home15 #typonav li ul.show-sub, .home15 #typonav li div.show-sub, .nav-top { background-color:#ffffff; }
.is-sticky #typo-sticky-header .nav-top { background-color:rgba(255,255,255,0.95); }
#typonav li.active a.level-top, #typonav li a.level-top:hover { color:#000000; }
#typonav li.level0 > a, .typomenu-block a, #typonav li.level0 ul li.groups > a, #typonav li.level0 > a + .fa { color:#999999; }
#typonav li.level0 > a:hover, .typomenu-block a:hover, #typonav li.level0 ul li.groups > a:hover { color:#000000; }
#typonav li:hover a.level-top { color:#000000; }
.typo-menu { background-color:#2d2d2d; }
.title-canvas { color:#ffffff; }
.typo-menu a { background-color:transparent; }
.typo-menu a:hover { background-color:#3f3f3f; }
.typo-navigation-vertical .block-title, .sidebar .typo-navigation-vertical .block-title { background-color:#cfb985; }
.typo-navigation-vertical.block .block-title strong span { color:#343434; }
.megamenu-vertical li.level0 a, .main_side_left .typo-main-menu-vertical div.show-sub .groups a .title_group, .col-left .typo-main-menu-vertical div.show-sub .groups a .title_group, .main_side_left .typo-main-menu-vertical div.show-sub li .level1 li a, .col-left .typo-main-menu-vertical div.show-sub li .level1 li a { color:#3b3b3b; }
.megamenu-vertical li.level0 a:hover, .main_side_left .typo-main-menu-vertical div.show-sub .groups a:hover .title_group, .col-left .typo-main-menu-vertical div.show-sub .groups a:hover .title_group, .main_side_left .typo-main-menu-vertical div.show-sub li .level1 li a:hover, .col-left .typo-main-menu-vertical div.show-sub li .level1 li a:hover { color:#d02a21; }
body { background-color:#ffffff; }
.main-container { background-color:#ffffff; }
.product-shop .add-to-cart button.btn-cart, .category-products .products-grid .item .addtocart button.btn-cart { background-color:transparent; }
.product-shop .add-to-cart button.btn-cart span, .category-products .products-grid .item .addtocart button.btn-cart span { color:#000000; }
.product-shop .add-to-cart button.btn-cart:hover, .category-products .products-grid .item .addtocart button.btn-cart:hover { background-color:#000000; }
.product-shop .add-to-cart button.btn-cart:hover span, .category-products .products-grid .item .addtocart button.btn-cart:hover span { color:#ffffff; }
.product-collateral, .product-tabs { background-color:#ffffff; }
.product-collateral .product-tabs li a { color:#cccccc; }
.product-collateral .product-tabs li a:hover {
  background-color:#ffffff;
  color:#333333;
}
.product-collateral .product-tabs a:hover { color:#333333; }
.product-collateral .product-tabs li.active a { background-color:#ffffff; }
.product-collateral .product-tabs li.active a { color:#333333; }
.product-collateral .product-tabs-content-inner .std { color:#666666; }
.product-collateral .product-tabs-content-inner { background-color:#ffffff; }
.product-collateral .product-tabs-content-inner { color:#666666; }
.footer-container { background-color:#ffffff; }
.footer-container .footer-top a { color:#999999; }
.footer-container .footer-top a:hover { color:#000000; }
.footer-container .footer-top h3 { color:#000000; }
.footer-container .footer-top {
  color:#999999;
  background-color:transparent;
}
.footer-container .footer-bottom a { color:#999999; }
.footer-container .footer-bottom a:hover { color:#000000; }
.footer-container .footer-bottom {
  color:#999999;
  background-color:transparent;
}
.footer-container .footer-copyright {
  background-color:transparent;
  color:#999999;
}
.footer-copyright a { color:#000000; }

/**
* WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost.
* 2024-07-16 07:29:31*/


.itemgrid.itemgrid-adaptive { display: inline-block; vertical-align: top; width: 100%; padding: 0 15px;}
.itemgrid .item { display: inline-block; vertical-align: top; padding: 0 15px; }
/* Itemgrid: different numbers of columns
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Clear every first item in each row (row: group of n items) */

/* Item grid: 1 column */
.products-itemgrid-1col .item { width: 100%; }

/* Item grid: 2 columns */
.products-itemgrid-2col .item { width: 50%; }

/* Item grid: 3 columns */
.products-itemgrid-3col .item { width: 33.3333333333%; }

/* Item grid: 4 columns */
.products-itemgrid-4col .item { width: 25%; }
.products-itemgrid-4col .item.dop { width: 50%; }

/* Item grid: 5 columns */
.products-itemgrid-5col .item { width: 20%; }

/* Item grid: 6 columns */
.products-itemgrid-6col .item { width: 16.6666666667%; }

/* Item grid: 7 columns */
.products-itemgrid-7col .item { width: 14.2857142857%; }

/* Item grid: 8 columns */
.products-itemgrid-8col .item { width:12.5%; }



.catalog-category-view .top-direct, .catalog-product-view .top-direct, .tag-product-list .top-direct {
  background-image: url(//serafinishop_www.test/media/wysiwyg/typostores/typologancee/category/image-category.jpg);
  background-size: cover;
  height: 420px;
}

.blog-index-list .top-direct, .blog-cat-view .top-direct, .blog-post-view .top-direct {
  background-image: url(//serafinishop_www.test/media/wysiwyg/typostores/typologancee/category/image-blog.jpg);
  background-size: cover;
  height: 420px;
}
.top-direct {
  background-image: url(//serafinishop_www.test/media/wysiwyg/typostores/typologancee/category/image-blog.jpg);
  background-size: cover;
}

.cms-page-view .top-direct, .cms-about .top-direct {
  background-image: url(//serafinishop_www.test/media/wysiwyg/typostores/typologancee/category/image-about.jpg);
  background-size: cover;
  height: 420px;
}

.cms-contact .top-direct {
  background-image: url(//serafinishop_www.test/media/wysiwyg/typostores/typologancee/category/image-contact.jpg);
  background-size: cover;
  height: 420px;
}

/**
layout 2022 tolto collateral e messo + su tutti i tab
*/
.product-collateral h2.acctab {
  display: block;
  font-size: 15px;
  margin: 0;
  padding: 15px 0;
  text-transform: uppercase;
  font-weight: normal;
  position: relative;
  font-weight: bold;
}
.product-collateral .product-tabs {
  display: none;
}
.product-collateral .box-collateral {
  padding-top: 10px;
}
.product-collateral .title-divider {
  display: none;
}

@media (min-width: 1600px) {
  .tp-2-col {
    width: 50%;
  }
  .tp-3-col {
    width: 33.33333333%;
  }
  .tp-4-col {
    width: 25%;
  }
  .tp-5-col {
    width: 20%;
  }
  .tp-6-col {
    width: 16.66666667%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
  .tp-lg-5-col {
    width: 20%;
  }
}
@media (min-width: 992px) {
  .tp-md-5-col {
    width: 20%;
  }
}
@media (min-width: 768px) {
  .map-popup.map-popup-right {
    left: 10px !important;
  }
  .map-popup.map-popup-left {
    left: auto !important;
    right: 10px !important;
  }
  .block-layered-nav dd.hidden-tiny {
    display: block !important;
  }
  .footer-container .footer-static h3 + ul {
    display: block !important;
  }
}
@media (min-width: 480px) {
}
@media (max-width: 1199px) {
  /* login - register */
  .log-reg-page .account-create {
    padding-left: 30px;
  }
  .log-reg-page .account-login {
    padding: 0;
  }
  .sticky-search .quick-search {
    max-width: 800px;
  }
  .footer-container .information-footer .footer-static {
    padding: 0;
  }
  .slider-home .caption {
    right: 15px;
  }
  .item .product-show-box {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@media (max-width: 991px) {
  .block-compare .block-content .actions .view-compare {
    margin-left: -5px;
  }
  .block-compare .block-content .actions .clearall {
    margin-right: -5px;
  }
  /*.add-to-cart .btn-cart {
    margin: 20px 0;
    display: block;
  }*/
  .sticky-search .quick-search {
    max-width: 580px;
  }
  .footer-container .footer-top-inner {
    padding: 30px 0 40px 0;
  }
  .footer-container .footer-static h3 {
    margin-bottom: 15px;
  }
  .slider-home .caption {
    right: 15px;
    padding: 30px 15px;
    max-width: 240px;
    text-align: center;
  }

  .slider-home .caption .title {
    font-size: 25px;
  }

  .slider-home.slide-fullwidth .caption .title {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .slider-home .caption .text {
    margin-bottom: 30px;
  }

  .slider-home.slide-fullwidth .caption .text {
    margin-bottom: 20px;
  }

  .slider-home .caption:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    z-index: -1;
  }

  .row-onestep .four.columns {
    width: 100% !important;
    float: none;
    margin: 0;
  }
  .product-date {
    margin: 0 -5px;
  }
  .product-date .cd-sale {
    margin: 0 5px;
    width: 65px;
  }
  .product-date .cd-sale .num {
    line-height: 65px;
  }
  /*.add-to-cart .qty {
    display:block;
    position:relative;
    width: 100%;
  }
  .add-to-cart .qty input {
    width: 100%;
    padding: 0 30px;
  }*/
}
@media (max-width: 767px) {
  .map-popup {
    width: 100%;
    left: 0 !important;
  }
  .slider-home, .block-sidebar {
    height: 420px !important;
  }
  .slider-home .caption {
    right: 15px;
    padding: 15px;
    max-width: 240px;
    text-align: center;
  }
  .slider-home .caption .title {
    font-size: 25px;
  }
  .slider-home .caption .text {
    margin-bottom: 30px;
  }
  .slider-home .caption:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    z-index: -1;
  }

  .slider-home.slide-fullwidth .caption .title {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .slider-home.slide-fullwidth {
    height: auto!important;
  }
  .slider-home.slide-fullwidth .caption .text {
    margin-bottom: 15px;
    line-height: 18px;
  }
  .slider-home.slide-fullwidth .caption .btn-slide a {
    padding: 0 15px;
    font-size: 13px;
  }
  .static-collection .text-wrap .info h3 {
    font-size: 23px;
  }
  .static-collection .title {
    font-size: 16px;
  }
  .tab-mobile span {
    font-weight: bold;
  }
  .top-seach .quick-search {
    display: none;
  }
  .toogle-filter {
    cursor: pointer;
  }
  .block-layered-nav dd.hidden-tiny {
    display: none;
  }
  .is-sticky #typo-sticky-header {
    display: none;
  }
  .search-bottom {
    padding: 16px 0;
  }
  .search-bottom .form-search, .search-bottom .form-search:hover {
    max-width: 100%;
  }
  .typo-icon-ajaxcart .typo-cart-label .print, .typo-icon-ajaxcart .icon-dropdown {
    display: none;
  }
  .product-collateral h2.acctab {
    display: block;
    font-size: 15px;
    margin: 0;
    padding: 15px 0;
    text-transform: uppercase;
    font-weight: normal;
    position: relative;
    font-weight: bold;
  }
  .product-collateral .product-tabs {
    display: none;
  }
  .product-collateral .box-collateral {
    padding-top: 10px;
  }
  .product-collateral .title-divider {
    display: none;
  }
  .postDetails .create-time {
    float: left;
    width: 100%;
  }
  .product-shop-view .top-product-name {
    margin-top: 30px;
  }

  /* checkout */
  .opc .step-title h2 {
    font-size: 14px;
  }
  .opc #checkout-step-billing .customer-name-middlename .field {
    width: 100%;
  }
  /* login - register */
  .log-reg-page .account-create {
    padding-left: 0;
    border: none;
  }

  /* top bar */
  .top-bar {
    text-align: left;
  }
  .social-topbar .social {
    float: none;
    display: inline-block;
    vertical-align: top;
  }

  /* widget tabs */
  .tab-mobile {
    display: inline-block;
  }
  .tab-mobile + .widget-tabs {
    position: absolute;
    top: 55px;
    left: 50%;
    margin: 0 0 0 -145px !important;
    padding: 15px 30px;
    width: 290px;
    height: auto;
    z-index: 11;
    background: #ffffff;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    transition: all 250ms ease;
    text-align: left;
    opacity: 0;
    visibility: hidden;
  }
  .tab-mobile + .widget-tabs li {
    width: 100%;
  }
  .tab-mobile + .widget-tabs li:first-child:before {
    display: inline-block;
  }
  .tab-mobile + .widget-tabs li a {
    font-size: 14px;
    padding: 5px 0 5px 15px;
  }
  .tab-mobile + .widget-tabs.showing {
    opacity: 1;
    visibility: visible;
  }

  .catalog-category-view .top-direct, .catalog-product-view .top-direct, .tag-product-list .top-direct {
    height: 220px;
  }

  .footer-container .footer-static h3 {
    margin: 15px 0 10px 0;
  }
  .footer-container .footer-static h3 + ul {
    display: none;
  }
}
@media (max-width: 479px) {
  .col-tiny {
    width: 100%;
    left: auto;
    right: auto;
  }
  .map-popup .map-popup-heading h3 {
    text-align: center;
  }
  .map-popup .map-popup-content {
    text-align: center;
  }
  .map-popup .map-popup-checkout {
    text-align: center;
  }
  .map-popup .map-popup-checkout .button,
  .map-popup .map-popup-checkout .additional-addtocart-box,
  .map-popup .map-popup-checkout .paypal-logo a,
  .map-popup .map-popup-checkout .paypal-logo .paypal-or {
    float: none;
  }
  .map-popup .map-popup-checkout .additional-addtocart-box {
    min-width: 0;
  }
  .map-popup .map-popup-checkout .paypal-logo .paypal-or {
    margin: 0 0 10px;
  }
  .map-popup .map-popup-price {
    text-align: center;
    padding-top: 0;
  }

  /*.products-grid .item {
    width: 100%;
  }*/

  .toolbar .sorter .btn-open-filter {
    margin-left: 15px;
  }
  .toolbar .sorter .sort-by {
    margin-right: 15px;
  }
  .toolbar .sorter .bootstrap-select>.dropdown-toggle {
    max-width: 95px;
    overflow: hidden;
  }

  .rating-list {
    width: 100%;
  }
  /*.add-to-cart .btn-cart {
    margin: 0;
  }
  .add-to-cart > .qty {
    margin-bottom: 10px;
  }*/
  
  .product-shop-view .rating-links {
    display: block;
    margin: 10px 0;
  }
  .product-collateral .box-tags label {
    width: 100%;
  }
  .product-collateral .box-tags .input-box {
    padding: 0;
  }
  .product-collateral .box-tags .input-box input {
    max-width: 140px;
    margin: 0;
  }
  .btn-group-cart .text-tiny {
    display: none;
  }
  .grand-total {
    padding: 15px;
  }
  .cart-collaterals h2 {
    font-size: 15px;
  }
  .grand-total #shopping-cart-totals-table td {
    font-size: 14px;
  }
  .grand-total #shopping-cart-totals-table td strong {
    font-size: 16px;
  }
  .data-table td {
    padding: 3px;
  }
  /* checkout */
  .opc .step-title {
    padding: 15px;
  }
  .opc .step {
    padding: 0 15px 15px;
  }
  .opc #checkout-step-billing .billing-street .field,
  .opc #checkout-step-billing .billing-city-region .field,
  .opc #checkout-step-billing .billing-post-country .field,
  .opc #checkout-step-billing .billing-phone-fax .field {
    width: 100%;
  }
  .opc #checkout-step-review, .order-review {
    padding: 0;
  }
  .opc #checkout-step-review .data-table tr.last th {
    padding: 10px 2px;
    font-size: 12px;
  }
  .opc #checkout-step-review .data-table tbody td {
    padding: 2px;
    font-size: 12px;
  }
  .order-review .product-name {
    font-size: 13px;
  }
  .order-review .price {
    font-size: 12px;
  }
  #checkout-review-submit button {
    margin: 10px auto 30px auto;
  }
  .opc #checkout-step-review .data-table tfoot td {
    padding: 2px;
    font-size: 13px;
  }
  /* newsletter popup */
  .newsletter-content .newsletter-title h3 {
    font-size: 20px;
    margin: 35px 0 20px;
  }
  .newsletter-content .popup_message {
    padding: 0;
  }
  .newsletter-content .popup_message .intro {
    padding: 0;
  }
  .top-bar-wrap {
    width: 50%;
  }
  .main-slide-sidebar .row > div {
    width: 100%;
  }
}


@import url(//fonts.googleapis.com/css?family=Oswald:400,300,700&subset=latin,latin-ext);
.transition-all35 {
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.block-center {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/*Header Layout 2*/
.header-layout-2 .top-bar {
  float: right;
}
.header-layout-2 .language-topbar .lang-list {
  right: 0;
  left: auto;
}
.header-layout-2 .currency-topbar .currency-list {
  right: 0;
  left: auto;
}
.header-layout-2 .delimiter {
  line-height: 12px;
  height: 12px;
  background-color: #666;
  margin: 15px;
}
.header-layout-2 .home2-block-phone-email {
  padding: 10px 0;
  line-height: 22px;
}
.header-layout-2 .sticky-icon-group {
  display: inline-block;
  float: right;
  margin: 0 -10px 0 50px;
}
.header-layout-2 .sticky-icon-group > div {
  float: left;
  padding: 0 10px;
}
.header-layout-2 .is-sticky .sticky-icon-group .settings {
  display: block;
}
.header-layout-2 .nav-top-inner {
  text-align: right;
}
.header-layout-2 .logo-home02 {
  float: left;
  margin-right: 15px;
  position: relative;
  z-index: 10;
}
.header-layout-2 .logo-home02 .logo {
  display: table;
  height: 60px;
  margin: 0;
}
.header-layout-2 .logo-home02 .logo a {
  display: table-cell;
  vertical-align: middle;
}
.header-layout-2 .logo-home02 .logo a img {
  max-height: 50px;
  max-width: 200px;
}
.header-layout-2 .logo-home02 strong {
  position: absolute;
  top: -9999em;
  text-indent: -99999em;
}
.header-layout-2 .is-sticky .logo-home02 {
  display: none;
}
.header-layout-2 .header-menu {
  padding: 35px 0;
}
.header-layout-2 .header-top-inner {
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}
.header-layout-2 .menu-bar-btn {
  float: left;
}
.header-layout-2 .sticky-bg .typo-main-menu {
  display: none;
}
.header-layout-2 .main-slide-wrap {
  border-bottom: none;
}
/*Header Layout 3*/
.cms-index-index .header-layout-3 {
  /*position: absolute;*/
  width: 100%;
  left: 0;
  top: 30px;
  right: 0;
  z-index: 999;
}
.header-layout-3 .main-menu {
  float: right;
}
.header-layout-3 .is-sticky #typo-sticky-header {
  background-color: #fff;
}
.header-layout-3 .sticky-icon-group {
  display: block;
  float: right;
  margin: 0 -10px 0 30px;
}
.header-layout-3 .sticky-icon-group > div {
  float: left;
  padding: 0 10px;
}
.header-layout-3 .logo-home03 {
  float: left;
  padding: 0 15px 0 0;
  position: relative;
  z-index: 999;
}
.header-layout-3 .logo-home03 strong {
  position: absolute;
  top: -9999em;
  text-indent: -99999em;
}
.header-layout-3 .logo-home03 .logo {
  display: table;
  height: 60px;
  margin: 0;
}
.header-layout-3 .logo-home03 .logo a {
  display: table-cell;
  vertical-align: middle;
}
.header-layout-3 .logo-home03 .logo a img {
  max-height: 50px;
  max-width: 200px;
}
.header-layout-3 .is-sticky .logo-home03 {
  display: none;
}
.header-layout-3 .is-sticky .header-menu {
  padding: 0;
}
.header-layout-3 .header-menu {
  padding: 25px 0 25px;
}
.header-layout-3 .sticky-search .quick-search {
  right: 0;
  max-width: 100%;
  z-index: 999;
}
/*Header Layout 4*/
.header-layout-4 {
  position: relative;
  z-index: 100;
}
.header-layout-4 .sticky-icon-group {
  display: inline-block;
  float: right;
  margin: 0 -10px 0 50px;
}
.header-layout-4 .sticky-icon-group > div {
  float: left;
  padding: 0 10px;
}
.header-layout-4 .nav-top-inner {
  text-align: right;
}
.header-layout-4 .logo-home04 {
  float: left;
  margin-right: 15px;
  position: relative;
  z-index: 10;
}
.header-layout-4 .logo-home04 .logo {
  display: table;
  height: 60px;
  margin: 0;
}
.header-layout-4 .logo-home04 .logo a {
  display: table-cell;
  vertical-align: middle;
}
.header-layout-4 .logo-home04 .logo a img {
  max-height: 50px;
  max-width: 200px;
}
.header-layout-4 .logo-home04 strong {
  position: absolute;
  top: -9999em;
  text-indent: -99999em;
}
.header-layout-4 .is-sticky .logo-home04 {
  display: none;
}
.header-layout-4 .header-menu {
  padding: 25px 0;
}
.header-layout-4 .header-top-inner {
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}
.header-layout-4 .menu-bar-btn {
  float: left;
}
.header-layout-4 .sticky-bg .typo-main-menu {
  display: none;
}
.header-layout-4 .main-slide-wrap {
  border-bottom: none;
}
/*Header Layout 5*/
.header-layout-5 .store-cr {
  float: right;
}
.header-layout-5 .currency-topbar .currency-list {
  left: auto;
  right: 0;
}
.header-layout-5 .header .logo-home {
  text-align: initial;
}
.header-layout-5 .header .logo-home img {
  margin: 0;
}
.header-layout-5 .form-search {
  max-width: 100%;
}
.header-layout-5 .form-search:hover {
  max-width: 100%;
}
.header-layout-5 .sticky-search .quick-search .form-search {
  max-width: 350px;
}
.header-layout-5 .nav-top-inner {
  text-align: initial;
}
.header-layout-5 .is-sticky .nav-top-inner {
  text-align: right;
}
.header-layout-5 .typo-navigation {
  margin-left: -15px;
}
.header-layout-5 .top-bar {
  position: absolute;
  right: 0;
  top: 9px;
}
.header-layout-5 .is-sticky .top-bar {
  display: none;
}
/*Header Layout 6*/
.header-layout-6 .main-menu {
  float: right;
}
.header-layout-6 .is-sticky #typo-sticky-header {
  background-color: #fff;
}
.header-layout-6 .sticky-icon-group {
  display: block;
  float: right;
  margin: 0 -10px 0 30px;
}
.header-layout-6 .sticky-icon-group > div {
  float: left;
  padding: 0 10px;
}
.header-layout-6 .logo-home06 {
  float: left;
  padding: 0 15px 0 0;
  position: relative;
  z-index: 999;
}
.header-layout-6 .logo-home06 strong {
  position: absolute;
  top: -9999em;
  text-indent: -99999em;
}
.header-layout-6 .logo-home06 .logo {
  display: table;
  height: 60px;
  margin: 0;
}
.header-layout-6 .logo-home06 .logo a {
  display: table-cell;
  vertical-align: middle;
}
.header-layout-6 .logo-home06 .logo a img {
  max-height: 50px;
  max-width: 200px;
}
.header-layout-6 .is-sticky .logo-home06 {
  display: none;
}
.header-layout-6 .is-sticky .header-menu {
  padding: 0;
}
.header-layout-6 .header-menu {
  padding: 25px 0 25px;
}
.header-layout-6 .sticky-search .quick-search {
  right: 0;
  max-width: 100%;
  z-index: 999;
}
.header-layout-8 .top-bar,
.header-layout-7 .top-bar {
  float: right;
}
.header-layout-8 .language-topbar .lang-list,
.header-layout-7 .language-topbar .lang-list {
  right: 0;
  left: auto;
}
.header-layout-8 .currency-topbar .currency-list,
.header-layout-7 .currency-topbar .currency-list {
  right: 0;
  left: auto;
}
.header-layout-8 .delimiter,
.header-layout-7 .delimiter {
  line-height: 12px;
  height: 12px;
  background-color: #666;
  margin: 15px;
}
.header-layout-8 .home2-block-phone-email,
.header-layout-7 .home2-block-phone-email {
  padding: 10px 0;
  line-height: 22px;
}
.header-layout-8 .sticky-icon-group,
.header-layout-7 .sticky-icon-group {
  display: inline-block;
  float: right;
  margin: 0 -10px 0 50px;
}
.header-layout-8 .sticky-icon-group > div,
.header-layout-7 .sticky-icon-group > div {
  float: left;
  padding: 0 10px;
}
.header-layout-8 .is-sticky .sticky-icon-group .settings,
.header-layout-7 .is-sticky .sticky-icon-group .settings {
  display: block;
}
.header-layout-8 .nav-top-inner,
.header-layout-7 .nav-top-inner {
  text-align: right;
}
.header-layout-8 .logo-home02,
.header-layout-7 .logo-home02 {
  float: left;
  margin-right: 15px;
  position: relative;
  z-index: 10;
}
.header-layout-8 .logo-home02 .logo,
.header-layout-7 .logo-home02 .logo {
  display: table;
  height: 60px;
  margin: 0;
}
.header-layout-8 .logo-home02 .logo a,
.header-layout-7 .logo-home02 .logo a {
  display: table-cell;
  vertical-align: middle;
}
.header-layout-8 .logo-home02 .logo a img,
.header-layout-7 .logo-home02 .logo a img {
  max-height: 50px;
  max-width: 200px;
}
.header-layout-8 .logo-home02 strong,
.header-layout-7 .logo-home02 strong {
  position: absolute;
  top: -9999em;
  text-indent: -99999em;
}
.header-layout-8 .is-sticky .logo-home02,
.header-layout-7 .is-sticky .logo-home02 {
  display: none;
}
.header-layout-8 .header-menu,
.header-layout-7 .header-menu {
  padding: 35px 0;
}
.header-layout-8 .header-top-inner,
.header-layout-7 .header-top-inner {
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}
.header-layout-8 .menu-bar-btn,
.header-layout-7 .menu-bar-btn {
  float: left;
}
.header-layout-8 .sticky-bg .typo-main-menu,
.header-layout-7 .sticky-bg .typo-main-menu {
  display: none;
}
.header-layout-8 .main-slide-wrap,
.header-layout-7 .main-slide-wrap {
  border-bottom: none;
}
.header-layout-7 .header-menu {
  padding-top: 10px;
  padding-bottom: 10px;
}
.cms-index-index .header-container.header-layout-7 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 999;
}
.header-layout-8 {
  border-bottom: 1px solid #ccc;
}
.header-layout-8 .is-sticky .typo-main-menu,
.header-layout-8 .typo-navigation {
  display: block;
}
.header-layout-8 .logo-home02,
.header-layout-8 .logo-sticky {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 130px;
  text-align: center;
  padding: 0;
}
.header-layout-8 .sticky-icon-group {
  margin: 0 -10px 0 20px;
}
.header-layout-8 .sticky-search .quick-search .icon_close,
.header-layout-8 .quick-search.showing {
  color: #000;
}
.header-layout-8 .typo-ajax-container {
  color: #000;
}
.header-layout-8 .typo-ajax-container a {
  color: #000;
}
.rtl .header-layout-8 .is-sticky .typo-main-menu,
.rtl .header-layout-8 .typo-navigation {
  display: block;
}
.rtl .header-layout-8 .logo-home02,
.rtl .header-layout-8 .logo-sticky {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto!important;
  max-width: 130px;
  text-align: center;
}
.slide-carousel.slide-carousel02:before {
  background-color: rgba(234, 234, 234, 0);
}
.slide-carousel .carousel-content02 {
  position: absolute;
  top: 90px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 999;
}
.slide-carousel .carousel-content02 .h3.text-small {
  color: #bf113d;
}
.slide-carousel .carousel-content02 .h3.text-large {
  color: #000;
  font-family: 'Oswald', sans-serif;
  letter-spacing: 0;
}
.slide-carousel .carousel-content02 .text-normal {
  color: #666;
}
.slide-carousel .carousel-content02 .btn-ex {
  font-size: 36px;
  color: #000;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.slide-carousel .carousel-content02:hover .btn-ex {
  color: #bf113d;
}
.slide-carousel .h3.text-small {
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 1;
  margin: 0 0 25px;
}
.slide-carousel .h3.text-large {
  font-size: 36px;
  text-transform: uppercase;
  margin: 0 0 35px;
}
.slide-carousel .text-normal {
  font-size: 14px;
  margin-bottom: 60px;
}
.top-welcome {
  text-align: center;
  margin: 95px 0 65px;
}
.top-welcome .images {
  margin-bottom: 25px;
}
.top-welcome .text-content .title-content {
  font-size: 30px;
  font-family: 'Oswald', sans-serif;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.top-welcome .text-content .text-content {
  font-size: 15px;
  color: #999999;
}
.commu-block {
  text-align: center;
  margin-bottom: 60px;
}
.commu-block .title-box {
  font-size: 18px;
  color: #000;
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  margin-bottom: 50px;
}
.commu-block .tp-block {
  display: inline-block;
}
.commu-block .tp-block.tp11 {
  width: 100%;
}
.commu-block .tp-block.tp12 {
  float: left;
  width: 50%;
}
.commu-block .tp-block.tp-block-left {
  padding-right: 15px;
}
.commu-block .tp-block.tp-block-right {
  padding-left: 15px;
}
.commu-block .tp-block .tp-inner-block {
  position: relative;
  margin: 0 0 30px;
}
.commu-block .tp-block .tp-inner-block a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  cursor: pointer;
  text-indent: -99999px;
}
.commu-block .tp-block .tp-inner-block .text-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
  opacity: 0;
  visibility: hidden;
  background: rgba(255, 255, 255, 0.9);
  padding: 25px 0;
  text-align: left;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.commu-block .tp-block .tp-inner-block .text-content .user-content {
  color: #000;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  line-height: 1;
}
.commu-block .tp-block .tp-inner-block .text-content .social-content {
  font-size: 12px;
  color: #999999;
  line-height: 1;
}
.commu-block .tp-block .tp-inner-block img {
  width: 100%;
}
.commu-block .tp-block .tp-inner-block:hover .text-content {
  bottom: 0;
  opacity: 1;
  visibility: visible;
}
.sticky-search .quick-search.showing {
  z-index: 999;
}
.home15 .main-brands-inner,
.home14 .main-brands-inner {
  padding: 60px 0 100px;
}
.home15 .footer-copyright .h3,
.home14 .footer-copyright .h3 {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5em;
  font-weight: 400;
  line-height: 1;
  margin: 60px 0;
}
.widget-product-brands.brand-slider02 .main-heading {
  padding: 30px 0 50px;
}
.widget-product-brands.brand-slider02 .main-heading .heading-title {
  background: none;
  padding: 10px 0 50px;
}
.widget-product-brands.brand-slider02 .main-heading .heading-title h2 {
  font-size: 30px;
  font-family: "Oswald", sans-serif;
  font-weight: 400;
}
.widget-product-brands.brand-slider02 .owl-carousel .owl-item img {
  max-height: 20px;
}
.footer-style14 .inner-footer-block .h4 {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 50px;
  letter-spacing: 0.05em;
}
.footer-style14 .inner-footer-block .text-content p {
  margin-bottom: 30px;
  font-size: 13px;
  line-height: 24px;
  letter-spacing: 0.025em;
}
.footer-style14 .inner-footer-block .text-content ul li {
  display: inline-block;
}
.footer-style14 .inner-footer-block .text-content ul li a {
  font-size: 14px;
  line-height: 20px;
  padding: 0 5px;
}
.footer-style14 .inner-footer-block .footer-center-image {
  margin-bottom: 145px;
}
.footer-style14 .inner-footer-block .footer-payment h3 {
  color: #666666;
  font-size: 13px;
  text-transform: uppercase;
  margin: 0 0 25px;
}
.footer-style14 .inner-footer-block img {
  max-width: 100%;
}
.footer-style14 .inner-footer-block1 {
  text-align: left;
}
.footer-style14 .inner-footer-block2 {
  text-align: center;
}
.footer-style14 .inner-footer-block3 {
  text-align: right;
}
.footer-style14 .widget-latest h2 {
  display: none;
}
.footer-style14 .widget-latest ul li {
  padding: 0;
  line-height: 30px;
}
.footer-style14 .widget-latest ul li a {
  font-size: 14px;
}
.rtl .footer-style14 .inner-footer-block1 {
  text-align: right;
}
.rtl .footer-style14 .inner-footer-block3 {
  text-align: left;
}
@media (min-width: 1200px) {
  .header-layout-8 .visible-lg-inline-block {
    display: block !important;
  }
}
.rtl #typonav > li.menu-item-left,
#typonav > li.menu-item-right {
  float: right;
}
.rtl #typonav > li.menu-item-right,
#typonav > li.menu-item-left {
  float: left;
}
.slide-carousel {
  position: relative;
  color: #fff;
}
.slide-carousel:before {
  position: absolute;
  top: 30%;
  left: 30%;
  right: 30%;
  bottom: 30%;
  background-color: rgba(0, 0, 0, 0.5);
  content: '';
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  transition: all 350ms ease;
}
.slide-carousel .carousel-content {
  width: 100%;
  padding: 15px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 350ms ease, visible 350ms ease;
  -moz-transition: opacity 350ms ease, visible 350ms ease;
  transition: opacity 350ms ease, visible 350ms ease;
}
.slide-carousel .carousel-content .text-small {
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 60px;
}
.slide-carousel .carousel-content .text-large {
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 25px;
}
.slide-carousel .carousel-content .text-normal {
  margin-bottom: 40px;
}
.slide-carousel .carousel-content a.btn-ex {
  font-size: 13px;
  height: 42px;
  font-weight: bold;
  border: 1px solid #ffffff;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: top;
  padding: 10px 20px;
  line-height: 20px;
  color: #ffffff;
  float: none;
}
.slide-carousel:hover:before {
  opacity: 1;
  visibility: visible;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.slide-carousel:hover .carousel-content {
  opacity: 1;
  visibility: visible;
}
.main-slide-inner .main-carousel .owl-theme .owl-nav {
  display: block;
}
.main-slide-inner .main-carousel .owl-theme .owl-nav > div {
  position: absolute;
  width: 64px;
  height: 64px;
  background: transparent url(https://www.serafinishop.com/skin/frontend/typologancee/default/images/arrow-next.png) 0 0 no-repeat;
  opacity: 0.5;
  margin-top: -32px;
  right: 20px;
}
.main-slide-inner .main-carousel .owl-theme .owl-nav > div > * {
  display: none;
}
.main-slide-inner .main-carousel .owl-theme .owl-nav > div:hover {
  opacity: 1;
}
.main-slide-inner .main-carousel .owl-theme .owl-nav .owl-prev {
  background: transparent url(https://www.serafinishop.com/skin/frontend/typologancee/default/images/arrow-prev.png) 0 0 no-repeat;
  right: auto;
  left: 20px;
}
.block-welcome {
  padding-bottom: 30px;
}
.block-welcome .text-block {
  text-align: center;
  color: #999;
  margin-bottom: 60px;
}
.block-welcome .text-block > span {
  display: inline-block;
  max-width: 700px;
  padding: 0 10px;
  vertical-align: top;
}
.block-icon {
  text-align: center;
  height: 218px;
  background-color: #f7f7f7;
  margin-bottom: 30px;
  position: relative;
}
.block-icon .block-center {
  width: 100%;
  padding: 10px;
}
.block-icon .block-center > span {
  color: #999;
  font-size: 40px;
}
.block-icon .text-hidden {
  display: none;
}
.block-icon .title {
  text-transform: uppercase;
  font-size: 1em;
  font-weight: bold;
  margin: 25px 0 15px 0;
}
.block-icon .text {
  color: #999;
}
.block-icon.block-icon2 {
  background-color: #ededed;
}
.widget-collection-style2 {
  border-top: 1px solid rgba(204, 204, 204, 0.5);
  padding-top: 25px;
}
.widget-collection-style2 .tabs-wrap {
  margin-bottom: 40px;
}
.blog-style.blog-style2 {
  padding: 25px 0 75px 0;
}
.slider-home.slide-fullwidth {
  color: #ffffff;
  height: auto;
  text-align: initial;
  position: relative;
}
.slider-home.slide-fullwidth .caption {
  max-width: 480px;
  width: 100%;
  top: 50%;
  right: 16%;
}
.cms-index-index.home03 .main-content-inner {
  background-color: #f5f5f5;
}
.main-newsletter.home03-newsletter {
  position: relative;
  padding: 35px 0 0 0;
  overflow: hidden;
  background-color: #ffcc33;
}
/*.main-newsletter.home03-newsletter:before {
  background: #e5e5e5 none repeat scroll 0 0;
  content: "";
  height: 70%;
  left: 50%;
  position: absolute;
  top: 100px;
  width: 1px;
}*/
.main-newsletter.home03-newsletter .main-newsletter-inner {
  border-top: none;
  text-align: initial;
}
.main-newsletter.home03-newsletter .main-newsletter-inner .subscribe .title {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  /*margin-bottom: 30px;*/
  margin-top: 0;
  text-align: initial;
  text-transform: uppercase;
}
.main-newsletter.home03-newsletter .main-newsletter-inner .subscribe .text {
  font-size: 14px;
  color: #000000;
  margin-bottom: 25px;
  font-style: italic;
  text-align: initial;
}
.main-newsletter.home03-newsletter .main-newsletter-inner .subscribe .input-box {
  margin: 0 auto; 
  max-width: 550px;
}
.main-newsletter.home03-newsletter .main-newsletter-inner .subscribe .input-box input {
  height: 40px;
  background-color: #f5f5f5;
}
.main-newsletter.home03-newsletter .main-newsletter-inner .subscribe .input-box input:focus {
  background: #fff;
}
.main-newsletter.home03-newsletter .main-newsletter-inner .subscribe .input-box button {
  height: 40px;
  line-height: 40px;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0 30px;
}
.main-newsletter.home03-newsletter .left-newsletter .title {
  color: #000000;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 40px;
  margin-top: 0;
  text-align: initial;
  text-transform: uppercase;
}
.main-newsletter.home03-newsletter .left-newsletter ul li {
  padding: 10px 0;
  border-bottom: 1px solid #f5f5f5;
}
.main-newsletter.home03-newsletter .left-newsletter ul li .blog-title {
  line-height: 20px;
  margin: 0;
}
.main-newsletter.home03-newsletter .left-newsletter ul li .blog-title i {
  margin-right: 10px;
  line-height: 20px;
  vertical-align: top;
}
.main-newsletter.home03-newsletter .left-newsletter ul li .blog-title a {
  color: #333;
  font-size: 18px;
  text-transform: capitalize;
}
.main-newsletter.home03-newsletter .left-newsletter ul li .blog-info {
  font-size: 13px;
  color: #999;
  line-height: 15px;
}
.main-newsletter.home03-newsletter .left-newsletter ul li:last-child {
  border: none;
}
.home03 .widget-collection-style1 {
  border-top: none;
  padding: 25px 0 50px;
}
.home03 .widget-collection-style1 .tabs-collection {
  padding-top: 55px;
}
.main-top {
  overflow: hidden;
}
.no-padding {
  padding: 0 !important;
}
.block-top-01,
.block-top-02 {
  display: table;
}
.block-top-01 > div,
.block-top-02 > div {
  display: table-cell;
  float: none;
  vertical-align: middle;
}
.block-top-01 .images,
.block-top-02 .images {
  overflow: hidden;
}
.block-top-01 .images img,
.block-top-02 .images img {
  max-width: 100%;
  width: 100%;
}
.block-top-01 .content-block,
.block-top-02 .content-block {
  text-align: initial;
  width: 100%;
  max-width: 600px;
  padding: 15px;
  margin: 0 auto;
}
.block-top-01 .content-block h2,
.block-top-02 .content-block h2 {
  color: #000;
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 30px;
  padding: 0 0 30px;
  display: block;
  line-height: 42px;
  text-transform: uppercase;
  margin-top: 0;
  position: relative;
}
.block-top-01 .content-block p,
.block-top-02 .content-block p {
  display: inline-block;
  line-height: 30px;
  font-size: 16px;
  color: #666666;
  margin: 0;
}
.block-top-01 .bottom,
.block-top-02 .bottom {
  margin-top: 62px;
}
.block-top-01 .bottom a,
.block-top-02 .bottom a {
  background: #333 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  letter-spacing: 0.6px;
  padding: 7px 23px;
  text-transform: uppercase;
  position: relative;
}
.global-site-notice.notice-cookie.logancee03 {
  margin-top: -35px;
}
.home03-footer {
  text-align: center;
}
.home03-footer .footer-logo {
  margin: 70px auto;
}
.home03-footer ul.social-icons {
  display: inline-block;
  text-align: center;
  margin: 0;
}
.home03-footer ul.social-icons li {
  display: inline-block;
}
.home03-footer ul.social-icons li a {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0 15px;
}
.home03-footer .copyright {
  margin-top: 30px;
}
.fluid-width-footer.footer-container {
  border-top: none;
  padding: 0;
}
.fluid-width-footer.footer-container .footer-copyright {
  border-top: none;
  padding: 15px 0 75px;
  font-size: 13px;
}
.fluid-width-footer.footer-container .footer-copyright a {
  text-transform: uppercase;
  font-weight: 600;
}
.fluid-width-footer.footer-container .footer-top-inner {
  padding: 15px 0 15px;
}
.fullpage-wrapper {
  text-align: center;
  color: #fff;
}
.fullpage-wrapper .widget-block:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.25);
}
.fullpage-wrapper .widget-block .intro {
  margin-top: 200px;
  opacity: 0;
  padding: 15px;
  visibility: hidden;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.fullpage-wrapper .widget-block .intro .text-small {
  font-weight: normal;
  text-transform: uppercase;
  font-size: 24px;
}
.fullpage-wrapper .widget-block .intro .title {
  font-size: 48px;
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
}
.fullpage-wrapper .widget-block .intro .btn-ex {
  display: inline-block;
  padding: 6px 24px;
  line-height: 30px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  margin-top: 30px;
  vertical-align: top;
}
.fullpage-wrapper .widget-block.active .intro {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
}
.home04 .footer-container {
  padding: 0;
  border: none;
  line-height: 42px;
}
.home04 .footer-container .footer-inner {
  padding: 9px 0;
  border-top: 1px solid rgba(204, 204, 204, 0.5);
}
.home04.cms-index-index .footer-container {
  position: fixed;
  bottom: 0;
  z-index: 99;
  width: 100%;
  left: 0;
  right: 0;
  border: none;
  line-height: 42px;
}
.home04.cms-index-index .footer-container .footer-inner {
  border: none;
}
.home04.cms-index-index .global-site-notice {
  display: none;
}
.home04 .social li > span {
  line-height: 42px;
  padding: 0 7px;
}
.home04 .address-footer {
  text-align: center;
  width: 100%;
}
.home04 .address-footer .space {
  padding: 0 5px;
}
.home04 #fp-nav.right {
  right: 20px;
}
.home04 #fp-nav ul li,
.home04 .fp-slidesNav ul li {
  width: 20px;
  margin: 14px 0;
}
.home04 #fp-nav ul li,
.home04 .fp-slidesNav ul li {
  height: 20px;
}
.home04 #fp-nav ul li a span,
.home04 .fp-slidesNav ul li a span {
  width: 20px;
  height: 3px;
  background-color: #ccc;
  border-radius: 0;
  margin: -1px -10px;
  overflow: hidden;
}
.home04 #fp-nav ul li a span:before,
.home04 .fp-slidesNav ul li a span:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  right: 100%;
  top: 0;
  z-index: 2;
  background-color: #000;
  -webkit-transition: right 0.4s ease-in-out;
  -moz-transition: right 0.4s ease-in-out;
  -o-transition: right 0.4s ease-in-out;
  transition: right 0.4s ease-in-out;
}
.home04 #fp-nav ul li a.active span,
.home04 .fp-slidesNav ul li a.active span,
.home04 #fp-nav ul li:hover a.active span,
.home04 .fp-slidesNav ul li:hover a.active span {
  width: 20px;
  height: 3px;
  border-radius: 0;
  margin: -1px -10px;
}
.home04 #fp-nav ul li a.active span:before {
  right: 0;
}
.home04 .videoMuteBtn {
  position: absolute;
  color: #fff;
  z-index: 100;
  font-size: 40px;
  left: 50%;
  top: 50%;
  margin-top: 90px;
  cursor: pointer;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.home04 #section1 {
  color: #f2f2f2;
}
.home04 #section2 .text-normal {
  margin-top: 40px;
  font-size: 16px;
  font-weight: 200;
  letter-spacing: 0.5px;
}
.home04 #section3 .text-normal {
  margin-top: 30px;
  font-size: 16px;
  font-weight: 200;
  letter-spacing: 0.5px;
}
.home04 #section4 .text-normal {
  margin-top: 25px;
  font-size: 18px;
  font-weight: 200;
  letter-spacing: 0.5px;
}
.home04 #section5 .text-normal {
  font-size: 24px;
  font-weight: 200;
  letter-spacing: 0.5px;
}
.home04 #section5 .name {
  margin-top: 45px;
  text-transform: uppercase;
  color: #f2f2f2;
  font-weight: bold;
  font-size: 18px;
}
.home05.cms-index-index .typo-container {
  overflow: visible;
}
#multiscroll {
  position: relative;
}
#multiscroll .ms-section {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
#multiscroll .ms-section.active h2.title:before {
  left: 0;
}
#multiscroll .ms-section.active .text {
  opacity: 1;
  margin-top: 0;
}
.block-prent {
  text-align: initial;
  max-width: 540px;
  width: 100%;
  padding: 15px;
}
.block-prent h2.title {
  font-size: 48px;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 20px;
  margin: 0 0 30px;
  position: relative;
  overflow: hidden;
}
.block-prent h2.title:before {
  content: '';
  width: 60px;
  height: 5px;
  background-color: #000;
  position: absolute;
  bottom: 0;
  left: -100%;
  -webkit-transition: left .5s, right .5s;
  -moz-transition: left .5s, right .5s;
  -o-transition: left .5s, right .5s;
  transition: left .5s, right .5s;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.block-prent .text {
  -webkit-transition: margin-top 0.5s, opacity 0.5s;
  -moz-transition: margin-top 0.5s, opacity 0.5s;
  -o-transition: margin-top 0.5s, opacity 0.5s;
  transition: margin-top 0.5s, opacity 0.5s;
  -webkit-transition-delay: .7s;
  -moz-transition-delay: .7s;
  -o-transition-delay: .7s;
  transition-delay: .7s;
  opacity: 0;
  margin-top: -100px;
}
.block-prent .btn-ex {
  margin-top: 30px;
}
.block-prent .date-time {
  color: #ccc;
}
.block-prent .date-time .date {
  font-size: 72px;
}
.block-prent .date-time .month {
  font-size: 24px;
}
.block-prent h3.title {
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 30px;
}
.block-prent .btn-ctn {
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: bold;
  display: block;
  text-transform: uppercase;
}
.block-prent .quote {
  font-size: 72px;
  color: #ccc;
  line-height: 1;
  margin-bottom: 15px;
}
.block-prent .quote + .text {
  font-size: 24px;
  color: #999;
}
.block-prent .user-position {
  margin-top: 30px;
  font-size: 15px;
}
.block-prent .user-position .name {
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}
.block-prent .user-position .position {
  color: #999;
}
.block-prent #contactForm .form-list {
  padding: 0;
}
.block-prent #contactForm .form-list .input-box {
  margin: 0;
}
.block-prent #contactForm .form-list .input-box textarea {
  padding: 10px 0;
  height: 50px;
  border: 1px solid transparent;
  border-bottom: 1px dotted #ccc;
  background-color: transparent;
}
.block-prent #contactForm .form-list .input-box input {
  padding: 0;
  height: 50px;
  border: 1px solid transparent;
  border-bottom: 1px dotted #ccc;
  background-color: transparent;
}
.block-prent #contactForm button span {
  line-height: 50px;
}
.block-prent #contactForm button span span {
  line-height: 50px;
  padding: 0;
}
.block-prent #contactForm .buttons-set {
  text-align: initial;
  margin-top: 30px;
}
.boxed {
  max-width: 1230px;
  margin: 0 auto;
}
.cat-home {
  margin-bottom: 30px;
}
.cat-home .title {
  height: 61px;
  line-height: 27px;
  padding: 17px 20px;
  margin: 0;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
  background-color: #000;
}
.cat-home ul li {
  border: 1px solid rgba(204, 204, 204, 0.5);
  border-top: none;
}
.cat-home ul li a {
  font-size: 15px;
  padding: 20px;
  line-height: 18px;
  display: block;
  text-transform: uppercase;
  -webkit-transition: color 350ms ease, padding 350ms ease;
  -moz-transition: color 350ms ease, padding 350ms ease;
  transition: color 350ms ease, padding 350ms ease;
}
.cat-home ul li a:hover {
  padding-left: 30px;
}
.newsletter6 .main-newsletter-inner {
  border: none;
  background-color: #eeeeee;
  padding: 0 20px;
  margin-bottom: 30px;
  text-align: center;
}
.newsletter6 .subscribe {
  padding: 0;
}
.newsletter6 .subscribe .input-box button {
  position: relative;
  display: inline-block;
  margin-top: 30px;
}
.newsletter6 .subscribe .input-box input {
  background-color: #fff;
  padding: 0;
  text-align: center;
}
.block-static-top {
  position: relative;
  height: 221px;
  width: 100%;
  overflow: hidden;
  z-index: 1;
  margin-bottom: 30px;
}
.block-static-top .block-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: -1;
  -webkit-transition: all 450ms ease;
  transition: all 450ms ease;
}
.block-static-top:hover .block-img {
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.block-static-top .text-wrap {
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 30px;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: left;
}
.block-static-top .text-wrap .title {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 24px;
  margin: 0 0 30px;
  letter-spacing: 0.5px;
}
.block-static-top .text-wrap a {
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
  font-size: 14px;
  display: inline-block;
}
.block-static-top .text-wrap a span {
  position: relative;
  font-size: 16px;
  float: right;
  padding-left: 5px;
}
.widget-collection-style3 .tabs-collection {
  text-align: initial;
}
.widget-collection-style3 .widget-tabs {
  margin-left: -15px;
}
.widget-collection-style3 .tabs-wrap {
  margin-top: 30px;
}
.widget-collection-style3 .owl-theme .owl-nav {
  position: absolute;
  top: -80px;
  margin: 0 -6px;
  right: 0;
  display: block;
}
.widget-collection-style3 .owl-theme .owl-nav > div {
  position: static;
  height: 34px;
  width: 34px;
  border: 1px solid rgba(204, 204, 204, 0.5);
  background-color: #fff;
  color: #ccc;
  border-radius: 0;
  padding: 0;
  font-size: 23px;
  margin: 0 6px;
  line-height: 32px;
}
.widget-collection-style3 .owl-theme .owl-nav > div:hover {
  background-color: #000;
  border-color: #000;
  color: #fff;
}
.blog-style3 {
  padding-top: 0;
  border: none;
}
.blog-style3 .title-widget {
  text-align: initial;
  margin-top: 30px;
}
.list-features {
  margin-bottom: 60px;
}
.list-features .media-left > span {
  display: block;
  height: 68px;
  line-height: 66px;
  width: 68px;
  background-color: #fff;
  border: 1px solid #999;
  text-align: center;
  font-size: 25px;
  color: #999;
  border-radius: 50%;
}
.list-features .media-left > span:hover {
  background-color: #000;
  border-color: #000;
  color: #fff;
}
.list-features .media-left .hide {
  display: none;
}
.list-features .media-body {
  padding: 0 10px;
}
.list-features .h4 {
  font-weight: bold;
  font-size: 18px;
  text-transform: capitalize;
  margin-top: 10px;
}
.home07.cms-index-index .header-layout-3 {
  top: 0;
}
.home07 .slider-home {
  height: auto !important;
}
.home07 .slider-home .caption {
  right: auto;
  left: 16%;
  max-width: 410px;
}
.home07 .main-slide-inner {
  margin: 0;
}
.home07 .main-slide-inner .owl-dots {
  margin: 0;
  right: auto;
  left: 50%;
  bottom: 30px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.home07 .slider-home .caption {
  right: 5%;
  left: initial;
  top: inherit;
  bottom: 0%;
}
.interior-block-slide,
.interior-block-static {
  height: 500px;
  position: relative;
}
.interior-block-slide {
  background-size: cover;
  background-position: center top;
}
.interior-block-slide .interior-inner {
  position: absolute;
  left: 0;
  bottom: 5%;
  padding: 15px;
  width: 100%;
  text-align: center;
}
.interior-block-slide .interior-inner .title {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: bold;
}
.interior-block-slide .interior-inner .text {
  max-width: 420px;
  display: inline-block;
}
.interior-block-static .interior-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-align: initial;
  padding: 15px;
  max-width: 420px;
}
.interior-block-static .interior-inner.left {
  left: 15px;
}
.interior-block-static .interior-inner .title {
  font-size: 36px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 0 30px;
}
.interior-block-static .interior-inner .text {
  color: #666;
  margin-bottom: 30px;
}
.interior-block-static .interior-inner .btn-view a {
  border-radius: 0;
  background-color: transparent;
  border: 1px solid #666666;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
}
.interior-block-slide-wrap .owl-theme .owl-nav {
  display: block;
}
.interior-block-slide-wrap .owl-theme .owl-nav [class*='owl-'] {
  background-color: #fff;
  margin: 0;
  border: 1px solid #999;
  color: #999;
  height: 54px;
  width: 54px;
  line-height: 52px;
}
.interior-block-slide-wrap .owl-theme .owl-nav [class*='owl-']:hover {
  background-color: #000;
  color: #fff;
}
.interior-block-slide-wrap .owl-theme .owl-nav div.owl-next {
  top: 30px;
  right: 30px;
}
.interior-block-slide-wrap .owl-theme .owl-nav div.owl-prev {
  top: 30px;
  left: auto;
  right: 100px;
}
.slider-home .caption.left-center {
  right: auto;
  left: 90px;
  max-width: 320px;
}
.slider-home .caption .title {
  position: relative;
}
.slider-home .caption .title.border-bot {
  padding-bottom: 35px;
  margin-bottom: 50px;
}
.slider-home .caption .border-bot:after {
  position: absolute;
  display: inline-block;
  width: 70px;
  height: 5px;
  content: '';
  left: 0;
  bottom: 0;
  background: #000000;
}
.block-jw-text {
  margin-bottom: 30px;
  background-color: #f2f2f2;
  position: relative;
}
.block-jw-text .block-prent .text {
  margin-top: 0;
  opacity: 1;
  display: block;
}
.block-jw-text .block-prent h2.title:before {
  left: 0;
  background-color: #cc9900;
}
.block-jw-text .block-prent .quote + .text {
  font-size: 16px;
}
.block-jw-text .block-prent .quote {
  font-size: 50px;
  color: #cc9900;
}
.block-jw-text .user-name {
  margin-top: 30px;
  text-transform: uppercase;
  font-weight: bold;
}
.block-jw {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  margin-bottom: 30px;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
.block-jw .btn-ex {
  font-size: 13px;
  height: 42px;
  font-weight: bold;
  border: 1px solid #ffffff;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: top;
  padding: 10px 20px;
  line-height: 20px;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
}
.block-jw:before {
  position: absolute;
  content: '';
  top: 20%;
  left: 20%;
  right: 20%;
  bottom: 20%;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
.block-jw.bg-blue:before {
  background-color: rgba(33, 150, 243, 0.5);
}
.block-jw.bg-orange:before {
  background-color: rgba(255, 152, 0, 0.5);
}
.block-jw.bg-green:before {
  background-color: rgba(76, 175, 80, 0.5);
}
.block-jw.bg-brown:before {
  background-color: rgba(165, 42, 42, 0.5);
}
.block-jw:hover:before {
  top: 30px;
  left: 30px;
  right: 30px;
  bottom: 30px;
  opacity: 1;
  visibility: visible;
}
.block-jw:hover .btn-ex {
  opacity: 1;
  visibility: visible;
}
.jw-text1 {
  height: 580px;
}
.jw-5 {
  height: 700px;
}
.jw-6,
.jw-text2,
.jw-3 {
  height: 300px;
}
.jw-1,
.jw-2 {
  height: 380px;
}
.jw-4 {
  height: 490px;
}
.rtl {
  /*Header Layout 2*/
  /*Header Layout 3*/
  /*Header Layout 4*/
  /*Header Layout 5*/
  /*Header Layout 6*/
}
.rtl .header-layout-8 .top-bar,
.rtl .header-layout-7 .top-bar,
.rtl .header-layout-2 .top-bar {
  float: left;
}
.rtl .header-layout-8 .language-topbar .lang-list,
.rtl .header-layout-7 .language-topbar .lang-list,
.rtl .header-layout-2 .language-topbar .lang-list {
  left: 0;
  right: auto;
}
.rtl .header-layout-8 .currency-topbar .currency-list,
.rtl .header-layout-7 .currency-topbar .currency-list,
.rtl .header-layout-2 .currency-topbar .currency-list {
  left: 0;
  right: auto;
}
.rtl .header-layout-8 .logo-home02,
.rtl .header-layout-7 .logo-home02,
.rtl .header-layout-2 .logo-home02 {
  float: right;
  margin-right: 0;
  margin-left: 15px;
}
.rtl .header-layout-8 .nav-top-inner,
.rtl .header-layout-7 .nav-top-inner,
.rtl .header-layout-2 .nav-top-inner {
  text-align: left;
}
.rtl .header-layout-8 .sticky-icon-group,
.rtl .header-layout-7 .sticky-icon-group,
.rtl .header-layout-2 .sticky-icon-group {
  float: left;
  margin: 0 50px 0 -10px;
}
.rtl .header-layout-8 .sticky-icon-group > div,
.rtl .header-layout-7 .sticky-icon-group > div,
.rtl .header-layout-2 .sticky-icon-group > div {
  float: right;
}
.rtl .header-layout-8 .sticky-cart .typo-icon-ajaxcart .typo-cart-label .print .items,
.rtl .header-layout-7 .sticky-cart .typo-icon-ajaxcart .typo-cart-label .print .items,
.rtl .header-layout-2 .sticky-cart .typo-icon-ajaxcart .typo-cart-label .print .items {
  display: block;
}
.rtl .header-layout-8 .menu-bar-btn,
.rtl .header-layout-7 .menu-bar-btn,
.rtl .header-layout-2 .menu-bar-btn {
  float: right;
}
.rtl .header-layout-3 .main-menu {
  float: left;
}
.rtl .header-layout-3 .language-topbar .lang-list {
  left: 0;
  right: auto;
}
.rtl .header-layout-3 .currency-topbar .currency-list {
  left: 0;
  right: auto;
}
.rtl .header-layout-3 .logo-home03 {
  float: right;
  margin-right: 0;
  margin-left: 15px;
}
.rtl .header-layout-3 .nav-top-inner {
  text-align: left;
}
.rtl .header-layout-3 .sticky-icon-group {
  float: left;
  margin: 0 50px 0 -10px;
}
.rtl .header-layout-3 .sticky-icon-group > div {
  float: right;
}
.rtl .header-layout-3 .sticky-cart .typo-icon-ajaxcart .typo-cart-label .print .items {
  display: block;
}
.rtl .header-layout-3 .menu-bar-btn {
  float: right;
}
.rtl .header-layout-4 .top-bar {
  float: left;
}
.rtl .header-layout-4 .language-topbar .lang-list {
  left: 0;
  right: auto;
}
.rtl .header-layout-4 .currency-topbar .currency-list {
  left: 0;
  right: auto;
}
.rtl .header-layout-4 .logo-home04 {
  float: right;
  margin-right: 0;
  margin-left: 15px;
}
.rtl .header-layout-4 .nav-top-inner {
  text-align: left;
}
.rtl .header-layout-4 .sticky-icon-group {
  float: left;
  margin: 0 50px 0 -10px;
}
.rtl .header-layout-4 .sticky-icon-group > div {
  float: right;
}
.rtl .header-layout-4 .sticky-cart .typo-icon-ajaxcart .typo-cart-label .print .items {
  display: block;
}
.rtl .header-layout-4 .menu-bar-btn {
  float: right;
}
.rtl .block-prent h2.title:before {
  right: -100%;
}
.rtl .block-prent .icon_quotations {
  display: inline-block;
  direction: ltr;
}
.rtl #multiscroll .ms-section.active h2.title:before {
  right: 0;
}
.rtl .header-layout-5 .store-cr {
  float: left;
}
.rtl .header-layout-5 .top-bar {
  left: 0;
  right: auto;
}
.rtl .header-layout-5 .typo-navigation {
  margin-left: 0;
  margin-right: -15px;
}
.rtl .header-layout-6 .main-menu {
  float: left;
}
.rtl .header-layout-6 .language-topbar .lang-list {
  left: 0;
  right: auto;
}
.rtl .header-layout-6 .currency-topbar .currency-list {
  left: 0;
  right: auto;
}
.rtl .header-layout-6 .logo-home06 {
  float: right;
  margin-right: 0;
  margin-left: 15px;
}
.rtl .header-layout-6 .nav-top-inner {
  text-align: left;
}
.rtl .header-layout-6 .sticky-icon-group {
  float: left;
  margin: 0 50px 0 -10px;
}
.rtl .header-layout-6 .sticky-icon-group > div {
  float: right;
}
.rtl .header-layout-6 .sticky-cart .typo-icon-ajaxcart .typo-cart-label .print .items {
  display: block;
}
.rtl .header-layout-6 .menu-bar-btn {
  float: right;
}
.rtl .main-newsletter.home03-newsletter .main-newsletter-inner .subscribe .input-box button {
  left: 0;
  right: auto;
}
.rtl .block-top-01 .content-block h2 span:after,
.rtl .block-top-02 .content-block h2 span:after {
  background-position: right center;
}
.rtl .widget-collection-style3 .owl-theme .owl-nav {
  left: 0;
  right: auto;
}
.rtl .cat-home ul li a:hover {
  padding-right: 30px;
  padding-left: 20px;
}
@media (min-width: 1600px) {
  .cms-index-index .header-layout-4 .nav-top {
    padding: 20px 0;
  }
  .home04 .footer-container .footer-inner {
    padding: 29px 0;
  }
  .block-prent h2.title {
    font-size: 70px;
  }
  .jw-text1 {
    height: 880px;
  }
  .jw-5 {
    height: 1200px;
  }
  .jw-6,
  .jw-text2,
  .jw-3 {
    height: 410px;
  }
  .jw-1,
  .jw-2 {
    height: 580px;
  }
  .jw-4 {
    height: 890px;
  }
}
@media (min-width: 1230px) {
  .boxed .container {
    width: 1230px;
    padding: 0 30px;
  }
}
@media (max-width: 1280px) {
  .home07 .slider-home .caption {
    right: 5%;
    left: initial;
    top: inherit;
    bottom: -25%;
  }
}
@media (max-width: 1599px) {
  .slider-home.slide-fullwidth .caption-wrapper{
    height: 680px !important;
  }
}
@media (max-width: 1199px) {
  .header-layout-4 .cmn-toggle-switch {
    width: 30px;
  }
  .header-layout-4 .logo-home04 {
    margin-left: 15px;
    margin-right: 0;
  }
  .header-layout-4 .is-sticky .logo-sticky {
    padding: 0 15px;
  }
  .block-top-01 .content-block h2,
  .block-top-02 .content-block h2 {
    font-size: 30px;
    line-height: 1.2;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .block-top-01 .content-block p,
  .block-top-02 .content-block p {
    line-height: 1.7;
    font-size: 14px;
  }
  .block-top-01 .bottom,
  .block-top-02 .bottom {
    margin-top: 30px;
  }
  .rtl .header-layout-4 .logo-home04 {
    margin-left: 0;
    margin-right: 15px;
  }
  .rtl .header-layout-4 .is-sticky .logo-sticky {
    padding-left: 0;
    padding-right: 15px;
  }
}
@media (max-width: 991px) {
  /*Header Layout 2*/
  .header-layout-8 .header-top-inner,
  .header-layout-7 .header-top-inner,
  .header-layout-2 .header-top-inner {
    text-align: center;
  }
  .header-layout-8 .top-bar,
  .header-layout-7 .top-bar,
  .header-layout-2 .top-bar {
    display: inline-block;
    vertical-align: top;
    float: none;
  }
  .slider-home.slide-fullwidth .caption {
    top: 55%;
    right: 0;
    left: 0;
    margin: 0 auto;
    max-width: 420px;
    padding: 15px 10px;
  }
  .slider-home.slide-fullwidth .caption-wrapper{
    height: 500px !important;
  }
  .home07 .slider-home .caption {
    right: 5%;
    left: initial;
    top: inherit;
    bottom: -7%;
  }
  .block-top-01 .content-block p,
  .block-top-02 .content-block p {
    display: none;
  }
  .block-prent h2.title {
    font-size: 30px;
  }
  .widget-collection-style3 .tab-mobile {
    display: block;
  }
  .widget-collection-style3 .tab-mobile + .widget-tabs {
    position: absolute;
    top: 55px;
    left: 0;
    margin: 0 !important;
    padding: 15px 30px;
    width: 290px;
    height: auto;
    z-index: 11;
    background: #ffffff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    transition: all 250ms ease;
    text-align: initial;
    opacity: 0;
    visibility: hidden;
  }
  .widget-collection-style3 .tab-mobile + .widget-tabs.showing {
    opacity: 1;
    visibility: visible;
  }
  .interior-block-slide .interior-inner .title {
    font-size: 20px;
  }
  .interior-block-static .interior-inner .title {
    font-size: 24px;
  }
  .slider-home .caption.left-center {
    right: auto;
    left: 15px;
  }
  .rtl .header-layout-8 .top-bar,
  .rtl .header-layout-7 .top-bar,
  .rtl .header-layout-2 .top-bar {
    display: inline-block;
    vertical-align: top;
    float: none;
  }
  .rtl .widget-collection-style3 .tab-mobile + .widget-tabs {
    left: auto;
    right: 0;
  }
  .rtl .tab-mobile + .widget-tabs li a {
    padding: 5px 15px 5px 0;
  }
}
@media (max-width: 939px) {
  .home07 .slider-home .caption {
    bottom: -25%;
  }
}
@media (min-width: 1600px) {
  .interior-block-slide,
  .interior-block-static {
    height: 700px;
  }
}
@media (max-width: 1023px) {

}
@media (max-width: 767px) {
  /*Header Layout 2*/
  .header-layout-8 .sticky-search .quick-search,
  .header-layout-7 .sticky-search .quick-search,
  .header-layout-2 .sticky-search .quick-search {
    max-width: 100%;
    right: 0;
    top: auto;
    bottom: 0;
  }
  .header-layout-8 .typo-icon-ajaxcart .typo-cart-label .print,
  .header-layout-7 .typo-icon-ajaxcart .typo-cart-label .print,
  .header-layout-2 .typo-icon-ajaxcart .typo-cart-label .print {
    display: block;
  }
  /*Header Layout 3*/
  .header-layout-3 .sticky-search .quick-search {
    max-width: 100%;
    right: 0;
    top: auto;
    bottom: 0;
  }
  .header-layout-3 .sticky-icon-group {
    margin: 0 -10px 0 0;
  }
  .header-layout-3 .typo-icon-ajaxcart .typo-cart-label .print {
    display: block;
  }
  .cms-index-index .header-layout-3 {
    position: relative;
    top: 0;
    margin-top: -15px;
  }
  /*Header Layout 4*/
  .header-layout-4 .sticky-icon-group {
    margin: 0 -10px 0 0;
  }
  .header-layout-4 .settings .settings-inner {
    padding-top: 0;
  }
  .header-layout-4 .settings .setting-language,
  .header-layout-4 .settings .setting-currency {
    padding-top: 20px;
  }
  .header-layout-4 .sticky-search .quick-search {
    max-width: 100%;
    right: 0;
    top: auto;
    bottom: 0;
    z-index: 100;
  }
  .header-layout-4 .typo-icon-ajaxcart .typo-cart-label .print,
  .header-layout-4 .typo-icon-ajaxcart .icon-dropdown {
    display: block;
  }
  /*Header Layout 5*/
  .header-layout-5 .social {
    float: left;
  }
  /*Header Layout 6*/
  .header-layout-6 .sticky-search .quick-search {
    max-width: 100%;
    right: 0;
    top: auto;
    bottom: 0;
  }
  .header-layout-6 .sticky-icon-group {
    margin: 0 -10px 0 0;
  }
  .header-layout-6 .typo-icon-ajaxcart .typo-cart-label .print {
    display: block;
  }
  .block-top-02 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .block-top-02 .images {
    order: 2;
  }
  .block-top-01 .content-block,
  .block-top-02 .content-block {
    padding: 25px 0;
    margin: 0;
  }
  .block-top-01 .content-block h2,
  .block-top-02 .content-block h2 {
    font-size: 25px;
    margin-bottom: 20px;
    padding: 15px 0 25px;
    line-height: 35px;
  }
  .block-top-01 .content-block p,
  .block-top-02 .content-block p {
    font-size: 14px;
    line-height: 25px;
  }
  .slider-home.slide-fullwidth .caption-wrapper{
    height: 400px !important;
  }
  .main-newsletter.home03-newsletter:before {
    display: none;
    visibility: hidden;
  }
  .main-newsletter.home03-newsletter {
    padding: 50px 0;
  }
  .main-newsletter.home03-newsletter .left-newsletter,
  .main-newsletter.home03-newsletter .right-newsletter {
    margin-bottom: 30px;
  }
  .main-newsletter.home03-newsletter .subscribe {
    padding-bottom: 15px;
  }
  .fluid-width-footer.footer-container .footer-top-inner {
    padding: 25px 0 10px;
  }
  .fluid-width-footer.footer-container .footer-copyright {
    padding: 10px 0 40px;
  }
  .fluid-width-footer.footer-container .home03-footer .footer-logo {
    margin: 40px auto;
  }
  .block-top-01 > div,
  .block-top-02 > div {
    display: block;
  }
  .block-top-01 .content-block p,
  .block-top-02 .content-block p {
    display: block;
  }
  .home04.cms-index-index .footer-container {
    display: none;
  }
  .home04 #fp-nav.right {
    right: 6px;
  }
  .fullpage-wrapper .widget-block .intro .text-small {
    font-size: 14px;
  }
  .fullpage-wrapper .widget-block .intro .title {
    font-size: 20px;
  }
  .home04 #section2 .text-normal {
    margin-top: 15px;
  }
  .home04 #section4 .text-normal {
    font-size: 14px;
    margin-top: 15px;
  }
  .home04 #section5 .text-normal {
    font-size: 14px;
  }
  .fullpage-wrapper .widget-block .intro img {
    max-height: 100px;
  }
  .block-prent h2.title {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .block-prent .text {
    display: none;
  }
  .block-prent .btn-ex {
    margin-top: 0;
    font-size: 11px;
    overflow: hidden;
  }
  .block-prent .date-time .date,
  .block-prent .date-time .month {
    font-size: 14px;
  }
  .block-prent h3.title {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .block-prent #contactForm .form-list .input-box input,
  .block-prent #contactForm .form-list .input-box textarea {
    height: 30px;
    line-height: 28px;
    padding: 0;
  }
  .block-prent #contactForm button span {
    line-height: 30px;
    border: 0;
    padding: 0;
  }
  .block-prent #contactForm button span span {
    line-height: 30px;
    border: 0;
    padding: 0 15px;
  }
  .block-prent h2.title:before {
    height: 2px;
  }
  .block-prent #contactForm .buttons-set {
    margin-top: 10px;
  }
  .block-prent .quote {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .cms-index-index.home05 .header-layout-4 {
    padding: 0;
  }
  #multiscroll {
    position: static;
  }
  .home07.cms-index-index .header-layout-3 {
    position: relative;
    margin-top: 0;
  }
  .home07 .slider-home .caption {
    left: 0;
    max-width: 100%;
    text-align: left;
  }
  .home07 .slider-home .caption .title {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .home07 .slider-home .caption:before {
    display: none;
  }
  .home07 .main-slide-inner .owl-dots {
    position: relative;
    bottom: auto;
    padding-top: 5px;
  }
  .home07 .typo-wrapper {
    padding: 0;
  }
  .jw-text1 {
    height: 300px;
  }
  .block-jw:before {
    display: none;
  }
  .block-jw .btn-ex {
    opacity: 1;
    visibility: visible;
  }
  .rtl .footer-style14 .inner-footer-block,
  .footer-style14 .inner-footer-block {
    text-align: center !important;
    margin-bottom: 50px;
  }
  .rtl .footer-style14 .inner-footer-block .footer-center-image,
  .footer-style14 .inner-footer-block .footer-center-image {
    margin-bottom: 30px;
  }
  .home14 .footer-copyright .h3,
  .home15 .footer-copyright .h3 {
    margin: 30px 0;
  }
  .rtl .header-layout-4 .sticky-icon-group {
    margin-right: 0;
  }
  .rtl .header-layout-5 .social {
    float: right;
  }
  .home07 .slider-home .caption {
    bottom: 0%;
  }
}
@media (max-width: 635px) {
  .home07 .slider-home .caption {
    bottom: -11%;
  }
}
@media (max-width: 479px) {
  /*Header Layout 2*/
  .header-layout-8 .logo-home02,
  .header-layout-7 .logo-home02,
  .header-layout-2 .logo-home02 {
    margin: 0;
    width: 100%;
    text-align: center;
  }
  .header-layout-8 .logo-home02 .logo,
  .header-layout-7 .logo-home02 .logo,
  .header-layout-2 .logo-home02 .logo {
    margin: 0 auto;
  }
  .header-layout-8 .form-search,
  .header-layout-7 .form-search,
  .header-layout-2 .form-search {
    float: none;
  }
  .header-layout-8 .ajaxcart,
  .header-layout-7 .ajaxcart,
  .header-layout-2 .ajaxcart {
    right: -40px;
  }
  .header-layout-8 .cmn-toggle-switch,
  .header-layout-7 .cmn-toggle-switch,
  .header-layout-2 .cmn-toggle-switch {
    width: 30px;
  }
  .header-layout-8 .sticky-icon-group .settings,
  .header-layout-7 .sticky-icon-group .settings,
  .header-layout-2 .sticky-icon-group .settings {
    display: block;
  }
  /*Header Layout 3*/
  .header-layout-3 .nav-top-inner {
    text-align: initial;
  }
  .header-layout-3 .ajaxcart {
    right: -40px;
    left: auto;
  }
  .header-layout-3 .logo-home03 {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
  }
  .header-layout-3 .logo-home03 .logo {
    margin: 0 auto;
  }
  .header-layout-3 .form-search {
    float: none;
  }
  .header-layout-3 .cmn-toggle-switch {
    width: 30px;
  }
  .header-layout-3 .sticky-icon-group .settings {
    display: block;
  }
  /*Header Layout 4*/
  .header-layout-4 .logo-home04 .logo a img {
    max-width: 90px;
  }
  .header-layout-4 .form-search {
    float: none;
  }
  .header-layout-4 .ajaxcart {
    right: -40px;
  }
  .header-layout-4 .sticky-icon-group .settings {
    display: block;
  }
  /*Header Layout 6*/
  .header-layout-6 .nav-top-inner {
    text-align: initial;
  }
  .header-layout-6 .ajaxcart {
    right: -40px;
    left: auto;
  }
  .header-layout-6 .logo-home06 {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
  }
  .header-layout-6 .logo-home06 .logo {
    margin: 0 auto;
  }
  .header-layout-6 .form-search {
    float: none;
  }
  .header-layout-6 .cmn-toggle-switch {
    width: 30px;
  }
  .header-layout-6 .sticky-icon-group .settings {
    display: block;
  }
  .slider-home.slide-fullwidth .caption {
    width: 100%;
    max-width: 270px;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 55%;
  }
  .home07 .slider-home .caption {
    top: 50%;
    bottom: -50%;
  }
  .interior-block-slide,
  .interior-block-static {
    height: 400px;
  }
  .rtl {
    /*Header Layout 2*/
  }
  .rtl .header-layout-8 .ajaxcart,
  .rtl .header-layout-7 .ajaxcart,
  .rtl .header-layout-2 .ajaxcart,
  .rtl .header-layout-4 .ajaxcart {
    left: -40px;
    right: auto;
  }
}
.home-sidebar .nav-top-inner {
  padding: 0;
}
.home-sidebar .sticky-search .quick-search {
  right: 0;
  max-width: 100%;
  padding-left: 300px;
  border-bottom: 1px solid #ccc;
}
.home-sidebar .sticky-search .quick-search .icon_close {
  right: 15px;
}
.home-sidebar .main-slide-inner {
  padding: 0;
}
.home-sidebar .logo-home {
  padding: 15px 40px;
  height: 120px;
}
.home-sidebar .logo-home .logo a img {
  margin: 0;
}
.home-sidebar .logo-home strong {
  position: absolute;
  top: -9999em;
  text-indent: -99999em;
}
.home-sidebar .sticky-icon-group {
  display: inline-block;
  float: right;
  margin: 0 0 0 -10px;
}
.home-sidebar .sticky-icon-group > div {
  float: left;
  margin: 0 10px;
}
.sb-topbar {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  height: 60px;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  z-index: 99;
  padding: 0 30px;
}
.sb-header-menu {
  position: fixed;
  left: 0;
  top: auto;
  bottom: 0;
  z-index: 100;
  padding: 0;
  height: 100%;
  width: 300px;
  background-color: #fff;
  border-right: 1px solid #ddd;
}
.sb-header-menu .mCustomScrollBox {
  overflow: visible;
}
.sb-header-menu .mCustomScrollBox .mCSB_container {
  overflow: visible;
}
.sb-header-menu .mCSB_scrollTools {
  left: -5px;
  right: auto;
}
.widget-collection-style3 .heading-title h2 {
  font-size: 24px;
}
.widget-collection-style3 .tabs-wrap {
  text-align: center;
}
.widget-collection-style3 .widget-tabs > li a {
  font-size: 14px;
  padding: 15px 30px;
  color: #000;
}
.widget-collection-style3 .widget-tabs > li a:focus,
.widget-collection-style3 .widget-tabs > li a:hover {
  color: #999;
}
.widget-collection-style3 .widget-tabs > li.active a {
  color: #999;
}
.widget-collection-style3 .widget-tabs > li:before {
  content: "|";
  top: 50%;
  left: -4px;
  margin-top: -10px;
  font-size: 17px;
  width: 8px;
  height: 20px;
  color: #000;
  font-weight: 600;
}
.slider-home.slider-type2 .caption {
  max-width: 420px;
  padding: 30px;
  background-color: rgba(255, 255, 255, 0.7);
}
.slider-home.slider-type2 .caption.top-center {
  max-width: 660px;
}
.slider-home.slider-type2 .caption .text {
  margin-bottom: 45px;
}
.slider-home.slider-type2 .caption .btn-slide a {
  height: 58px;
  line-height: 58px;
  padding: 0 40px;
}
.slider-home.slider-type3 .caption {
  max-width: 525px;
}
.slider-home.slider-type3 .caption .title {
  font-size: 60px;
}
.slider-home.slider-type3 .caption.top-center {
  max-width: 660px;
}
.slider-home.slider-type3 .caption .text {
  margin-bottom: 45px;
  font-size: 16px;
}
.slider-home.slider-type3 .caption .btn-slide a {
  height: 58px;
  line-height: 58px;
  padding: 0 40px;
}
.vheader-layout-1 .main-container {
  padding-top: 60px;
  margin: 0;
  position: relative;
}
.home-sidebar {
  padding-left: 300px;
}
.home-sidebar .sidebar-newsletter {
  margin-top: 30px;
  padding: 0 40px;
}
.home-sidebar .sidebar-newsletter .main-newsletter-inner {
  border-top: 1px solid #ddd;
}
.home-sidebar .sidebar-newsletter .main-newsletter-inner .subscribe .title {
  margin-top: 40px;
  text-align: initial;
  font-size: 13px;
  margin-bottom: 5px;
}
.home-sidebar .sidebar-newsletter .main-newsletter-inner .subscribe .text {
  text-align: initial;
  font-size: 13px;
  margin-bottom: 30px;
}
.home-sidebar .sidebar-newsletter .main-newsletter-inner .subscribe .input-box input {
  height: 44px;
  padding: 0 20px;
}
.home-sidebar .sidebar-newsletter .main-newsletter-inner .subscribe .input-box button {
  position: relative;
  margin-top: 30px;
  left: 0;
  background-color: #000;
  height: 44px;
  line-height: 44px;
}
.home-sidebar .sidebar-newsletter .main-newsletter-inner .subscribe .input-box button span {
  height: 44px;
  line-height: 44px;
  font-size: 13px;
  letter-spacing: 0.6px;
}
.home-sidebar .sidebar-footer {
  margin-top: 30px;
  padding: 0 40px 30px;
}
.home-sidebar .sidebar-footer .social-icons.hide-text li {
  display: inline-block;
}
.home-sidebar .sidebar-footer .social-icons.hide-text li a {
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
  color: #999;
}
.home-sidebar .sidebar-footer .social-icons.hide-text li a:hover {
  color: #000;
}
.home-sidebar .sidebar-footer .social-icons.hide-text li span {
  display: none;
}
.home-sidebar .sidebar-footer .sidebar-footer-content {
  font-size: 12px;
  margin-top: 15px;
  font-weight: 600;
  color: #000;
}
.footer-bottom-content {
  padding: 30px 0;
  font-size: 13px;
  background-color: #ececec;
  text-align: center;
}
.footer-bottom-content span {
  text-transform: uppercase;
  line-height: 40px;
  display: inline-block;
  padding: 0 5px;
}
.testimonial-block .owl-theme .owl-nav.disabled + .owl-dots {
  position: absolute;
  top: 80%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.testimonial-inner {
  text-align: center;
  padding: 175px 0;
  margin: 0 auto;
  width: 70%;
}
.testimonial-inner img {
  width: 115px !important;
  border-radius: 100%;
  margin: 0 auto;
}
.testimonial-inner .content {
  font-size: 18px;
  font-style: italic;
  letter-spacing: 0.07em;
  color: #ffffff;
  line-height: 26px;
  font-weight: 400;
  padding: 30px 0 20px 0;
  position: relative;
}
.testimonial-inner .write-author {
  font-size: 14px;
  line-height: 26px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: #c2c2c2;
}
.testimonial-inner .write-by {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  font-style: italic;
  color: #c2c2c2;
}
.home10-copyright {
  padding: 30px 0;
  font-size: 13px;
  text-transform: uppercase;
}
.rtl .vheader-layout-1 .sticky-icon-group > div {
  float: right;
}
.rtl .vheader-layout-1 .sticky-icon-group {
  float: left;
}
.rtl.home-sidebar .sticky-search .quick-search {
  padding-left: 0;
  padding-right: 300px;
}
.rtl.home-sidebar .sticky-search .quick-search .icon_close {
  right: auto;
  left: 15px;
}
.rtl .sb-header-menu {
  right: 0;
  left: auto;
  border-right: none;
  border-left: 1px solid #ddd;
}
.rtl.home-sidebar {
  padding: 60px 300px 0 0;
}
.rtl.home11.home-sidebar {
  padding-top: 0;
}
.rtl .vheader-layout-1 #typonav li.mega_align_center.level-top > div.show-sub,
.rtl .vheader-layout-2 #typonav li.mega_align_center.level-top > div.show-sub {
  right: 50%;
  left: auto;
}
.rtl .sb-header-menu .mCSB_scrollTools {
  left: auto;
  right: -5px;
}
.typo-sb-cart {
  padding: 0 40px;
}
.typo-sb-cart .typo-cart {
  width: 100%;
}
.typo-sb-cart .typo-cart .typo-icon-ajaxcart .typo-cart-label {
  width: 100%;
}
.typo-sb-cart .typo-cart .typo-icon-ajaxcart .typo-cart-label .icon-dropdown {
  float: right;
}
.home-sidebar .footer-container .container {
  padding: 0;
}
.home-sidebar .fluid-width-footer.footer-container .footer-copyright {
  padding: 5px 0 10px;
}
.typo-sb-setting,
.typo-sb-quicksearch {
  display: inline-block;
  padding: 0 40px;
  margin-bottom: 50px;
  width: 100%;
}
.typo-sb-setting .store-selector .language-topbar .lang-curr i,
.typo-sb-setting .store-selector .currency-topbar .currency-sym i {
  padding-left: 3px;
}
.typo-sb-setting .currency-topbar .currency-sym a {
  padding: 0;
}
.typo-sb-setting .language-topbar .lang-curr a {
  padding: 0 0 0 25px;
}
.typo-sb-setting .settings {
  display: inline-block;
  float: right;
}
.typo-sb-setting .settings i {
  line-height: 20px;
}
.typo-sb-setting .setting-language,
.typo-sb-setting .setting-currency {
  display: none;
}
.typo-sb-setting .settings .setting-language,
.typo-sb-setting .settings .setting-currency {
  padding: 25px 25px 20px;
  border-bottom: 1px dashed #333;
}
.typo-sb-setting .store-selector > .currency-topbar {
  padding: 0 15px;
}
.vheader-layout-2 .sb-header-menu {
  border: none;
}
@media (min-width: 1200px) {
  .typo-sb-setting .settings .settings-inner {
    right: auto;
    top: auto;
    left: 100%;
    bottom: 0;
  }
  .typo-sb-cart {
    padding-bottom: 30px;
  }
  .typo-sb-cart .ajaxcart {
    right: auto;
    top: auto;
    left: 100%;
    bottom: 0;
  }
  .rtl .typo-sb-cart .ajaxcart,
  .rtl .typo-sb-setting .settings .settings-inner {
    right: 100%;
    left: auto;
  }
  .rtl .typo-sb-cart .typo-cart .typo-icon-ajaxcart .typo-cart-label .icon-dropdown {
    float: left;
  }
  .rtl .typo-sb-setting .settings {
    float: left;
  }
}
@media (max-width: 1599px) {
  .slider-home.slider-type2 {
    height: 580px !important;
  }
  .slider-home.slider-type3 {
    height: 680px !important;
  }
}
@media (max-width: 1199px) {
  .vheader-layout-2 .sb-header-menu {
    margin-bottom: 30px;
  }
  .typo-sb-cart {
    width: 29%;
    display: inline-block;
    float: right;
    text-align: right;
  }
  .typo-sb-cart .typo-cart {
    width: auto;
  }
  .typo-sb-quicksearch {
    width: 70%;
    display: inline-block;
    margin-bottom: 40px;
  }
  .typo-sb-cart .typo-cart .typo-icon-ajaxcart .typo-cart-label {
    pointer-events: none;
  }
  .home-sidebar .global-site-notice {
    padding: 0;
  }
  .home-sidebar .sticky-search .quick-search {
    padding: 0;
  }
  .vheader-layout-2 .nav-top {
    margin-bottom: 0;
  }
  .typo-sb-setting {
    margin-bottom: 0;
  }
  .typo-sb-setting .store-selector {
    display: none;
  }
  .typo-sb-setting .settings {
    position: absolute;
    right: 40px;
    top: 35px;
  }
  .typo-sb-setting .setting-language,
  .typo-sb-setting .setting-currency {
    display: block;
  }
  .sb-header-menu {
    position: relative;
    width: 100%;
    border: none;
    z-index: 98;
  }
  .sb-topbar {
    position: relative;
  }
  .home-sidebar {
    padding: 0;
  }
  .home-sidebar .logo-home {
    margin: 15px 0;
    display: inline-block;
    text-align: center;
    height: auto;
  }
  .home-sidebar .logo-home .logo {
    display: inline-block;
    margin: 0 auto;
  }
  .home-sidebar .sidebar-footer {
    position: relative;
    text-align: center;
    margin: 0;
  }
  .slider-home.slider-type2 {
    height: 600px !important;
  }
  .rtl.home-sidebar {
    padding: 0;
  }
  .rtl .typo-sb-cart {
    float: left;
  }
  .rtl .typo-sb-cart .typo-maincart {
    text-align: left;
  }
  .rtl .typo-sb-setting .settings {
    left: 40px;
    right: auto;
  }
  .rtl .vheader-layout-2 .menu-bar-btn {
    right: 30px;
    left: auto;
  }
  .rtl .typo-icon-ajaxcart .icon-cart {
    float: left;
  }
  .rtl.home-sidebar .main-container {
    padding: 0;
  }
  .rtl.home-sidebar .sticky-search .quick-search {
    padding: 0;
  }
  .rtl.home-sidebar .global-site-notice {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .typo-sb-cart {
    padding: 0 40px 0 0;
  }
  .rtl .typo-sb-cart {
    padding: 0 0 0 40px;
  }
  .slider-home.slider-type2 {
    height: 500px !important;
  }
  .slider-home.slider-type2 .caption {
    background-color: rgba(255, 255, 255, 0.8);
    max-width: 360px;
    padding: 15px;
  }
  .slider-home.slider-type2 .caption.top-center {
    max-width: 360px;
  }
  .slider-home.slider-type3 {
    height: 500px !important;
  }
  .slider-home.slider-type3 .caption {
    text-align: left;
  }
  .slider-home.slider-type3 .caption .title {
    font-size: 40px;
  }
  .slider-home.slider-type3 .caption .title.border-bot {
    margin-bottom: 30px;
    padding-bottom: 15px;
  }
  .slider-home.slider-type3 .caption .text {
    margin-bottom: 30px;
    font-size: 14px;
  }
  .slider-home.slider-type3 .caption .btn-slide a {
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
  }
}
@media (max-width: 480px) {
  .slider-home.slider-type2 {
    height: 460px !important;
  }
  .slider-home.slider-type2 .caption {
    background-color: rgba(255, 255, 255, 0.8);
    max-width: 360px;
    padding: 15px;
  }
  .slider-home.slider-type2 .caption.top-center {
    max-width: 360px;
  }
  .slider-home.slider-type2 .caption .text {
    display: none;
  }
  .slider-home.slider-type3 {
    height: 460px !important;
  }
  .slider-home.slider-type3 .caption {
    max-width: 360px !important;
  }
  .slider-home.slider-type3 .caption .title {
    font-size: 25px;
  }
  .slider-home.slider-type3 .caption .text {
    display: none;
  }
  .home-sidebar .logo-home .logo {
    max-width: 50%;
  }
}
.home12 .slider-home.slide-fullwidth .caption {
  right: auto;
  left: 15%;
}
.home12 .slider-home .caption .title {
  color: #fff;
  text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.5);
}
.home12 .slider-home .caption .text {
  color: #fff;
  text-shadow: 2px 5px 5px rgba(0, 0, 0, 0.5);
}
.home12 .main-slide-inner {
  margin-bottom: 0;
}
.block-welcome2 {
  background-color: #f0f0f0;
  padding: 125px 0 130px 0;
  position: relative;
}
.block-welcome2:before {
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 75px;
  background-color: #000;
  content: "";
}
.block-welcome2 .heading-title {
  padding: 0;
  position: relative;
  background: transparent;
  z-index: 1;
  margin-bottom: 30px;
}
.block-welcome2 .heading-title h2 {
  font-size: 30px;
}
.block-welcome2 .heading-title .bg-word {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #e4e4e4;
  font-size: 120px;
  font-weight: bold;
  z-index: -1;
}
.block-welcome2 .block-icon {
  height: auto;
  background-color: transparent;
  position: relative;
}
.block-welcome2 .block-icon:before {
  content: "";
  position: absolute;
  top: 30px;
  left: 30px;
  right: 30px;
  bottom: 30px;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  transition: all 250ms ease;
}
.block-welcome2 .block-icon:hover:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.block-welcome2 .block-icon img {
  width: 100%;
}
.block-welcome2 .block-icon .block-center {
  padding: 30px;
}
.block-cd .content-block {
  max-width: 500px;
}
.block-cd .content-block h2 {
  padding: 0;
}
.block-cd .content-block h2 span:after {
  display: none;
}
.block-cd .content-block .desc {
  margin-bottom: 30px;
}
.block-cd .content-block .product-date {
  margin-bottom: 30px;
}
.block-cd .images {
  position: relative;
}
.block-cd .images .content-block {
  text-align: center;
  position: absolute;
  top: 10%;
  width: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.home12 .wcl-word {
  padding-top: 65px;
}
.wcl-word {
  padding-top: 65px;
  position: relative;
}
.wcl-word:before {
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 75px;
  background-color: #000;
  content: "";
}
.wcl-word .heading-title {
  padding: 0;
  position: relative;
  background: transparent;
  z-index: 1;
  margin-bottom: 30px;
}
.wcl-word .heading-title h2 {
  font-size: 30px;
}
.wcl-word .heading-title .bg-word {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #e4e4e4;
  font-size: 120px;
  font-weight: bold;
  z-index: -1;
}
.blog-layout2 {
  text-align: center;
  position: relative;
  padding: 125px 0 110px 0;
}
.blog-layout2:before {
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 75px;
  background-color: #000;
  content: "";
}
.blog-layout2 .heading-title {
  padding: 0;
  position: relative;
  background: transparent;
  z-index: 1;
  margin-bottom: 30px;
}
.blog-layout2 .heading-title h2 {
  font-size: 30px;
}
.blog-layout2 .heading-title .bg-word {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #e4e4e4;
  font-size: 120px;
  font-weight: bold;
  z-index: -1;
}
.blog-layout2 .subtitle-widget {
  margin-bottom: 40px;
}
.blog-layout2 .title-post {
  font-size: 16px;
  text-transform: uppercase;
}
.blog-layout2 .blog {
  padding-top: 40px;
}
.blog-layout2 .blog .main-post {
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}
.blog-layout2 .blog:last-child .main-post {
  border-bottom: none;
}
.blog-layout2 .blog:first-child .text-post {
  display: block;
}
.blog-layout2 .blog .title-post {
  margin: 0 0 10px 0;
}
.blog-layout2 .blog .main-post-inner {
  padding-bottom: 40px;
}
.blog-layout2 .text-post {
  padding: 20px 0;
  background-color: #f3f3f3;
  display: none;
}
.blog-layout2 .text-post .readmore-post {
  text-transform: uppercase;
  margin: 10px 0 0;
}
.home12 .main-newsletter-inner {
  background-color: #f3f3f3;
  border-top: none;
  padding: 75px 0;
}
.home12 .main-newsletter-inner input {
  background-color: #fff;
}
.home12 .fluid-width-footer.footer-container .footer-top-inner {
  padding-bottom: 80px;
}
.home12 .fluid-width-footer.footer-container .footer-copyright {
  padding-bottom: 15px;
}
.home12 .footer-logo {
  margin-bottom: 30px;
}
.home15 .cmn-toggle-switch span,
.home15 .cmn-toggle-switch span::before,
.home15 .cmn-toggle-switch span::after {
  background-color: #fff;
}
.home15 .main-top {
  background: url('https://www.serafinishop.com/skin/frontend/typologancee/default/images/maintop_bg.jpg') no-repeat center center;
  background-size: cover;
}
.home15 .footer-container {
  background: url("https://www.serafinishop.com/skin/frontend/typologancee/default/images/foot-bg15.jpg") no-repeat;
  background-size: cover;
  padding: 0;
  /*    .footer-bottom,
    .footer-top,
    .footer-copyright{
      background: rgba(0,0,0,0);
    }*/
}
.home15 .header-layout-8 {
  border-bottom: none;
}
.home15 .footer-style14 .inner-footer-block .footer-payment h3 {
  color: #fff;
  letter-spacing: 0.025em;
  font-size: 13px;
  line-height: 24px;
}
.tpblock {
  position: relative;
  display: table;
  width: 100%;
}
.tpblock > div {
  display: table-cell;
  float: none;
  vertical-align: middle;
}
.tpblock .images {
  overflow: hidden;
  text-align: center;
}
.tpblock .images img {
  max-width: 100%;
}
.tpblock .content-block {
  margin: 15px auto;
}
.tpblock .dark-content {
  background-color: #161616;
}
.tpblock .dark-content .content-block {
  margin: 15px auto;
  width: 100%;
  max-width: 400px;
}
.tpblock .dark-content .content-block .quote-block {
  text-align: center;
  color: #fff;
}
.tpblock .dark-content .content-block .quote-block:before {
  content: "\f10d";
  font-family: FontAwesome;
  font-size: 36px;
  color: #cc9966;
  margin-bottom: 60px;
  display: inline-block;
}
.tpblock .dark-content .content-block .quote-block .testimoniel {
  font-style: italic;
  font-size: 18px;
  color: #ccc;
  line-height: 24px;
  margin-bottom: 50px;
}
.tpblock .dark-content .content-block .quote-block h4 {
  font-size: 13px;
  text-transform: uppercase;
  color: #ccc;
  letter-spacing: 0.25em;
  margin: 0;
  font-weight: 400;
}
.tpblock .dark-content .content-block .quote-block p.subtit {
  margin: 0;
  font-weight: 400;
  font-size: 13px;
  color: #666;
  line-height: 18px;
}
.tpblock h3 {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  color: #cc9966;
  letter-spacing: 0.05em;
  margin: 0 0 30px;
  line-height: 24px;
}
.tpblock h2 {
  font-size: 36px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  line-height: 1;
  margin: 0 0 45px;
}
.tpblock p.desc.std {
  font-size: 14px;
  color: #ccc;
  letter-spacing: 0.025em;
  margin: 0 0 15px;
}
.tpblock ul li {
  list-style: none;
  color: #ccc;
  line-height: 24px;
}
.tpblock ul li:before {
  content: "\f005";
  float: left;
  font-family: fontawesome;
  color: #cc9966;
  margin-right: 10px;
}
.tpblock div.action {
  margin-top: 70px;
}
.tpblock.tp-block-02 .view-btn .viewmore-btn {
  border: 1px solid #cc9966;
}
.tpblock.tp-block-02 .view-btn .viewmore-btn span {
  border-right: 1px solid #cc9966;
}
.tpblock.tp-block-02 .dark-content .content-block img {
  margin-top: 40px;
}
.tpblock.tp-block-01 {
  padding: 100px 0;
}
.tpblock.tp-block-01 h3 {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  color: #cc9966;
  letter-spacing: 0.05em;
  margin: 0 0 30px;
  line-height: 24px;
}
.tpblock.tp-block-01 h2 {
  font-size: 48px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  line-height: 1;
  margin: 0 0 40px;
}
.tpblock.tp-block-01 div.action {
  margin-top: 60px;
}
.tp-btn01 {
  position: relative;
  cursor: pointer;
  overflow: visible;
  display: inline-block;
  white-space: nowrap;
  background-color: #000;
  border: 1px solid #000000;
  line-height: 60px;
  padding-left: 40px;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  border-radius: 0;
  letter-spacing: 0.1em;
  /*  -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
  -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
  box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);*/
}
.tp-btn01:after {
  margin-left: 30px;
  content: "\f105";
  font-family: FontAwesome;
  background: #ccc;
  background: rgba(0, 0, 0, 0.1);
  float: right;
  text-align: center;
  font-size: 1.5em;
  -moz-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.3);
  box-shadow: -1px 0 0 rgba(255, 255, 255, 0.3);
  border-radius: 0;
  pointer-events: none;
  width: 60px;
  height: 60px;
  line-height: 60px;
}
.bottom_block_margin {
  margin-bottom: 100px;
}
.view-btn {
  display: inline-block;
  margin-top: 20px;
}
.view-btn .viewmore-btn {
  padding-right: 60px;
  position: relative;
  display: inline-block;
  color: #fff;
  background: #000;
  cursor: pointer;
}
.view-btn .viewmore-btn span {
  white-space: nowrap;
  line-height: 50px;
  height: 50px;
  padding: 0 30px;
  display: inline-block;
  border-right: 1px solid #404040;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.view-btn .viewmore-btn:after {
  content: "\f105";
  font-family: FontAwesome;
  line-height: 50px;
  width: 55px;
  text-align: center;
  height: 50px;
  top: 0;
  right: 0;
  position: absolute;
  font-size: 20px;
}
.widget-product.heading_style02 .heading-title {
  background: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.widget-product.heading_style02 .heading-title h2 {
  font-size: 36px;
  line-height: 24px;
  margin-bottom: 0;
  padding-bottom: 0;
}
.widget-product.heading_style02 .heading-title h2 span {
  line-height: 24px;
}
.widget-blog.heading_style02 .main-heading {
  margin-bottom: 45px;
}
.widget-blog.heading_style02 .blog-grid {
  margin: 0;
}
.widget-blog.heading_style02 h2.title-widget {
  font-size: 36px;
  line-height: 24px;
  margin-bottom: 0;
  padding-bottom: 0;
}
.widget-blog.heading_style02 h2.title-widget span {
  line-height: 24px;
}
.widget-blog.heading_style02 .subtitle-widget {
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  color: #999999;
  margin-top: 10px;
}
.widget-blog.heading_style02 .blog-cat {
  margin-top: 75px;
}
.subtitle-widget {
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  color: #999999;
  margin-bottom: 75px;
}
@media(min-width: 993px) and (max-width: 1023px){
  .home07 .slider-home .caption {
    bottom: -35%;
  }
}
@media (max-width: 991px) {
  .home12 .slider-home.slide-fullwidth .caption {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .home12 .slider-home.slide-fullwidth .caption:before {
    display: none;
  }
}
@media (max-width: 767px) {
  .home12 .typo-wrapper {
    padding-top: 0;
  }
}
.home13 .main-bottom {
  background-color: #f5f5f5;
}
.home13 .main-brands-inner {
  border-top: none;
}
.home13 .footer-container {
  border-top: none;
  padding-bottom: 0;
}
.home13 .footer-container .footer-top .footer-col1 {
  padding: 0 10%;
}
.home13 .footer-container .footer-top h3 {
  color: #000000;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 20px;
}
.home13 .footer-container .footer-top p {
  font-size: 13px;
  line-height: 24px;
}
.home13 .footer-container .footer-top .tagtwitter,
.home13 .footer-container .footer-top .hashtag {
  color: #000;
}
.home13 .footer-container .footer-top .daypost {
  text-transform: uppercase;
}
.home13 .footer-container .footer-bottom {
  padding: 20px 0 60px;
}
.home13 .footer-container .footer-bottom h4 {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.home13 .footer-container .footer-bottom ul.social-icons li {
  display: inline-block;
}
.home13 .footer-container .footer-bottom ul.social-icons li a span {
  display: none;
}
.home13 .footer-container .footer-bottom ul.social-icons li a i {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
}
.home13 .footer-container .footer-copyright {
  padding: 30px 0;
}
.slider-home.slide-fullwidth .caption-wrapper {
  position: relative;
}
.slider-home.slide-fullwidth .caption-wrapper .caption {
  left: 5px;
  width: 100%;
  max-width: 500px;
  right: auto;
}
.slider-home.slide-fullwidth .caption-wrapper .caption h4.subtitle {
  font-size: 16px;
  color: #666666;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 25px;
}
.slider-home.slide-fullwidth .caption-wrapper .caption .title {
  font-size: 48px;
  letter-spacing: 1px;
  margin-bottom: 40px;
}
.slider-home.slide-fullwidth .caption-wrapper .caption span.bold-black-text {
  font-weight: 900;
  color: #000;
}
.slider-home.slide-fullwidth .caption-wrapper .caption span.grey-text {
  font-weight: 400;
  color: #666;
}
.slider-home.slide-fullwidth .caption-wrapper .caption span.bold-cyan-text {
  color: #927548;
  font-weight: 900;
}
.slider-home.slide-fullwidth .caption-wrapper .caption .btn-slide a {
  font-size: 14px;
}
.slider-home.slide-fullwidth .caption-wrapper .caption.right-center2 {
  left: auto;
  right: 5px;
  text-align: right;
}
.welcome-block {
  padding: 40px 0 70px;
}
.welcome-block .heading-title {
  background: transparent;
}
.welcome-block .heading-title h2 {
  font-size: 30px;
  font-weight: 600;
}
.welcome-block .heading-title h2 span.grey-text {
  color: #666666;
  font-weight: 400;
}
.welcome-block .text-block {
  text-align: center;
  color: #999;
  margin-bottom: 60px;
}
.welcome-block .left-welcome,
.welcome-block .center-welcome,
.welcome-block .right-welcome {
  position: relative;
}
.welcome-block .left-welcome img,
.welcome-block .center-welcome img,
.welcome-block .right-welcome img {
  width: 100%;
}
.welcome-block .center-welcome {
  text-align: left;
}
.welcome-block .welcome-content {
  position: absolute;
  left: 30px;
  right: 30px;
  top: 30px;
  bottom: 30px;
}
.welcome-block .welcome-content .wtitle {
  color: #666666;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0 0 30px;
}
.welcome-block .welcome-content .wcontent {
  color: #000;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 40px;
  line-height: 30px;
}
.welcome-block .welcome-content .wcontent2 {
  color: #000;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 40px;
  line-height: 30px;
}
.welcome-block .welcome-content .wcontent2 .cyan-text {
  color: #927548;
}
.welcome-block .welcome-content .sub-wcontent p {
  color: #666666;
  line-height: 24px;
  margin-bottom: 30px;
}
.welcome-block .welcome-content .sub-wcontent p .black-text {
  color: #000;
}
.welcome-block .welcome-content ul li {
  padding: 0 15px;
  color: #666666;
  position: relative;
  line-height: 24px;
}
.welcome-block .welcome-content ul li:before {
  position: absolute;
  line-height: 24px;
  content: "\f005";
  font-family: FontAwesome;
  left: 0;
  top: 0;
  font-size: 13px;
  color: #927548;
}
.welcome-block .welcome-content a.button {
  position: absolute;
  left: 0;
  bottom: 0;
}
.welcome-block .welcome-content .wlink a {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 25px;
  color: #927548;
  padding-right: 20px;
  position: relative;
  display: inline-block;
}
.welcome-block .welcome-content .wlink a .arrow_right {
  position: absolute;
  line-height: 25px;
  right: 0;
  top: 0;
}
.deal-block .deal-section {
  padding: 120px 0;
}
.deal-block .inner-deal-block {
  text-align: left;
}
.deal-block .hotdeal-image {
  text-align: right;
}
.deal-block .hotdeal-image img {
  margin-top: 30px;
}
.deal-block .subtitle {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0.1em;
  margin: 0 0 25px;
  padding: 0;
  color: #000;
}
.deal-block .subtitle .grey-text {
  color: #666666;
}
.deal-block .title {
  font-size: 60px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  text-transform: uppercase;
  padding: 0;
  margin: 0 0 40px;
}
.deal-block .title .cyan-text {
  color: #927548;
}
.deal-block .notice {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
}
.deal-block .text {
  line-height: 24px;
  color: #666666;
  font-size: 14px;
  padding: 0;
  margin: 0 0 50px;
}
.deal-block .text .black-text {
  color: #000;
}
.deal-block .product-date {
  margin-bottom: 50px;
}
.deal-block .product-date .cd-sale .num {
  background-color: #fff;
}
.grey-text {
  color: #666666;
}
.widget-product-tab.tab-products-02 {
  padding: 45px 0;
}
.widget-product-tab.tab-products-02 .main-heading {
  padding-bottom: 0;
}
.widget-product-tab.tab-products-02 .heading-title {
  background: transparent;
  padding: 10px 0 15px;
}
.widget-product-tab.tab-products-02 .heading-title h2 {
  font-size: 30px;
  line-height: 32px;
}
.widget-product-tab.tab-products-02 .heading-title h2 span.grey-text {
  font-weight: 300;
}
.widget-product-tab.tab-products-02 .widget-tabs > li > a {
  padding: 15px 30px;
  font-size: 16px;
  line-height: 36px;
  color: #000000;
  font-weight: 300;
}
.widget-product-tab.tab-products-02 .widget-tabs > li:before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "|";
  position: absolute;
  top: 50%;
  left: -4px;
  margin-top: -10px;
  font-size: 19px;
  width: 8px;
  height: 14px;
  color: #000;
  line-height: 1;
  font-weight: 600;
}
.widget-product-tab.tab-products-02 .widget-tabs > li:first-child:before {
  display: none;
}
.widget-product-tab.tab-products-02 .widget-tabs > li.active > a,
.widget-product-tab.tab-products-02 .widget-tabs > li.active > a:focus,
.widget-product-tab.tab-products-02 .widget-tabs > li.active > a:hover {
  color: #999999;
}
.widget-product-tab.tab-products-03 .main-heading {
  padding: 20px 0;
}
.widget-product-tab.tab-products-03 .main-heading .heading-title {
  background: none;
  padding: 10px 0 15px;
}
.widget-product-tab.tab-products-03 .main-heading .heading-title h2 {
  font-size: 30px;
  font-family: "Oswald", sans-serif;
  font-weight: 400;
}
.widget-product-tab.tab-products-03 .tabs-wrap {
  margin-bottom: 40px;
}
.widget-product-tab.tab-products-03 .widget-tabs > li > a {
  font-size: 14px;
  padding: 15px 30px;
  font-weight: 400;
  letter-spacing: 1px;
}
.widget-product-tab.tab-products-03 .widget-tabs > li:before {
  content: "/";
  font-weight: 900;
  font-size: 18px;
  margin-top: -9px;
}
.widget-blog.blog-layout3 {
  position: relative;
  padding: 50px 0 110px 0;
}
.widget-blog.blog-layout3 li.item {
  position: relative;
  padding: 0;
}
.widget-blog.blog-layout3 li.item .main-post {
  text-align: center;
  position: absolute;
  left: 20px;
  right: 20px;
  top: 20px;
  bottom: 20px;
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.widget-blog.blog-layout3 li.item .main-post .inner-main-post {
  width: 90%;
}
.widget-blog.blog-layout3 li.item .main-post .main-post-inner {
  color: #999999;
  font-size: 13px;
  line-height: 36px;
}
.widget-blog.blog-layout3 li.item .main-post .main-post-inner span {
  color: #666666;
}
.widget-blog.blog-layout3 li.item .main-post .title-post {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  margin: 0 0 20px;
  padding: 0;
}
.widget-blog.blog-layout3 li.item:hover .main-post {
  opacity: 1;
  visibility: visible;
}
.widget-blog.blog-layout3 .title-widget {
  font-size: 30px;
  line-height: 36px;
  font-weight: 600;
}
.widget-blog.blog-layout3 .title-widget span.grey-text {
  color: #666;
  font-weight: 300;
}
.widget-blog .subtitle-widget {
  text-align: center;
  font-size: 14px;
  color: #999;
  max-width: 520px;
  padding: 0 15px;
  margin: 0 auto 100px;
}
.setting-content .currency-topbar .currency-list ul,
.setting-content .language-topbar .lang-list ul {
  background: transparent;
}
.tp-instagram {
  padding: 0 20px;
}
@media (min-width: 992px) {
  .footer-col2 {
    border-left: 1px solid rgba(204, 204, 204, 0.5);
    border-right: 1px solid rgba(204, 204, 204, 0.5);
  }
}
@media (max-width: 991px) {
  .deal-block .deal-section {
    padding: 70px 15px;
  }
  .home13 .footer-container .footer-top .footer-col1 {
    padding: 0 10% 20px;
  }
  .cms-index-index .header-container.header-layout-7 {
    position: relative;
  }
  .welcome-block .welcome-content .wcontent2,
  .welcome-block .welcome-content .wcontent {
    font-size: 15px;
    line-height: 24px;
  }
  .deal-block .title {
    margin-bottom: 20px;
    font-size: 40px;
  }
  .deal-block .text {
    display: none;
  }
  .deal-block .subtitle {
    font-size: 15px;
    margin-bottom: 15px;
  }
}
.rtl .tpblock ul li:before {
  float: right;
  margin: 0 0 0 10px;
}
@media (max-width: 767px) {
  .tpblock > div {
    display: block;
  }
  .widget-blog.heading_style02 h2.title-widget,
  .widget-product.heading_style02 .heading-title h2 {
    line-height: 1;
  }
  .tpblock .dark-content .content-block {
    padding: 20px 15px;
  }
  .slider-home.slide-fullwidth .caption-wrapper .caption {
    max-width: 100%;
    width: 100%;
    left: 0;
  }
  .slider-home.slide-fullwidth .caption-wrapper .caption h4.subtitle {
    font-size: 12px;
  }
  .slider-home.slide-fullwidth .caption-wrapper .caption .title {
    font-size: 30px;
  }
  .footer-container .footer-static h3 + .hide-accordion {
    display: none;
  }
  .welcome-block .welcome-content .wcontent2 {
    margin-bottom: 10px;
  }
  .home13 .slider-home .caption:before {
    display: none;
  }
  .home13 .slider-home.slide-fullwidth .caption-wrapper .caption {
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
  }
}
@media (max-width: 479px) {
  .header-layout-8 .logo-home02 {
    margin: 0 40px;
  }
}

.interior-block-slide,
.interior-block-static {
  height: auto;
}

@media (min-width: 1600px) {
  .interior-block-slide,
  .interior-block-static {
    height: auto;
  }
}

@media (max-width: 479px) {
  .interior-block-slide,
  .interior-block-static {
    height: auto;
  }
}
.container {
    width: 100%;
    max-width: 100%;
}
.boxed {
    max-width: 100% !important;
}
.top-direct-wrap {
    padding: 0 15px;
}
.home03 .main-slide-inner {
    padding: 0 15px;
}

/* HOME 04 */
.home04 .typo-wrapper {
    padding: 0 45px;
}
.cms-index-index .header-layout-4 #typo-sticky-header {
    top: 0;
}
.header-layout-4 .is-sticky #typo-sticky-header {
    padding: 0 45px;
}
.cms-index-index .header-layout-4 .is-sticky #typo-sticky-header {
    box-shadow: none;
}
.cms-index-index .header-layout-4 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 45px;
}
.cms-index-index .header-layout-4 .header-menu {
    padding: 0;
}
.cms-index-index .header-layout-4 li.level0 > a > span > .cat-label {
    bottom: auto;
    top: 0;
}
.home04.cms-index-index .footer-container {
    padding: 0 45px;
}

/* HOME 03 */
.home03 .typo-wrapper {
  padding: 30px 15px;
}
.cms-index-index .header-layout-3 .container {
    padding-left: 45px;
    padding-right: 45px;
}
.header-layout-3 .is-sticky .container {
    padding-left: 30px;
    padding-right: 30px;
}
.home03 .global-site-notice {
    background-color: transparent;
    border-bottom: none;
}
.home03 .global-site-notice > div > p {
    background-color: #f2f2f2;
}

/* HOME 07 */
.home07 .typo-wrapper {
    padding: 0;
}
.home07 .main-slide-inner {
    padding: 0;
}
.home07.cms-index-index .footer-inner {
    margin: 0 -15px;
}

/* HOME 09 */
.home09 .typo-wrapper {
    padding: 0 15px;
}
.home09 .is-sticky #typo-sticky-header {
    padding: 0 15px;
}

/* Home 12 */
.home12 .typo-wrapper {
    padding-top: 0;
}
.home12 .header-layout-6 .is-sticky .container {
    padding-left: 30px;
    padding-right: 30px;
}
@media (max-width: 767px) {
    .home04 .typo-wrapper {
        padding: 0 15px;
    }
    .header-layout-4 .is-sticky #typo-sticky-header {
        padding: 0 15px;
    }
    .cms-index-index .header-layout-4 {
        padding: 0 15px;
    }
    .home04.cms-index-index .footer-container {
        padding: 0 15px;
    }

    .home03 .typo-wrapper {
        padding: 15px 0;
    }
    .cms-index-index .header-layout-3 .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .home09 .typo-wrapper {
        padding: 0;
    }
}
/*
 * Note that this is toastr v2.1.3, the "latest" version in url has no more maintenance,
 * please go to https://cdnjs.com/libraries/toastr.js and pick a certain version you want to use,
 * make sure you copy the url from the website since the url may change between versions.
 * */
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#FFF}.toast-message a:hover{color:#CCC;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{/*-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer*/}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51A351}.toast-error{background-color:#BD362F}.toast-info{background-color:#2F96B4}.toast-warning{background-color:#F89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}
.toast-message{
  line-height: 17px;
}
.avviso-spedizioni{
    color: white;
    padding: 18px;
    background-color: darkseagreen;
    font-style: italic;
}

.home07 .rassurancebar > .container {
    padding: 0;
}

.block-top-01 .content-block p, 
.block-top-02 .content-block p {
    display: block !important;
}
.rassurancebar{
  padding-top:0px !important;
  padding-bottom: 0px !important;
}
.rassurancebar .rassurance-content{
  background-color: #eee;
  color:#999;
  font-size:13px;
  line-height: 26px;
}
.rassurancebar .rassurance-content .rassurance-block{
  padding:7px 0 7px 0;
  border-right:1px solid #fff;
  text-align:center;
}
.rassurancebar .rassurance-content .rassurance-block-last{
  padding:7px 0 7px 0;
  text-align:center;
}
.rassurancebar .rassurance-content .rassurance-block img,
.rassurancebar .rassurance-content .rassurance-block-last img
{
  margin-right: 10px;
  width: 26px;
  margin-top: -2px;
}
.rassurancebar .rassurance-content .spedizione-free,
.rassurancebar .rassurance-content .resi-free,
.rassurancebar .rassurance-content .spedizione-produttore
{
 display: inline-block; 
 line-height: 26px;
}
.video_iframe {
    padding: 0 0 52.5%;
    position: relative;
}
.video_iframe embed, .video_iframe iframe, .video_iframe object, .video_iframe video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.header-container ul#typonav li:last-child a{
  /*font-weight: normal;*/
}
span.ampreorder_note{
  text-transform: none !important;
}
.settings .settings-inner,
.settings .setting-language{
  font-weight: normal;
}
.ajaxcart-index-options.catalog-product-view .zopim{
  display: none;
}
.cms-index-index .widget-product-tab{
  /*display: none;*/
}
.cms-index-index .widget-product-tab .owl-carousel .owl-item img{
  max-height: 241px;
}
#payment_form_bankpayment table label{
  display: inline;
}
#payment_form_bankpayment table td:first-child{
  padding-right: 8px;
}
.product-view .product-shop-view .product-more{
  /*display: none;*/
}
.footer-container .social-listing{
  font-size:22px;
}
.footer-container .social-listing li a{
  color: #000;
}
.cms-index-index.home03 .main-content-inner{
  background-color: #FFF;
}
.shopping-cart .cart-row .tax-flag{
  display: none;
}
.cont-privacy-iubenda.input-box .validation-advice,
.privacy-iubenda-checkout.input-box .validation-advice
{
  top: -20px !important;
  left: 0;
  right: auto;
}
.block-layered-nav.amshopby-filters-left li.amasty-img a{
  margin-bottom: 4px;
}
.top-direct:before{
  background: none !important;
}    

.top-direct{
  background-position-y: bottom !important;
}

#typonav.home-page li.level0 > a{
  /* color:white; */
  color: #999999;
}
#typonav.home-page li.level0 > i{
  /*color:white;*/
  color: #999999;
}
.cms-home .sticky-icon-group i{
  /*color: #FFF;*/
  color: #666666;
}
.cms-home .sticky-icon-group .settings-inner i{
  color: #666666;
}
.cms-home .is-sticky .sticky-icon-group i{
  color: #999999;
}
.is-sticky li.level0 > a{
  color:#999999 !important;
}

#typonav li.active a.level-top, #typonav li a.level-top:hover {
    color: #000000 !important;
}

#iubenda-pp{
  z-index: 99999 !important;
}

.saved-card-number{
  margin-left: 14px;
}
.button.button-small,
.onestepcheckout-coupons .button
{
  padding: 5px 10px;
  font-size: 12px;
  line-height: 15px;
  height: auto;
}
.product-item .addtocart button.button.btn-cart{
  font-size: 12px;
}
.header-layout-3 .logo-home03 {
  z-index: 0;
}
#shopping-cart-totals-table .summary-total td,
#shopping-cart-totals-table .summary-total td span.price,
#shopping-cart-totals-table .summary-details td,
#shopping-cart-totals-table .summary-details td span.price,
#shopping-cart-totals-table .tr-grand-total td strong,
#shopping-cart-totals-table .tr-grand-total td span.price,
.onestepcheckout-totals .summary-total td,
.onestepcheckout-totals .summary-total td span.price,
.onestepcheckout-totals .summary-details td,
.onestepcheckout-totals .summary-details td span.price,
.onestepcheckout-totals .tr-grand-total td strong,
.onestepcheckout-totals .tr-grand-total td span.price 
{
  font-size: 12px;
  font-weight: normal;
  color:#999;
}
#shopping-cart-totals-table .summary-details td,
#shopping-cart-totals-table .tr-grand-total td
{
  padding-bottom: 0px;
}
#shopping-cart-totals-table tr.summary-details-first td{
  border-top: none;
}

tr.show-details td{
  background: none;
  color: #000;
}
.block-layered-nav dd.hidden-tiny{
  display: block !important;
}
.footer-container .footer-top{
  background-color: #f5f5f5;
  padding-top:40px;
  padding-bottom:40px;
}
.nav-top{
  background: none;  
}
.checkout-agreements .agreement-content{
  background: none;
  border: none;
  padding: 0;
}

#rma-check-th{
  width:40px;
}

.onestepcheckout-column-right .input-checkbox label,
.onestepcheckout-column-right .checkout-agreements p.agree label,
.onestepcheckout-column-right .onestepcheckout-enable-newsletter label,
.onestepcheckout-column-right .onestepcheckout-extraproducts label,
#gene_braintree_creditcard_store_in_vault_div label,
#rma-form-validate label,
.cont-privacy-iubenda label
{
  position:relative;
  cursor:pointer;
  line-height:22px;
  font-size:13px;
  text-transform:none;
  font-weight:normal;
}
.onestepcheckout-column-right .input-checkbox label:before,
.onestepcheckout-column-right .checkout-agreements p.agree label:before,
.onestepcheckout-column-right .onestepcheckout-enable-newsletter label:before,
.onestepcheckout-column-right .onestepcheckout-extraproducts label:before,
#gene_braintree_creditcard_store_in_vault_div label:before,
#rma-form-validate label:before,
.cont-privacy-iubenda label:before
{
  position:relative;
  display:inline-block;
  vertical-align:top;
  content:"\56";
  font-size:20px;
  width:20px;
  height:20px;
  border-radius:50%;
  font-family:'ElegantIcons';
  font-style:normal;
  font-weight:normal;
  font-variant:normal;
  text-transform:none;
  line-height:1;
  margin:  1px 5px 0 0;
}
.onestepcheckout-column-right .input-checkbox input[type="checkbox"]:checked label:before,
.onestepcheckout-column-right .checkout-agreements p.agree input[type="checkbox"]:checked label:before,
.onestepcheckout-column-right .onestepcheckout-enable-newsletter input[type="checkbox"]:checked label:before,
.onestepcheckout-column-right .onestepcheckout-extraproducts input[type="checkbox"]:checked label:before,
#gene_braintree_creditcard_store_in_vault_div input[type="checkbox"]:checked label:before,
#rma-form-validate input[type="checkbox"]:checked label:before,
.cont-privacy-iubenda input[type="checkbox"]:checked label:before
{ 
  content:"\5a"; 
}
.onestepcheckout-column-right .input-checkbox input[type="checkbox"]:checked + label::before, 
.onestepcheckout-column-right .checkout-agreements p.agree input[type="checkbox"]:checked + label:before, 
.onestepcheckout-column-right .onestepcheckout-enable-newsletter input[type="checkbox"]:checked + label:before,
.onestepcheckout-column-right .onestepcheckout-extraproducts input[type="checkbox"]:checked + label:before,
#gene_braintree_creditcard_store_in_vault_div input[type="checkbox"]:checked + label:before,
#rma-form-validate input[type="checkbox"]:checked + label:before,
.cont-privacy-iubenda input[type="checkbox"]:checked + label:before
{
    content: "Z";
}

.onestepcheckout-column-right .input-checkbox input[type="checkbox"]:disabled + label:before,
.onestepcheckout-column-right .checkout-agreements p.agree input[type="checkbox"]:disabled + label:before,
.onestepcheckout-column-right .onestepcheckout-enable-newsletter input[type="checkbox"]:disabled + label:before,
.onestepcheckout-column-right .onestepcheckout-extraproducts input[type="checkbox"]:disabled + label:before,
#gene_braintree_creditcard_store_in_vault_div input[type="checkbox"]:disabled + label:before,
#rma-form-validate input[type="checkbox"]:disabled + label:before,
.cont-privacy-iubenda input[type="checkbox"]:disabled + label:before
{
  color:#ccc;
}
.extra-product-img{
  vertical-align: text-top;
  display: block;
  margin-top: 5px;
}

.onestepcheckout-column-right input[type="checkbox"],
.onestepcheckout-column-middle input[type="radio"],
#gene_braintree_creditcard_store_in_vault_div input[type="checkbox"],
#rma-form-validate input[type="checkbox"],
.cont-privacy-iubenda input[type="checkbox"]
{
  display: none !important;
}

#checkout-payment-method-load #creditcard-saved-accounts input[type="radio"]{
  display: inline;
}

#checkout-payment-method-load #creditcard-saved-accounts .other-row input[type="radio"]{
  display: none;
}

.onestepcheckout-column-middle input[type="radio"] + label 
{
  position:relative;
  cursor:pointer;
  line-height:22px;
  font-size:13px;
  font-weight:normal;
}
.onestepcheckout-column-middle input[type="radio"] + label:before {
  position:relative;
  display:inline-block;
  vertical-align:top;
  content:"\5b";
  font-size:20px;
  width:20px;
  height:20px;
  border-radius:50%;
  font-family:'ElegantIcons';
  font-style:normal;
  font-weight:normal;
  font-variant:normal;
  text-transform:none;
  line-height:1;
}
.onestepcheckout-column-middle  input[type="radio"]:checked + label:before { content:"\5c"; }

.tooltip-a2k{
  font-size:12px;
  color:#999999;
}

/*ul.products-grid .item h2.product-name{
  height:40px !important;
  line-height: 20px !important;
}*/

.braintree-hostedfield li{
  margin-top: 10px;
}
.bordo-basso{
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}
.bordo-alto{
  border-top: 1px solid rgba(204, 204, 204, 0.5);
}
.item .price-box .old-price{
  margin-top: 0px !important;
}
.item .price-box .special-price{
  line-height: 20px !important; 
}
.products-list p.special-price{
  margin-left: 0px !important;
}
ul.taglie-list-product li{
  display: inline-block;
  margin-right: 6px;
}
.sidebar-one-column .btn-close-filter{
  float: left;
  width: 30px;
  position: static;
}
.sidebar-one-column .block-title{
  float: left;
  padding: 7px 0;
  line-height: 18px;
  margin-bottom: 14px;
}

.amshopby_attr_search,
#amshopby-price-from,
#amshopby-price-to
{
    background: #ffffff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-size: 12px;
    height: 32px;
    line-height: 1.5;
    padding: 0 8px;
    width: 98% !important;
    margin-bottom: 8px;
}
#amshopby-price-from,
#amshopby-price-to{
  width: 50px !important;
}
#amshopby-price-btn {
  height:32px;
  line-height:31px;
  margin-left:10px;
}
div.block-layered-nav dd a img,
.amshopby-links-wrapper .amshopby-link a img
{
  border: 1px solid #ccc;
  padding: 2px;  
}
.amshopby-links-wrapper .amshopby-link{
  display: inline-block;
  float: none;
  padding-left: 0;
}
.amshopby-links-wrapper .amshopby-link a{
  float: none;
}
.products-list .amshopby-links-wrapper,
.product-shop-view .amshopby-links-wrapper
{
  text-align: left !important;
}
div.block-layered-nav dd a.-selected img,
div.block-layered-nav dd a:hover img
{
  border: 1px solid #000;
  padding: 2px;
}
div.block-layered-nav dd li.amasty-img a.amshopby-attr.amshopby-attr-selected:before{
  display: none !important;
}
.input-box .validation-advice{
  top: 0 !important;
  bottom: auto !important;
}
.osc-checkout-agreements.checkout-agreements label{
  width: 95%;
}
.onestepcheckout-giftmessagecontainer{
  margin-bottom: 6px !important; 
}
.onestepcheckout-enable-newsletter{
  margin-bottom: 6px !important;
}
#onestepcheckout-form .checkout-agreements input[type="checkbox"]{
  float: left;
  margin-top:5px;
}
#onestepcheckout-form label{
  font-weight: normal;
}
.payment-methods input[type="radio"]{
  float: left;
  margin-right: 10px !important;
  margin-top: 4px !important;
}
.input-box input[type="checkbox"] + label, 
.input-box input[type="checkbox"] + span > label, 
.options-list input[type="checkbox"] + label, 
.options-list input[type="checkbox"] + span > label, 
.not-show-popup input[type="checkbox"] + label, 
.not-show-popup input[type="checkbox"] + span > label, 
.control input[type="checkbox"] + label, 
.control input[type="checkbox"] + span > label{
  line-height: 18px;
}
#esns_box_subscribe_form input[type="checkbox"]{
  height: auto !important;
}
#esns_box_subscribe_form .checkbox-field label{
  line-height:20px;
  height:auto !important;
  font-weight: normal;
}
.float-left{
  float: left;
}
.float-right{
  float: right;
}
.font-celeste{
  color: #0099cc;
}
.font-size-13{
  font-size: 13px !important;
}
.display-block{
  display: block !important;
}
#magestore-popup{
  border: none;
  border-radius: 0px;
}
#esns_box_subscribe_form input,
#esns_box_subscribe_form select{
  height: 40px !important;
  padding: 0 20px !important;
}
#magestore-create-user input,
#magestore-create-user select{
  height: 40px;
}
#magestore-create-back{
  margin-left: 0;
}
.sociallogin-input-box .input-text{
  height: 40px;
}
.sociallogin-input-box .input-text{
  padding: 0 20px;
}
.sociallogin-forgot-content{
  color: #999999;
}

.slider-home.slide-fullwidth{
  height: 870px;
}

.catalog-product-view .top-direct{
  background-image: none;
  height: auto;
  background-color: #FFFFFF !important;
}

.catalog-product-view .top-direct:before{
  background: none;
}

.catalog-product-view .breadcrumbs{
  border-top: 1px solid rgba(204,204,204,0.5);
  padding-top:10px;
}
.catalog-product-view .breadcrumbs li{
  font-size: 12px;
}

.catalog-product-view .breadcrumbs li a.last{
  color: #000;
}

.catalog-product-view .cont-product-breadcrumbs{
  text-align: left;
}
/*LANDING LIMITED EDITION */

.limited-edition-h2 {
  color: #b69475;
  font-weight: 100;
  line-height: 14px;
}

@media screen and (max-width:992px){
  .rassurancebar .rassurance-content{
    font-size:11px;
    line-height: 22px;
  }  
  .rassurancebar.trecol .rassurance-content .rassurance-block{
    border-right: none;
    border-bottom: 1px solid #FFF;
  }
  .rassurancebar .rassurance-content .rassurance-block img,
  .rassurancebar .rassurance-content .rassurance-block-last img
  {
    margin-right: 10px;
    width: 22px;
    margin-top: -2px;
  }  
}

@media screen and (min-width:1025px) and (max-width:1920px){
  .catalog-category-view .top-direct, .tag-product-list .top-direct {
    height: 680px !important;
  }    
}
@media screen and (min-width:992px) and (max-width:1102px) {
  .logo-bottom img{
    max-width: 175px;
    height: 100%;
  }
}

@media screen and (min-width:801px) and (max-width:960px) {
  .sociallogin-field .input-text {
    width: 200px;
  }  
}

@media screen and (max-width:800px) {
  .magestore-login-social{
    float: none;
  }
}
@media screen and (min-width:721px) and (max-width:800px) {
  .sociallogin-field .input-text {
    width: 200px;
  }
}

@media screen and (max-width:767px){
  .rassurancebar .rassurance-content .rassurance-block{
    border-right: none;
    border-bottom: 1px solid #FFF;
  }  
}

/*SLIDE HOME 3*/



  .slider-home.slide-fullwidth{
    height: 840px !important;
  }


@media screen and (max-width:1879px) {
  .slider-home.slide-fullwidth{
    height: 809px !important;
  }
}

@media screen and (max-width:1799px) {
  .slider-home.slide-fullwidth{
    height: 753px !important;
  }
}

@media screen and (max-width:1679px) {
  .slider-home.slide-fullwidth{
    height: 632px !important;
  }
}

@media screen and (max-width:1419px) {
  .slider-home.slide-fullwidth{
    height: 559px !important;
  }
}

@media screen and (max-width:1279px) {
  .slider-home.slide-fullwidth{
    height: 449px !important;
  }
  .rassurancebar .rassurance-content{
    font-size:12px;
    line-height: 26px;
  }  
}

@media screen and (max-width:1023px) {
  .slider-home.slide-fullwidth{
    height:402px !important;
  }  
}

@media screen and (max-width:939px) {
  .slider-home.slide-fullwidth{
    height: 342px !important;
  }
}

@media screen and (max-width:799px) {
  .slider-home.slide-fullwidth{
    height: 327px !important;
  } 
}

@media screen and (max-width:767px) {
  .slider-home.slide-fullwidth{
    height: 317px !important;
  }
  .cms-home .sticky-icon-group i{
    color: #666666 !important;
  }
}

@media screen and (max-width:719px) {
  .slider-home.slide-fullwidth{
    height: 285px !important;
  }
}

@media screen and (max-width:639px) {
  .slider-home.slide-fullwidth{
    height: 257px !important;
  }   
}

@media screen and (max-width:599px) {
  .slider-home.slide-fullwidth{
    height: 209px !important;
  }
}

@media screen and (max-width:479px) {
  .slider-home.slide-fullwidth{
    height: 161px !important;
  }
}

@media screen and (max-width:399px) {
  .slider-home.slide-fullwidth{
    height: 152px !important;
  }
}

@media screen and (max-width:359px) {
  .slider-home.slide-fullwidth{
    height: 133px !important;
  }
}

/*FINE SLIDE HOME 3*/

/* 
 * Custom Bootstrap Margin Padding
 * Author - Md Ismail Hossain
 * Git    - https://github.com/ismailcseku/Custom-Bootstrap-Margin-Padding
 * Web    - http://ismail-hossain.me/
 * Email  - ismailcseku@gmail.com
 */


/**
 * Table of Contents:
 *
 * 1   -> Basic margin padding
 * 1.1 -> Basic Margin
 * 1.2 -> Basic Padding
 * 1.3 -> Margin top
 * 1.4 -> Margin right
 * 1.5 -> Margin bottom
 * 1.6 -> Margin left
 * 1.7 -> Padding top
 * 1.8 -> Padding right
 * 1.9 -> Padding bottom
 * 1.10 -> Padding left
 * 2 -> lg: min-width:1200px
 * 3 -> md: max-width:1199px
 * 4 -> sm: max-width:991px
 * 5 -> xs: max-width 767px
 * 6 -> xxs: max-width 479px
 * ===============================================
 */
/* min even, max odd*/

/*
 * 1.1 -> Basic Margin
 * -----------------------------------------------
*/
.m-0 {margin: 0px !important}
.m-5 {margin: 5px !important}
.m-10 {margin: 10px !important}
.m-15 {margin: 15px !important}
.m-20 {margin: 20px !important}
.m-30 {margin: 30px !important}
.m-40 {margin: 40px !important}
.m-50 {margin: 50px !important}
.m-60 {margin: 60px !important}
.m-70 {margin: 70px !important}
.m-80 {margin: 80px !important}
.m-90 {margin: 90px !important}
.m-100 {margin: 100px !important}
.m-110 {margin: 110px !important}
.m-120 {margin: 120px !important}
.m-130 {margin: 130px !important}
.m-140 {margin: 140px !important}
.m-150 {margin: 150px !important}
.m-160 {margin: 160px !important}
.m-170 {margin: 170px !important}
.m-180 {margin: 180px !important}
.m-190 {margin: 190px !important}
.m-200 {margin: 200px !important}

/*
 * 1.2 -> Basic Padding
 * -----------------------------------------------
*/
.p-0 {padding: 0!important;}
.p-5 {padding: 5px !important}
.p-10 {padding: 10px !important}
.p-15 {padding: 15px !important}
.p-20 {padding: 20px !important}
.p-30 {padding: 30px !important}
.p-40 {padding: 40px !important}
.p-50 {padding: 50px !important}
.p-60 {padding: 60px !important}
.p-70 {padding: 70px !important}
.p-80 {padding: 80px !important}
.p-90 {padding: 90px !important}
.p-100 {padding: 100px !important}
.p-110 {padding: 110px !important}
.p-120 {padding: 120px !important}
.p-130 {padding: 130px !important}
.p-140 {padding: 140px !important}
.p-150 {padding: 150px !important}
.p-160 {padding: 160px !important}
.p-170 {padding: 170px !important}
.p-180 {padding: 180px !important}
.p-190 {padding: 190px !important}
.p-200 {padding: 200px !important}

/*
 * 1.3 -> Margin top
 * -----------------------------------------------
*/
.mt-0 {margin-top: 0!important;}
.mt-5 {margin-top: 5px !important}
.mt-10 {margin-top: 10px !important}
.mt-15 {margin-top: 15px !important}
.mt-20 {margin-top: 20px !important}
.mt-30 {margin-top: 30px !important}
.mt-40 {margin-top: 40px !important}
.mt-50 {margin-top: 50px !important}
.mt-60 {margin-top: 60px !important}
.mt-70 {margin-top: 70px !important}
.mt-80 {margin-top: 80px !important}
.mt-90 {margin-top: 90px !important}
.mt-100 {margin-top: 100px !important}
.mt-110 {margin-top: 110px !important}
.mt-120 {margin-top: 120px !important}
.mt-130 {margin-top: 130px !important}
.mt-140 {margin-top: 140px !important}
.mt-150 {margin-top: 150px !important}
.mt-160 {margin-top: 160px !important}
.mt-170 {margin-top: 170px !important}
.mt-180 {margin-top: 180px !important}
.mt-190 {margin-top: 190px !important}
.mt-200 {margin-top: 200px !important}

/*
 * 1.4 -> Margin right
 * -----------------------------------------------
*/
.mr-0 {margin-right: 0!important;}
.mr-5 {margin-right: 5px !important}
.mr-10 {margin-right: 10px !important}
.mr-15 {margin-right: 15px !important}
.mr-20 {margin-right: 20px !important}
.mr-30 {margin-right: 30px !important}
.mr-40 {margin-right: 40px !important}
.mr-50 {margin-right: 50px !important}
.mr-60 {margin-right: 60px !important}
.mr-70 {margin-right: 70px !important}
.mr-80 {margin-right: 80px !important}
.mr-90 {margin-right: 90px !important}
.mr-100 {margin-right: 100px !important}
.mr-110 {margin-right: 110px !important}
.mr-120 {margin-right: 120px !important}
.mr-130 {margin-right: 130px !important}
.mr-140 {margin-right: 140px !important}
.mr-150 {margin-right: 150px !important}
.mr-160 {margin-right: 160px !important}
.mr-170 {margin-right: 170px !important}
.mr-180 {margin-right: 180px !important}
.mr-190 {margin-right: 190px !important}
.mr-200 {margin-right: 200px !important}

/*
 * 1.5 -> Margin bottom
 * -----------------------------------------------
*/
.mb-0 {margin-bottom: 0!important;}
.mb-5 {margin-bottom: 5px !important}
.mb-10 {margin-bottom: 10px !important}
.mb-15 {margin-bottom: 15px !important}
.mb-20 {margin-bottom: 20px !important}
.mb-30 {margin-bottom: 30px !important}
.mb-40 {margin-bottom: 40px !important}
.mb-50 {margin-bottom: 50px !important}
.mb-60 {margin-bottom: 60px !important}
.mb-70 {margin-bottom: 70px !important}
.mb-80 {margin-bottom: 80px !important}
.mb-90 {margin-bottom: 90px !important}
.mb-100 {margin-bottom: 100px !important}
.mb-110 {margin-bottom: 110px !important}
.mb-120 {margin-bottom: 120px !important}
.mb-130 {margin-bottom: 130px !important}
.mb-140 {margin-bottom: 140px !important}
.mb-150 {margin-bottom: 150px !important}
.mb-160 {margin-bottom: 160px !important}
.mb-170 {margin-bottom: 170px !important}
.mb-180 {margin-bottom: 180px !important}
.mb-190 {margin-bottom: 190px !important}
.mb-200 {margin-bottom: 200px !important}

/*
 * 1.6 -> Margin left
 * -----------------------------------------------
*/
.ml-0 {margin-left: 0!important;}
.ml-5 {margin-left: 5px !important}
.ml-10 {margin-left: 10px !important}
.ml-15 {margin-left: 15px !important}
.ml-20 {margin-left: 20px !important}
.ml-30 {margin-left: 30px !important}
.ml-40 {margin-left: 40px !important}
.ml-50 {margin-left: 50px !important}
.ml-60 {margin-left: 60px !important}
.ml-70 {margin-left: 70px !important}
.ml-80 {margin-left: 80px !important}
.ml-90 {margin-left: 90px !important}
.ml-100 {margin-left: 100px !important}
.ml-110 {margin-left: 110px !important}
.ml-120 {margin-left: 120px !important}
.ml-130 {margin-left: 130px !important}
.ml-140 {margin-left: 140px !important}
.ml-150 {margin-left: 150px !important}
.ml-160 {margin-left: 160px !important}
.ml-170 {margin-left: 170px !important}
.ml-180 {margin-left: 180px !important}
.ml-190 {margin-left: 190px !important}
.ml-200 {margin-left: 200px !important}

/*
 * 1.7 -> Padding top
 * -----------------------------------------------
*/
.pt-0 {padding-top: 0!important;}
.pt-5 {padding-top: 5px !important}
.pt-10 {padding-top: 10px !important}
.pt-15 {padding-top: 15px !important}
.pt-20 {padding-top: 20px !important}
.pt-30 {padding-top: 30px !important}
.pt-40 {padding-top: 40px !important}
.pt-50 {padding-top: 50px !important}
.pt-60 {padding-top: 60px !important}
.pt-70 {padding-top: 70px !important}
.pt-80 {padding-top: 80px !important}
.pt-90 {padding-top: 90px !important}
.pt-100 {padding-top: 100px !important}
.pt-110 {padding-top: 110px !important}
.pt-120 {padding-top: 120px !important}
.pt-130 {padding-top: 130px !important}
.pt-140 {padding-top: 140px !important}
.pt-150 {padding-top: 150px !important}
.pt-160 {padding-top: 160px !important}
.pt-170 {padding-top: 170px !important}
.pt-180 {padding-top: 180px !important}
.pt-190 {padding-top: 190px !important}
.pt-200 {padding-top: 200px !important}

/*
 * 1.8 -> Padding right
 * -----------------------------------------------
*/
.pr-0 {padding-right: 0!important;}
.pr-5 {padding-right: 5px !important}
.pr-10 {padding-right: 10px !important}
.pr-15 {padding-right: 15px !important}
.pr-20 {padding-right: 20px !important}
.pr-30 {padding-right: 30px !important}
.pr-40 {padding-right: 40px !important}
.pr-50 {padding-right: 50px !important}
.pr-60 {padding-right: 60px !important}
.pr-70 {padding-right: 70px !important}
.pr-80 {padding-right: 80px !important}
.pr-90 {padding-right: 90px !important}
.pr-100 {padding-right: 100px !important}
.pr-110 {padding-right: 110px !important}
.pr-120 {padding-right: 120px !important}
.pr-130 {padding-right: 130px !important}
.pr-140 {padding-right: 140px !important}
.pr-150 {padding-right: 150px !important}
.pr-160 {padding-right: 160px !important}
.pr-170 {padding-right: 170px !important}
.pr-180 {padding-right: 180px !important}
.pr-190 {padding-right: 190px !important}
.pr-200 {padding-right: 200px !important}

/*
 * 1.9 -> Padding bottom
 * -----------------------------------------------
*/
.pb-0 {padding-bottom: 0!important;}
.pb-5 {padding-bottom: 5px !important}
.pb-10 {padding-bottom: 10px !important}
.pb-15 {padding-bottom: 15px !important}
.pb-20 {padding-bottom: 20px !important}
.pb-30 {padding-bottom: 30px !important}
.pb-40 {padding-bottom: 40px !important}
.pb-50 {padding-bottom: 50px !important}
.pb-60 {padding-bottom: 60px !important}
.pb-70 {padding-bottom: 70px !important}
.pb-80 {padding-bottom: 80px !important}
.pb-90 {padding-bottom: 90px !important}
.pb-100 {padding-bottom: 100px !important}
.pb-110 {padding-bottom: 110px !important}
.pb-120 {padding-bottom: 120px !important}
.pb-130 {padding-bottom: 130px !important}
.pb-140 {padding-bottom: 140px !important}
.pb-150 {padding-bottom: 150px !important}
.pb-160 {padding-bottom: 160px !important}
.pb-170 {padding-bottom: 170px !important}
.pb-180 {padding-bottom: 180px !important}
.pb-190 {padding-bottom: 190px !important}
.pb-200 {padding-bottom: 200px !important}

/*
 * 1.10 -> Padding left
 * -----------------------------------------------
*/
.pl-0 {padding-left: 0!important;}
.pl-5 {padding-left: 5px !important}
.pl-10 {padding-left: 10px !important}
.pl-15 {padding-left: 15px !important}
.pl-20 {padding-left: 20px !important}
.pl-30 {padding-left: 30px !important}
.pl-40 {padding-left: 40px !important}
.pl-50 {padding-left: 50px !important}
.pl-60 {padding-left: 60px !important}
.pl-70 {padding-left: 70px !important}
.pl-80 {padding-left: 80px !important}
.pl-90 {padding-left: 90px !important}
.pl-100 {padding-left: 100px !important}
.pl-110 {padding-left: 110px !important}
.pl-120 {padding-left: 120px !important}
.pl-130 {padding-left: 130px !important}
.pl-140 {padding-left: 140px !important}
.pl-150 {padding-left: 150px !important}
.pl-160 {padding-left: 160px !important}
.pl-170 {padding-left: 170px !important}
.pl-180 {padding-left: 180px !important}
.pl-190 {padding-left: 190px !important}
.pl-200 {padding-left: 200px !important}

/*
 * 2 -> lg: min-width:1200px
 * -----------------------------------------------
*/
@media (min-width:1200px) {
/*
 * 2.1 -> Basic Margin
 * -----------------------------------------------
*/
.m-lg-0 {margin: 0px !important}
.m-lg-5 {margin: 5px !important}
.m-lg-10 {margin: 10px !important}
.m-lg-15 {margin: 15px !important}
.m-lg-20 {margin: 20px !important}
.m-lg-30 {margin: 30px !important}
.m-lg-40 {margin: 40px !important}
.m-lg-50 {margin: 50px !important}
.m-lg-60 {margin: 60px !important}
.m-lg-70 {margin: 70px !important}
.m-lg-80 {margin: 80px !important}
.m-lg-90 {margin: 90px !important}
.m-lg-100 {margin: 100px !important}
.m-lg-110 {margin: 110px !important}
.m-lg-120 {margin: 120px !important}
.m-lg-130 {margin: 130px !important}
.m-lg-140 {margin: 140px !important}
.m-lg-150 {margin: 150px !important}
.m-lg-160 {margin: 160px !important}
.m-lg-170 {margin: 170px !important}
.m-lg-180 {margin: 180px !important}
.m-lg-190 {margin: 190px !important}
.m-lg-200 {margin: 200px !important}

/*
 * 2.2 -> Basic Padding
 * -----------------------------------------------
*/
.p-lg-0 {padding: 0!important;}
.p-lg-5 {padding: 5px !important}
.p-lg-10 {padding: 10px !important}
.p-lg-15 {padding: 15px !important}
.p-lg-20 {padding: 20px !important}
.p-lg-30 {padding: 30px !important}
.p-lg-40 {padding: 40px !important}
.p-lg-50 {padding: 50px !important}
.p-lg-60 {padding: 60px !important}
.p-lg-70 {padding: 70px !important}
.p-lg-80 {padding: 80px !important}
.p-lg-90 {padding: 90px !important}
.p-lg-100 {padding: 100px !important}
.p-lg-110 {padding: 110px !important}
.p-lg-120 {padding: 120px !important}
.p-lg-130 {padding: 130px !important}
.p-lg-140 {padding: 140px !important}
.p-lg-150 {padding: 150px !important}
.p-lg-160 {padding: 160px !important}
.p-lg-170 {padding: 170px !important}
.p-lg-180 {padding: 180px !important}
.p-lg-190 {padding: 190px !important}
.p-lg-200 {padding: 200px !important}

/*
 * 2.3 -> Margin top
 * -----------------------------------------------
*/
.mt-lg-0 {margin-top: 0!important;}
.mt-lg-5 {margin-top: 5px !important}
.mt-lg-10 {margin-top: 10px !important}
.mt-lg-15 {margin-top: 15px !important}
.mt-lg-20 {margin-top: 20px !important}
.mt-lg-30 {margin-top: 30px !important}
.mt-lg-40 {margin-top: 40px !important}
.mt-lg-50 {margin-top: 50px !important}
.mt-lg-60 {margin-top: 60px !important}
.mt-lg-70 {margin-top: 70px !important}
.mt-lg-80 {margin-top: 80px !important}
.mt-lg-90 {margin-top: 90px !important}
.mt-lg-100 {margin-top: 100px !important}
.mt-lg-110 {margin-top: 110px !important}
.mt-lg-120 {margin-top: 120px !important}
.mt-lg-130 {margin-top: 130px !important}
.mt-lg-140 {margin-top: 140px !important}
.mt-lg-150 {margin-top: 150px !important}
.mt-lg-160 {margin-top: 160px !important}
.mt-lg-170 {margin-top: 170px !important}
.mt-lg-180 {margin-top: 180px !important}
.mt-lg-190 {margin-top: 190px !important}
.mt-lg-200 {margin-top: 200px !important}

/*
 * 2.4 -> Margin right
 * -----------------------------------------------
*/
.mr-lg-0 {margin-right: 0!important;}
.mr-lg-5 {margin-right: 5px !important}
.mr-lg-10 {margin-right: 10px !important}
.mr-lg-15 {margin-right: 15px !important}
.mr-lg-20 {margin-right: 20px !important}
.mr-lg-30 {margin-right: 30px !important}
.mr-lg-40 {margin-right: 40px !important}
.mr-lg-50 {margin-right: 50px !important}
.mr-lg-60 {margin-right: 60px !important}
.mr-lg-70 {margin-right: 70px !important}
.mr-lg-80 {margin-right: 80px !important}
.mr-lg-90 {margin-right: 90px !important}
.mr-lg-100 {margin-right: 100px !important}
.mr-lg-110 {margin-right: 110px !important}
.mr-lg-120 {margin-right: 120px !important}
.mr-lg-130 {margin-right: 130px !important}
.mr-lg-140 {margin-right: 140px !important}
.mr-lg-150 {margin-right: 150px !important}
.mr-lg-160 {margin-right: 160px !important}
.mr-lg-170 {margin-right: 170px !important}
.mr-lg-180 {margin-right: 180px !important}
.mr-lg-190 {margin-right: 190px !important}
.mr-lg-200 {margin-right: 200px !important}

/*
 * 2.5 -> Margin bottom
 * -----------------------------------------------
*/
.mb-lg-0 {margin-bottom: 0!important;}
.mb-lg-5 {margin-bottom: 5px !important}
.mb-lg-10 {margin-bottom: 10px !important}
.mb-lg-15 {margin-bottom: 15px !important}
.mb-lg-20 {margin-bottom: 20px !important}
.mb-lg-30 {margin-bottom: 30px !important}
.mb-lg-40 {margin-bottom: 40px !important}
.mb-lg-50 {margin-bottom: 50px !important}
.mb-lg-60 {margin-bottom: 60px !important}
.mb-lg-70 {margin-bottom: 70px !important}
.mb-lg-80 {margin-bottom: 80px !important}
.mb-lg-90 {margin-bottom: 90px !important}
.mb-lg-100 {margin-bottom: 100px !important}
.mb-lg-110 {margin-bottom: 110px !important}
.mb-lg-120 {margin-bottom: 120px !important}
.mb-lg-130 {margin-bottom: 130px !important}
.mb-lg-140 {margin-bottom: 140px !important}
.mb-lg-150 {margin-bottom: 150px !important}
.mb-lg-160 {margin-bottom: 160px !important}
.mb-lg-170 {margin-bottom: 170px !important}
.mb-lg-180 {margin-bottom: 180px !important}
.mb-lg-190 {margin-bottom: 190px !important}
.mb-lg-200 {margin-bottom: 200px !important}

/*
 * 2.6 -> Margin left
 * -----------------------------------------------
*/
.ml-lg-0 {margin-left: 0!important;}
.ml-lg-5 {margin-left: 5px !important}
.ml-lg-10 {margin-left: 10px !important}
.ml-lg-15 {margin-left: 15px !important}
.ml-lg-20 {margin-left: 20px !important}
.ml-lg-30 {margin-left: 30px !important}
.ml-lg-40 {margin-left: 40px !important}
.ml-lg-50 {margin-left: 50px !important}
.ml-lg-60 {margin-left: 60px !important}
.ml-lg-70 {margin-left: 70px !important}
.ml-lg-80 {margin-left: 80px !important}
.ml-lg-90 {margin-left: 90px !important}
.ml-lg-100 {margin-left: 100px !important}
.ml-lg-110 {margin-left: 110px !important}
.ml-lg-120 {margin-left: 120px !important}
.ml-lg-130 {margin-left: 130px !important}
.ml-lg-140 {margin-left: 140px !important}
.ml-lg-150 {margin-left: 150px !important}
.ml-lg-160 {margin-left: 160px !important}
.ml-lg-170 {margin-left: 170px !important}
.ml-lg-180 {margin-left: 180px !important}
.ml-lg-190 {margin-left: 190px !important}
.ml-lg-200 {margin-left: 200px !important}

/*
 * 2.7 -> Padding top
 * -----------------------------------------------
*/
.pt-lg-0 {padding-top: 0!important;}
.pt-lg-5 {padding-top: 5px !important}
.pt-lg-10 {padding-top: 10px !important}
.pt-lg-15 {padding-top: 15px !important}
.pt-lg-20 {padding-top: 20px !important}
.pt-lg-30 {padding-top: 30px !important}
.pt-lg-40 {padding-top: 40px !important}
.pt-lg-50 {padding-top: 50px !important}
.pt-lg-60 {padding-top: 60px !important}
.pt-lg-70 {padding-top: 70px !important}
.pt-lg-80 {padding-top: 80px !important}
.pt-lg-90 {padding-top: 90px !important}
.pt-lg-100 {padding-top: 100px !important}
.pt-lg-110 {padding-top: 110px !important}
.pt-lg-120 {padding-top: 120px !important}
.pt-lg-130 {padding-top: 130px !important}
.pt-lg-140 {padding-top: 140px !important}
.pt-lg-150 {padding-top: 150px !important}
.pt-lg-160 {padding-top: 160px !important}
.pt-lg-170 {padding-top: 170px !important}
.pt-lg-180 {padding-top: 180px !important}
.pt-lg-190 {padding-top: 190px !important}
.pt-lg-200 {padding-top: 200px !important}

/*
 * 2.8 -> Padding right
 * -----------------------------------------------
*/
.pr-lg-0 {padding-right: 0!important;}
.pr-lg-5 {padding-right: 5px !important}
.pr-lg-10 {padding-right: 10px !important}
.pr-lg-15 {padding-right: 15px !important}
.pr-lg-20 {padding-right: 20px !important}
.pr-lg-30 {padding-right: 30px !important}
.pr-lg-40 {padding-right: 40px !important}
.pr-lg-50 {padding-right: 50px !important}
.pr-lg-60 {padding-right: 60px !important}
.pr-lg-70 {padding-right: 70px !important}
.pr-lg-80 {padding-right: 80px !important}
.pr-lg-90 {padding-right: 90px !important}
.pr-lg-100 {padding-right: 100px !important}
.pr-lg-110 {padding-right: 110px !important}
.pr-lg-120 {padding-right: 120px !important}
.pr-lg-130 {padding-right: 130px !important}
.pr-lg-140 {padding-right: 140px !important}
.pr-lg-150 {padding-right: 150px !important}
.pr-lg-160 {padding-right: 160px !important}
.pr-lg-170 {padding-right: 170px !important}
.pr-lg-180 {padding-right: 180px !important}
.pr-lg-190 {padding-right: 190px !important}
.pr-lg-200 {padding-right: 200px !important}

/*
 * 2.9 -> Padding bottom
 * -----------------------------------------------
*/
.pb-lg-0 {padding-bottom: 0!important;}
.pb-lg-5 {padding-bottom: 5px !important}
.pb-lg-10 {padding-bottom: 10px !important}
.pb-lg-15 {padding-bottom: 15px !important}
.pb-lg-20 {padding-bottom: 20px !important}
.pb-lg-30 {padding-bottom: 30px !important}
.pb-lg-40 {padding-bottom: 40px !important}
.pb-lg-50 {padding-bottom: 50px !important}
.pb-lg-60 {padding-bottom: 60px !important}
.pb-lg-70 {padding-bottom: 70px !important}
.pb-lg-80 {padding-bottom: 80px !important}
.pb-lg-90 {padding-bottom: 90px !important}
.pb-lg-100 {padding-bottom: 100px !important}
.pb-lg-110 {padding-bottom: 110px !important}
.pb-lg-120 {padding-bottom: 120px !important}
.pb-lg-130 {padding-bottom: 130px !important}
.pb-lg-140 {padding-bottom: 140px !important}
.pb-lg-150 {padding-bottom: 150px !important}
.pb-lg-160 {padding-bottom: 160px !important}
.pb-lg-170 {padding-bottom: 170px !important}
.pb-lg-180 {padding-bottom: 180px !important}
.pb-lg-190 {padding-bottom: 190px !important}
.pb-lg-200 {padding-bottom: 200px !important}

/*
 * 2.10 -> Padding left
 * -----------------------------------------------
*/
.pl-lg-0 {padding-left: 0!important;}
.pl-lg-5 {padding-left: 5px !important}
.pl-lg-10 {padding-left: 10px !important}
.pl-lg-15 {padding-left: 15px !important}
.pl-lg-20 {padding-left: 20px !important}
.pl-lg-30 {padding-left: 30px !important}
.pl-lg-40 {padding-left: 40px !important}
.pl-lg-50 {padding-left: 50px !important}
.pl-lg-60 {padding-left: 60px !important}
.pl-lg-70 {padding-left: 70px !important}
.pl-lg-80 {padding-left: 80px !important}
.pl-lg-90 {padding-left: 90px !important}
.pl-lg-100 {padding-left: 100px !important}
.pl-lg-110 {padding-left: 110px !important}
.pl-lg-120 {padding-left: 120px !important}
.pl-lg-130 {padding-left: 130px !important}
.pl-lg-140 {padding-left: 140px !important}
.pl-lg-150 {padding-left: 150px !important}
.pl-lg-160 {padding-left: 160px !important}
.pl-lg-170 {padding-left: 170px !important}
.pl-lg-180 {padding-left: 180px !important}
.pl-lg-190 {padding-left: 190px !important}
.pl-lg-200 {padding-left: 200px !important}
}

/*
 * 3 -> md: max-width:1199px
 * -----------------------------------------------
*/
@media (max-width:1199px) {
/*
 * 3.1 -> Basic Margin
 * -----------------------------------------------
*/
.m-md-0 {margin: 0px !important}
.m-md-5 {margin: 5px !important}
.m-md-10 {margin: 10px !important}
.m-md-15 {margin: 15px !important}
.m-md-20 {margin: 20px !important}
.m-md-30 {margin: 30px !important}
.m-md-40 {margin: 40px !important}
.m-md-50 {margin: 50px !important}
.m-md-60 {margin: 60px !important}
.m-md-70 {margin: 70px !important}
.m-md-80 {margin: 80px !important}
.m-md-90 {margin: 90px !important}
.m-md-100 {margin: 100px !important}
.m-md-110 {margin: 110px !important}
.m-md-120 {margin: 120px !important}
.m-md-130 {margin: 130px !important}
.m-md-140 {margin: 140px !important}
.m-md-150 {margin: 150px !important}
.m-md-160 {margin: 160px !important}
.m-md-170 {margin: 170px !important}
.m-md-180 {margin: 180px !important}
.m-md-190 {margin: 190px !important}
.m-md-200 {margin: 200px !important}

/*
 * 3.2 -> Basic Padding
 * -----------------------------------------------
*/
.p-md-0 {padding: 0!important;}
.p-md-5 {padding: 5px !important}
.p-md-10 {padding: 10px !important}
.p-md-15 {padding: 15px !important}
.p-md-20 {padding: 20px !important}
.p-md-30 {padding: 30px !important}
.p-md-40 {padding: 40px !important}
.p-md-50 {padding: 50px !important}
.p-md-60 {padding: 60px !important}
.p-md-70 {padding: 70px !important}
.p-md-80 {padding: 80px !important}
.p-md-90 {padding: 90px !important}
.p-md-100 {padding: 100px !important}
.p-md-110 {padding: 110px !important}
.p-md-120 {padding: 120px !important}
.p-md-130 {padding: 130px !important}
.p-md-140 {padding: 140px !important}
.p-md-150 {padding: 150px !important}
.p-md-160 {padding: 160px !important}
.p-md-170 {padding: 170px !important}
.p-md-180 {padding: 180px !important}
.p-md-190 {padding: 190px !important}
.p-md-200 {padding: 200px !important}

/*
 * 3.3 -> Margin top
 * -----------------------------------------------
*/
.mt-md-0 {margin-top: 0!important;}
.mt-md-5 {margin-top: 5px !important}
.mt-md-10 {margin-top: 10px !important}
.mt-md-15 {margin-top: 15px !important}
.mt-md-20 {margin-top: 20px !important}
.mt-md-30 {margin-top: 30px !important}
.mt-md-40 {margin-top: 40px !important}
.mt-md-50 {margin-top: 50px !important}
.mt-md-60 {margin-top: 60px !important}
.mt-md-70 {margin-top: 70px !important}
.mt-md-80 {margin-top: 80px !important}
.mt-md-90 {margin-top: 90px !important}
.mt-md-100 {margin-top: 100px !important}
.mt-md-110 {margin-top: 110px !important}
.mt-md-120 {margin-top: 120px !important}
.mt-md-130 {margin-top: 130px !important}
.mt-md-140 {margin-top: 140px !important}
.mt-md-150 {margin-top: 150px !important}
.mt-md-160 {margin-top: 160px !important}
.mt-md-170 {margin-top: 170px !important}
.mt-md-180 {margin-top: 180px !important}
.mt-md-190 {margin-top: 190px !important}
.mt-md-200 {margin-top: 200px !important}

/*
 * 3.4 -> Margin right
 * -----------------------------------------------
*/
.mr-md-0 {margin-right: 0!important;}
.mr-md-5 {margin-right: 5px !important}
.mr-md-10 {margin-right: 10px !important}
.mr-md-15 {margin-right: 15px !important}
.mr-md-20 {margin-right: 20px !important}
.mr-md-30 {margin-right: 30px !important}
.mr-md-40 {margin-right: 40px !important}
.mr-md-50 {margin-right: 50px !important}
.mr-md-60 {margin-right: 60px !important}
.mr-md-70 {margin-right: 70px !important}
.mr-md-80 {margin-right: 80px !important}
.mr-md-90 {margin-right: 90px !important}
.mr-md-100 {margin-right: 100px !important}
.mr-md-110 {margin-right: 110px !important}
.mr-md-120 {margin-right: 120px !important}
.mr-md-130 {margin-right: 130px !important}
.mr-md-140 {margin-right: 140px !important}
.mr-md-150 {margin-right: 150px !important}
.mr-md-160 {margin-right: 160px !important}
.mr-md-170 {margin-right: 170px !important}
.mr-md-180 {margin-right: 180px !important}
.mr-md-190 {margin-right: 190px !important}
.mr-md-200 {margin-right: 200px !important}

/*
 * 3.5 -> Margin bottom
 * -----------------------------------------------
*/
.mb-md-0 {margin-bottom: 0!important;}
.mb-md-5 {margin-bottom: 5px !important}
.mb-md-10 {margin-bottom: 10px !important}
.mb-md-15 {margin-bottom: 15px !important}
.mb-md-20 {margin-bottom: 20px !important}
.mb-md-30 {margin-bottom: 30px !important}
.mb-md-40 {margin-bottom: 40px !important}
.mb-md-50 {margin-bottom: 50px !important}
.mb-md-60 {margin-bottom: 60px !important}
.mb-md-70 {margin-bottom: 70px !important}
.mb-md-80 {margin-bottom: 80px !important}
.mb-md-90 {margin-bottom: 90px !important}
.mb-md-100 {margin-bottom: 100px !important}
.mb-md-110 {margin-bottom: 110px !important}
.mb-md-120 {margin-bottom: 120px !important}
.mb-md-130 {margin-bottom: 130px !important}
.mb-md-140 {margin-bottom: 140px !important}
.mb-md-150 {margin-bottom: 150px !important}
.mb-md-160 {margin-bottom: 160px !important}
.mb-md-170 {margin-bottom: 170px !important}
.mb-md-180 {margin-bottom: 180px !important}
.mb-md-190 {margin-bottom: 190px !important}
.mb-md-200 {margin-bottom: 200px !important}

/*
 * 3.6 -> Margin left
 * -----------------------------------------------
*/
.ml-md-0 {margin-left: 0!important;}
.ml-md-5 {margin-left: 5px !important}
.ml-md-10 {margin-left: 10px !important}
.ml-md-15 {margin-left: 15px !important}
.ml-md-20 {margin-left: 20px !important}
.ml-md-30 {margin-left: 30px !important}
.ml-md-40 {margin-left: 40px !important}
.ml-md-50 {margin-left: 50px !important}
.ml-md-60 {margin-left: 60px !important}
.ml-md-70 {margin-left: 70px !important}
.ml-md-80 {margin-left: 80px !important}
.ml-md-90 {margin-left: 90px !important}
.ml-md-100 {margin-left: 100px !important}
.ml-md-110 {margin-left: 110px !important}
.ml-md-120 {margin-left: 120px !important}
.ml-md-130 {margin-left: 130px !important}
.ml-md-140 {margin-left: 140px !important}
.ml-md-150 {margin-left: 150px !important}
.ml-md-160 {margin-left: 160px !important}
.ml-md-170 {margin-left: 170px !important}
.ml-md-180 {margin-left: 180px !important}
.ml-md-190 {margin-left: 190px !important}
.ml-md-200 {margin-left: 200px !important}

/*
 * 3.7 -> Padding top
 * -----------------------------------------------
*/
.pt-md-0 {padding-top: 0!important;}
.pt-md-5 {padding-top: 5px !important}
.pt-md-10 {padding-top: 10px !important}
.pt-md-15 {padding-top: 15px !important}
.pt-md-20 {padding-top: 20px !important}
.pt-md-30 {padding-top: 30px !important}
.pt-md-40 {padding-top: 40px !important}
.pt-md-50 {padding-top: 50px !important}
.pt-md-60 {padding-top: 60px !important}
.pt-md-70 {padding-top: 70px !important}
.pt-md-80 {padding-top: 80px !important}
.pt-md-90 {padding-top: 90px !important}
.pt-md-100 {padding-top: 100px !important}
.pt-md-110 {padding-top: 110px !important}
.pt-md-120 {padding-top: 120px !important}
.pt-md-130 {padding-top: 130px !important}
.pt-md-140 {padding-top: 140px !important}
.pt-md-150 {padding-top: 150px !important}
.pt-md-160 {padding-top: 160px !important}
.pt-md-170 {padding-top: 170px !important}
.pt-md-180 {padding-top: 180px !important}
.pt-md-190 {padding-top: 190px !important}
.pt-md-200 {padding-top: 200px !important}

/*
 * 3.8 -> Padding right
 * -----------------------------------------------
*/
.pr-md-0 {padding-right: 0!important;}
.pr-md-5 {padding-right: 5px !important}
.pr-md-10 {padding-right: 10px !important}
.pr-md-15 {padding-right: 15px !important}
.pr-md-20 {padding-right: 20px !important}
.pr-md-30 {padding-right: 30px !important}
.pr-md-40 {padding-right: 40px !important}
.pr-md-50 {padding-right: 50px !important}
.pr-md-60 {padding-right: 60px !important}
.pr-md-70 {padding-right: 70px !important}
.pr-md-80 {padding-right: 80px !important}
.pr-md-90 {padding-right: 90px !important}
.pr-md-100 {padding-right: 100px !important}
.pr-md-110 {padding-right: 110px !important}
.pr-md-120 {padding-right: 120px !important}
.pr-md-130 {padding-right: 130px !important}
.pr-md-140 {padding-right: 140px !important}
.pr-md-150 {padding-right: 150px !important}
.pr-md-160 {padding-right: 160px !important}
.pr-md-170 {padding-right: 170px !important}
.pr-md-180 {padding-right: 180px !important}
.pr-md-190 {padding-right: 190px !important}
.pr-md-200 {padding-right: 200px !important}

/*
 * 3.9 -> Padding bottom
 * -----------------------------------------------
*/
.pb-md-0 {padding-bottom: 0!important;}
.pb-md-5 {padding-bottom: 5px !important}
.pb-md-10 {padding-bottom: 10px !important}
.pb-md-15 {padding-bottom: 15px !important}
.pb-md-20 {padding-bottom: 20px !important}
.pb-md-30 {padding-bottom: 30px !important}
.pb-md-40 {padding-bottom: 40px !important}
.pb-md-50 {padding-bottom: 50px !important}
.pb-md-60 {padding-bottom: 60px !important}
.pb-md-70 {padding-bottom: 70px !important}
.pb-md-80 {padding-bottom: 80px !important}
.pb-md-90 {padding-bottom: 90px !important}
.pb-md-100 {padding-bottom: 100px !important}
.pb-md-110 {padding-bottom: 110px !important}
.pb-md-120 {padding-bottom: 120px !important}
.pb-md-130 {padding-bottom: 130px !important}
.pb-md-140 {padding-bottom: 140px !important}
.pb-md-150 {padding-bottom: 150px !important}
.pb-md-160 {padding-bottom: 160px !important}
.pb-md-170 {padding-bottom: 170px !important}
.pb-md-180 {padding-bottom: 180px !important}
.pb-md-190 {padding-bottom: 190px !important}
.pb-md-200 {padding-bottom: 200px !important}

/*
 * 3.10 -> Padding left
 * -----------------------------------------------
*/
.pl-md-0 {padding-left: 0!important;}
.pl-md-5 {padding-left: 5px !important}
.pl-md-10 {padding-left: 10px !important}
.pl-md-15 {padding-left: 15px !important}
.pl-md-20 {padding-left: 20px !important}
.pl-md-30 {padding-left: 30px !important}
.pl-md-40 {padding-left: 40px !important}
.pl-md-50 {padding-left: 50px !important}
.pl-md-60 {padding-left: 60px !important}
.pl-md-70 {padding-left: 70px !important}
.pl-md-80 {padding-left: 80px !important}
.pl-md-90 {padding-left: 90px !important}
.pl-md-100 {padding-left: 100px !important}
.pl-md-110 {padding-left: 110px !important}
.pl-md-120 {padding-left: 120px !important}
.pl-md-130 {padding-left: 130px !important}
.pl-md-140 {padding-left: 140px !important}
.pl-md-150 {padding-left: 150px !important}
.pl-md-160 {padding-left: 160px !important}
.pl-md-170 {padding-left: 170px !important}
.pl-md-180 {padding-left: 180px !important}
.pl-md-190 {padding-left: 190px !important}
.pl-md-200 {padding-left: 200px !important}
}

/*
 * 4 -> sm: max-width:991px
 * -----------------------------------------------
*/
@media (max-width:991px) {
/*
 * 4.1 -> Basic Margin
 * -----------------------------------------------
*/
.m-sm-0 {margin: 0px !important}
.m-sm-5 {margin: 5px !important}
.m-sm-10 {margin: 10px !important}
.m-sm-15 {margin: 15px !important}
.m-sm-20 {margin: 20px !important}
.m-sm-30 {margin: 30px !important}
.m-sm-40 {margin: 40px !important}
.m-sm-50 {margin: 50px !important}
.m-sm-60 {margin: 60px !important}
.m-sm-70 {margin: 70px !important}
.m-sm-80 {margin: 80px !important}
.m-sm-90 {margin: 90px !important}
.m-sm-100 {margin: 100px !important}
.m-sm-110 {margin: 110px !important}
.m-sm-120 {margin: 120px !important}
.m-sm-130 {margin: 130px !important}
.m-sm-140 {margin: 140px !important}
.m-sm-150 {margin: 150px !important}
.m-sm-160 {margin: 160px !important}
.m-sm-170 {margin: 170px !important}
.m-sm-180 {margin: 180px !important}
.m-sm-190 {margin: 190px !important}
.m-sm-200 {margin: 200px !important}

/*
 * 4.2 -> Basic Padding
 * -----------------------------------------------
*/
.p-sm-0 {padding: 0!important;}
.p-sm-5 {padding: 5px !important}
.p-sm-10 {padding: 10px !important}
.p-sm-15 {padding: 15px !important}
.p-sm-20 {padding: 20px !important}
.p-sm-30 {padding: 30px !important}
.p-sm-40 {padding: 40px !important}
.p-sm-50 {padding: 50px !important}
.p-sm-60 {padding: 60px !important}
.p-sm-70 {padding: 70px !important}
.p-sm-80 {padding: 80px !important}
.p-sm-90 {padding: 90px !important}
.p-sm-100 {padding: 100px !important}
.p-sm-110 {padding: 110px !important}
.p-sm-120 {padding: 120px !important}
.p-sm-130 {padding: 130px !important}
.p-sm-140 {padding: 140px !important}
.p-sm-150 {padding: 150px !important}
.p-sm-160 {padding: 160px !important}
.p-sm-170 {padding: 170px !important}
.p-sm-180 {padding: 180px !important}
.p-sm-190 {padding: 190px !important}
.p-sm-200 {padding: 200px !important}

/*
 * 4.3 -> Margin top
 * -----------------------------------------------
*/
.mt-sm-0 {margin-top: 0!important;}
.mt-sm-5 {margin-top: 5px !important}
.mt-sm-10 {margin-top: 10px !important}
.mt-sm-15 {margin-top: 15px !important}
.mt-sm-20 {margin-top: 20px !important}
.mt-sm-30 {margin-top: 30px !important}
.mt-sm-40 {margin-top: 40px !important}
.mt-sm-50 {margin-top: 50px !important}
.mt-sm-60 {margin-top: 60px !important}
.mt-sm-70 {margin-top: 70px !important}
.mt-sm-80 {margin-top: 80px !important}
.mt-sm-90 {margin-top: 90px !important}
.mt-sm-100 {margin-top: 100px !important}
.mt-sm-110 {margin-top: 110px !important}
.mt-sm-120 {margin-top: 120px !important}
.mt-sm-130 {margin-top: 130px !important}
.mt-sm-140 {margin-top: 140px !important}
.mt-sm-150 {margin-top: 150px !important}
.mt-sm-160 {margin-top: 160px !important}
.mt-sm-170 {margin-top: 170px !important}
.mt-sm-180 {margin-top: 180px !important}
.mt-sm-190 {margin-top: 190px !important}
.mt-sm-200 {margin-top: 200px !important}

/*
 * 4.4 -> Margin right
 * -----------------------------------------------
*/
.mr-sm-0 {margin-right: 0!important;}
.mr-sm-5 {margin-right: 5px !important}
.mr-sm-10 {margin-right: 10px !important}
.mr-sm-15 {margin-right: 15px !important}
.mr-sm-20 {margin-right: 20px !important}
.mr-sm-30 {margin-right: 30px !important}
.mr-sm-40 {margin-right: 40px !important}
.mr-sm-50 {margin-right: 50px !important}
.mr-sm-60 {margin-right: 60px !important}
.mr-sm-70 {margin-right: 70px !important}
.mr-sm-80 {margin-right: 80px !important}
.mr-sm-90 {margin-right: 90px !important}
.mr-sm-100 {margin-right: 100px !important}
.mr-sm-110 {margin-right: 110px !important}
.mr-sm-120 {margin-right: 120px !important}
.mr-sm-130 {margin-right: 130px !important}
.mr-sm-140 {margin-right: 140px !important}
.mr-sm-150 {margin-right: 150px !important}
.mr-sm-160 {margin-right: 160px !important}
.mr-sm-170 {margin-right: 170px !important}
.mr-sm-180 {margin-right: 180px !important}
.mr-sm-190 {margin-right: 190px !important}
.mr-sm-200 {margin-right: 200px !important}

/*
 * 4.5 -> Margin bottom
 * -----------------------------------------------
*/
.mb-sm-0 {margin-bottom: 0!important;}
.mb-sm-5 {margin-bottom: 5px !important}
.mb-sm-10 {margin-bottom: 10px !important}
.mb-sm-15 {margin-bottom: 15px !important}
.mb-sm-20 {margin-bottom: 20px !important}
.mb-sm-30 {margin-bottom: 30px !important}
.mb-sm-40 {margin-bottom: 40px !important}
.mb-sm-50 {margin-bottom: 50px !important}
.mb-sm-60 {margin-bottom: 60px !important}
.mb-sm-70 {margin-bottom: 70px !important}
.mb-sm-80 {margin-bottom: 80px !important}
.mb-sm-90 {margin-bottom: 90px !important}
.mb-sm-100 {margin-bottom: 100px !important}
.mb-sm-110 {margin-bottom: 110px !important}
.mb-sm-120 {margin-bottom: 120px !important}
.mb-sm-130 {margin-bottom: 130px !important}
.mb-sm-140 {margin-bottom: 140px !important}
.mb-sm-150 {margin-bottom: 150px !important}
.mb-sm-160 {margin-bottom: 160px !important}
.mb-sm-170 {margin-bottom: 170px !important}
.mb-sm-180 {margin-bottom: 180px !important}
.mb-sm-190 {margin-bottom: 190px !important}
.mb-sm-200 {margin-bottom: 200px !important}

/*
 * 4.6 -> Margin left
 * -----------------------------------------------
*/
.ml-sm-0 {margin-left: 0!important;}
.ml-sm-5 {margin-left: 5px !important}
.ml-sm-10 {margin-left: 10px !important}
.ml-sm-15 {margin-left: 15px !important}
.ml-sm-20 {margin-left: 20px !important}
.ml-sm-30 {margin-left: 30px !important}
.ml-sm-40 {margin-left: 40px !important}
.ml-sm-50 {margin-left: 50px !important}
.ml-sm-60 {margin-left: 60px !important}
.ml-sm-70 {margin-left: 70px !important}
.ml-sm-80 {margin-left: 80px !important}
.ml-sm-90 {margin-left: 90px !important}
.ml-sm-100 {margin-left: 100px !important}
.ml-sm-110 {margin-left: 110px !important}
.ml-sm-120 {margin-left: 120px !important}
.ml-sm-130 {margin-left: 130px !important}
.ml-sm-140 {margin-left: 140px !important}
.ml-sm-150 {margin-left: 150px !important}
.ml-sm-160 {margin-left: 160px !important}
.ml-sm-170 {margin-left: 170px !important}
.ml-sm-180 {margin-left: 180px !important}
.ml-sm-190 {margin-left: 190px !important}
.ml-sm-200 {margin-left: 200px !important}

/*
 * 4.7 -> Padding top
 * -----------------------------------------------
*/
.pt-sm-0 {padding-top: 0!important;}
.pt-sm-5 {padding-top: 5px !important}
.pt-sm-10 {padding-top: 10px !important}
.pt-sm-15 {padding-top: 15px !important}
.pt-sm-20 {padding-top: 20px !important}
.pt-sm-30 {padding-top: 30px !important}
.pt-sm-40 {padding-top: 40px !important}
.pt-sm-50 {padding-top: 50px !important}
.pt-sm-60 {padding-top: 60px !important}
.pt-sm-70 {padding-top: 70px !important}
.pt-sm-80 {padding-top: 80px !important}
.pt-sm-90 {padding-top: 90px !important}
.pt-sm-100 {padding-top: 100px !important}
.pt-sm-110 {padding-top: 110px !important}
.pt-sm-120 {padding-top: 120px !important}
.pt-sm-130 {padding-top: 130px !important}
.pt-sm-140 {padding-top: 140px !important}
.pt-sm-150 {padding-top: 150px !important}
.pt-sm-160 {padding-top: 160px !important}
.pt-sm-170 {padding-top: 170px !important}
.pt-sm-180 {padding-top: 180px !important}
.pt-sm-190 {padding-top: 190px !important}
.pt-sm-200 {padding-top: 200px !important}

/*
 * 4.8 -> Padding right
 * -----------------------------------------------
*/
.pr-sm-0 {padding-right: 0!important;}
.pr-sm-5 {padding-right: 5px !important}
.pr-sm-10 {padding-right: 10px !important}
.pr-sm-15 {padding-right: 15px !important}
.pr-sm-20 {padding-right: 20px !important}
.pr-sm-30 {padding-right: 30px !important}
.pr-sm-40 {padding-right: 40px !important}
.pr-sm-50 {padding-right: 50px !important}
.pr-sm-60 {padding-right: 60px !important}
.pr-sm-70 {padding-right: 70px !important}
.pr-sm-80 {padding-right: 80px !important}
.pr-sm-90 {padding-right: 90px !important}
.pr-sm-100 {padding-right: 100px !important}
.pr-sm-110 {padding-right: 110px !important}
.pr-sm-120 {padding-right: 120px !important}
.pr-sm-130 {padding-right: 130px !important}
.pr-sm-140 {padding-right: 140px !important}
.pr-sm-150 {padding-right: 150px !important}
.pr-sm-160 {padding-right: 160px !important}
.pr-sm-170 {padding-right: 170px !important}
.pr-sm-180 {padding-right: 180px !important}
.pr-sm-190 {padding-right: 190px !important}
.pr-sm-200 {padding-right: 200px !important}

/*
 * 4.9 -> Padding bottom
 * -----------------------------------------------
*/
.pb-sm-0 {padding-bottom: 0!important;}
.pb-sm-5 {padding-bottom: 5px !important}
.pb-sm-10 {padding-bottom: 10px !important}
.pb-sm-15 {padding-bottom: 15px !important}
.pb-sm-20 {padding-bottom: 20px !important}
.pb-sm-30 {padding-bottom: 30px !important}
.pb-sm-40 {padding-bottom: 40px !important}
.pb-sm-50 {padding-bottom: 50px !important}
.pb-sm-60 {padding-bottom: 60px !important}
.pb-sm-70 {padding-bottom: 70px !important}
.pb-sm-80 {padding-bottom: 80px !important}
.pb-sm-90 {padding-bottom: 90px !important}
.pb-sm-100 {padding-bottom: 100px !important}
.pb-sm-110 {padding-bottom: 110px !important}
.pb-sm-120 {padding-bottom: 120px !important}
.pb-sm-130 {padding-bottom: 130px !important}
.pb-sm-140 {padding-bottom: 140px !important}
.pb-sm-150 {padding-bottom: 150px !important}
.pb-sm-160 {padding-bottom: 160px !important}
.pb-sm-170 {padding-bottom: 170px !important}
.pb-sm-180 {padding-bottom: 180px !important}
.pb-sm-190 {padding-bottom: 190px !important}
.pb-sm-200 {padding-bottom: 200px !important}

/*
 * 4.10 -> Padding left
 * -----------------------------------------------
*/
.pl-sm-0 {padding-left: 0!important;}
.pl-sm-5 {padding-left: 5px !important}
.pl-sm-10 {padding-left: 10px !important}
.pl-sm-15 {padding-left: 15px !important}
.pl-sm-20 {padding-left: 20px !important}
.pl-sm-30 {padding-left: 30px !important}
.pl-sm-40 {padding-left: 40px !important}
.pl-sm-50 {padding-left: 50px !important}
.pl-sm-60 {padding-left: 60px !important}
.pl-sm-70 {padding-left: 70px !important}
.pl-sm-80 {padding-left: 80px !important}
.pl-sm-90 {padding-left: 90px !important}
.pl-sm-100 {padding-left: 100px !important}
.pl-sm-110 {padding-left: 110px !important}
.pl-sm-120 {padding-left: 120px !important}
.pl-sm-130 {padding-left: 130px !important}
.pl-sm-140 {padding-left: 140px !important}
.pl-sm-150 {padding-left: 150px !important}
.pl-sm-160 {padding-left: 160px !important}
.pl-sm-170 {padding-left: 170px !important}
.pl-sm-180 {padding-left: 180px !important}
.pl-sm-190 {padding-left: 190px !important}
.pl-sm-200 {padding-left: 200px !important}
}

/*
 * 5 -> xs: max-width 767px
 * -----------------------------------------------
*/
@media (max-width:767px) {
/*
 * 5.1 -> Basic Margin
 * -----------------------------------------------
*/
.m-xs-0 {margin: 0px !important}
.m-xs-5 {margin: 5px !important}
.m-xs-10 {margin: 10px !important}
.m-xs-15 {margin: 15px !important}
.m-xs-20 {margin: 20px !important}
.m-xs-30 {margin: 30px !important}
.m-xs-40 {margin: 40px !important}
.m-xs-50 {margin: 50px !important}
.m-xs-60 {margin: 60px !important}
.m-xs-70 {margin: 70px !important}
.m-xs-80 {margin: 80px !important}
.m-xs-90 {margin: 90px !important}
.m-xs-100 {margin: 100px !important}
.m-xs-110 {margin: 110px !important}
.m-xs-120 {margin: 120px !important}
.m-xs-130 {margin: 130px !important}
.m-xs-140 {margin: 140px !important}
.m-xs-150 {margin: 150px !important}
.m-xs-160 {margin: 160px !important}
.m-xs-170 {margin: 170px !important}
.m-xs-180 {margin: 180px !important}
.m-xs-190 {margin: 190px !important}
.m-xs-200 {margin: 200px !important}

/*
 * 5.2 -> Basic Padding
 * -----------------------------------------------
*/
.p-xs-0 {padding: 0!important;}
.p-xs-5 {padding: 5px !important}
.p-xs-10 {padding: 10px !important}
.p-xs-15 {padding: 15px !important}
.p-xs-20 {padding: 20px !important}
.p-xs-30 {padding: 30px !important}
.p-xs-40 {padding: 40px !important}
.p-xs-50 {padding: 50px !important}
.p-xs-60 {padding: 60px !important}
.p-xs-70 {padding: 70px !important}
.p-xs-80 {padding: 80px !important}
.p-xs-90 {padding: 90px !important}
.p-xs-100 {padding: 100px !important}
.p-xs-110 {padding: 110px !important}
.p-xs-120 {padding: 120px !important}
.p-xs-130 {padding: 130px !important}
.p-xs-140 {padding: 140px !important}
.p-xs-150 {padding: 150px !important}
.p-xs-160 {padding: 160px !important}
.p-xs-170 {padding: 170px !important}
.p-xs-180 {padding: 180px !important}
.p-xs-190 {padding: 190px !important}
.p-xs-200 {padding: 200px !important}

/*
 * 5.3 -> Margin top
 * -----------------------------------------------
*/
.mt-xs-0 {margin-top: 0!important;}
.mt-xs-5 {margin-top: 5px !important}
.mt-xs-10 {margin-top: 10px !important}
.mt-xs-15 {margin-top: 15px !important}
.mt-xs-20 {margin-top: 20px !important}
.mt-xs-30 {margin-top: 30px !important}
.mt-xs-40 {margin-top: 40px !important}
.mt-xs-50 {margin-top: 50px !important}
.mt-xs-60 {margin-top: 60px !important}
.mt-xs-70 {margin-top: 70px !important}
.mt-xs-80 {margin-top: 80px !important}
.mt-xs-90 {margin-top: 90px !important}
.mt-xs-100 {margin-top: 100px !important}
.mt-xs-110 {margin-top: 110px !important}
.mt-xs-120 {margin-top: 120px !important}
.mt-xs-130 {margin-top: 130px !important}
.mt-xs-140 {margin-top: 140px !important}
.mt-xs-150 {margin-top: 150px !important}
.mt-xs-160 {margin-top: 160px !important}
.mt-xs-170 {margin-top: 170px !important}
.mt-xs-180 {margin-top: 180px !important}
.mt-xs-190 {margin-top: 190px !important}
.mt-xs-200 {margin-top: 200px !important}

/*
 * 5.4 -> Margin right
 * -----------------------------------------------
*/
.mr-xs-0 {margin-right: 0!important;}
.mr-xs-5 {margin-right: 5px !important}
.mr-xs-10 {margin-right: 10px !important}
.mr-xs-15 {margin-right: 15px !important}
.mr-xs-20 {margin-right: 20px !important}
.mr-xs-30 {margin-right: 30px !important}
.mr-xs-40 {margin-right: 40px !important}
.mr-xs-50 {margin-right: 50px !important}
.mr-xs-60 {margin-right: 60px !important}
.mr-xs-70 {margin-right: 70px !important}
.mr-xs-80 {margin-right: 80px !important}
.mr-xs-90 {margin-right: 90px !important}
.mr-xs-100 {margin-right: 100px !important}
.mr-xs-110 {margin-right: 110px !important}
.mr-xs-120 {margin-right: 120px !important}
.mr-xs-130 {margin-right: 130px !important}
.mr-xs-140 {margin-right: 140px !important}
.mr-xs-150 {margin-right: 150px !important}
.mr-xs-160 {margin-right: 160px !important}
.mr-xs-170 {margin-right: 170px !important}
.mr-xs-180 {margin-right: 180px !important}
.mr-xs-190 {margin-right: 190px !important}
.mr-xs-200 {margin-right: 200px !important}

/*
 * 5.5 -> Margin bottom
 * -----------------------------------------------
*/
.mb-xs-0 {margin-bottom: 0!important;}
.mb-xs-5 {margin-bottom: 5px !important}
.mb-xs-10 {margin-bottom: 10px !important}
.mb-xs-15 {margin-bottom: 15px !important}
.mb-xs-20 {margin-bottom: 20px !important}
.mb-xs-30 {margin-bottom: 30px !important}
.mb-xs-40 {margin-bottom: 40px !important}
.mb-xs-50 {margin-bottom: 50px !important}
.mb-xs-60 {margin-bottom: 60px !important}
.mb-xs-70 {margin-bottom: 70px !important}
.mb-xs-80 {margin-bottom: 80px !important}
.mb-xs-90 {margin-bottom: 90px !important}
.mb-xs-100 {margin-bottom: 100px !important}
.mb-xs-110 {margin-bottom: 110px !important}
.mb-xs-120 {margin-bottom: 120px !important}
.mb-xs-130 {margin-bottom: 130px !important}
.mb-xs-140 {margin-bottom: 140px !important}
.mb-xs-150 {margin-bottom: 150px !important}
.mb-xs-160 {margin-bottom: 160px !important}
.mb-xs-170 {margin-bottom: 170px !important}
.mb-xs-180 {margin-bottom: 180px !important}
.mb-xs-190 {margin-bottom: 190px !important}
.mb-xs-200 {margin-bottom: 200px !important}

/*
 * 5.6 -> Margin left
 * -----------------------------------------------
*/
.ml-xs-0 {margin-left: 0!important;}
.ml-xs-5 {margin-left: 5px !important}
.ml-xs-10 {margin-left: 10px !important}
.ml-xs-15 {margin-left: 15px !important}
.ml-xs-20 {margin-left: 20px !important}
.ml-xs-30 {margin-left: 30px !important}
.ml-xs-40 {margin-left: 40px !important}
.ml-xs-50 {margin-left: 50px !important}
.ml-xs-60 {margin-left: 60px !important}
.ml-xs-70 {margin-left: 70px !important}
.ml-xs-80 {margin-left: 80px !important}
.ml-xs-90 {margin-left: 90px !important}
.ml-xs-100 {margin-left: 100px !important}
.ml-xs-110 {margin-left: 110px !important}
.ml-xs-120 {margin-left: 120px !important}
.ml-xs-130 {margin-left: 130px !important}
.ml-xs-140 {margin-left: 140px !important}
.ml-xs-150 {margin-left: 150px !important}
.ml-xs-160 {margin-left: 160px !important}
.ml-xs-170 {margin-left: 170px !important}
.ml-xs-180 {margin-left: 180px !important}
.ml-xs-190 {margin-left: 190px !important}
.ml-xs-200 {margin-left: 200px !important}

/*
 * 5.7 -> Padding top
 * -----------------------------------------------
*/
.pt-xs-0 {padding-top: 0!important;}
.pt-xs-5 {padding-top: 5px !important}
.pt-xs-10 {padding-top: 10px !important}
.pt-xs-15 {padding-top: 15px !important}
.pt-xs-20 {padding-top: 20px !important}
.pt-xs-30 {padding-top: 30px !important}
.pt-xs-40 {padding-top: 40px !important}
.pt-xs-50 {padding-top: 50px !important}
.pt-xs-60 {padding-top: 60px !important}
.pt-xs-70 {padding-top: 70px !important}
.pt-xs-80 {padding-top: 80px !important}
.pt-xs-90 {padding-top: 90px !important}
.pt-xs-100 {padding-top: 100px !important}
.pt-xs-110 {padding-top: 110px !important}
.pt-xs-120 {padding-top: 120px !important}
.pt-xs-130 {padding-top: 130px !important}
.pt-xs-140 {padding-top: 140px !important}
.pt-xs-150 {padding-top: 150px !important}
.pt-xs-160 {padding-top: 160px !important}
.pt-xs-170 {padding-top: 170px !important}
.pt-xs-180 {padding-top: 180px !important}
.pt-xs-190 {padding-top: 190px !important}
.pt-xs-200 {padding-top: 200px !important}

/*
 * 5.8 -> Padding right
 * -----------------------------------------------
*/
.pr-xs-0 {padding-right: 0!important;}
.pr-xs-5 {padding-right: 5px !important}
.pr-xs-10 {padding-right: 10px !important}
.pr-xs-15 {padding-right: 15px !important}
.pr-xs-20 {padding-right: 20px !important}
.pr-xs-30 {padding-right: 30px !important}
.pr-xs-40 {padding-right: 40px !important}
.pr-xs-50 {padding-right: 50px !important}
.pr-xs-60 {padding-right: 60px !important}
.pr-xs-70 {padding-right: 70px !important}
.pr-xs-80 {padding-right: 80px !important}
.pr-xs-90 {padding-right: 90px !important}
.pr-xs-100 {padding-right: 100px !important}
.pr-xs-110 {padding-right: 110px !important}
.pr-xs-120 {padding-right: 120px !important}
.pr-xs-130 {padding-right: 130px !important}
.pr-xs-140 {padding-right: 140px !important}
.pr-xs-150 {padding-right: 150px !important}
.pr-xs-160 {padding-right: 160px !important}
.pr-xs-170 {padding-right: 170px !important}
.pr-xs-180 {padding-right: 180px !important}
.pr-xs-190 {padding-right: 190px !important}
.pr-xs-200 {padding-right: 200px !important}

/*
 * 5.9 -> Padding bottom
 * -----------------------------------------------
*/
.pb-xs-0 {padding-bottom: 0!important;}
.pb-xs-5 {padding-bottom: 5px !important}
.pb-xs-10 {padding-bottom: 10px !important}
.pb-xs-15 {padding-bottom: 15px !important}
.pb-xs-20 {padding-bottom: 20px !important}
.pb-xs-30 {padding-bottom: 30px !important}
.pb-xs-40 {padding-bottom: 40px !important}
.pb-xs-50 {padding-bottom: 50px !important}
.pb-xs-60 {padding-bottom: 60px !important}
.pb-xs-70 {padding-bottom: 70px !important}
.pb-xs-80 {padding-bottom: 80px !important}
.pb-xs-90 {padding-bottom: 90px !important}
.pb-xs-100 {padding-bottom: 100px !important}
.pb-xs-110 {padding-bottom: 110px !important}
.pb-xs-120 {padding-bottom: 120px !important}
.pb-xs-130 {padding-bottom: 130px !important}
.pb-xs-140 {padding-bottom: 140px !important}
.pb-xs-150 {padding-bottom: 150px !important}
.pb-xs-160 {padding-bottom: 160px !important}
.pb-xs-170 {padding-bottom: 170px !important}
.pb-xs-180 {padding-bottom: 180px !important}
.pb-xs-190 {padding-bottom: 190px !important}
.pb-xs-200 {padding-bottom: 200px !important}

/*
 * 5.10 -> Padding left
 * -----------------------------------------------
*/
.pl-xs-0 {padding-left: 0!important;}
.pl-xs-5 {padding-left: 5px !important}
.pl-xs-10 {padding-left: 10px !important}
.pl-xs-15 {padding-left: 15px !important}
.pl-xs-20 {padding-left: 20px !important}
.pl-xs-30 {padding-left: 30px !important}
.pl-xs-40 {padding-left: 40px !important}
.pl-xs-50 {padding-left: 50px !important}
.pl-xs-60 {padding-left: 60px !important}
.pl-xs-70 {padding-left: 70px !important}
.pl-xs-80 {padding-left: 80px !important}
.pl-xs-90 {padding-left: 90px !important}
.pl-xs-100 {padding-left: 100px !important}
.pl-xs-110 {padding-left: 110px !important}
.pl-xs-120 {padding-left: 120px !important}
.pl-xs-130 {padding-left: 130px !important}
.pl-xs-140 {padding-left: 140px !important}
.pl-xs-150 {padding-left: 150px !important}
.pl-xs-160 {padding-left: 160px !important}
.pl-xs-170 {padding-left: 170px !important}
.pl-xs-180 {padding-left: 180px !important}
.pl-xs-190 {padding-left: 190px !important}
.pl-xs-200 {padding-left: 200px !important}
}

/*
 * 6 -> xxs: max-width 479px
 * -----------------------------------------------
*/
@media (max-width:479px) {
/*
 * 6.1 -> Basic Margin
 * -----------------------------------------------
*/
.m-xxs-0 {margin: 0px !important}
.m-xxs-5 {margin: 5px !important}
.m-xxs-10 {margin: 10px !important}
.m-xxs-15 {margin: 15px !important}
.m-xxs-20 {margin: 20px !important}
.m-xxs-30 {margin: 30px !important}
.m-xxs-40 {margin: 40px !important}
.m-xxs-50 {margin: 50px !important}
.m-xxs-60 {margin: 60px !important}
.m-xxs-70 {margin: 70px !important}
.m-xxs-80 {margin: 80px !important}
.m-xxs-90 {margin: 90px !important}
.m-xxs-100 {margin: 100px !important}
.m-xxs-110 {margin: 110px !important}
.m-xxs-120 {margin: 120px !important}
.m-xxs-130 {margin: 130px !important}
.m-xxs-140 {margin: 140px !important}
.m-xxs-150 {margin: 150px !important}
.m-xxs-160 {margin: 160px !important}
.m-xxs-170 {margin: 170px !important}
.m-xxs-180 {margin: 180px !important}
.m-xxs-190 {margin: 190px !important}
.m-xxs-200 {margin: 200px !important}

/*
 * 6.2 -> Basic Padding
 * -----------------------------------------------
*/
.p-xxs-0 {padding: 0!important;}
.p-xxs-5 {padding: 5px !important}
.p-xxs-10 {padding: 10px !important}
.p-xxs-15 {padding: 15px !important}
.p-xxs-20 {padding: 20px !important}
.p-xxs-30 {padding: 30px !important}
.p-xxs-40 {padding: 40px !important}
.p-xxs-50 {padding: 50px !important}
.p-xxs-60 {padding: 60px !important}
.p-xxs-70 {padding: 70px !important}
.p-xxs-80 {padding: 80px !important}
.p-xxs-90 {padding: 90px !important}
.p-xxs-100 {padding: 100px !important}
.p-xxs-110 {padding: 110px !important}
.p-xxs-120 {padding: 120px !important}
.p-xxs-130 {padding: 130px !important}
.p-xxs-140 {padding: 140px !important}
.p-xxs-150 {padding: 150px !important}
.p-xxs-160 {padding: 160px !important}
.p-xxs-170 {padding: 170px !important}
.p-xxs-180 {padding: 180px !important}
.p-xxs-190 {padding: 190px !important}
.p-xxs-200 {padding: 200px !important}

/*
 * 6.3 -> Margin top
 * -----------------------------------------------
*/
.mt-xxs-0 {margin-top: 0!important;}
.mt-xxs-5 {margin-top: 5px !important}
.mt-xxs-10 {margin-top: 10px !important}
.mt-xxs-15 {margin-top: 15px !important}
.mt-xxs-20 {margin-top: 20px !important}
.mt-xxs-30 {margin-top: 30px !important}
.mt-xxs-40 {margin-top: 40px !important}
.mt-xxs-50 {margin-top: 50px !important}
.mt-xxs-60 {margin-top: 60px !important}
.mt-xxs-70 {margin-top: 70px !important}
.mt-xxs-80 {margin-top: 80px !important}
.mt-xxs-90 {margin-top: 90px !important}
.mt-xxs-100 {margin-top: 100px !important}
.mt-xxs-110 {margin-top: 110px !important}
.mt-xxs-120 {margin-top: 120px !important}
.mt-xxs-130 {margin-top: 130px !important}
.mt-xxs-140 {margin-top: 140px !important}
.mt-xxs-150 {margin-top: 150px !important}
.mt-xxs-160 {margin-top: 160px !important}
.mt-xxs-170 {margin-top: 170px !important}
.mt-xxs-180 {margin-top: 180px !important}
.mt-xxs-190 {margin-top: 190px !important}
.mt-xxs-200 {margin-top: 200px !important}

/*
 * 6.4 -> Margin right
 * -----------------------------------------------
*/
.mr-xxs-0 {margin-right: 0!important;}
.mr-xxs-5 {margin-right: 5px !important}
.mr-xxs-10 {margin-right: 10px !important}
.mr-xxs-15 {margin-right: 15px !important}
.mr-xxs-20 {margin-right: 20px !important}
.mr-xxs-30 {margin-right: 30px !important}
.mr-xxs-40 {margin-right: 40px !important}
.mr-xxs-50 {margin-right: 50px !important}
.mr-xxs-60 {margin-right: 60px !important}
.mr-xxs-70 {margin-right: 70px !important}
.mr-xxs-80 {margin-right: 80px !important}
.mr-xxs-90 {margin-right: 90px !important}
.mr-xxs-100 {margin-right: 100px !important}
.mr-xxs-110 {margin-right: 110px !important}
.mr-xxs-120 {margin-right: 120px !important}
.mr-xxs-130 {margin-right: 130px !important}
.mr-xxs-140 {margin-right: 140px !important}
.mr-xxs-150 {margin-right: 150px !important}
.mr-xxs-160 {margin-right: 160px !important}
.mr-xxs-170 {margin-right: 170px !important}
.mr-xxs-180 {margin-right: 180px !important}
.mr-xxs-190 {margin-right: 190px !important}
.mr-xxs-200 {margin-right: 200px !important}

/*
 * 6.5 -> Margin bottom
 * -----------------------------------------------
*/
.mb-xxs-0 {margin-bottom: 0!important;}
.mb-xxs-5 {margin-bottom: 5px !important}
.mb-xxs-10 {margin-bottom: 10px !important}
.mb-xxs-15 {margin-bottom: 15px !important}
.mb-xxs-20 {margin-bottom: 20px !important}
.mb-xxs-30 {margin-bottom: 30px !important}
.mb-xxs-40 {margin-bottom: 40px !important}
.mb-xxs-50 {margin-bottom: 50px !important}
.mb-xxs-60 {margin-bottom: 60px !important}
.mb-xxs-70 {margin-bottom: 70px !important}
.mb-xxs-80 {margin-bottom: 80px !important}
.mb-xxs-90 {margin-bottom: 90px !important}
.mb-xxs-100 {margin-bottom: 100px !important}
.mb-xxs-110 {margin-bottom: 110px !important}
.mb-xxs-120 {margin-bottom: 120px !important}
.mb-xxs-130 {margin-bottom: 130px !important}
.mb-xxs-140 {margin-bottom: 140px !important}
.mb-xxs-150 {margin-bottom: 150px !important}
.mb-xxs-160 {margin-bottom: 160px !important}
.mb-xxs-170 {margin-bottom: 170px !important}
.mb-xxs-180 {margin-bottom: 180px !important}
.mb-xxs-190 {margin-bottom: 190px !important}
.mb-xxs-200 {margin-bottom: 200px !important}

/*
 * 6.6 -> Margin left
 * -----------------------------------------------
*/
.ml-xxs-0 {margin-left: 0!important;}
.ml-xxs-5 {margin-left: 5px !important}
.ml-xxs-10 {margin-left: 10px !important}
.ml-xxs-15 {margin-left: 15px !important}
.ml-xxs-20 {margin-left: 20px !important}
.ml-xxs-30 {margin-left: 30px !important}
.ml-xxs-40 {margin-left: 40px !important}
.ml-xxs-50 {margin-left: 50px !important}
.ml-xxs-60 {margin-left: 60px !important}
.ml-xxs-70 {margin-left: 70px !important}
.ml-xxs-80 {margin-left: 80px !important}
.ml-xxs-90 {margin-left: 90px !important}
.ml-xxs-100 {margin-left: 100px !important}
.ml-xxs-110 {margin-left: 110px !important}
.ml-xxs-120 {margin-left: 120px !important}
.ml-xxs-130 {margin-left: 130px !important}
.ml-xxs-140 {margin-left: 140px !important}
.ml-xxs-150 {margin-left: 150px !important}
.ml-xxs-160 {margin-left: 160px !important}
.ml-xxs-170 {margin-left: 170px !important}
.ml-xxs-180 {margin-left: 180px !important}
.ml-xxs-190 {margin-left: 190px !important}
.ml-xxs-200 {margin-left: 200px !important}

/*
 * 6.7 -> Padding top
 * -----------------------------------------------
*/
.pt-xxs-0 {padding-top: 0!important;}
.pt-xxs-5 {padding-top: 5px !important}
.pt-xxs-10 {padding-top: 10px !important}
.pt-xxs-15 {padding-top: 15px !important}
.pt-xxs-20 {padding-top: 20px !important}
.pt-xxs-30 {padding-top: 30px !important}
.pt-xxs-40 {padding-top: 40px !important}
.pt-xxs-50 {padding-top: 50px !important}
.pt-xxs-60 {padding-top: 60px !important}
.pt-xxs-70 {padding-top: 70px !important}
.pt-xxs-80 {padding-top: 80px !important}
.pt-xxs-90 {padding-top: 90px !important}
.pt-xxs-100 {padding-top: 100px !important}
.pt-xxs-110 {padding-top: 110px !important}
.pt-xxs-120 {padding-top: 120px !important}
.pt-xxs-130 {padding-top: 130px !important}
.pt-xxs-140 {padding-top: 140px !important}
.pt-xxs-150 {padding-top: 150px !important}
.pt-xxs-160 {padding-top: 160px !important}
.pt-xxs-170 {padding-top: 170px !important}
.pt-xxs-180 {padding-top: 180px !important}
.pt-xxs-190 {padding-top: 190px !important}
.pt-xxs-200 {padding-top: 200px !important}

/*
 * 6.8 -> Padding right
 * -----------------------------------------------
*/
.pr-xxs-0 {padding-right: 0!important;}
.pr-xxs-5 {padding-right: 5px !important}
.pr-xxs-10 {padding-right: 10px !important}
.pr-xxs-15 {padding-right: 15px !important}
.pr-xxs-20 {padding-right: 20px !important}
.pr-xxs-30 {padding-right: 30px !important}
.pr-xxs-40 {padding-right: 40px !important}
.pr-xxs-50 {padding-right: 50px !important}
.pr-xxs-60 {padding-right: 60px !important}
.pr-xxs-70 {padding-right: 70px !important}
.pr-xxs-80 {padding-right: 80px !important}
.pr-xxs-90 {padding-right: 90px !important}
.pr-xxs-100 {padding-right: 100px !important}
.pr-xxs-110 {padding-right: 110px !important}
.pr-xxs-120 {padding-right: 120px !important}
.pr-xxs-130 {padding-right: 130px !important}
.pr-xxs-140 {padding-right: 140px !important}
.pr-xxs-150 {padding-right: 150px !important}
.pr-xxs-160 {padding-right: 160px !important}
.pr-xxs-170 {padding-right: 170px !important}
.pr-xxs-180 {padding-right: 180px !important}
.pr-xxs-190 {padding-right: 190px !important}
.pr-xxs-200 {padding-right: 200px !important}

/*
 * 6.9 -> Padding bottom
 * -----------------------------------------------
*/
.pb-xxs-0 {padding-bottom: 0!important;}
.pb-xxs-5 {padding-bottom: 5px !important}
.pb-xxs-10 {padding-bottom: 10px !important}
.pb-xxs-15 {padding-bottom: 15px !important}
.pb-xxs-20 {padding-bottom: 20px !important}
.pb-xxs-30 {padding-bottom: 30px !important}
.pb-xxs-40 {padding-bottom: 40px !important}
.pb-xxs-50 {padding-bottom: 50px !important}
.pb-xxs-60 {padding-bottom: 60px !important}
.pb-xxs-70 {padding-bottom: 70px !important}
.pb-xxs-80 {padding-bottom: 80px !important}
.pb-xxs-90 {padding-bottom: 90px !important}
.pb-xxs-100 {padding-bottom: 100px !important}
.pb-xxs-110 {padding-bottom: 110px !important}
.pb-xxs-120 {padding-bottom: 120px !important}
.pb-xxs-130 {padding-bottom: 130px !important}
.pb-xxs-140 {padding-bottom: 140px !important}
.pb-xxs-150 {padding-bottom: 150px !important}
.pb-xxs-160 {padding-bottom: 160px !important}
.pb-xxs-170 {padding-bottom: 170px !important}
.pb-xxs-180 {padding-bottom: 180px !important}
.pb-xxs-190 {padding-bottom: 190px !important}
.pb-xxs-200 {padding-bottom: 200px !important}

/*
 * 6.10 -> Padding left
 * -----------------------------------------------
*/
.pl-xxs-0 {padding-left: 0!important;}
.pl-xxs-5 {padding-left: 5px !important}
.pl-xxs-10 {padding-left: 10px !important}
.pl-xxs-15 {padding-left: 15px !important}
.pl-xxs-20 {padding-left: 20px !important}
.pl-xxs-30 {padding-left: 30px !important}
.pl-xxs-40 {padding-left: 40px !important}
.pl-xxs-50 {padding-left: 50px !important}
.pl-xxs-60 {padding-left: 60px !important}
.pl-xxs-70 {padding-left: 70px !important}
.pl-xxs-80 {padding-left: 80px !important}
.pl-xxs-90 {padding-left: 90px !important}
.pl-xxs-100 {padding-left: 100px !important}
.pl-xxs-110 {padding-left: 110px !important}
.pl-xxs-120 {padding-left: 120px !important}
.pl-xxs-130 {padding-left: 130px !important}
.pl-xxs-140 {padding-left: 140px !important}
.pl-xxs-150 {padding-left: 150px !important}
.pl-xxs-160 {padding-left: 160px !important}
.pl-xxs-170 {padding-left: 170px !important}
.pl-xxs-180 {padding-left: 180px !important}
.pl-xxs-190 {padding-left: 190px !important}
.pl-xxs-200 {padding-left: 200px !important}
}

.swatch-link,
.swatch-label {
  display: block;
  font-size: 14px;
  text-align: center;
  color: #636363;
  text-decoration: none;
}
.swatch-link {
  border: 1px solid #efefef;
  margin: 0 3px 3px 0;
}
.rtl .swatch-link {
  margin: 0 0 3px 3px;
}
.swatch-link .x {
  display: none;
  text-indent: -999em;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(https://www.serafinishop.com/skin/frontend/typologancee/default/images/bg_x.png) center no-repeat transparent;
  z-index: 10;
}
.swatch-link:hover {
  cursor: pointer;
  text-decoration: none;
}
.swatch-link.has-image .swatch-label {
  position: relative;
}
.swatch-link.has-image img {
  position: absolute;
  top: 0;
  left: 0;
}
.swatch-label {
  margin: 0;
  white-space: nowrap;
  background: #f4f4f4;
}
.item .configurable-swatch-list, .configurable-swatch-color, .swatch-loader {
  position: absolute;
  bottom: 0;
  left: 3px;
}
.configurable-swatch-list {
  zoom: 1;
  clear: both;
  -webkit-transform: translateZ(0px);
}
.configurable-swatch-list li {
  zoom: 1;
  margin: 0;
  display: inline-block;
  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 .not-available a:focus {
  outline: 0;
}
.configurable-swatch-list .wide-swatch .swatch-label {
  padding: 0 6px;
}
.products-grid .configurable-swatch-list li {
  display: inline-block;
  float: none;
  margin: 0;
  vertical-align: top;
}
#narrow-by-list dd .configurable-swatch-list li {
  margin: 0 0 0 3px;
  width: 47%;
}
#narrow-by-list dd .swatch-link {
  border: none;
  line-height: 25px;
  margin-right: 2px;
  text-align: left;
  font-weight: bold;
}
#narrow-by-list dd .swatch-link:before {
  display: none;
}
#narrow-by-list dd .swatch-link.has-image {
  line-height: inherit;
}
#narrow-by-list dd .swatch-link:hover .swatch-label {
  border-color: #666;
}
#narrow-by-list dd .swatch-label {
  background: #efefef;
  border: 1px solid #efefef;
  display: block;
  float: left;
  line-height: 1.5em;
  margin: 0 5px 0 0;
  padding: 1px 5px;
  white-space: nowrap;
  min-width: 25px;
}
#narrow-by-list dd .swatch-label img {
  border: 0;
  margin: 2px;
}
#narrow-by-list dd .has-image .swatch-label {
  padding: 0;
}
.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;
  border: 1px solid #fff;
}
.currently .swatch-current span img {
  display: block;
  margin: 2px;
}
.currently .swatch-link {
  display: inline-block;
  margin: 0 0 0 3px;
}
.currently .swatch-link:hover {
  border-color: #efefef;
  cursor: default;
}
.configurable-swatch-list .hover .swatch-link,
.configurable-swatch-list .selected .swatch-link,
.swatch-link:hover {
  border-color: #666;
}
.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;
}