/*Grup Key Tarraco :: 2015-12-01*/
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,200,300,300italic,200italic,400italic,600,600italic,700,700italic,900);
/*font-family: 'Titillium Web', sans-serif;*/

.tm-headerbar a, .tm-headerbar:hover,
#tm-middle a, #tm-middle:hover,
#mw-footer a, #mw-footer:hover {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.FlexibleCategoryProductSKUGridView {font-size: 13px!important; color: #343434!important;}

/*GLOBAL*/
html {background: #09111a}
#mw-web {background: #e5e9ed; padding-top: 20px}

#mw-container {
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);

    margin: 0px auto -45px;
    position: relative;
    z-index: 999;
}

/*TOOLBAR*/
#mw-nav  {background: #0e1a27}
.tm-toolbar, .mn-tienda {font-family: "Titillium Web",sans-serif;text-transform: uppercase}
.tm-toolbar .uk-subnav, .tm-toolbar .uk-subnav > * {margin: 0px}
a.mn-tienda {
    background: #297cd0;
    background: -moz-linear-gradient(left,  #297cd0 0%, #2c93e9 25%, #2c9eeb 50%, #2c93e9 70%, #297cd0 100%);
    background: -webkit-linear-gradient(left,  #297cd0 0%,#2c93e9 25%,#2c9eeb 50%,#2c93e9 70%,#297cd0 100%);
    background: linear-gradient(to right,  #297cd0 0%,#2c93e9 25%,#2c9eeb 50%,#2c93e9 70%,#297cd0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#297cd0', endColorstr='#297cd0',GradientType=1 );

    color: #fff !important;
    font-size: 19px;
    font-weight: 600;
    letter-spacing: 0.6px;
    line-height: 100%;
    padding: 3px 30px 3px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

a.mn-tienda > div {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 120%;
    margin-left: 2px;
}

a.mn-tienda:hover, a.mn-tienda:focus {
    background: #2c93e9;
    background: -moz-linear-gradient(left,  #2c93e9 0%, #297cd0 45%, #297cd0 65%, #2c93e9 100%);
    background: -webkit-linear-gradient(left,  #2c93e9 0%,#297cd0 45%,#297cd0 65%,#2c93e9 100%);
    background: linear-gradient(to right,  #2c93e9 0%,#297cd0 45%,#297cd0 65%,#2c93e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c93e9', endColorstr='#2c93e9',GradientType=1 );
}

.uk-panel.mw-carrito {padding: 9px 32px 8px 5px}
#FlexibleVM3Cart .flexible_cart_icon {
    color: #92989e;font-size: 13px;font-weight: 600;
    background-image: url("../images/icon1.png")
}

#FlexibleVM3Cart .flexible_cart_icon:hover, #FlexibleVM3Cart .flexible_cart_icon:focus {
    color: #fff !important;
    background-image: url("../images/icon1-2.png")
}

#btl {margin-right: 10px}
#btl .btl-panel > #btl-panel-profile {padding-right: 13px}
#btl .btl-panel > span {
    background-color: #297cd0 !important;
    background-image: inherit !important;
    line-height: 32px;
    height: 32px;
    margin: 0 0 0 -2px;
    padding: 3px 10px 3px 33px;
    font-size: 13px;
    letter-spacing: 0.2px;
    font-weight: 600;
    box-shadow: inherit;-webkit-box-shadow: inherit;-moz-box-shadow: inherit;
    border-radius: inherit;-webkit-border-radius: inherit;-moz-border-radius: inherit;
}

#btl .btl-panel > span:hover,#btl .btl-panel > span:focus {background-color: #308eee !important}

#btl .btl-panel > span:before {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 23px;
    height: 25px;
    content: '';
    margin: 3px 0 0 -26px;
    position: absolute;
}

#btl .btl-panel > #btl-panel-login::before {background-image: url('../images/ico-login.png'); background-size: 20px auto}
#btl .btl-panel > #btl-panel-registration::before {background-image: url('../images/ico-registration.png'); background-size: 23px auto}
#btl .btl-panel > #btl-panel-profile::before {background-image: url('../images/ico-profile.png'); background-size: 16px auto}

#FlexibleVM3Cart .flexibleNumber {right: -22px;top: -1px;background: #297cd0}

.fb_iframe_widget {padding: 9px}

#module-in-profile a,
input.btl-buttonsubmit, button.btl-buttonsubmit {
    height: 38px !important;
    line-height: 38px !important;
    color: #000 !important;
    font: 700 13px/110% "Open Sans",sans-serif;
    text-transform: uppercase;
}

#module-in-profile a {display: block;text-align: center;text-decoration: none}
#module-in-profile p {margin: 0px}

#btl-content-profile div.btl-buttonsubmit {margin: 0; padding: 0px !important}
input.btl-buttonsubmit, button.btl-buttonsubmit {
    width: 100% !important;
    background: transparent !important;
    text-shadow: none;
    box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;
}

button.btl-buttonsubmit:hover, button.btl-buttonsubmit:focus,
#module-in-profile a:hover, #module-in-profile a:focus {background: #297cd0 !important;color: #fff !important}

/*HEADERBAR*/
.tm-headerbar {background: #09111a;border-top: 1px solid rgba(255,255,255,0.30)}

/*NAV*/
.tm-headerbar {position: relative}
.tm-headerbar .tm-logo p {margin: 0px}
.tm-headerbar .tm-logo {margin: -55px 5px -30px 30px;position: relative;z-index: 999}
.uk-navbar-flip .uk-navbar-content::before {display: inline}
.uk-navbar {bottom: 9px;position: absolute;right: 4px}
.uk-navbar-nav > li > a {text-transform: uppercase}

.uk-navbar-nav > li > a:after,
.tm-bottom-b .uk-nav li a:after {
    background: #297cd0;
    color: rgba(0, 0, 0, 0);
    content: ".";
    display: block;
    height: 3px;
    left: 4px;
    position: absolute;
    width: 0%;

    filter: alpha(opacity=10);
    opacity: 0.1;

    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.uk-navbar-nav > li > a:hover:after, .uk-navbar-nav > li > a:focus:after,.uk-navbar-nav > li.uk-active > a::after,
.tm-bottom-b .uk-nav li a:hover:after, .tm-bottom-b .uk-nav li a:focus:after, .tm-bottom-b .uk-nav li.uk-active a::after {
    width: calc(100% - 6px);

    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.uk-dropdown-navbar {border-top: 3px solid #297cd0; margin-left: 4px !important;margin-top: 2px}
.uk-dropdown {padding: 4px 15px}

.uk-dropdown-navbar a {font: 600 15px/110% "Titillium Web",sans-serif;text-transform: uppercase}

/*OFFCANVAS*/
.tm-logo-small {display: inline-block}
.tm-logo-small p {margin: 0px;display: inline-block}
.tm-logo-small .mw-logo {margin: 20px 0 0 5px}
.uk-navbar-center {max-width: inherit;text-align: inherit}

.uk-nav-offcanvas li a, .uk-offcanvas-bar .VMmenu li {
    border-top: 1px solid rgba(255,255,255,0.15);
    border-bottom: 1px solid rgba(0,0,0,0.9) !important;
    position: relative;
    text-transform: none;
}

.uk-offcanvas-bar .VMmenu li:first-child {border-top: none}
.uk-nav.uk-nav-offcanvas > li.uk-active > a {background: transparent !important}

ul.uk-nav-sub {padding: 0;background: #1a1a1a}
ul.uk-nav-sub li:last-child, .uk-offcanvas-bar .VMmenu li {border-bottom: none}
.uk-nav-offcanvas ul a {color: rgba(255, 255, 255, 0.6)}
.uk-nav > li > a, .uk-nav ul a, .uk-offcanvas-bar .VMmenu li a {padding: 10px;display: block}

.uk-navbar-toggle::before {
    top: 50px;
    content: "menu";
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -0.2px;
    position: absolute;
    text-transform: uppercase;
    margin-left: -1px;
}

.uk-navbar-toggle, .uk-navbar-toggle:hover, .uk-navbar-toggle:focus {
    background: #09111a;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    font-size: 35px;
    height: 80px;
    margin: -40px 8px 0 0;
    padding: 24px 12px;
    text-decoration: none;
    position: relative;
    z-index: 999;
}

.uk-offcanvas-bar .uk-panel {margin: 0}
#offcanvas .search input[type="text"], #offcanvas .search input[type="text"]:focus {
    height: 32px;
    width: 65%;

    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

#offcanvas .search .cms-submit, #offcanvas .search .cms-submit:hover, #offcanvas .search .cms-submit:focus {
    background: rgba(255, 255, 255, 0.15);
    height: 42px;
    margin-left: -4px;
    border: inherit;
    box-shadow: inherit;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 10px 0;
    text-transform: uppercase;
    width: calc(28% - -5px);
}

#offcanvas a.mn-tienda, #offcanvas a.mn-tienda:hover, #offcanvas a.mn-tienda:focus {
    text-transform: uppercase;
    font-size: 21px;
    line-height: 90%;
    padding: 11px 13px 8px;
    background: #297cd0 !important;
}

.uk-offcanvas-bar .VMmenu {padding: 0;margin-bottom: 35px !important}

/*TOP-A  TOP-B*/
.tm-top-a .uk-panel-box, .tm-top-b .uk-panel-box {padding: 0px}

/*SIDEBAR-A*/
.tm-sidebar-a .md-sidetitle {margin: 18px 0 -10px}

.tm-sidebar-a .md-search {padding: 5px 15px 0px 5px;margin-bottom: -9px}
.tm-sidebar-a .searchmd-search input.ac_input, 
.tm-sidebar-a .searchmd-search input.cms-submit {
    box-shadow: none !important;-webkit-box-shadow: none !important;-moz-box-shadow: none !important;
    font-weight: 600;
    font-family: "Titillium Web",sans-serif;
    line-height: 125%;
    text-transform: uppercase;
}
.tm-sidebar-a .searchmd-search input.ac_input {
    font-size: 14px;
    width: calc(70% - 15px);
    padding: 7px 6px;
}

.tm-sidebar-a .searchmd-search input.cms-submit {
    font-size: 13px;
    margin-left: -3px;
    width: 30%;
    background: #297cd0;
    color: #fff;
    height: 38px;
    border: none;
}
.tm-sidebar-a .searchmd-search input.cms-submit:hover {background: #1d68bd}


.tm-sidebar-a .VMmenu {padding: 0;margin: 0px 0px 0px -15px}
.VMmenu li {padding: 0;border-bottom: 1px solid #dcdcdc}
.VMmenu li:first-child {border-top: 1px solid #dcdcdc}

.tm-sidebar-a .VMmenu a {
    display: block;
    font: 600 14px/125% "Titillium Web",sans-serif !important;
    padding: 5px 15px;
    color: #99a1aa;
}

.tm-sidebar-a .VMmenu a:hover {color: #09111a}

.md-sidetitle .uk-panel-title {
    font:700 20px/100% "Titillium Web",sans-serif;
    color: #09111a;
    margin: -2px 0 5px !important;
    text-transform: uppercase;
    padding-left: 55px;
}

.md-sidetitle .uk-panel-title:before {
    background: transparent url("../images/ico-logo.png") no-repeat scroll 50% 50%;
    color: transparent;
    content: ".";
    height: 60px;
    margin: -14px 0 0 -59px;
    position: absolute;
    width: 50px;
}

.md-destacados02 {margin: 6px 0 -19px -14px !important}
.md-destacados02 .uk-panel-title {
    font: 600 19px/100% "Titillium Web",sans-serif;
    position: absolute;
    right: 10px;
    text-transform: uppercase;
    top: 0;
    width: 61%;
}

.md-destacados02 .uk-panel-title a {display: table-cell;height: 94px !important;vertical-align: middle}
.md-destacados02 .uk-panel:hover .uk-panel-title, .md-destacados02 .uk-panel:focus .uk-panel-title {color: #fff}
.md-destacados02 .uk-panel-teaser {margin-bottom: 5px}

.bn-sidera {margin: -24px 0 0 -19px !important}

/*SIDEBAR-B*/
.tm-sidebar-b .uk-panel-box {padding: 0px}

/*MIDDLE*/
ul.uk-breadcrumb {display: none;margin: 10px 0px 5px;position: relative;z-index: 9999}
.uk-breadcrumb > li {font: 600 13px/100% "Titillium Web",sans-serif;text-transform: uppercase}
.uk-breadcrumb > li:nth-child(n+2)::before {margin: 0 4px}
.uk-breadcrumb > li.uk-active {display: none}

.tm-content .uk-article {padding: 23px 25px 20px}

.uk-article h4 + table {margin-top: 25px}

.uk-article table ul {padding-left: 0;color: #69717a;margin: 0}
.uk-article table li {list-style: none;border-top: 1px solid #dcdcdc;padding: 3px 4px;margin-left: -4px}
.uk-article table li:last-child {border-bottom: 1px solid #dcdcdc}  


.table02 > p + ul {margin-top: -10px}
.table02 > ul {padding-left: 0;text-align: left;margin-left: -5px}
.table02 > ul li {
    border: 1px solid #e5e5e5;
    display: inline-block;
    margin: 2px 0px;
    padding: 4px 8px;
    font-size: 13px;

    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.table02 > ul li,
.md-descargas div.uk-margin li a:hover, .md-descargas div.uk-margin li a:focus {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}

/*BOTTOM-A*/
.FlexibleFeatured ul li {max-width: 204px !important}

/*BOTTOM-B*/
.tm-bottom-b {position: relative}
.tm-bottom-b.uk-grid > * {width: auto}
.tm-bottom-b.uk-grid > *:last-child {position: absolute;right: 0}
.tm-bottom-b.uk-grid > *:last-child .uk-panel-box {padding: 0}

.tm-bottom-b .uk-nav {margin-right: -2px !important;margin-top: -5px}
.tm-bottom-b .uk-nav > li {display: inline-block;position: relative}
.tm-bottom-b .uk-nav a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: rgba(255, 255, 255, 0.65);
    font: 600 15px/35px 'Titillium Web', sans-serif;

    padding: 5px 15px;
    text-transform: uppercase;
}

.tm-bottom-b .uk-nav a:hover, .tm-bottom-b .uk-nav a:focus, .tm-bottom-b .uk-nav li.uk-active a {color: #fff}
.tm-bottom-b .uk-nav li.uk-active a {background: transparent}


.md-contact {
    font: 14px/125% 'Titillium Web', sans-serif;
    color: #e5e9ed;
    padding-left: 100px; 
}
.md-contact a {color: #e5e9ed}

.md-contact span {font-size: 26px;font-weight: 600;line-height: 27px}

.md-contact:hover, .md-contact:focus,
#btl:hover, #btl:focus {filter: alpha(opacity=100);opacity: 1}

.md-contact:before {
    background: rgba(0, 0, 0, 0) url("../images/ico-contact.png") no-repeat scroll 50% 50%;
    color: rgba(0, 0, 0, 0);
    content: ".";
    height: 65px;
    margin: -2px 0 0 -100px;
    position: absolute;
    width: 82px;
    filter: alpha(opacity=35);
    opacity: 0.35;
}

/*FOOTER*/
#mw-footer {background: #09111a;border-top: 5px solid #297cd0;padding-top: 45px}
.tm-footer {
    margin-top: -36px;
    padding-right: 74px;
    position: relative;
    text-align: right;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.3);
}

.tm-footer a {color: rgba(255, 255, 255, 0.3)}
.tm-footer a:hover, .tm-footer a:focus {color: rgba(255, 255, 255, 0.8)}

.tm-totop-scroller {color: rgba(255, 255, 255, 0.4);font-size: 25px;right: 28px;top: -2px;font-size: 25px}
.tm-totop-scroller:hover, .tm-totop-scroller:focus {color: rgba(255, 255, 255, 0.9);font-size: 25px}

/*TIPOGRAFIA*/
.uk-article-title {margin-bottom: 0}

h4 {
    color: #297cd0;
    font-size: 20px;
    text-transform: uppercase;
    border-top: 3px solid #297cd0;
    font-weight: 700;
    padding: 2px 0 0;
}

.uk-button {font-size: 11px;font-weight: 500;letter-spacing: 0.2px;text-transform: uppercase}
.md-info.uk-panel-box {padding: 0px 10px 15px;margin-top: -2px}

/*PG-INICIO*/
.pg-inicio .tm-content {padding-top: inherit}
.md-destacados {margin-top: 1px !important}
.md-destacados > * {position: relative}
.md-destacados .uk-panel-teaser {margin-bottom: 0px}
.md-destacados h3 {
    bottom: 11px;
    font: 600 17px/95% "Titillium Web",sans-serif;
    color: #1d67bc;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
}
.md-destacados .uk-panel:hover h3, .md-destacados .uk-panel:focus h3 {color: #fff}

.md-slider01 .uk-overlay-panel > div {
    font: 400 20px/130% "Titillium Web",sans-serif;
    font-style: italic !important;
    letter-spacing: 0.3px;
    color: #fff;
    background: rgba(41,124,208,1);
    padding: 12px 15px 16px;
    position: absolute;
    right: 0px;
    left: 0px;
    bottom: 0px;
}

.md-slider01 .uk-overlay-background {background: transparent}

.md-vmdestacats.uk-panel-box {padding: 0 15px 5px}
.md-vmdestacats .vmproduct > li {
    padding: 0;
    background: #f5f5f5;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

/*PG-SERVICIOS*/
.pg-servicios .tm-content .uk-article {padding: 23px 25px 7px 10px}
.pg-servicios .tm-sidebar-a .uk-panel-box {padding: 0px}
.pg-servicios .tm-main {left: 35%;width: 65%}
.pg-servicios .tm-sidebar-a {width: 35%;left: -65%}

/*PG-ASISTENCIA*/
.md-asisequipo {
    font-family: 'Titillium Web', sans-serif;
    margin-top: -47px;
    margin-right: -4px;
}
.md-asisequipo .uk-panel-title {
    font-size: 18px;
    font-weight: 600;
    margin: -5px 0 !important;
    text-transform: uppercase;
}
.md-asisequipo .uk-text-center img {width: 100%}
.md-asisequipo .uk-panel-box > .uk-panel-teaser {margin-left: -6px;margin-right: -6px;margin-top: -1px}

.md-asisequipo .uk-margin {font-size: 14px;line-height: 110%}

.md-asisequipo .uk-slideset li {border-top: none;margin-left: inherit;padding: 0 5px}
.md-asisequipo .uk-slideset li:last-child {border-bottom: none}

.md-asisequipo li > div {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 0 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

/*PG-DESCARGAS*/
.md-descargas .uk-accordion-title {margin-bottom: 1px}
.md-descargas .uk-accordion-content {padding: 0 15px}

.md-descargas div.uk-margin ul {padding-left: 0;margin: 0px 0px 1px}
.md-descargas div.uk-margin li {list-style: none;margin: -0px -14px}
.md-descargas div.uk-margin li a {color: #69717a;padding: 5px 14px;border-bottom: 1px solid #dcdcdc;display: block}
.md-descargas div.uk-margin li:last-child a {border-bottom: none}

.md-descargas div.uk-margin li a:hover, .md-descargas div.uk-margin li a:focus {color: #09111a;text-decoration: none}

.md-descargas .uk-accordion-title {background: #297cd0;color: #fff;font-size: 16px;text-transform: uppercase}

/*PG-CONTACTO*/
.pg-contacto .uk-article > div {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex
}
.pg-contacto .uk-article > div > div {
    width: 50%
}
.pg-contacto .uk-article > div > div:first-child {
    margin-right: 50px
}
.pg-contacto .uk-article > div > div:first-child p {
    margin: 0
}
.pg-contacto .uk-article h1 {
    font-size: 27px;
    line-height: 31px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0
}
.pg-contacto .uk-article h1 + h2 {
    margin-top: 0
}
.pg-contacto .uk-article table p {
    margin: 2px 0 0 15px
}
.pg-contacto .txt-tel {color: #89919a;font: italic 800 28px/120% "Titillium Web",sans-serif}
.md-map p {
    margin: 0
}
.md-exclusivo {
    font-family: "Titillium Web",sans-serif;
    font-style: italic;
    font-weight: 600;
    line-height: 155%;
    margin-top: 15px
}
.md-exclusivo p {margin: 0 0 5px 0}
/*PG-TIENDA*/
.pg-tienda .tm-content {padding: 10px 20px 0 0}

/*VIRTUE MART*/
.FlexibleCSS3ButtonInner {
    background: -webkit-gradient(linear, left top, right top, from(#297cd0), to(#3c8fe3));
    background: -webkit-linear-gradient(top, #297cd0, #3c8fe3);
    background: -moz-linear-gradient(top, #297cd0, #3c8fe3);
    background: -o-linear-gradient(top, #297cd0, #3c8fe3);
    background: -ms-linear-gradient(top, #297cd0, #3c8fe3);
    background: linear-gradient(top, #297cd0, #3c8fe3);
    background-color: #297cd0;
}

.FlexibleCSS3ButtonInner:active {background: #1d68bd !important}

.FlexibleCSS3Button:hover .FlexibleCSS3ButtonInner,
.FlexibleCSS3ButtonQuantity {
    background: -webkit-gradient(linear, left top, right top, from(#3c8fe3), to(#297cd0));
    background: -webkit-linear-gradient(top, #3c8fe3, #297cd0);
    background: -moz-linear-gradient(top, #3c8fe3, #297cd0);
    background: -o-linear-gradient(top, #3c8fe3, #297cd0);
    background: -ms-linear-gradient(top, #3c8fe3, #297cd0);
    background: linear-gradient(top, #3c8fe3, #297cd0);
    background-color: #3c8fe3;
}

.FlexibleCSS3ButtonQuantity .quantity-box, .FlexibleCSS3ButtonQuantity .quantity-box input.quantity-input,
.FlexibleCSS3ButtonQuantity .quantity-box.FlexibleInput input.quantity-input {background: #eee;color: #333 !important;text-shadow:none}

#flexv2cat #GridView .FlexibleBrowseThumbProductLower {padding: 3px 7px 0}
#GridView .FlexibleCategoryProductSKUGridView {display: block;text-align: center}
.FlexibleCategoryManufacturerLogoGrid img {max-height: 14px;max-width: 90px}
.FlexibleCategoryManufacturerLogoGrid {font-size: 11px;font-weight: 600;text-align: center;padding-top: 6px}
.FlexibleCategoryManufacturerLogoGrid a {color: #09111a}
#flexv2cat .FlexibleBrowseProductName {padding: 10px 0px 0px}

.flexibleReplaceImg {display: block;margin: 0 auto}

.FlexibleBrowseThumbProductLower {font-family: "Titillium Web",sans-serif}
.FlexibleBrowseProductName a.FlexibleBrowseProductNameLink {
    color: #09111a;
    font-size: 17px;
    font-weight: 700;
    line-height: 100%;
}

div.PricesalesPrice span.PricesalesPrice {font-size: 15px}
.FlexibleBrowseThumbProductLower .product-price {margin: 6px 0}

.orderby-displaynumber .pagedropdown select {height: 25px;padding: 1px 3px}
#flexv2cat .flexibleDiscount {margin: 7px 0 10px}

/*VIRTUE MART - Categoríes*/
.category-view, #flexv2cat {padding-top: 10px}
.FlexibleFrontpageHeader {display: none}
a#FWcategorynamelink {font-size: 15px;font-weight: 600;text-transform: uppercase;line-height: 100%}
.pg-tienda .category-view, #FlexibleFrontpageTabs {font-family: "Titillium Web",sans-serif}
.FlexibleFrontpageHeader {font-size: 26px} 

/*VIRTUE MART - TABS*/
.FlexibleFeatured .FlexibleRealetedProductsControls {margin: 0}
.FlexibleTABeachProductInner2 {padding: 0}
#FlexibleFrontpageTabs a.FlexibleFrontPageProductNameLink,
.FlexibleFeatured a.FlexibleSliderProductNameLink {
    color: #09111a;
    font-size: 15px;
    font-weight: 600;
    line-height: 100%;
    padding: 5px 14px;
    text-align: center !important;
    text-transform: uppercase;
}
#FlexibleFrontpageTabs div.vm-price-value,
.FlexibleFeatured div.vm-price-value {text-align: center}

#FlexibleFrontpageTabs .FlexibleShopNow,
.FlexibleFeatured ul li .FlexibleShopNow {background: #297cd0;height: 80px;line-height: 80px;width: 80px}
#FlexibleFrontpageTabs .flexibleDiscount,
.FlexibleFeatured div.flexibleDiscount {margin: 7px 0px 0px}

#FlexibleFrontpageTabs .FlexibleTABeachProduct:first-child .FlexibleTABeachProductInner {margin: 0px}
#FlexibleFrontpageTabs .FlexibleTABeachProductInner {margin: 0px 0px 0px 15px;background: #f5f5f5}
#FlexibleFrontpageTabs .FlexibleTABeachProduct:nth-child(7n+7) .FlexibleTABeachProductInner {margin: 0px}

#FlexibleFrontpageTabs div.product-price {padding: 4px}

/*VIRTUE MART - Llistat de categoria*/
.category-view .row .category {width: 33.3333% !important}
h2.FlexibleCategiryTitle {font-size: 26px}

/*VIRTUE MART - Product*/
.FlexibleForm .FlexibleFormRow input.login, .FlexibleForm .FlexibleFormRow input.password {height: 48px;padding: 10px 10px 10px 55px !important}
.FlexibleForm .FlexibleFormRow a.forgot {top: 10px}

.FlexibleProductDetailProductName {font: 600 23px/110% "Titillium Web",sans-serif;color: #09111a}

.FlexibleProductDetailsManufacturerLogoList a {
    font-family: "Titillium Web",sans-serif;
    color: #91979d;
    font-size: 13px;
    font-weight: 600;
}

a.FlexibleSelectShippingButton, a.FlexibleSelectPaymentButton, div.checkout-content .billto-shipto a.details, div.FlexibleLoginBoxRight a.FlexibleResgiterButton, div.FlexibleLoginBoxRight a.FlexibleGuestButton, #askform input.highlight-button, span.addtocart-button input.notify-button {
    background-color: #297cd0 !important;
    border-color: #1d68bd !important;
}

a.FlexibleSelectShippingButton:hover, a.FlexibleSelectPaymentButton:hover, div.checkout-content .billto-shipto a.details:hover, div.FlexibleLoginBoxRight a.FlexibleResgiterButton:hover, div.FlexibleLoginBoxRight a.FlexibleGuestButton:hover, #askform input.highlight-button:hover, span.addtocart-button input.notify-button:hover, div.write-reviews input.highlight-button:hover {
    background-color: #1d68bd !important
}

/*VIRTUE MART - Destacats*/
div.FlexibleRelatedProducts, div.FlexibleFeatured{font-family: "Titillium Web",sans-serif}
.FlexibleFeatured div.product-price {padding: 0px 0px 1px}

/*VIRTUE MART - CARRO*/
#flexibleNotification .flexibleShowcart {margin-left: inherit}

#FlexibleVM3Cart .flexibleShow_cart a {background-color: #297cd0;border: 1px solid #196cc0}
#FlexibleVM3Cart .flexibleShow_cart a:hover, #FlexibleVM3Cart .flexibleShow_cart a:focus {background-color: #1d68bd}


.newshoppingcart div.PricesalesPrice span.PricesalesPrice {color: #444;font-size: initial}
td.newshoppingcartTITLE a {color: #297cd0}
td.newshoppingcartTITLE div.FlexibleCustomFields {color: #444;font-size: 14px;font-weight: normal}
#flexibleStepBar {height: 40px;line-height: 40px}
#flexibleStepBar .flexibleStepBarBlue {background: #297cd0;font-size: inherit}
#flexibleStepBar .flexibleStepBarRed {
    background: #308EEE;
    border-right: 1px solid #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    color: #fff;
    font-size: 21px;
    height: auto;
    text-shadow: none;
}

#flexibleStepBar .flexibleStepBarRed.turnGreen {background: #308EEE}
.flexiblePaymentMethods .flexiblePaymentEach .vmpayment_cost {color: #444;font-size: 12px;font-weight: 600;position: relative;top: -7px}

.cart-view .checkout-content {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 50%, #f9f9f9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 50%,#f9f9f9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 50%,#f9f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
    border-color: rgba(0, 0, 0, 0.06);
}
.newshoppingcartContainer > div + div {border-top: 1px solid rgba(0, 0, 0, 0.06)}
#flexibleStepBar.flexibleStepBarRight .flexibleStepBarBlue {background: #fff;color: #444;font-weight: 600}
#flexibleStepBar.flexibleStepBarRight .flexibleStepBarRed {font-size: 18px;font-weight: 600}
#flexibleStepBar.flexibleGrandTotal .flexibleStepBarBlue {font-size: 18px;line-height: 55px}
#flexibleStepBar.flexibleGrandTotal .flexibleStepBarRed {font-size: 25px;line-height: 55px;padding: 0 25px}
#checkoutForm {margin-bottom: 20px !important}

#checkoutForm .checkout-content h5 {font-size: inherit}

.checkout-content.couponStep {padding: 15px}
.checkout-content.couponStep input.flexibleButton {margin-top: 10px}

.vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited {margin: 20px 0 !important;font-weight: 600 !important}
.vm-button-correct:hover, .vm-button-correct:focus {background: #888 !important}

#flexibleNotification {width: calc(100% - 30px)}

.flexibleButton {background-color: #308eee !important;border-color: #106ece !important}
.flexibleButton:hover, .flexibleButton:focus {background-color: #106ece !important}

/*VIRTUE MART - registre*/
.tm-content .modal-body {max-height: inherit}

/*RS-Forms*/
form#userForm {margin: 0px}
.formField {margin-bottom: 5px}
.formField input {height: 35px}
.formField input, .formField textarea {margin-bottom: 0;width: calc(100% - 20px)}
#userForm textarea {
    width: 100%;
    height: 145px
}
input.rsform-submit-button,
#userForm .rsform-submit-button {
    border: none;
    margin-top: 5px;
    width: inherit !important;
    background-color: #297cd0;
    color: #ffffff;
    padding: 10px 15px;
    text-transform: none
}
input.rsform-submit-button:hover, input.rsform-submit-button:focus {background-color: #1d68bd}
#userForm .uk-form-label {
    display: none !important
}
#userForm .uk-form-horizontal .uk-form-controls {
    margin-left: 0
}
#userForm input[type="text"] {
    height: 48px;
    width: 100% !important
}
#userForm .uk-form-row + .uk-form-row {
    margin-top: 7px
}
#userForm .rsform-checkbox {
    margin-right: 5px !important
}

/* --------------------------------- BOTONS RESPONSIVE */
.md-boton {display: none}
.md-boton p {
    background-color: #297cd0;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    cursor: pointer;
    display: block;
    padding: 6px 7px;
    width: 22px;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> RESPONSIVE TABLET 01*/
@media only screen and (min-width: 0px) and (max-width: 1020px) {
    /*GLOBAL*/
    #mw-web {padding-top: inherit}
    .tm-headerbar.uk-hidden-small, .tm-toolbar.uk-hidden-small {display: inherit !important}

    .tm-logo, .uk-navbar-nav {display: none !important}
    .uk-navbar {position: initial}
    .tm-logo-small {position: absolute !important;bottom: -11px;z-index: 10}

    /*TOOLBAR-R*/
    .tm-toolbar {position: relative;z-index: 999}
    .md-tienda, .md-shareface {display: none}
    .uk-panel.mw-carrito {background: #297cd0;padding: 9px 32px 5px 7px}
    #FlexibleVM3Cart .flexible_cart_icon::after {content: "";margin: 0 0 0 25px}
    #FlexibleVM3Cart .flexible_cart_icon {background-image: url("../images/icon1-2.png");background-size: 100% auto}
    #FlexibleVM3Cart .flexibleNumber {right: -23px}

    .md-login {border-right: 1px solid rgba(255, 255, 255, 0.3)}
    #btl {margin-right: 0}
    #btl .btl-panel > span {
        height: 28px; line-height: 30px;overflow: hidden;max-width: 80px;font-size: 12px;
        margin-bottom: -6px;
    }
    #btl .btl-panel > span::before {height: 22px}

    /*MIDDLE*/
    ul.uk-breadcrumb {display: block}
    .tm-content .uk-article {padding: 23px 15px 20px}

    /*SIDEBAR-A*/
    .bn-sidera {margin: 0px !important}
    .bn-sidera > * {
        float: left;
        padding: 0 !important;
        position: relative !important;
        top: inherit !important;
        left: inherit !important;
        width: calc(50% - 5px) !important;
    }
    .bn-sidera > * + * {margin-left: 10px}
    .bn-sidera .uk-panel-teaser img {width: 100%}

    /*TIPOGRAFIA*/
    .uk-button {font-size: 13px;padding: 5px 15px}

    /*PG-INICIO*/
    .md-vmdestacats.uk-panel-box {padding: 0}

    /*PG-TIENDA*/
    .pg-tienda .tm-content {padding: 10px}

    /*VIRTUE MART*/
    .mw-carrito .flexibleDropdown {display: none !important}
    .category-view {margin-bottom: inherit}
    #flexv2cat {margin-bottom: -40px}
    #flexv2cat #FlexibleBrowseThumbRow::before, #flexv2cat #FlexibleBrowseThumbRow::after {bottom: 8px}

    /*PG-SERVICIOS*/
    .pg-servicios .tm-main {left: inherit;width: 100%}
    .pg-servicios .tm-sidebar-a {width: inherit;left: inherit}

    /* --------------------------------- BOTONS RESPONSIVE */
    .md-boton {display: block}
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> RESPONSIVE TABLET 02*/
@media only screen and (min-width: 0px) and (max-width: 960px) {
    /*TOP-B*/
    .md-destacados > div > .uk-panel {background: #e9e9e9;padding-bottom: 20px}
    .md-destacados > div > .uk-panel:hover, .md-destacados > div > .uk-panel:focus {background: #1d68bd}

    .md-destacados > div > .uk-panel, 
    .md-destacados > div > .uk-panel:hover,
    .md-destacados > div > .uk-panel:focus {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .md-destacados h3 {margin: 0 auto;width: 220px;bottom: 10px}

    /*BOTTOM-B*/
    .tm-bottom-b {display: inherit}
    .tm-bottom-b.uk-grid > * {width: 100% !important;text-align: center}
    .tm-bottom-b.uk-grid > *:last-child {position: none;right: inherit}
    .tm-bottom-b.uk-grid > *:last-child .uk-panel-box {padding: inherit}

    .md-contact {padding: 0}
    .md-contact::before {margin: 0 auto;position: relative;background-size: 60px;height: 60px}

    .tm-bottom-b > div {margin-bottom: 30px !important}

    .tm-bottom-b.uk-grid > *:last-child {position: inherit}

    /*FOOTER*/
    .tm-footer {margin-top: inherit;padding-right: inherit;text-align: center}

    .tm-totop-scroller {display: inline;position: relative;right: none;font-size: 25px;color: #aaa;right: 0px;top: -15px}
    .tm-totop-scroller:hover, .tm-totop-scroller:focus {font-size: 25px}

    /*PG-CONTACTO*/
    .pg-contacto .uk-article > div {
        flex-flow: column-reverse;
        -webkit-flex-flow: column-reverse;
        -moz-flex-flow: column-reverse;
        -ms-flex-flow: column-reverse
    }
    .pg-contacto .uk-article > div > div:first-child {
        margin-right: 0
    }
    .pg-contacto .uk-article > div > div:last-child {
        margin: 0 auto;
        max-width: 560px
    }
    .pg-contacto .uk-article > div > div {
        width: 100%
    }
    input.rsform-submit-button, #userForm .rsform-submit-button {
        width: 100% !important
    }
    .md-map iframe {
        max-height: 360px
    }
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> RESPONSIVE MOBIL 01*/
@media only screen and (min-width: 0px) and (max-width: 768px) {
    /*TOP-B*/
    .md-destacados > div > .uk-panel {padding-bottom: 25px}
    .md-destacados h3 {font-size: 16px;width: 165px;bottom: 6px}

    /*MIDDLE*/
    .pg-inicio .uk-article table td,
    .pg-interior .uk-article table td {display: block;width: 100% !important;padding: inherit !important}

    /*BOTTOM-B*/
    .tm-bottom-b.uk-grid > *:last-child {display: none}

    /*pg-contacto*/.uk-img-preserve {height: 300px !important}

    /*PG-ASISTENCIA*/
    .md-asisequipo {margin-top: inherit}

    /*VIRTUEMAR FEATURED*/
    #FlexibleFrontpageTabs {display: none}

}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> RESPONSIVE BOTONS*/
@media only screen and (min-width: 0px) and (max-width: 768px) and (orientation : landscape) , only screen and (min-width: 0px) and (max-width: 480px) {
    /* BOTONS RESPONSIVE */
    #tm-top-b > * {margin: 0 !important}
    #tm-top-b.uk-grid::before, #tm-top-b.uk-grid::after {display: none}
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> RESPONSIVE MOBIL 02*/
@media only screen and (min-width: 0px) and (max-width: 560px) {
    /*navbar*/
    .mw-anagrama {display: none}
    .tm-logo-small {bottom: inherit;position: inherit}
    .tm-logo-small .mw-logo {margin: 10px 0px 0px 0px;width: calc(100% - 10px)}

    /*TOOLBAR-R*/
    .tm-toolbar {background:#297cd0}
    #btl .btl-panel > span {padding: 3px 10px;border-left: 1px solid rgba(255,255,255,0.25) !important}
    #btl .btl-panel > span::before {display: none}

    /*TOP-B*/
    .md-destacados > div > .uk-panel {padding-bottom: inherit}
    .md-destacados h3 {font-size: 17px;width: inherit;margin:inherit;bottom: 11px}

    .md-destacados .uk-overlay, .md-destacados .uk-overlay > img {width: 100%}

    /*SIDEBAR-A*/
    .bn-sidera > * {width: 100% !important}
    .bn-sidera > * + * {margin-left: inherit;margin-top: 4px}

    /*PG-INICIO*/
    .md-slider01 .uk-overlay-panel > div {padding: 4px 10px 5px}

    /*pg-contacto*/
    .md-map iframe {max-height: 320px}
    .pg-contacto .md-exclusivo table td {
        display: block;
        display: -webkit-block;
        display: -moz-block;
        display: -ms-block;
        padding-left: 0 !important;
        width: 100% !important;
        text-align: center
    }
    .pg-contacto .md-exclusivo table {width: 100%}
    .uk-img-preserve {height: 190px !important}

    /*VIRTUE MART - Llistat de categoria*/
    .category-view .row .category {width: 100% !important}

    /*VIRTUE MART - CARRO*/
    #flexibleNotification .flexibleContinue {margin: 0 0 10px;width: calc(100% - 50px)}
    #flexibleNotification .flexibleShowcart {width: calc(100% - 50px)}

}