in footer (only one right now) */
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell | */
background: #f4f0e8;
padding: 1px;
border: 1px solid #000;
background: #848078;
color: #fff;
text-align: center;
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
padding: 1px;
background: #e4e0d8;
}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
padding: 2px 0px 0px 2px;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
position: absolute;
display: none;
width: 4em;
top: 0px;
left: 0px;
cursor: default;
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
background: #e4e0d8;
font-size: 90%;
padding: 1px;
z-index: 100;
}
.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}
.calendar .combo .label-IEfix {
width: 4em;
}
.calendar .combo .active {
background: #c4c0b8;
padding: 0px;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
}
.calendar .combo .hilite {
background: #048;
color: #fea;
}
.calendar td.time {
border-top: 1px solid #000;
padding: 1px 0px;
text-align: center;
background-color: #f4f0e8;
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
padding: 0px 3px 0px 4px;
border: 1px solid #889;
font-weight: bold;
background-color: #fff;
}
.calendar td.time .ampm {
text-align: center;
}
.calendar td.time .colon {
padding: 0px 2px 0px 3px;
font-weight: bold;
}
.calendar td.time span.hilite {
border-color: #000;
background-color: #766;
color: #fff;
}
.calendar td.time span.active {
border-color: #f00;
background-color: #000;
color: #0f0;
}
/*
* Title: jQuery Etalage plugin CSS
* Author: Berend de Jong, Frique
* Author URI: http://www.frique.me/
* Version: 1.3.1 (20120705.1)
*
* ------------------------------------ STYLE ------------------------------------
* Edit this section to style your thumbnails, zoom area, magnifier etc.
* If the id of your Etalage instance is different, do a find/replace on #etalage.
* -------------------------------------------------------------------------------
*/
/* Etalage container (large thumb + small thumbs): */
#etalage{
display: none;
}
/* Large thumbnail: */
#etalage .etalage_thumb{
background: white url(../image/loading.gif) center no-repeat;
padding: 6px;
}
/* Large thumbnail - image (in case you want to add a border around the image within the frame) */
#etalage .etalage_thumb_image{ }
/* Small thumbnails: */
#etalage .etalage_small_thumbs li{
background: white;
margin: 10px;
padding: 3px;
}
/* The one on the left that makes them slide */
#etalage ul li.etalage_smallthumb_first{ }
/* The one on the right that makes them slide */
#etalage ul li.etalage_smallthumb_last{ }
/* The currently active one */
#etalage ul li.etalage_smallthumb_active{
}
/* Zoomed image area: */
#etalage .etalage_zoom_area,
.etalage_zoom_area{
background: white url(../image/loading.gif) center no-repeat;
padding: 6px;
}
/* Magnifier area (thumbnail hovering rectangle): */
#etalage .etalage_magnifier{
background: white;
border: 1px solid #bbb;
}
/* Icon that will apear at the left bottom of the large thumbnail (optional): */
#etalage .etalage_icon{
background: url(../image/zoom.png) no-repeat;
width: 14px;
height: 14px;
}
/* Hint that will apear at the top right of the large thumbnail (optional): */
#etalage .etalage_hint{
background: url(../image/hint.gif) no-repeat;
width: 130px;
height: 57px;
}
/* Description area (optional) */
#etalage .etalage_description{
background: white;
font-style: italic;
margin: 10px;
padding: 6px 10px;
}
/*
* ------------------------------------ FUNCTIONALITY --------------------------------------
* The following CSS serves to make Etalage function properly. Don't edit or edit carefully.
* -----------------------------------------------------------------------------------------
*/
.etalage, .etalage_thumb, .etalage_thumb_image, .etalage_source_image, .etalage_zoom_preview, .etalage_icon, .etalage_hint{ display:none }
.etalage, .etalage ul, .etalage li, .etalage img, .etalage_hint, .etalage_icon, .etalage_description{ margin:0; padding:0; border:0; list-style:none }
.etalage, .etalage_magnifier div, .etalage_magnifier div img, .etalage_small_thumbs ul, ul .etalage_small_thumbs li, .etalage_zoom_area div, .etalage_zoom_img{ position:relative }
.etalage img, .etalage li{ -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; -webkit-user-drag:none; -moz-user-drag:none; user-drag:none }
.etalage, .etalage_small_thumbs li{ float:left }
.etalage_right{ float:right }
.etalage li{ position:absolute }
.etalage img{ vertical-align:bottom; max-width:none }
.etalage_magnifier{ cursor:default }
.etalage_magnifier div, .etalage_small_thumbs{ overflow:hidden }
.etalage_magnifier div img{ display:none }
.etalage_icon, .etalage_hint{ cursor:default; width:0; height:0; overflow:hidden }
.etalage_small_thumbs li.vertical{ float:none }
.etalage_zoom_area{ z-index:996 }
.etalage_zoom_area div{ overflow:hidden; z-index:997 }
.etalage_zoom_preview{ position:absolute; z-index:998 }
.etalage_zoom_img, .etalage_hint{ z-index:999 }
.etalage{ direction:ltr; float: none; }
div.etalage_description{ position:absolute; bottom:0; left:0; z-index:999 }
div.etalage_description.rtl{ direction:rtl; text-align:right }
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(http://www.portotheme.com/magento/porto/js/smartwave/jquery/%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(http://www.portotheme.com/magento/porto/js/smartwave/jquery/%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(http://www.portotheme.com/magento/porto/js/smartwave/jquery/%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(http://www.portotheme.com/magento/porto/js/smartwave/jquery/%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(http://www.portotheme.com/magento/porto/js/smartwave/jquery/%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(http://www.portotheme.com/magento/porto/js/smartwave/jquery/%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(http://www.portotheme.com/magento/porto/js/smartwave/jquery/%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0); /* support: IE8 */
}
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
pointer-events: none;
}
/* Icons
----------------------------------*/
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-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: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 3px;
}
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa;
opacity: .003;
filter: Alpha(Opacity=.3); /* support: IE8 */
}
.ui-widget-shadow {
-webkit-box-shadow: 0px 0px 5px #666666;
box-shadow: 0px 0px 5px #666666;
}
/*!
* Bootstrap Grid v4.0.0-beta.2 (https://getbootstrap.com)
* Copyright 2011-2017 The Bootstrap Authors
* Copyright 2011-2017 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/@-ms-viewport{width:device-width}html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width: 576px){.container{max-width:540px}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 992px){.container{max-width:960px}}@media (min-width: 1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*="col-"]{padding-right:0;padding-left:0}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-webkit-flex-basis:0;-moz-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-grow:1;flex-grow:1;max-width:100%}.col-auto{-webkit-flex:0 0 auto;-moz-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-webkit-flex:0 0 8.3333333333%;-moz-flex:0 0 8.3333333333%;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-2{-webkit-flex:0 0 16.6666666667%;-moz-flex:0 0 16.6666666667%;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-3{-webkit-flex:0 0 25%;-moz-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-flex:0 0 33.3333333333%;-moz-flex:0 0 33.3333333333%;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-5{-webkit-flex:0 0 41.6666666667%;-moz-flex:0 0 41.6666666667%;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-6{-webkit-flex:0 0 50%;-moz-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-flex:0 0 58.3333333333%;-moz-flex:0 0 58.3333333333%;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-8{-webkit-flex:0 0 66.6666666667%;-moz-flex:0 0 66.6666666667%;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-9{-webkit-flex:0 0 75%;-moz-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-flex:0 0 83.3333333333%;-moz-flex:0 0 83.3333333333%;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-11{-webkit-flex:0 0 91.6666666667%;-moz-flex:0 0 91.6666666667%;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-12{-webkit-flex:0 0 100%;-moz-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-webkit-order:-1;-moz-order:-1;-ms-flex-order:-1;order:-1}.order-1{-webkit-order:1;-moz-order:1;-ms-flex-order:1;order:1}.order-2{-webkit-order:2;-moz-order:2;-ms-flex-order:2;order:2}.order-3{-webkit-order:3;-moz-order:3;-ms-flex-order:3;order:3}.order-4{-webkit-order:4;-moz-order:4;-ms-flex-order:4;order:4}.order-5{-webkit-order:5;-moz-order:5;-ms-flex-order:5;order:5}.order-6{-webkit-order:6;-moz-order:6;-ms-flex-order:6;order:6}.order-7{-webkit-order:7;-moz-order:7;-ms-flex-order:7;order:7}.order-8{-webkit-order:8;-moz-order:8;-ms-flex-order:8;order:8}.order-9{-webkit-order:9;-moz-order:9;-ms-flex-order:9;order:9}.order-10{-webkit-order:10;-moz-order:10;-ms-flex-order:10;order:10}.order-11{-webkit-order:11;-moz-order:11;-ms-flex-order:11;order:11}.order-12{-webkit-order:12;-moz-order:12;-ms-flex-order:12;order:12}.offset-1{margin-left:8.3333333333%}.offset-2{margin-left:16.6666666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333333%}.offset-5{margin-left:41.6666666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333333%}.offset-8{margin-left:66.6666666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333333%}.offset-11{margin-left:91.6666666667%}@media (min-width: 576px){.col-sm{-webkit-flex-basis:0;-moz-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-grow:1;flex-grow:1;max-width:100%}.col-sm-auto{-webkit-flex:0 0 auto;-moz-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-webkit-flex:0 0 8.3333333333%;-moz-flex:0 0 8.3333333333%;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-sm-2{-webkit-flex:0 0 16.6666666667%;-moz-flex:0 0 16.6666666667%;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-sm-3{-webkit-flex:0 0 25%;-moz-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-flex:0 0 33.3333333333%;-moz-flex:0 0 33.3333333333%;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-sm-5{-webkit-flex:0 0 41.6666666667%;-moz-flex:0 0 41.6666666667%;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-sm-6{-webkit-flex:0 0 50%;-moz-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-webkit-flex:0 0 58.3333333333%;-moz-flex:0 0 58.3333333333%;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-sm-8{-webkit-flex:0 0 66.6666666667%;-moz-flex:0 0 66.6666666667%;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-sm-9{-webkit-flex:0 0 75%;-moz-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-webkit-flex:0 0 83.3333333333%;-moz-flex:0 0 83.3333333333%;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-sm-11{-webkit-flex:0 0 91.6666666667%;-moz-flex:0 0 91.6666666667%;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-sm-12{-webkit-flex:0 0 100%;-moz-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-webkit-order:-1;-moz-order:-1;-ms-flex-order:-1;order:-1}.order-sm-1{-webkit-order:1;-moz-order:1;-ms-flex-order:1;order:1}.order-sm-2{-webkit-order:2;-moz-order:2;-ms-flex-order:2;order:2}.order-sm-3{-webkit-order:3;-moz-order:3;-ms-flex-order:3;order:3}.order-sm-4{-webkit-order:4;-moz-order:4;-ms-flex-order:4;order:4}.order-sm-5{-webkit-order:5;-moz-order:5;-ms-flex-order:5;order:5}.order-sm-6{-webkit-order:6;-moz-order:6;-ms-flex-order:6;order:6}.order-sm-7{-webkit-order:7;-moz-order:7;-ms-flex-order:7;order:7}.order-sm-8{-webkit-order:8;-moz-order:8;-ms-flex-order:8;order:8}.order-sm-9{-webkit-order:9;-moz-order:9;-ms-flex-order:9;order:9}.order-sm-10{-webkit-order:10;-moz-order:10;-ms-flex-order:10;order:10}.order-sm-11{-webkit-order:11;-moz-order:11;-ms-flex-order:11;order:11}.order-sm-12{-webkit-order:12;-moz-order:12;-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333333333%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-11{margin-left:91.6666666667%}}@media (min-width: 768px){.col-md{-webkit-flex-basis:0;-moz-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-grow:1;flex-grow:1;max-width:100%}.col-md-auto{-webkit-flex:0 0 auto;-moz-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-webkit-flex:0 0 8.3333333333%;-moz-flex:0 0 8.3333333333%;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-md-2{-webkit-flex:0 0 16.6666666667%;-moz-flex:0 0 16.6666666667%;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-3{-webkit-flex:0 0 25%;-moz-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-flex:0 0 33.3333333333%;-moz-flex:0 0 33.3333333333%;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-md-5{-webkit-flex:0 0 41.6666666667%;-moz-flex:0 0 41.6666666667%;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-md-6{-webkit-flex:0 0 50%;-moz-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-flex:0 0 58.3333333333%;-moz-flex:0 0 58.3333333333%;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-md-8{-webkit-flex:0 0 66.6666666667%;-moz-flex:0 0 66.6666666667%;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-md-9{-webkit-flex:0 0 75%;-moz-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-flex:0 0 83.3333333333%;-moz-flex:0 0 83.3333333333%;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-md-11{-webkit-flex:0 0 91.6666666667%;-moz-flex:0 0 91.6666666667%;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-md-12{-webkit-flex:0 0 100%;-moz-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-webkit-order:-1;-moz-order:-1;-ms-flex-order:-1;order:-1}.order-md-1{-webkit-order:1;-moz-order:1;-ms-flex-order:1;order:1}.order-md-2{-webkit-order:2;-moz-order:2;-ms-flex-order:2;order:2}.order-md-3{-webkit-order:3;-moz-order:3;-ms-flex-order:3;order:3}.order-md-4{-webkit-order:4;-moz-order:4;-ms-flex-order:4;order:4}.order-md-5{-webkit-order:5;-moz-order:5;-ms-flex-order:5;order:5}.order-md-6{-webkit-order:6;-moz-order:6;-ms-flex-order:6;order:6}.order-md-7{-webkit-order:7;-moz-order:7;-ms-flex-order:7;order:7}.order-md-8{-webkit-order:8;-moz-order:8;-ms-flex-order:8;order:8}.order-md-9{-webkit-order:9;-moz-order:9;-ms-flex-order:9;order:9}.order-md-10{-webkit-order:10;-moz-order:10;-ms-flex-order:10;order:10}.order-md-11{-webkit-order:11;-moz-order:11;-ms-flex-order:11;order:11}.order-md-12{-webkit-order:12;-moz-order:12;-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333333333%}.offset-md-2{margin-left:16.6666666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333333%}.offset-md-5{margin-left:41.6666666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333333%}.offset-md-8{margin-left:66.6666666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333333%}.offset-md-11{margin-left:91.6666666667%}}@media (min-width: 992px){.col-lg{-webkit-flex-basis:0;-moz-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-grow:1;flex-grow:1;max-width:100%}.col-lg-auto{-webkit-flex:0 0 auto;-moz-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-webkit-flex:0 0 8.3333333333%;-moz-flex:0 0 8.3333333333%;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-lg-2{-webkit-flex:0 0 16.6666666667%;-moz-flex:0 0 16.6666666667%;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-3{-webkit-flex:0 0 25%;-moz-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-flex:0 0 33.3333333333%;-moz-flex:0 0 33.3333333333%;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-lg-5{-webkit-flex:0 0 41.6666666667%;-moz-flex:0 0 41.6666666667%;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-lg-6{-webkit-flex:0 0 50%;-moz-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-flex:0 0 58.3333333333%;-moz-flex:0 0 58.3333333333%;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-lg-8{-webkit-flex:0 0 66.6666666667%;-moz-flex:0 0 66.6666666667%;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-lg-9{-webkit-flex:0 0 75%;-moz-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-flex:0 0 83.3333333333%;-moz-flex:0 0 83.3333333333%;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-lg-11{-webkit-flex:0 0 91.6666666667%;-moz-flex:0 0 91.6666666667%;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-lg-12{-webkit-flex:0 0 100%;-moz-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-webkit-order:-1;-moz-order:-1;-ms-flex-order:-1;order:-1}.order-lg-1{-webkit-order:1;-moz-order:1;-ms-flex-order:1;order:1}.order-lg-2{-webkit-order:2;-moz-order:2;-ms-flex-order:2;order:2}.order-lg-3{-webkit-order:3;-moz-order:3;-ms-flex-order:3;order:3}.order-lg-4{-webkit-order:4;-moz-order:4;-ms-flex-order:4;order:4}.order-lg-5{-webkit-order:5;-moz-order:5;-ms-flex-order:5;order:5}.order-lg-6{-webkit-order:6;-moz-order:6;-ms-flex-order:6;order:6}.order-lg-7{-webkit-order:7;-moz-order:7;-ms-flex-order:7;order:7}.order-lg-8{-webkit-order:8;-moz-order:8;-ms-flex-order:8;order:8}.order-lg-9{-webkit-order:9;-moz-order:9;-ms-flex-order:9;order:9}.order-lg-10{-webkit-order:10;-moz-order:10;-ms-flex-order:10;order:10}.order-lg-11{-webkit-order:11;-moz-order:11;-ms-flex-order:11;order:11}.order-lg-12{-webkit-order:12;-moz-order:12;-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.3333333333%}.offset-lg-2{margin-left:16.6666666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333333333%}.offset-lg-5{margin-left:41.6666666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333333333%}.offset-lg-8{margin-left:66.6666666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333333333%}.offset-lg-11{margin-left:91.6666666667%}}@media (min-width: 1200px){.col-xl{-webkit-flex-basis:0;-moz-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-grow:1;flex-grow:1;max-width:100%}.col-xl-auto{-webkit-flex:0 0 auto;-moz-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-webkit-flex:0 0 8.3333333333%;-moz-flex:0 0 8.3333333333%;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-xl-2{-webkit-flex:0 0 16.6666666667%;-moz-flex:0 0 16.6666666667%;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xl-3{-webkit-flex:0 0 25%;-moz-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-webkit-flex:0 0 33.3333333333%;-moz-flex:0 0 33.3333333333%;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-xl-5{-webkit-flex:0 0 41.6666666667%;-moz-flex:0 0 41.6666666667%;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-xl-6{-webkit-flex:0 0 50%;-moz-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-webkit-flex:0 0 58.3333333333%;-moz-flex:0 0 58.3333333333%;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-xl-8{-webkit-flex:0 0 66.6666666667%;-moz-flex:0 0 66.6666666667%;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-xl-9{-webkit-flex:0 0 75%;-moz-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-webkit-flex:0 0 83.3333333333%;-moz-flex:0 0 83.3333333333%;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-xl-11{-webkit-flex:0 0 91.6666666667%;-moz-flex:0 0 91.6666666667%;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-xl-12{-webkit-flex:0 0 100%;-moz-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-webkit-order:-1;-moz-order:-1;-ms-flex-order:-1;order:-1}.order-xl-1{-webkit-order:1;-moz-order:1;-ms-flex-order:1;order:1}.order-xl-2{-webkit-order:2;-moz-order:2;-ms-flex-order:2;order:2}.order-xl-3{-webkit-order:3;-moz-order:3;-ms-flex-order:3;order:3}.order-xl-4{-webkit-order:4;-moz-order:4;-ms-flex-order:4;order:4}.order-xl-5{-webkit-order:5;-moz-order:5;-ms-flex-order:5;order:5}.order-xl-6{-webkit-order:6;-moz-order:6;-ms-flex-order:6;order:6}.order-xl-7{-webkit-order:7;-moz-order:7;-ms-flex-order:7;order:7}.order-xl-8{-webkit-order:8;-moz-order:8;-ms-flex-order:8;order:8}.order-xl-9{-webkit-order:9;-moz-order:9;-ms-flex-order:9;order:9}.order-xl-10{-webkit-order:10;-moz-order:10;-ms-flex-order:10;order:10}.order-xl-11{-webkit-order:11;-moz-order:11;-ms-flex-order:11;order:11}.order-xl-12{-webkit-order:12;-moz-order:12;-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.3333333333%}.offset-xl-2{margin-left:16.6666666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333333333%}.offset-xl-5{margin-left:41.6666666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333333333%}.offset-xl-8{margin-left:66.6666666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333333333%}.offset-xl-11{margin-left:91.6666666667%}}.flex-row{-webkit-flex-direction:row !important;-moz-flex-direction:row !important;-ms-flex-direction:row !important;flex-direction:row !important}.flex-column{-webkit-flex-direction:column !important;-moz-flex-direction:column !important;-ms-flex-direction:column !important;flex-direction:column !important}.flex-row-reverse{-webkit-flex-direction:row-reverse !important;-moz-flex-direction:row-reverse !important;-ms-flex-direction:row-reverse !important;flex-direction:row-reverse !important}.flex-column-reverse{-webkit-flex-direction:column-reverse !important;-moz-flex-direction:column-reverse !important;-ms-flex-direction:column-reverse !important;flex-direction:column-reverse !important}.flex-wrap{-webkit-flex-wrap:wrap !important;-moz-flex-wrap:wrap !important;-ms-flex-wrap:wrap !important;flex-wrap:wrap !important}.flex-nowrap{-webkit-flex-wrap:nowrap !important;-moz-flex-wrap:nowrap !important;-ms-flex-wrap:nowrap !important;flex-wrap:nowrap !important}.flex-wrap-reverse{-webkit-flex-wrap:wrap-reverse !important;-moz-flex-wrap:wrap-reverse !important;-ms-flex-wrap:wrap-reverse !important;flex-wrap:wrap-reverse !important}.justify-content-start{-webkit-justify-content:flex-start !important;-moz-justify-content:flex-start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-end{-webkit-justify-content:flex-end !important;-moz-justify-content:flex-end !important;-ms-flex-pack:start !important;justify-content:flex-end !important}.justify-content-center{-webkit-justify-content:center !important;-moz-justify-content:center !important;-ms-flex-pack:center !important;justify-content:center !important}.justify-content-between{-webkit-justify-content:space-between !important;-moz-justify-content:space-between !important;-ms-flex-pack:justify !important;justify-content:space-between !important}.justify-content-around{-webkit-justify-content:space-around !important;-moz-justify-content:space-around !important;-ms-flex-pack:distribute !important;justify-content:space-around !important}.align-items-start{-webkit-align-items:flex-start !important;-moz-align-items:flex-start !important;-ms-flex-align:start !important;align-items:flex-start !important}.align-items-end{-webkit-align-items:flex-end !important;-moz-align-items:flex-end !important;-ms-flex-align:end !important;align-items:flex-end !important}.align-items-center{-webkit-align-items:center !important;-moz-align-items:center !important;-ms-flex-align:center !important;align-items:center !important}.align-items-baseline{-webkit-align-items:baseline !important;-moz-align-items:baseline !important;-ms-flex-align:baseline !important;align-items:baseline !important}.align-items-stretch{-webkit-align-items:stretch !important;-moz-align-items:stretch !important;-ms-flex-align:stretch !important;align-items:stretch !important}.align-content-start{align-content:flex-start !important}.align-content-end{align-content:flex-end !important}.align-content-center{align-content:center !important}.align-content-between{align-content:space-between !important}.align-content-around{align-content:space-around !important}.align-content-stretch{align-content:stretch !important}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-baseline{align-self:baseline !important}.align-self-stretch{align-self:stretch !important}@media (min-width: 576px){.flex-sm-row{-webkit-flex-direction:row !important;-moz-flex-direction:row !important;-ms-flex-direction:row !important;flex-direction:row !important}.flex-sm-column{-webkit-flex-direction:column !important;-moz-flex-direction:column !important;-ms-flex-direction:column !important;flex-direction:column !important}.flex-sm-row-reverse{-webkit-flex-direction:row-reverse !important;-moz-flex-direction:row-reverse !important;-ms-flex-direction:row-reverse !important;flex-direction:row-reverse !important}.flex-sm-column-reverse{-webkit-flex-direction:column-reverse !important;-moz-flex-direction:column-reverse !important;-ms-flex-direction:column-reverse !important;flex-direction:column-reverse !important}.flex-sm-wrap{-webkit-flex-wrap:wrap !important;-moz-flex-wrap:wrap !important;-ms-flex-wrap:wrap !important;flex-wrap:wrap !important}.flex-sm-nowrap{-webkit-flex-wrap:nowrap !important;-moz-flex-wrap:nowrap !important;-ms-flex-wrap:nowrap !important;flex-wrap:nowrap !important}.flex-sm-wrap-reverse{-webkit-flex-wrap:wrap-reverse !important;-moz-flex-wrap:wrap-reverse !important;-ms-flex-wrap:wrap-reverse !important;flex-wrap:wrap-reverse !important}.justify-content-sm-start{-webkit-justify-content:flex-start !important;-moz-justify-content:flex-start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-sm-end{-webkit-justify-content:flex-end !important;-moz-justify-content:flex-end !important;-ms-flex-pack:start !important;justify-content:flex-end !important}.justify-content-sm-center{-webkit-justify-content:center !important;-moz-justify-content:center !important;-ms-flex-pack:center !important;justify-content:center !important}.justify-content-sm-between{-webkit-justify-content:space-between !important;-moz-justify-content:space-between !important;-ms-flex-pack:justify !important;justify-content:space-between !important}.justify-content-sm-around{-webkit-justify-content:space-around !important;-moz-justify-content:space-around !important;-ms-flex-pack:distribute !important;justify-content:space-around !important}.align-items-sm-start{-webkit-align-items:flex-start !important;-moz-align-items:flex-start !important;-ms-flex-align:start !important;align-items:flex-start !important}.align-items-sm-end{-webkit-align-items:flex-end !important;-moz-align-items:flex-end !important;-ms-flex-align:end !important;align-items:flex-end !important}.align-items-sm-center{-webkit-align-items:center !important;-moz-align-items:center !important;-ms-flex-align:center !important;align-items:center !important}.align-items-sm-baseline{-webkit-align-items:baseline !important;-moz-align-items:baseline !important;-ms-flex-align:baseline !important;align-items:baseline !important}.align-items-sm-stretch{-webkit-align-items:stretch !important;-moz-align-items:stretch !important;-ms-flex-align:stretch !important;align-items:stretch !important}.align-content-sm-start{align-content:flex-start !important}.align-content-sm-end{align-content:flex-end !important}.align-content-sm-center{align-content:center !important}.align-content-sm-between{align-content:space-between !important}.align-content-sm-around{align-content:space-around !important}.align-content-sm-stretch{align-content:stretch !important}.align-self-sm-auto{align-self:auto !important}.align-self-sm-start{align-self:flex-start !important}.align-self-sm-end{align-self:flex-end !important}.align-self-sm-center{align-self:center !important}.align-self-sm-baseline{align-self:baseline !important}.align-self-sm-stretch{align-self:stretch !important}}@media (min-width: 768px){.flex-md-row{-webkit-flex-direction:row !important;-moz-flex-direction:row !important;-ms-flex-direction:row !important;flex-direction:row !important}.flex-md-column{-webkit-flex-direction:column !important;-moz-flex-direction:column !important;-ms-flex-direction:column !important;flex-direction:column !important}.flex-md-row-reverse{-webkit-flex-direction:row-reverse !important;-moz-flex-direction:row-reverse !important;-ms-flex-direction:row-reverse !important;flex-direction:row-reverse !important}.flex-md-column-reverse{-webkit-flex-direction:column-reverse !important;-moz-flex-direction:column-reverse !important;-ms-flex-direction:column-reverse !important;flex-direction:column-reverse !important}.flex-md-wrap{-webkit-flex-wrap:wrap !important;-moz-flex-wrap:wrap !important;-ms-flex-wrap:wrap !important;flex-wrap:wrap !important}.flex-md-nowrap{-webkit-flex-wrap:nowrap !important;-moz-flex-wrap:nowrap !important;-ms-flex-wrap:nowrap !important;flex-wrap:nowrap !important}.flex-md-wrap-reverse{-webkit-flex-wrap:wrap-reverse !important;-moz-flex-wrap:wrap-reverse !important;-ms-flex-wrap:wrap-reverse !important;flex-wrap:wrap-reverse !important}.justify-content-md-start{-webkit-justify-content:flex-start !important;-moz-justify-content:flex-start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-md-end{-webkit-justify-content:flex-end !important;-moz-justify-content:flex-end !important;-ms-flex-pack:start !important;justify-content:flex-end !important}.justify-content-md-center{-webkit-justify-content:center !important;-moz-justify-content:center !important;-ms-flex-pack:center !important;justify-content:center !important}.justify-content-md-between{-webkit-justify-content:space-between !important;-moz-justify-content:space-between !important;-ms-flex-pack:justify !important;justify-content:space-between !important}.justify-content-md-around{-webkit-justify-content:space-around !important;-moz-justify-content:space-around !important;-ms-flex-pack:distribute !important;justify-content:space-around !important}.align-items-md-start{-webkit-align-items:flex-start !important;-moz-align-items:flex-start !important;-ms-flex-align:start !important;align-items:flex-start !important}.align-items-md-end{-webkit-align-items:flex-end !important;-moz-align-items:flex-end !important;-ms-flex-align:end !important;align-items:flex-end !important}.align-items-md-center{-webkit-align-items:center !important;-moz-align-items:center !important;-ms-flex-align:center !important;align-items:center !important}.align-items-md-baseline{-webkit-align-items:baseline !important;-moz-align-items:baseline !important;-ms-flex-align:baseline !important;align-items:baseline !important}.align-items-md-stretch{-webkit-align-items:stretch !important;-moz-align-items:stretch !important;-ms-flex-align:stretch !important;align-items:stretch !important}.align-content-md-start{align-content:flex-start !important}.align-content-md-end{align-content:flex-end !important}.align-content-md-center{align-content:center !important}.align-content-md-between{align-content:space-between !important}.align-content-md-around{align-content:space-around !important}.align-content-md-stretch{align-content:stretch !important}.align-self-md-auto{align-self:auto !important}.align-self-md-start{align-self:flex-start !important}.align-self-md-end{align-self:flex-end !important}.align-self-md-center{align-self:center !important}.align-self-md-baseline{align-self:baseline !important}.align-self-md-stretch{align-self:stretch !important}}@media (min-width: 992px){.flex-lg-row{-webkit-flex-direction:row !important;-moz-flex-direction:row !important;-ms-flex-direction:row !important;flex-direction:row !important}.flex-lg-column{-webkit-flex-direction:column !important;-moz-flex-direction:column !important;-ms-flex-direction:column !important;flex-direction:column !important}.flex-lg-row-reverse{-webkit-flex-direction:row-reverse !important;-moz-flex-direction:row-reverse !important;-ms-flex-direction:row-reverse !important;flex-direction:row-reverse !important}.flex-lg-column-reverse{-webkit-flex-direction:column-reverse !important;-moz-flex-direction:column-reverse !important;-ms-flex-direction:column-reverse !important;flex-direction:column-reverse !important}.flex-lg-wrap{-webkit-flex-wrap:wrap !important;-moz-flex-wrap:wrap !important;-ms-flex-wrap:wrap !important;flex-wrap:wrap !important}.flex-lg-nowrap{-webkit-flex-wrap:nowrap !important;-moz-flex-wrap:nowrap !important;-ms-flex-wrap:nowrap !important;flex-wrap:nowrap !important}.flex-lg-wrap-reverse{-webkit-flex-wrap:wrap-reverse !important;-moz-flex-wrap:wrap-reverse !important;-ms-flex-wrap:wrap-reverse !important;flex-wrap:wrap-reverse !important}.justify-content-lg-start{-webkit-justify-content:flex-start !important;-moz-justify-content:flex-start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-lg-end{-webkit-justify-content:flex-end !important;-moz-justify-content:flex-end !important;-ms-flex-pack:start !important;justify-content:flex-end !important}.justify-content-lg-center{-webkit-justify-content:center !important;-moz-justify-content:center !important;-ms-flex-pack:center !important;justify-content:center !important}.justify-content-lg-between{-webkit-justify-content:space-between !important;-moz-justify-content:space-between !important;-ms-flex-pack:justify !important;justify-content:space-between !important}.justify-content-lg-around{-webkit-justify-content:space-around !important;-moz-justify-content:space-around !important;-ms-flex-pack:distribute !important;justify-content:space-around !important}.align-items-lg-start{-webkit-align-items:flex-start !important;-moz-align-items:flex-start !important;-ms-flex-align:start !important;align-items:flex-start !important}.align-items-lg-end{-webkit-align-items:flex-end !important;-moz-align-items:flex-end !important;-ms-flex-align:end !important;align-items:flex-end !important}.align-items-lg-center{-webkit-align-items:center !important;-moz-align-items:center !important;-ms-flex-align:center !important;align-items:center !important}.align-items-lg-baseline{-webkit-align-items:baseline !important;-moz-align-items:baseline !important;-ms-flex-align:baseline !important;align-items:baseline !important}.align-items-lg-stretch{-webkit-align-items:stretch !important;-moz-align-items:stretch !important;-ms-flex-align:stretch !important;align-items:stretch !important}.align-content-lg-start{align-content:flex-start !important}.align-content-lg-end{align-content:flex-end !important}.align-content-lg-center{align-content:center !important}.align-content-lg-between{align-content:space-between !important}.align-content-lg-around{align-content:space-around !important}.align-content-lg-stretch{align-content:stretch !important}.align-self-lg-auto{align-self:auto !important}.align-self-lg-start{align-self:flex-start !important}.align-self-lg-end{align-self:flex-end !important}.align-self-lg-center{align-self:center !important}.align-self-lg-baseline{align-self:baseline !important}.align-self-lg-stretch{align-self:stretch !important}}@media (min-width: 1200px){.flex-xl-row{-webkit-flex-direction:row !important;-moz-flex-direction:row !important;-ms-flex-direction:row !important;flex-direction:row !important}.flex-xl-column{-webkit-flex-direction:column !important;-moz-flex-direction:column !important;-ms-flex-direction:column !important;flex-direction:column !important}.flex-xl-row-reverse{-webkit-flex-direction:row-reverse !important;-moz-flex-direction:row-reverse !important;-ms-flex-direction:row-reverse !important;flex-direction:row-reverse !important}.flex-xl-column-reverse{-webkit-flex-direction:column-reverse !important;-moz-flex-direction:column-reverse !important;-ms-flex-direction:column-reverse !important;flex-direction:column-reverse !important}.flex-xl-wrap{-webkit-flex-wrap:wrap !important;-moz-flex-wrap:wrap !important;-ms-flex-wrap:wrap !important;flex-wrap:wrap !important}.flex-xl-nowrap{-webkit-flex-wrap:nowrap !important;-moz-flex-wrap:nowrap !important;-ms-flex-wrap:nowrap !important;flex-wrap:nowrap !important}.flex-xl-wrap-reverse{-webkit-flex-wrap:wrap-reverse !important;-moz-flex-wrap:wrap-reverse !important;-ms-flex-wrap:wrap-reverse !important;flex-wrap:wrap-reverse !important}.justify-content-xl-start{-webkit-justify-content:flex-start !important;-moz-justify-content:flex-start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-xl-end{-webkit-justify-content:flex-end !important;-moz-justify-content:flex-end !important;-ms-flex-pack:start !important;justify-content:flex-end !important}.justify-content-xl-center{-webkit-justify-content:center !important;-moz-justify-content:center !important;-ms-flex-pack:center !important;justify-content:center !important}.justify-content-xl-between{-webkit-justify-content:space-between !important;-moz-justify-content:space-between !important;-ms-flex-pack:justify !important;justify-content:space-between !important}.justify-content-xl-around{-webkit-justify-content:space-around !important;-moz-justify-content:space-around !important;-ms-flex-pack:distribute !important;justify-content:space-around !important}.align-items-xl-start{-webkit-align-items:flex-start !important;-moz-align-items:flex-start !important;-ms-flex-align:start !important;align-items:flex-start !important}.align-items-xl-end{-webkit-align-items:flex-end !important;-moz-align-items:flex-end !important;-ms-flex-align:end !important;align-items:flex-end !important}.align-items-xl-center{-webkit-align-items:center !important;-moz-align-items:center !important;-ms-flex-align:center !important;align-items:center !important}.align-items-xl-baseline{-webkit-align-items:baseline !important;-moz-align-items:baseline !important;-ms-flex-align:baseline !important;align-items:baseline !important}.align-items-xl-stretch{-webkit-align-items:stretch !important;-moz-align-items:stretch !important;-ms-flex-align:stretch !important;align-items:stretch !important}.align-content-xl-start{align-content:flex-start !important}.align-content-xl-end{align-content:flex-end !important}.align-content-xl-center{align-content:center !important}.align-content-xl-between{align-content:space-between !important}.align-content-xl-around{align-content:space-around !important}.align-content-xl-stretch{align-content:stretch !important}.align-self-xl-auto{align-self:auto !important}.align-self-xl-start{align-self:flex-start !important}.align-self-xl-end{align-self:flex-end !important}.align-self-xl-center{align-self:center !important}.align-self-xl-baseline{align-self:baseline !important}.align-self-xl-stretch{align-self:stretch !important}}.float-left{float:left !important}.float-right{float:right !important}.float-none{float:none !important}@media (min-width: 576px){.float-sm-left{float:left !important}.float-sm-right{float:right !important}.float-sm-none{float:none !important}}@media (min-width: 768px){.float-md-left{float:left !important}.float-md-right{float:right !important}.float-md-none{float:none !important}}@media (min-width: 992px){.float-lg-left{float:left !important}.float-lg-right{float:right !important}.float-lg-none{float:none !important}}@media (min-width: 1200px){.float-xl-left{float:left !important}.float-xl-right{float:right !important}.float-xl-none{float:none !important}}.text-justify{text-align:justify !important}.text-nowrap{white-space:nowrap !important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left !important}.text-right{text-align:right !important}.text-center{text-align:center !important}@media (min-width: 576px){.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}.text-sm-center{text-align:center !important}}@media (min-width: 768px){.text-md-left{text-align:left !important}.text-md-right{text-align:right !important}.text-md-center{text-align:center !important}}@media (min-width: 992px){.text-lg-left{text-align:left !important}.text-lg-right{text-align:right !important}.text-lg-center{text-align:center !important}}@media (min-width: 1200px){.text-xl-left{text-align:left !important}.text-xl-right{text-align:right !important}.text-xl-center{text-align:center !important}}
/*
* Core Owl Carousel CSS File
* v1.3.2
*/
/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* display none until init */
.owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
cursor:url(../image/grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
/*
* Owl Carousel Owl Demo Theme
* v1.3.2
*/
.owl-theme .owl-controls{
margin-top: 10px;
text-align: center;
}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
text-decoration: none;
}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #869791;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
/* preloading images */
.owl-item.loading{
min-height: 150px;
background: url(../image/AjaxLoader.gif) no-repeat center center
}
/*
* Owl Carousel CSS3 Transitions
* v1.3.2
*/
.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x : 50%;
-webkit-perspective-origin-y : 50%;
-moz-perspective : 1200px;
-moz-perspective-origin-x : 50%;
-moz-perspective-origin-y : 50%;
perspective : 1200px;
}
/* fade */
.owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
0% {opacity: 1}
}
@-moz-keyframes empty {
0% {opacity: 1}
}
@keyframes empty {
0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-moz-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
25% { opacity: .5; -moz-transform: translateZ(-500px); }
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
25% { opacity: .5; transform: translateZ(-500px); }
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -moz-transform: translateZ(-500px); }
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; transform: translateZ(-500px); }
100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
from { opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes scaleUpTo {
to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
to { opacity: 0; transform: scale(1.5); }
}
.selectbox { vertical-align: middle; cursor: pointer; margin-top: 0px; z-index: 1; text-transform: uppercase; height: 26px; }
.selectbox .select { height: 26px; padding: 0 20px 0 10px; border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.selectbox:hover .select { }
.selectbox .select:active { }
.selectbox.focused .select { }
.selectbox .select .text { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 11px; line-height: 24px; }
.selectbox .select .text img { margin: 7px 6px 0 0; display: inline-block; width: 16px; height: 11px; }
.selectbox .trigger { position: absolute; top: 0; right: 0; width: 20px; height: 100%; font-size: 11px; }
.selectbox .trigger i { display: block; margin-top: 6px; }
.selectbox .dropdown { top: auto; border: 1px solid #ccc; }
.selectbox .dropdown ul { top: auto; margin: 0; padding: 4px 0; background-color: #fff; box-shadow: 0 0 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 2px rgba(0,0,0,0.1); text-align: left; }
.selectbox ul { margin-bottom: 0; }
.selectbox li { padding: 3px 9px; display: block; }
.selectbox li:hover { background-color: #ccc; }
.selectbox li.disabled { }
.selectbox li.disabled:hover { }
.selectbox li a { text-decoration: none; display: block; padding: 0; background-color: transparent; border: 0; border-radius: 0; font-size: 11px; }
.selectbox li:hover a, .selectbox li a:hover { color: #fff; }
.selectbox li a img { margin: 0 6px 0 0; display: inline-block; width: 16px; height: 11px; }
.selectbox.default .select { background: #ececec; cursor: pointer; border: solid #CAC9C9 1px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-size: 10px; padding: 0px 30px 0px 0px; text-transform: uppercase; font-weight: bold; line-height: 1; height: 30px; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027),inset 0px 1px 0px rgba(255,255,255,0.69),inset 0px -1px 0px rgba(0,0,0,0.0187),inset 0px 16px 15px rgba(255,255,255,0.57); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027),inset 0px 1px 0px rgba(255,255,255,0.69),inset 0px -1px 0px rgba(0,0,0,0.0187),inset 0px 16px 15px rgba(255,255,255,0.57); -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027),inset 0px 1px 0px rgba(255,255,255,0.69),inset 0px -1px 0px rgba(0,0,0,0.0187),inset 0px 16px 15px rgba(255,255,255,0.57); box-shadow: 0px 2px 2px rgba(0,0,0,0.027),inset 0px 1px 0px rgba(255,255,255,0.69),inset 0px -1px 0px rgba(0,0,0,0.0187),inset 0px 16px 15px rgba(255,255,255,0.57); }
.selectbox.default .trigger .arrow { border-top-color: #999; margin-left: -4px; margin-top: 2px; }
.selectbox.default .trigger:before { display: inline-block; width: 0; height: 0; vertical-align: middle; border-top: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #ccc; border-left: 4px solid transparent; }
.selectbox.default:hover .select { -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027),inset 0px 1px 0px rgba(255,255,255,0.69),inset 0px -1px 0px rgba(0,0,0,0.0187),inset 0px 16px 15px rgba(255,255,255,0.75); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027),inset 0px 1px 0px rgba(255,255,255,0.69),inset 0px -1px 0px rgba(0,0,0,0.0187),inset 0px 16px 15px rgba(255,255,255,0.75);
-o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027),inset 0px 1px 0px rgba(255,255,255,0.69),inset 0px -1px 0px rgba(0,0,0,0.0187),inset 0px 16px 15px rgba(255,255,255,0.75); box-shadow: 0px 2px 2px rgba(0,0,0,0.027),inset 0px 1px 0px rgba(255,255,255,0.69),inset 0px -1px 0px rgba(0,0,0,0.0187),inset 0px 16px 15px rgba(255,255,255,0.75); }
.selectbox.default .select .text { padding: 0 10px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 10px; color: #666; text-shadow: 0 1px 0 rgba(255,255,255,0.59); line-height: 28px;}
.selectbox.default:hover .select .text { color: #888; text-shadow: 0 1px 0 rgba(255,255,255,0.69); }
.selectbox.default .trigger { width: 0; height: 0; border: 4px solid transparent; border-bottom-color: #999; margin-right: 9px; margin-top: 5px; }
.selectbox.default .dropdown ul { margin-top: 1px; margin-bottom: 1px; background: #fafafa; }
.selectbox.default .dropdown ul:before { display: none; }
/*==========================================*/
/**
* Magento
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE_AFL.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@magento.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade Magento to newer
* versions in the future. If you wish to customize Magento for your
* needs please refer to http://www.magento.com for more information.
*
* @category design
* @package base_default
* @copyright Copyright (c) 2006-2017 X.commerce, Inc. and affiliates (http://www.magento.com)
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
*/
/* Widgets =============================================================================== */
.widget { display: inline; }
.widget .widget-title { clear: both; padding: 15px 0 0; margin: 0 0 7px; }
.widget .widget-title h2 { font-size: 15px; font-weight: bold; color: #E25203; }
.widget .mini-products-images-list .product-image { display: block; width: 76px; height: 76px; border: 1px solid #A9A9A9; margin: 0 auto; }
.widget .mini-products-images-list li.item { float: left; width: 77px; height: 77px; }
/* Widget: Catalog New Proructs List */
.widget-new-products { display: block; }
.col-main .widget-new-products { margin: 7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width: 85px; height: 85px; }
.widget-new-products .products-list .product-shop { margin-left: 100px; }
.sidebar .widget-new-products .block { font-size: 11px; line-height: 1.25; }
.sidebar .widget-new-products .block-title strong { background: url(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/i_widget-link.gif) 100% 4px no-repeat; padding: 0 15px 0 0; }
/* ======================================================================================= */
.etalage img.gallery-image {max-width: 100%}
/* ============================================ *
* Configurable Swatches
* ============================================ */
/* Clears */
.clearfix:after,
.configurable-swatch-list:after,
.product-view .product-options .swatch-attr:after {
content: '';
display: table;
clear: both;
}
/* General Swatch Styling */
.swatch-link,
.swatch-label {
display: block;
border-radius: 3px;
font-size: 11px;
text-align: center;
color: #636363;
text-decoration: none;
box-sizing: content-box;
}
.swatch-link {
border: 1px solid #CCCCCC;
margin: 0 0 3px;
}
.swatch-link img {
border-radius: 2px;
}
.swatch-link:hover {
cursor: pointer;
text-decoration: none;
}
.swatch-link .x {
display: none;
text-indent: -999em;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 10;
}
.swatch-link.has-image .swatch-label {
position: relative;
}
.swatch-link.has-image img {
position: absolute;
top: 0;
left: 0;
}
.swatch-label {
border: 1px solid #FFFFFF;
margin: 0;
white-space: nowrap;
background: #F4F4F4;
}
.configurable-swatch-list {
zoom: 1;
-webkit-transform: translateZ(0px);
}
.configurable-swatch-list li {
display: inline-block;
zoom: 1;
}
.products-grid .configurable-swatch-list li {
display: inline-block;
float: none;
margin: 0;
vertical-align: top;
}
.configurable-swatch-list .not-available .x {
display: block;
}
.configurable-swatch-list .not-available .swatch-link {
border-color: #EDEDED;
position: relative;
}
.configurable-swatch-list .not-available .swatch-link.has-image img {
opacity: 0.4;
filter: alpha(opacity=40);
}
.configurable-swatch-list .not-available .swatch-label {
color: #AAAAAA;
background: #FFFFFF;
}
.configurable-swatch-list .wide-swatch .swatch-label {
padding: 0 6px;
}
.configurable-swatch-list .not-available a:focus {
outline: 0;
}
#narrow-by-list dd .configurable-swatch-list.no-count {
margin-right: -7px;
}
#narrow-by-list dd .configurable-swatch-list li {
margin: 0 0 5px 3px;
width: 47%;
}
#narrow-by-list dd .configurable-swatch-list.no-count li {
margin: 0 0 5px 0;
width: auto;
}
#narrow-by-list dd .swatch-link {
border: none;
line-height: 25px;
margin-right: 2px;
text-align: left;
}
#narrow-by-list dd .swatch-link.has-image {
line-height: inherit;
}
#narrow-by-list dd .swatch-link:hover .swatch-label {
border-color: #0088CC;
}
#narrow-by-list dd .swatch-label {
background: #F4F4F4;
border: 1px solid #CCCCCC;
border-radius: 3px;
display: block;
float: left;
line-height: 1.5em;
margin: 0;
padding: 0;
white-space: nowrap;
}
#narrow-by-list dd .swatch-label img {
border: 1px solid #FFFFFF;
border-radius: 3px;
box-sizing: content-box;
}
@media only screen and (max-width: 770px) {
#narrow-by-list dd .configurable-swatch-list li:nth-child(odd) {
clear: left;
}
}
.currently .swatch-current {
position: relative;
}
.currently .swatch-current .btn-remove {
margin-top: -10px;
position: absolute;
right: 0;
top: 50%;
}
.currently .swatch-current span {
display: block;
float: left;
}
.currently .swatch-link {
display: inline-block;
margin: 0 0 0 3px;
}
.currently .swatch-link:hover {
border-color: #CCCCCC;
cursor: default;
}
/* Other Swatch States */
.configurable-swatch-list .hover .swatch-link,
.configurable-swatch-list .selected .swatch-link,
.swatch-link:hover {
border-color: #0088CC;
}
.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: #FFFFFF !important;
float: left;
display: block;
border-radius: 3px;
}
/* CUSTOM */
.product-view .product-options .swatch-attr {
float: none;
display: block;
clear: both;
border: 0;
}
.product-view .product-options .swatch-attr label,
.product-view .product-options .swatch-attr .select-label {
font-size: 12px;
}
.product-view .product-options .swatch-attr label {
display: block;
line-height: 1.3;
}
.product-view .product-options .swatch-attr .select-label {
display: inline;
font-weight: normal;
color: #0088CC;
padding-left: 5px;
}
.timeleft-text {
font-size: 18px;
font-weight: normal;
color: #000044;
margin-left: 3px;
}
.dailydeal {
margin-bottom: -5px;
font-family: georgia;
}
.sidebardailydeal .item {
}
.dailydeal-sidebar-product-name a {
color: #203548;
font-size: 13px;
font-weight: bold;
margin: 0 0 5px;
}
.dailydeal-sidebar-product-name a {
color: #666666 !important;
font-family: georgia;
font-size: 14px;
text-decoration: none;
}
.btn-dailydeal {
background: none repeat scroll 0 0 transparent;
border: 0 none;
cursor: pointer;
height: 52px;
margin: 0;
overflow: visible;
padding: 0;
width: auto;
}
.btn-dailydeal span {
background: url("../image/bnt-add-to-cart.png") no-repeat scroll 0 0 transparent;
color: #FFFFFF;
float: left;
font-family: Impact;
font-size: 30px;
font-weight: normal;
height: 52px;
line-height: 47px;
overflow: visible;
padding: 0 0 0 25px;
position: relative;
text-align: center;
white-space: nowrap;
}
.btn-dailydeal span span {
background-position: 100% 0;
padding: 0 25px 0 0;
}
/*------- Daily Deal sidebar left ------------------*/
.block-dailydeal {
font-family: georgia;
border: 1px solid #C2BFBB;
}
.sidebardailydeal {
/*background: url("../image/mid-line.png") no-repeat scroll left bottom transparent;
float: left;
padding-bottom: 20px;
padding-top: 15px;*/
}
.block-dailydeal div.last {
background: none transparent !important;
}
.block-dailydeal .block-content {
background: none repeat scroll 0 0 #F5F5F5;
}
.sidebardailydeal .dailydeal-sidebar-product-name a {
font-weight: normal;
}
.block-subscribe .block-content {
padding: 6px;
}
.sidebar-product-image img {
margin-left: 0;
border: 1px solid #FDFDFD;
}
.dailydeal-price, .save-sold, .time-left, .block-dailydeal .time-left {
width: 100%;
float: left;
}
.block-dailydeal .time-left {
border-top: 1px dashed #B8B8B8;
margin-top: 6px;
padding: 5px 0;
font-size: 14px;
font-weight: normal;
color: #828282;
}
.block-dailydeal .time-left label, .block-dailydeal .time-left div span {
font-weight: normal;
color: #828282;
font-size: 14px;
}
.block-dailydeal .time-left div span {
color: #FF9F07;
font-family: Impact;
font-size: 14px;
}
.dailydeal-price li, .save-sold li {
float: left;
}
.dailydeal-price .special-price .price {
font-family: Impact;
font-size: 23px;
font-weight: normal;
color: #FF9F07;
}
.dailydeal-price .old-price {
margin-top: 6px;
margin-left: 14px;
}
.dailydeal-price .old-price .price {
font-size: 13px;
font-weight: normal;
color: #666666;
}
.save-sold li label {
display: block;
}
.save-sold li label {
color: #F14141;
font-size: 14px;
font-weight: normal;
}
.save-sold li.lastspecial {
margin-right: 0 !important;
}
.save-sold li.special-price {
margin-right: 15px;
text-align: center;
}
.sidebardailydeal .time-left .text-time {
color: #FFFFFF !important;
font-weight: normal !important;
font-size: 14px;
font-family: "Open Sans";
}
.save-sold .special-price .price {
color: #F14141;
font-family: "Open Sans";
font-size: 14px;
font-weight: normal;
}
.timeleft li {
display: inline-block;
vertical-align: middle;
}
/*------- End Daily Deal sidebar left ------------------*/
/*------------Daily Deal Grid ----*/
.dailydeal-grid .product-image {
width: 340px !important;
height: 190px !important;
margin: 0 !important;
padding: 0 !Important;
background: #F5F5F5;
float: left;
}
.dailydeal-grid li.last {
margin-left: 20px !important;
}
.dailydeal-grid {
width: 702px !important;
background: none transparent !important;
font-family: georgia;
border: 0 none;
}
.dailydeal-grid li.item {
width: 340px;
padding: 0 !important;
/* background: #f5f5f5; */
position: relative;
margin: 10px 0;
}
.dailydeal-grid .wrap-grid-action {
width: 100%;
float: left;
}
.dailydeal-grid .wrap-grid-action .btn-dailydeal {
float: left;
width: 158px;
margin-right: 25px;
}
.dailydeal-grid .time-left .timeleft-text {
color: #FF9F07;
margin-left: 5px;
}
.dailydeal-grid li.item .bg-bottom-dailydeal {
position: relative;
bottom: 0;
height: 11px;
width: 100%;
background: url(../image/bg_bottom_li.png) no-repeat scroll left bottom;
float: left;
}
.dailydeal-grid .time-left li, .dailydeal-grid .time-left .timeleft {
float: left;
/* margin-right: 8px; */
line-height: 35px;
color: #828282;
font-size: 14px;
font-family: georgia;
}
.dailydeal-grid .wrap-grid-action .save-sold {
float: left;
width: auto;
}
.bottom-grid-dailydeal {
background: #F5F5F5;
padding: 17px;
float: left;
}
.wrap-grid-action button.btn-dailydeal {
float: left;
}
/*------------End Daily Deal Grid ----*/
/*------------Daily Deal Detail --------------*/
.product-essential .wrap-timeleft-detail li {
float: left;
margin: 10px 0 10px 5px;
}
.product-essential .wrap-timeleft-detail li.time-day {
margin-left: 15px;
}
.product-essential .wrap-timeleft-detail li.time-sec {
margin-right: 0;
}
.product-essential .wrap-timeleft-detail .timeleft-text {
display: block;
width: 30px;
background: url(../image/bg-digital.png) no-repeat;
height: 78px;
width: 72px;
color: #FFFFFF;
font-size: 35px;
line-height: 65px;
text-align: center;
position: relative;
margin-left: 0;
/* text-decoration: line-through; */
}
.product-view .timeleft {
text-align: left;
}
.product-view .wrap-timeleft-detail .text-time {
text-transform: uppercase;
font-weight: bold;
}
.product-essential .bg-saleoff {
float: left;
text-align: center;
margin-bottom: 20px;
font: normal 30px "Open Sans";
margin-right: 30px;
}
.product-essential .bg-saleoff .off-label {
font-size: 12px;
}
.product-essential .bg-saleoff span {
margin-top: 4px;
color: #F14141;
display: inline-block;
}
.product-view .product-shop .wrap-timeleft-detail {
border: 1px solid #FFFFFF;
width: 100%;
float: left;
margin-bottom: 20px;
}
.product-view .product-shop .timeleft {
width: 100%;
}
.product-view .bottom-home-dailydeal ul.time-left {
background: transparent;
text-align: left;
padding: 0;
}
.product-view .bottom-home-dailydeal ul.time-left > span {
font-family: 'Open Sans';
font-size: 15px;
font-weight: 600;
color: #21293C;
margin-bottom: 7px;
}
.bottom-product-dailydeal {margin-bottom: 20px;float: left;width: 100%;}
/*------------End Daily Deal Detail --------------*/
.dailydeal-list li .product-image {
width: 340px !important;
height: 190px !important;
margin: 0 !important;
padding: 0 !important;
}
.dailydeal-list .product-shop {
margin-left: 350px;
}
/*------------End List Daily Deal --------------*/
/* Daily Deail ================================================================================ */
.wrapper-dailydeal {
float: left;
width: 100%;
}
.wrapper-dailydeal .dailydeal-title {
_background: url("../image/border-dailydeal.png") no-repeat scroll center top rgba(0, 0, 0, 0);
float: left;
width: 100%;
text-align: center;
}
.wrapper-dailydeal .dailydeal-title h2 {
font: normal 25px "Open Sans";
text-transform: uppercase;
color: #666666;
margin-top: 30px;
}
.wrapper-dailydeal .dailydeal-title p {
font: normal 12px Arial;
color: #909090;
}
.daily-category-products {
float: left;
width: 100%;
}
.daily-category-products .sub-dailydeal {
float: left;
width: 100% !important;
}
.daily-category-products .sub-dailydeal .item {
float: left;
width: 270px;
margin-right: 30px;
border: 1px solid #E3E3E3;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
padding: 10px;
}
.daily-category-products .sub-dailydeal .item:hover {
border: 1px solid #A0A0A0;
}
.daily-category-products .sub-dailydeal .last {
margin: 0;
}
.daily-category-products .sub-dailydeal .item .product-image {
float: left;
width: 100%;
}
.daily-category-products .sub-dailydeal .item .product-image img {
text-align: center;
border: 1px solid #E7E7E7;
display: block;
}
.daily-category-products .sub-dailydeal .bottom-home-dailydeal .product-name {
float: left;
width: 100%;
margin-top: 10px;
}
.daily-category-products .sub-dailydeal .bottom-home-dailydeal .product-name a {
color: #666666;
float: left;
font: 16px "Open Sans";
text-align: center;
width: 100%;
margin: 0;
}
.sub-dailydeal .item-daily-top {
position: relative;
min-height: 248px;
margin-bottom: 20px;
}
.item-daily-top ul.dailydeal-price {
background: url("../image/bg-price1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
margin: 0;
position: absolute;
bottom: 0;
opacity: 0;
}
.item-daily-top ul.dailydeal-price li {
height: 32px;
line-height: 32px;
margin: 0;
padding: 0;
width: 50%;
text-align: center;
}
.item-daily-top ul.dailydeal-price li.special-price span {
font-size: 16px !important;
color: #F14141 !important;
}
.item-daily-top ul.dailydeal-price li span.price {
font: normal 14px "Open Sans";
color: #FFFFFF;
}
.item-daily-top:hover .dailydeal-price {
opacity: 1;
}
.bottom-home-dailydeal ul.time-left {
float: left;
width: 100%;
background: #F14141;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
padding: 10px;
text-align: center;
font-family: 'Oswald';
}
.bottom-home-dailydeal ul.time-left > span {
display: inline-block;
vertical-align: middle;
color: #FFFFFF;
font-size: 11px;
text-transform: uppercase;
}
.bottom-home-dailydeal ul.time-left div.timeleft {
display: inline-block;
vertical-align: middle;
margin-top: -4px;
}
.product-view .bottom-home-dailydeal ul.time-left div.timeleft {
margin-top: 7px;
margin-left: -1px;
}
.bottom-home-dailydeal ul.time-left li.time-year span.text-time, .bottom-home-dailydeal ul.time-left li.time-month span.text-time, .bottom-home-dailydeal ul.time-left li.time-day span.text-time {
margin: 0 2px;
text-transform: uppercase;
}
.bottom-home-dailydeal ul.time-left li span {
font-size: 13px;
font-weight: 600;
color: #FFFFFF;
}
.bottom-home-dailydeal ul.time-left li span.timeleft-text {
display: inline-block;
vertical-align: middle;
font-size: 13px;
}
.bottom-home-dailydeal ul.time-left li span.text-time {
display: inline-block;
vertical-align: middle;
font-size: 13px;
color: #FFFFFF;
}
.product-view .bottom-home-dailydeal ul.time-left li span.text-time {
font-size: 10px;
display: block;
text-transform: uppercase;
font-weight: 400;
}
/*------- Daily Deal sidebar left2 ------------------*/
.block-dailydeal-new {
font-family: georgia;
border: 1px solid #E3E3E3;
}
.block-dailydeal-new:hover {
border: 1px solid #A0A0A0;
}
.block-dailydeal-new .sidebardailydeal {}
.block-dailydeal-new .sidebardailydeal a {
float: left;
width: 100%;
}
.block-dailydeal-new .sidebardailydeal a img {
}
.block-dailydeal-new .item-daily-top {
position: relative;
min-height: 180px;
margin-bottom: 20px;
float: left;
}
.dailydeal-sidebar-product-name {
float: left;
width: 100%;
margin-top: 10px;
}
.dailydeal-sidebar-product-name a {
text-align: center;
}
.block-dailydeal-new .block-title strong span {}
.dailydeal-item-left {
font-size: 12px;
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #FFFFFF;
color: #444444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
margin: 0;
}
.fancybox-error {
color: #444444;
font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('../image/fancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('../image/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('../image/blank.gif'); /* helps IE */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('../image/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222222;
color: #FFFFFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #FFFFFF;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #FFFFFF;
padding: 10px;
background: #000000;
background: rgba(0, 0, 0, .8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('../image/fancybox_sprite@2x.png');
background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
background-image: url('../image/fancybox_loading@2x.gif');
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}
.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: 0;
padding: 0; }
.postTitle h3 {
font-size: 10px;
margin: 0;
padding-top: 2px;
padding-right: 0;
padding-bottom: 2px;
padding-left: 0; }
.postContent {
padding-bottom: 10px; }
.postContent img {
width: 100%;
height: auto; }
.postBookmarks {
padding-bottom: 10px; }
.postBookmarks h4 {
font-size: 12px;
font-weight: bold; }
.commentWrapper {
padding-bottom: 15px; }
.commentContent {
padding-bottom: 0; }
.commentDetails {
margin-bottom: 5px;
padding: 0; }
.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-categories {
margin: 5px 9px; }
.menu-categories h5 {
font-size: 11px; }
.menu-recent {
margin: 5px 9px; }
.menu-recent h5 {
font-size: 11px; }
.block-blog .menu-tags UL LI {
display: inline;
padding: 2px;
margin-left: 10px; }
.block-blog .menu-tags UL LI a {
font-size: 11px; }
.block-blog .menu-categories {
margin: 0;
padding: 5px 9px; }
.block-blog .menu-categories UL LI {
margin-left: 10px; }
.block-blog .menu-categories UL LI a {
font-size: 11px; }
.block-blog .menu-recent UL LI {
margin-left: 10px; }
.block-blog .menu-recent UL LI a {
font-size: 11px; }
.block-blog .head h4 {
padding-left: 20px; }
.block-blog .block-title strong {
background-image: url(../image/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%; }
.block-blog-recent ul li {
margin-bottom: 10px; }
.block-blog-recent ul li div {
font-family: 'Georgia';
font-size: 12px;
font-weight: normal;
font-style: italic;
color: #C5988B;
text-align: right; }
.block-blog-recent ul li div.post-image {
width: 60px;
background: #B8B8B8;
float: left;
margin-right: 20px; }
.block-blog-recent ul li div.post-time {
margin-top: 5px; }
.block-blog-recent ul li a {
font-family: 'Lato_Regular';
font-size: 15px;
font-weight: normal;
color: #5B5A55;
line-height: 15px; }
.block-blog-recent .post-image img {
width: 100%;
height: auto; }
.block.block-blog-tags ul li {
float: left;
margin: 0 7px 15px 0; }
.block.block-blog-tags ul li a {
display: block;
padding: 10px 14px;
background-color: #E1E1E1;
color: #7E7D79;
font-family: Georgia;
font-size: 13px;
font-weight: bold;
line-height: 11px; }
.block.block-blog-tags ul li a:hover {
background-color: #C5988B;
color: #FFFFFF; }
.block.block-blog-categories a {
color: #5B5A55;
font-size: 15px;
text-decoration: none;
text-transform: none;
margin-left: 15px; }
.widget-latest li {
font-size: 12px;
padding: 5px 10px; }
.block-blog .menu-categories {
margin: 0;
padding: 5px 9px; }
A.smartwaveblog_current_comment {
text-decoration: none;
font-weight: bold; }
/**
* ISAAC Priceslider
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade Magento to newer
* versions in the future. If you wish to customize Magento for your
* needs please refer to http://www.magentocommerce.com for more information.
*
* @category ISAAC
* @package ISAAC_Priceslider
* @copyright Copyright (c) 2011 ISAAC Software Solutions B.V. (http://www.isaac.nl)
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
* @author Aad Mathijssen, Sam Berghmans
* @version 1.0.0
*/
.header .form-search #cat { width: 118px; float: left; margin-right: 2px;}
.header .form-search #search { width: 97px; float: left; margin-right: 2px; }
.header .form-search label { width: 22px; float: left; }
#search_mini_form .header .form-search button.button { float: right; margin-right: 8px; }
.maintitle {
border-left: 1px solid #DBDBDB;
border-radius: 5px 5px 0 0;
border-right: 1px solid #DBDBDB;
border-top: 1px solid #DBDBDB;
color: #3A3A3A;
float: none;
font-size: 14px;
height: 29px;
padding: 6px 10px 0;
clear: both;
}
.titlemain {
color: #3A3A3A;
float: left;
font-size: 14px;
font-weight: bold;
}
.viewall {
float: right;
}
.viewall a {
color: #5C5C5C;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
}
.products-grid li.item {
float: left;
padding: 12px 10px 80px;
width: 138px;
}
/*.std .category-products ul.products-grid, .std .category-products ol.products-grid {
width: 634px;
}*/
.std .category-products ul, .std .category-products ol {
list-style: none outside none;
padding: 0;
margin: 0;
}
/*.maintitle {
width: 634px;
}*/
/*!
* Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@font-face {
font-family: 'FontAwesome';
src: url('fonts/fontawesome-webfont.eot?v=4.0.3');
src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal
}
.fa {display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.fa-lg {font-size: 1.3333333333333333em;line-height: .75em;vertical-align: -15%}
.fa-2x {font-size: 2em}
.fa-3x {font-size: 3em}
.fa-4x {font-size: 4em}
.fa-5x {font-size: 5em}
.fa-fw {width: 1.2857142857142858em;text-align: center}
.fa-ul {padding-left: 0;margin-left: 2.142857142857143em;list-style-type: none}
.fa-ul > li {position: relative}
.fa-li {position: absolute;left: -2.142857142857143em;width: 2.142857142857143em;top: .14285714285714285em;text-align: center}
.fa-li.fa-lg {left: -1.8571428571428572em}
.fa-border {padding: .2em .25em .15em;border: solid .08em #EEEEEE;border-radius: .1em}
.pull-right {float: right}
.pull-left {float: left}
.fa.pull-left {margin-right: .3em}
.fa.pull-right {margin-left: .3em}
.fa-spin {-webkit-animation: spin 2s infinite linear;-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;animation: spin 2s infinite linear}
@-moz-keyframes spin {
0% {-moz-transform: rotate(0deg)}
100% {-moz-transform: rotate(359deg)}
}
@-webkit-keyframes spin {
0% {-webkit-transform: rotate(0deg)}
100% {-webkit-transform: rotate(359deg)}
}
@-o-keyframes spin {
0% {-o-transform: rotate(0deg)}
100% {-o-transform: rotate(359deg)}
}
@-ms-keyframes spin {
0% {-ms-transform: rotate(0deg)}
100% {-ms-transform: rotate(359deg)}
}
@keyframes spin {
0% {transform: rotate(0deg)}
100% {transform: rotate(359deg)}
}
.fa-rotate-90 {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg)}
.fa-rotate-180 {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg)}
.fa-rotate-270 {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);-ms-transform: rotate(270deg);-o-transform: rotate(270deg);transform: rotate(270deg)}
.fa-flip-horizontal {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform: scale(-1, 1);-moz-transform: scale(-1, 1);-ms-transform: scale(-1, 1);-o-transform: scale(-1, 1);transform: scale(-1, 1)}
.fa-flip-vertical {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform: scale(1, -1);-moz-transform: scale(1, -1);-ms-transform: scale(1, -1);-o-transform: scale(1, -1);transform: scale(1, -1)}
.fa-stack {position: relative;display: inline-block;width: 2em;height: 2em;line-height: 2em;vertical-align: middle}
.fa-stack-1x, .fa-stack-2x {position: absolute;left: 0;width: 100%;text-align: center}
.fa-stack-1x {line-height: inherit}
.fa-stack-2x {font-size: 2em}
.fa-inverse {color: #FFFFFF}
.fa-glass:before {content: "\f000"}
.fa-music:before {content: "\f001"}
.fa-search:before {content: "\f002"}
.fa-envelope-o:before {content: "\f003"}
.fa-heart:before {content: "\f004"}
.fa-star:before {content: "\f005"}
.fa-star-o:before {content: "\f006"}
.fa-user:before {content: "\f007"}
.fa-film:before {content: "\f008"}
.fa-th-large:before {content: "\f009"}
.fa-th:before {content: "\f00a"}
.fa-th-list:before {content: "\f00b"}
.fa-check:before {content: "\f00c"}
.fa-times:before {content: "\f00d"}
.fa-search-plus:before {content: "\f00e"}
.fa-search-minus:before {content: "\f010"}
.fa-power-off:before {content: "\f011"}
.fa-signal:before {content: "\f012"}
.fa-gear:before, .fa-cog:before {content: "\f013"}
.fa-trash-o:before {content: "\f014"}
.fa-home:before {content: "\f015"}
.fa-file-o:before {content: "\f016"}
.fa-clock-o:before {content: "\f017"}
.fa-road:before {content: "\f018"}
.fa-download:before {content: "\f019"}
.fa-arrow-circle-o-down:before {content: "\f01a"}
.fa-arrow-circle-o-up:before {content: "\f01b"}
.fa-inbox:before {content: "\f01c"}
.fa-play-circle-o:before {content: "\f01d"}
.fa-rotate-right:before, .fa-repeat:before {content: "\f01e"}
.fa-refresh:before {content: "\f021"}
.fa-list-alt:before {content: "\f022"}
.fa-lock:before {content: "\f023"}
.fa-flag:before {content: "\f024"}
.fa-headphones:before {content: "\f025"}
.fa-volume-off:before {content: "\f026"}
.fa-volume-down:before {content: "\f027"}
.fa-volume-up:before {content: "\f028"}
.fa-qrcode:before {content: "\f029"}
.fa-barcode:before {content: "\f02a"}
.fa-tag:before {content: "\f02b"}
.fa-tags:before {content: "\f02c"}
.fa-book:before {content: "\f02d"}
.fa-bookmark:before {content: "\f02e"}
.fa-print:before {content: "\f02f"}
.fa-camera:before {content: "\f030"}
.fa-font:before {content: "\f031"}
.fa-bold:before {content: "\f032"}
.fa-italic:before {content: "\f033"}
.fa-text-height:before {content: "\f034"}
.fa-text-width:before {content: "\f035"}
.fa-align-left:before {content: "\f036"}
.fa-align-center:before {content: "\f037"}
.fa-align-right:before {content: "\f038"}
.fa-align-justify:before {content: "\f039"}
.fa-list:before {content: "\f03a"}
.fa-dedent:before, .fa-outdent:before {content: "\f03b"}
.fa-indent:before {content: "\f03c"}
.fa-video-camera:before {content: "\f03d"}
.fa-picture-o:before {content: "\f03e"}
.fa-pencil:before {content: "\f040"}
.fa-map-marker:before {content: "\f041"}
.fa-adjust:before {content: "\f042"}
.fa-tint:before {content: "\f043"}
.fa-edit:before, .fa-pencil-square-o:before {content: "\f044"}
.fa-share-square-o:before {content: "\f045"}
.fa-check-square-o:before {content: "\f046"}
.fa-arrows:before {content: "\f047"}
.fa-step-backward:before {content: "\f048"}
.fa-fast-backward:before {content: "\f049"}
.fa-backward:before {content: "\f04a"}
.fa-play:before {content: "\f04b"}
.fa-pause:before {content: "\f04c"}
.fa-stop:before {content: "\f04d"}
.fa-forward:before {content: "\f04e"}
.fa-fast-forward:before {content: "\f050"}
.fa-step-forward:before {content: "\f051"}
.fa-eject:before {content: "\f052"}
.fa-chevron-left:before {content: "\f053"}
.fa-chevron-right:before {content: "\f054"}
.fa-plus-circle:before {content: "\f055"}
.fa-minus-circle:before {content: "\f056"}
.fa-times-circle:before {content: "\f057"}
.fa-check-circle:before {content: "\f058"}
.fa-question-circle:before {content: "\f059"}
.fa-info-circle:before {content: "\f05a"}
.fa-crosshairs:before {content: "\f05b"}
.fa-times-circle-o:before {content: "\f05c"}
.fa-check-circle-o:before {content: "\f05d"}
.fa-ban:before {content: "\f05e"}
.fa-arrow-left:before {content: "\f060"}
.fa-arrow-right:before {content: "\f061"}
.fa-arrow-up:before {content: "\f062"}
.fa-arrow-down:before {content: "\f063"}
.fa-mail-forward:before, .fa-share:before {content: "\f064"}
.fa-expand:before {content: "\f065"}
.fa-compress:before {content: "\f066"}
.fa-plus:before {content: "\f067"}
.fa-minus:before {content: "\f068"}
.fa-asterisk:before {content: "\f069"}
.fa-exclamation-circle:before {content: "\f06a"}
.fa-gift:before {content: "\f06b"}
.fa-leaf:before {content: "\f06c"}
.fa-fire:before {content: "\f06d"}
.fa-eye:before {content: "\f06e"}
.fa-eye-slash:before {content: "\f070"}
.fa-warning:before, .fa-exclamation-triangle:before {content: "\f071"}
.fa-plane:before {content: "\f072"}
.fa-calendar:before {content: "\f073"}
.fa-random:before {content: "\f074"}
.fa-comment:before {content: "\f075"}
.fa-magnet:before {content: "\f076"}
.fa-chevron-up:before {content: "\f077"}
.fa-chevron-down:before {content: "\f078"}
.fa-retweet:before {content: "\f079"}
.fa-shopping-cart:before {content: "\f07a"}
.fa-folder:before {content: "\f07b"}
.fa-folder-open:before {content: "\f07c"}
.fa-arrows-v:before {content: "\f07d"}
.fa-arrows-h:before {content: "\f07e"}
.fa-bar-chart-o:before {content: "\f080"}
.fa-twitter-square:before {content: "\f081"}
.fa-facebook-square:before {content: "\f082"}
.fa-camera-retro:before {content: "\f083"}
.fa-key:before {content: "\f084"}
.fa-gears:before, .fa-cogs:before {content: "\f085"}
.fa-comments:before {content: "\f086"}
.fa-thumbs-o-up:before {content: "\f087"}
.fa-thumbs-o-down:before {content: "\f088"}
.fa-star-half:before {content: "\f089"}
.fa-heart-o:before {content: "\f08a"}
.fa-sign-out:before {content: "\f08b"}
.fa-linkedin-square:before {content: "\f08c"}
.fa-thumb-tack:before {content: "\f08d"}
.fa-external-link:before {content: "\f08e"}
.fa-sign-in:before {content: "\f090"}
.fa-trophy:before {content: "\f091"}
.fa-github-square:before {content: "\f092"}
.fa-upload:before {content: "\f093"}
.fa-lemon-o:before {content: "\f094"}
.fa-phone:before {content: "\f095"}
.fa-square-o:before {content: "\f096"}
.fa-bookmark-o:before {content: "\f097"}
.fa-phone-square:before {content: "\f098"}
.fa-twitter:before {content: "\f099"}
.fa-facebook:before {content: "\f09a"}
.fa-github:before {content: "\f09b"}
.fa-unlock:before {content: "\f09c"}
.fa-credit-card:before {content: "\f09d"}
.fa-rss:before {content: "\f09e"}
.fa-hdd-o:before {content: "\f0a0"}
.fa-bullhorn:before {content: "\f0a1"}
.fa-bell:before {content: "\f0f3"}
.fa-certificate:before {content: "\f0a3"}
.fa-hand-o-right:before {content: "\f0a4"}
.fa-hand-o-left:before {content: "\f0a5"}
.fa-hand-o-up:before {content: "\f0a6"}
.fa-hand-o-down:before {content: "\f0a7"}
.fa-arrow-circle-left:before {content: "\f0a8"}
.fa-arrow-circle-right:before {content: "\f0a9"}
.fa-arrow-circle-up:before {content: "\f0aa"}
.fa-arrow-circle-down:before {content: "\f0ab"}
.fa-globe:before {content: "\f0ac"}
.fa-wrench:before {content: "\f0ad"}
.fa-tasks:before {content: "\f0ae"}
.fa-filter:before {content: "\f0b0"}
.fa-briefcase:before {content: "\f0b1"}
.fa-arrows-alt:before {content: "\f0b2"}
.fa-group:before, .fa-users:before {content: "\f0c0"}
.fa-chain:before, .fa-link:before {content: "\f0c1"}
.fa-cloud:before {content: "\f0c2"}
.fa-flask:before {content: "\f0c3"}
.fa-cut:before, .fa-scissors:before {content: "\f0c4"}
.fa-copy:before, .fa-files-o:before {content: "\f0c5"}
.fa-paperclip:before {content: "\f0c6"}
.fa-save:before, .fa-floppy-o:before {content: "\f0c7"}
.fa-square:before {content: "\f0c8"}
.fa-bars:before {content: "\f0c9"}
.fa-list-ul:before {content: "\f0ca"}
.fa-list-ol:before {content: "\f0cb"}
.fa-strikethrough:before {content: "\f0cc"}
.fa-underline:before {content: "\f0cd"}
.fa-table:before {content: "\f0ce"}
.fa-magic:before {content: "\f0d0"}
.fa-truck:before {content: "\f0d1"}
.fa-pinterest:before {content: "\f0d2"}
.fa-pinterest-square:before {content: "\f0d3"}
.fa-google-plus-square:before {content: "\f0d4"}
.fa-google-plus:before {content: "\f0d5"}
.fa-money:before {content: "\f0d6"}
.fa-caret-down:before {content: "\f0d7"}
.fa-caret-up:before {content: "\f0d8"}
.fa-caret-left:before {content: "\f0d9"}
.fa-caret-right:before {content: "\f0da"}
.fa-columns:before {content: "\f0db"}
.fa-unsorted:before, .fa-sort:before {content: "\f0dc"}
.fa-sort-down:before, .fa-sort-asc:before {content: "\f0dd"}
.fa-sort-up:before, .fa-sort-desc:before {content: "\f0de"}
.fa-envelope:before {content: "\f0e0"}
.fa-linkedin:before {content: "\f0e1"}
.fa-rotate-left:before, .fa-undo:before {content: "\f0e2"}
.fa-legal:before, .fa-gavel:before {content: "\f0e3"}
.fa-dashboard:before, .fa-tachometer:before {content: "\f0e4"}
.fa-comment-o:before {content: "\f0e5"}
.fa-comments-o:before {content: "\f0e6"}
.fa-flash:before, .fa-bolt:before {content: "\f0e7"}
.fa-sitemap:before {content: "\f0e8"}
.fa-umbrella:before {content: "\f0e9"}
.fa-paste:before, .fa-clipboard:before {content: "\f0ea"}
.fa-lightbulb-o:before {content: "\f0eb"}
.fa-exchange:before {content: "\f0ec"}
.fa-cloud-download:before {content: "\f0ed"}
.fa-cloud-upload:before {content: "\f0ee"}
.fa-user-md:before {content: "\f0f0"}
.fa-stethoscope:before {content: "\f0f1"}
.fa-suitcase:before {content: "\f0f2"}
.fa-bell-o:before {content: "\f0a2"}
.fa-coffee:before {content: "\f0f4"}
.fa-cutlery:before {content: "\f0f5"}
.fa-file-text-o:before {content: "\f0f6"}
.fa-building-o:before {content: "\f0f7"}
.fa-hospital-o:before {content: "\f0f8"}
.fa-ambulance:before {content: "\f0f9"}
.fa-medkit:before {content: "\f0fa"}
.fa-fighter-jet:before {content: "\f0fb"}
.fa-beer:before {content: "\f0fc"}
.fa-h-square:before {content: "\f0fd"}
.fa-plus-square:before {content: "\f0fe"}
.fa-angle-double-left:before {content: "\f100"}
.fa-angle-double-right:before {content: "\f101"}
.fa-angle-double-up:before {content: "\f102"}
.fa-angle-double-down:before {content: "\f103"}
.fa-angle-left:before {content: "\f104"}
.fa-angle-right:before {content: "\f105"}
.fa-angle-up:before {content: "\f106"}
.fa-angle-down:before {content: "\f107"}
.fa-desktop:before {content: "\f108"}
.fa-laptop:before {content: "\f109"}
.fa-tablet:before {content: "\f10a"}
.fa-mobile-phone:before, .fa-mobile:before {content: "\f10b"}
.fa-circle-o:before {content: "\f10c"}
.fa-quote-left:before {content: "\f10d"}
.fa-quote-right:before {content: "\f10e"}
.fa-spinner:before {content: "\f110"}
.fa-circle:before {content: "\f111"}
.fa-mail-reply:before, .fa-reply:before {content: "\f112"}
.fa-github-alt:before {content: "\f113"}
.fa-folder-o:before {content: "\f114"}
.fa-folder-open-o:before {content: "\f115"}
.fa-smile-o:before {content: "\f118"}
.fa-frown-o:before {content: "\f119"}
.fa-meh-o:before {content: "\f11a"}
.fa-gamepad:before {content: "\f11b"}
.fa-keyboard-o:before {content: "\f11c"}
.fa-flag-o:before {content: "\f11d"}
.fa-flag-checkered:before {content: "\f11e"}
.fa-terminal:before {content: "\f120"}
.fa-code:before {content: "\f121"}
.fa-reply-all:before {content: "\f122"}
.fa-mail-reply-all:before {content: "\f122"}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {content: "\f123"}
.fa-location-arrow:before {content: "\f124"}
.fa-crop:before {content: "\f125"}
.fa-code-fork:before {content: "\f126"}
.fa-unlink:before, .fa-chain-broken:before {content: "\f127"}
.fa-question:before {content: "\f128"}
.fa-info:before {content: "\f129"}
.fa-exclamation:before {content: "\f12a"}
.fa-superscript:before {content: "\f12b"}
.fa-subscript:before {content: "\f12c"}
.fa-eraser:before {content: "\f12d"}
.fa-puzzle-piece:before {content: "\f12e"}
.fa-microphone:before {content: "\f130"}
.fa-microphone-slash:before {content: "\f131"}
.fa-shield:before {content: "\f132"}
.fa-calendar-o:before {content: "\f133"}
.fa-fire-extinguisher:before {content: "\f134"}
.fa-rocket:before {content: "\f135"}
.fa-maxcdn:before {content: "\f136"}
.fa-chevron-circle-left:before {content: "\f137"}
.fa-chevron-circle-right:before {content: "\f138"}
.fa-chevron-circle-up:before {content: "\f139"}
.fa-chevron-circle-down:before {content: "\f13a"}
.fa-html5:before {content: "\f13b"}
.fa-css3:before {content: "\f13c"}
.fa-anchor:before {content: "\f13d"}
.fa-unlock-alt:before {content: "\f13e"}
.fa-bullseye:before {content: "\f140"}
.fa-ellipsis-h:before {content: "\f141"}
.fa-ellipsis-v:before {content: "\f142"}
.fa-rss-square:before {content: "\f143"}
.fa-play-circle:before {content: "\f144"}
.fa-ticket:before {content: "\f145"}
.fa-minus-square:before {content: "\f146"}
.fa-minus-square-o:before {content: "\f147"}
.fa-level-up:before {content: "\f148"}
.fa-level-down:before {content: "\f149"}
.fa-check-square:before {content: "\f14a"}
.fa-pencil-square:before {content: "\f14b"}
.fa-external-link-square:before {content: "\f14c"}
.fa-share-square:before {content: "\f14d"}
.fa-compass:before {content: "\f14e"}
.fa-toggle-down:before, .fa-caret-square-o-down:before {content: "\f150"}
.fa-toggle-up:before, .fa-caret-square-o-up:before {content: "\f151"}
.fa-toggle-right:before, .fa-caret-square-o-right:before {content: "\f152"}
.fa-euro:before, .fa-eur:before {content: "\f153"}
.fa-gbp:before {content: "\f154"}
.fa-dollar:before, .fa-usd:before {content: "\f155"}
.fa-rupee:before, .fa-inr:before {content: "\f156"}
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {content: "\f157"}
.fa-ruble:before, .fa-rouble:before, .fa-rub:before {content: "\f158"}
.fa-won:before, .fa-krw:before {content: "\f159"}
.fa-bitcoin:before, .fa-btc:before {content: "\f15a"}
.fa-file:before {content: "\f15b"}
.fa-file-text:before {content: "\f15c"}
.fa-sort-alpha-asc:before {content: "\f15d"}
.fa-sort-alpha-desc:before {content: "\f15e"}
.fa-sort-amount-asc:before {content: "\f160"}
.fa-sort-amount-desc:before {content: "\f161"}
.fa-sort-numeric-asc:before {content: "\f162"}
.fa-sort-numeric-desc:before {content: "\f163"}
.fa-thumbs-up:before {content: "\f164"}
.fa-thumbs-down:before {content: "\f165"}
.fa-youtube-square:before {content: "\f166"}
.fa-youtube:before {content: "\f167"}
.fa-xing:before {content: "\f168"}
.fa-xing-square:before {content: "\f169"}
.fa-youtube-play:before {content: "\f16a"}
.fa-dropbox:before {content: "\f16b"}
.fa-stack-overflow:before {content: "\f16c"}
.fa-instagram:before {content: "\f16d"}
.fa-flickr:before {content: "\f16e"}
.fa-adn:before {content: "\f170"}
.fa-bitbucket:before {content: "\f171"}
.fa-bitbucket-square:before {content: "\f172"}
.fa-tumblr:before {content: "\f173"}
.fa-tumblr-square:before {content: "\f174"}
.fa-long-arrow-down:before {content: "\f175"}
.fa-long-arrow-up:before {content: "\f176"}
.fa-long-arrow-left:before {content: "\f177"}
.fa-long-arrow-right:before {content: "\f178"}
.fa-apple:before {content: "\f179"}
.fa-windows:before {content: "\f17a"}
.fa-android:before {content: "\f17b"}
.fa-linux:before {content: "\f17c"}
.fa-dribbble:before {content: "\f17d"}
.fa-skype:before {content: "\f17e"}
.fa-foursquare:before {content: "\f180"}
.fa-trello:before {content: "\f181"}
.fa-female:before {content: "\f182"}
.fa-male:before {content: "\f183"}
.fa-gittip:before {content: "\f184"}
.fa-sun-o:before {content: "\f185"}
.fa-moon-o:before {content: "\f186"}
.fa-archive:before {content: "\f187"}
.fa-bug:before {content: "\f188"}
.fa-vk:before {content: "\f189"}
.fa-weibo:before {content: "\f18a"}
.fa-renren:before {content: "\f18b"}
.fa-pagelines:before {content: "\f18c"}
.fa-stack-exchange:before {content: "\f18d"}
.fa-arrow-circle-o-right:before {content: "\f18e"}
.fa-arrow-circle-o-left:before {content: "\f190"}
.fa-toggle-left:before, .fa-caret-square-o-left:before {content: "\f191"}
.fa-dot-circle-o:before {content: "\f192"}
.fa-wheelchair:before {content: "\f193"}
.fa-vimeo-square:before {content: "\f194"}
.fa-turkish-lira:before, .fa-try:before {content: "\f195"}
.fa-plus-square-o:before {content: "\f196"}
.sw-row {
margin-right: -15px;
margin-left: -15px;
}
.sw-row:before, .sw-row:after {
display: table;
content: " ";
}
.sw-row:after {
clear: both;
}
/*New Style*/
/* ---added from version 1.0.2 ---*/
/*1.0.2 start*/
.col-sw-1,
.col-sw-2,
.col-sw-3,
.col-sw-4,
.col-sw-5,
.col-sw-6,
.col-sw-7,
.col-sw-8,
.col-sw-9,
.col-sw-10,
.col-sw-11,
.col-sw-12 {
float: left;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px; }
.col-sw-2:nth-child(2n+1), .col-sw-3:nth-child(3n+1), .col-sw-4:nth-child(4n+1), .col-sw-5:nth-child(5n+1), .col-sw-6:nth-child(6n+1), .col-sw-7:nth-child(7n+1), .col-sw-8:nth-child(8n+1), .col-sw-9:nth-child(9n+1), .col-sw-10:nth-child(10n+1), .col-sw-11:nth-child(11n+1), .col-sw-12:nth-child(12n+1) {clear: both}
.col-sw-1 {
width: 100%; }
.col-sw-2 {
width: 50%; }
.col-sw-3 {
width: 33.3333%; }
.col-sw-4 {
width: 25%; }
.col-sw-5 {
width: 20%; }
.col-sw-6 {
width: 16.6666%; }
.col-sw-7 {
width: 14.2857%; }
.col-sw-8 {
width: 12.5%; }
.col-sw-9 {
width: 11.1111%; }
.col-sw-10 {
width: 10%; }
.col-sw-11 {
width: 9.0909%; }
.col-sw-12 {
width: 8.3333%; }
/*1.0.2 end*/
.main-nav { border-top: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; padding: 2px 0; position: relative; }
.main-nav .double-border { border-top: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; }
.fixed-header a,
.main-nav a { color: #000000; text-align: left; }
.fixed-header a:hover,
.main-nav a:hover { color: #FF0000; }
.fixed-header .menu,
.main-nav .menu { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style: none; margin-bottom: 0; padding-left: 0; }
.fixed-header .menu > li,
.main-nav .menu > li { display: inline-block; padding: 0 22px; }
.fixed-header .menu > li > a,
.main-nav .menu > li > a { display: block; position: relative; padding: 13px 5px; text-transform: uppercase; font-weight: 400; }
.fixed-header .menu > li > a:after,
.main-nav .menu > li > a:after { content: ""; position: absolute; width: 100%; height: 50px; bottom: -20px; left: 0; }
.fixed-header .menu > li > a > span.cat-label,
.main-nav .menu > li > a > span.cat-label { position: absolute; top: 8px; right: -25px; font: 11px arial, sans-serif; text-transform: uppercase; padding: 0 2px; }
.fixed-header .menu > li > a > span.cat-label.cat-label-label1,
.main-nav .menu > li > a > span.cat-label.cat-label-label1 { background: #FF0000; color: #FFFFFF; }
.fixed-header .menu > li > a > span.cat-label.cat-label-label2,
.main-nav .menu > li > a > span.cat-label.cat-label-label2 { background: #0000FF; color: #FFFFFF; }
.fixed-header .menu > li .nav-sublist-dropdown,
.main-nav .menu > li .nav-sublist-dropdown { display: none; position: absolute; z-index: 10000; width: 200px; top: 100%; border-bottom: 1px solid #EBEBEB; padding: 0; background-color: #FFFFFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; list-style: none; }
.fixed-header .menu > li .nav-sublist-dropdown.active,
.main-nav .menu > li .nav-sublist-dropdown.active { display: list-item; }
.fixed-header .menu > li .nav-sublist-dropdown:before,
.main-nav .menu > li .nav-sublist-dropdown:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: -15px;
z-index: -1; }
.fixed-header .menu > li .nav-sublist-dropdown ul,
.main-nav .menu > li .nav-sublist-dropdown ul {
padding-left: 0;
margin-bottom: 0;
list-style: none; }
.fixed-header .menu > li .nav-sublist-dropdown ul li a > span,
.main-nav .menu > li .nav-sublist-dropdown ul li a > span {
position: relative; }
.fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label,
.main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label {
position: absolute;
font: 10px arial, sans-serif;
text-transform: uppercase;
padding: 0 2px;
top: 2px;
right: -35px; }
.fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1,
.main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1 {
background: #FF0000;
color: #FFFFFF; }
.fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2,
.main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2 {
background: #0000FF;
color: #FFFFFF; }
.fixed-header .menu > li .nav-sublist-dropdown ul li .image-item a,
.main-nav .menu > li .nav-sublist-dropdown ul li .image-item a {
font-size: 0 !important; }
.fixed-header .menu > li .nav-sublist-dropdown ul li .image-item:before,
.main-nav .menu > li .nav-sublist-dropdown ul li .image-item:before {
display: none; }
.fixed-header .menu > li .nav-sublist-dropdown .container,
.main-nav .menu > li .nav-sublist-dropdown .container {
max-width: 100%;
padding: 0; }
.fixed-header .menu > li .nav-sublist-dropdown .container > ul > li a,
.main-nav .menu > li .nav-sublist-dropdown .container > ul > li a {
padding: 15px 20px;
display: block;
border-left: 1px solid #DBDBDB;
border-right: 1px solid #DBDBDB;
border-top: 1px solid #DBDBDB;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children,
.main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children {
position: relative; }
.fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children > a:before,
.main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children > a:before {
font: normal normal 16px/20px "FontAwesome";
content: '\f105';
width: 15px;
height: 15px;
position: absolute;
right: 10px;
margin-left: 13px; }
.fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist,
.main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist {
position: absolute;
left: 199px;
top: 0;
display: none; }
.fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist li,
.main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist li {
background-color: #FFFFFF;
width: 200px; }
.fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist li:last-child a,
.main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist li:last-child a {
border-bottom: 1px solid #DBDBDB; }
.fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children:hover > .nav-sublist,
.main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children:hover > .nav-sublist {
display: block; }
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown {
padding: 25px 0 30px;
width: 100%;
left: 0;
right: 0;
margin: 0 auto;
border-bottom: 1px solid #DFDFDF;
-webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.3); }
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown {
padding: 25px 0 30px;
width: 100%;
margin: 0 auto;
border-bottom: 1px solid #DFDFDF;
-webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.3); }
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a {
display: block;
padding: 5px;
border: none; }
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1 {
/*the font size for level1*/
text-transform: uppercase;
line-height: 1.5; }
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li {
background: none;
width: auto;
clear: both; }
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:before,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:before,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:before,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:before {
font: normal normal 16px/20px "FontAwesome";
text-decoration: inherit;
content: "\f105";
-webkit-font-smoothing: antialiased;
float: left;
margin: 0 10px 0 10px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:hover:before,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:hover:before,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:hover:before,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li a:hover:before {
text-decoration: none; }
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul {
margin: 3px 0 3px 5px; }
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li:before,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li:before,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li:before,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li:before {
line-height: 17px; }
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li a,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li a,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li a,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul li a {
padding: 3px;
font-size: 12px;
/*the font size for under level 2*/ }
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist a,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist a,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist a,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist a {
font-size: 13px;
/*the font size for level 2*/ }
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul .menu-item-has-children > a:before,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul .menu-item-has-children > a:before,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul .menu-item-has-children > a:before,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul .menu-item-has-children > a:before {
background: none; }
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist ul li:last-child a,
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist ul li:last-child a,
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist ul li:last-child a,
.main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist ul li:last-child a {
border-bottom: none; }
.fixed-header .menu > li:nth-last-child(1) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist, .fixed-header .menu > li:nth-last-child(2) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist,
.main-nav .menu > li:nth-last-child(1) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist,
.main-nav .menu > li:nth-last-child(2) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist {
left: auto;
right: 199px; }
.fixed-menu-type4 .fixed-header .menu > li .nav-sublist-dropdown:before,
.header-type-4 .main-nav .menu > li .nav-sublist-dropdown:before,
.fixed-menu-type3 .fixed-header .menu > li .nav-sublist-dropdown:before,
.header-type-3 .main-nav .menu > li .nav-sublist-dropdown:before {
top: -50px; }
.fixed-header {
background: #FFFFFF;
border-bottom: 1px solid #DFDFDF;
-webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.3); }
.fixed-header .menu li a {
padding-bottom: 15px; }
.fixed-header .menu li a {
padding-bottom: 15px; }
.fixed-header-area {
position: fixed;
top: -160px;
left: 0;
width: 100%;
z-index: 901;
-webkit-transition: 0.5s all ease-in-out;
transition: 0.5s all ease-in-out; }
.fixed-header-area.fixed-already {
top: 0; }
.fixed-header-area .menu {
float: right; }
.fixed-header-area .menu > li {
padding: 0 11px !important; }
/*mobile menu*/
.mobile-nav {
-webkit-transition: all 0.5s;
transition: all 0.5s;
position: static;
height: 0;
background-color: #1D1E20; display: none; }
.mobile-nav-shown .mobile-nav {
-webkit-box-shadow: 0 10px 10px #111111;
box-shadow: 0 10px 10px #111111;
height: 100%;
display: block;
}
.mobile-nav .sw-mobile-menu {
text-align: left;
margin-bottom: 0;
padding-left: 0; }
.mobile-nav .sw-mobile-menu li:not(:last-child) {
display: block;
position: relative;
clear: both;
border-bottom: #242527 solid 1px;
}
.mobile-nav .sw-mobile-menu li.over > a {
color: #FFFFFF; }
.mobile-nav .sw-mobile-menu li.over > .open-child:after {
background-image: url(../image/small-plus.png);
background-position: top center;
background-repeat: no-repeat; }
.mobile-nav .sw-mobile-menu li .container {
width: 100%;
padding: 0; }
.mobile-nav .sw-mobile-menu li .open-child {
float: right;
font-size: 0;
width: 43px;
height: 40px;
margin-top: 1px;
display: block;
cursor: pointer;
position: relative;
background-color: #151515;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease; }
.mobile-nav .sw-mobile-menu li .open-child:hover {
background-color: #0E0E0E; }
.mobile-nav .sw-mobile-menu li .open-child:after {
content: "";
background-image: url(../image/small-plus.png);
background-position: bottom center;
background-repeat: no-repeat;
cursor: pointer;
width: 19px;
height: 19px;
display: block;
position: absolute;
left: 10px;
top: 10px;
opacity: 0.5; }
/*.mobile-nav .sw-mobile-menu li .open-child:selection {*/
.mobile-nav .sw-mobile-menu li .open-child.selection {
background-color: transparent !important; }
.mobile-nav .sw-mobile-menu li > a {
color: #C7C7C7;
display: block;
line-height: 40px;
padding: 0 10px 0 20px;
font-size: 12px;
text-transform: uppercase;
background: #151515;
border-top: 1px solid #222222; }
.mobile-nav .sw-mobile-menu li > a:hover {
background-color: #989898;
text-decoration: none;
color: #222222;
-webkit-transition: all 0.2s;
transition: all 0.2s; }
.mobile-nav .sw-mobile-menu li > a span.cat-label {
font: 10px/1.2 arial;
text-transform: uppercase;
padding: 0 2px;
margin-left: 1px;
margin-bottom: 3px;
display: inline-block;
vertical-align: middle; }
.mobile-nav .sw-mobile-menu li > a span.cat-label.cat-label-label1 {
background: #FF0000;
color: #FFFFFF; }
.mobile-nav .sw-mobile-menu li > a span.cat-label.cat-label-label2 {
background: #0000FF;
color: #FFFFFF; }
.mobile-nav .sw-mobile-menu > li > ul {
border-top: 0;
padding-left: 0;
margin-bottom: 0; }
.mobile-nav .sw-mobile-menu > li > ul li {
display: block;
position: relative;
background-color: #151515; }
.mobile-nav .sw-mobile-menu > li > ul > li a {
padding-left: 20px;
margin-left: 15px;
text-transform: none;
font: 12px/40px "Open Sans", Arial;
display: block;
/*background-color: #151515;*/ }
.mobile-nav .sw-mobile-menu > li > ul > li a span.cat-label {
margin-bottom: 0; }
.mobile-nav .sw-mobile-menu > li > ul > li a:before {
font: normal normal 16px/40px "FontAwesome";
text-decoration: inherit;
content: "\f105";
-webkit-font-smoothing: antialiased;
float: left;
margin-right: 10px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: none;
}
.mobile-nav .sw-mobile-menu > li > ul > li li a {
padding-left: 15px;
/*background-color: #151515;*/
margin-left: 30px; }
.mobile-nav .sw-mobile-menu > li > ul > li li li a {
padding-left: 15px;
/*background-color: #151515;*/
margin-left: 40px; }
.mobile-nav .sw-mobile-menu > li > ul > li li li li a {
padding-left: 20px;
margin-left: 45px; }
.mobile-nav .sw-mobile-menu > li ul {
display: none;
padding: 0;
margin: 0; }
.side-block .close-block {
font-size: 16px;
position: relative;
text-transform: uppercase;
color: #FFFFFF;
background-color: #151515;
display: block;
padding: 20px 0 20px 20px;
text-align: left;
cursor: pointer;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.side-block .close-block:hover {
color: #C6C6C6; }
.side-block .close-block:hover:before {
background-position: bottom center; }
.side-block .close-block:before {
content: "";
display: block;
width: 15px;
height: 15px;
position: absolute;
right: 15px;
top: 25px;
background-image: url(../image/small-close.png);
background-repeat: no-repeat;
background-position: top center; }
@media (max-width: 979px) {
.fixed-header .menu-icon {
float: left;
position: relative;
top: 11px;
left: 10px;
}
.fixed-header .menu {
display: none;
}
}
@media (min-width: 992px) {
.mobile-nav-shown .mobile-nav, .mobile-nav-shown .home-side-menu .mobile-nav {
display: none;
}
}
.quickview-main {
text-align: left;
}
.quickview-main .product-collateral {
display: none;
}
/**** removed all styles ****/
.social-icons {
float: right; }
.social-icons span.label {
line-height: 30px;
font-size: 13px;
color: #8B8C8D;
display: inline-block;
padding: 0; }
.social-icons a {
background: url(../image/social-icons-sprite.png) 0 0 no-repeat;
width: 30px;
height: 30px;
background-color: #000000;
display: inline-block;
text-indent: -9999px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
margin-left: 10px;
line-height: 30px; }
.social-icons a:hover {
background: url(../image/social-icons-hover-sprite.png) 0 0 no-repeat;
width: 30px;
height: 30px;
background-color: #E0E0E0;
display: inline-block;
text-indent: -9999px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
margin-left: 10px;
line-height: 30px; }
@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license
Copyright (c) 2013 Daniel Eden
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@font-face {
font-family: 'porto';
src: url('fonts/porto.eot?20988115');
src: url('fonts/porto.eot?20988115#iefix') format('embedded-opentype'),
url('fonts/porto.woff2?20988115') format('woff2'),
url('fonts/porto.woff?20988115') format('woff'),
url('fonts/porto.ttf?20988115') format('truetype'),
url('fonts/porto.svg?20988115#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'porto';
src: url('fonts/porto.svg?20988115#porto') format('svg');
}
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "porto";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-spin1:before { content: '\e800'; }
/* '' */
.icon-spin2:before { content: '\e801'; }
/* '' */
.icon-spin3:before { content: '\e802'; }
/* '' */
.icon-spin4:before { content: '\e803'; }
/* '' */
.icon-spin5:before { content: '\e804'; }
/* '' */
.icon-spin6:before { content: '\e805'; }
/* '' */
.icon-firefox:before { content: '\e806'; }
/* '' */
.icon-chrome:before { content: '\e807'; }
/* '' */
.icon-opera:before { content: '\e808'; }
/* '' */
.icon-ie:before { content: '\e809'; }
/* '' */
.icon-phone:before { content: '\e80a'; }
/* '' */
.icon-down-dir:before { content: '\e80b'; }
/* '' */
.icon-cart:before { content: '\e80c'; }
/* '' */
.icon-up-dir:before { content: '\e80d'; }
/* '' */
.icon-mode-grid:before { content: '\e80e'; }
/* '' */
.icon-mode-list:before { content: '\e80f'; }
/* '' */
.icon-compare:before { content: '\e810'; }
/* '' */
.icon-wishlist:before { content: '\e811'; }
/* '' */
.icon-search:before { content: '\e812'; }
/* '' */
.icon-left-dir:before { content: '\e813'; }
/* '' */
.icon-right-dir:before { content: '\e814'; }
/* '' */
.icon-down-open:before { content: '\e815'; }
/* '' */
.icon-left-open:before { content: '\e816'; }
/* '' */
.icon-right-open:before { content: '\e817'; }
/* '' */
.icon-up-open:before { content: '\e818'; }
/* '' */
.icon-angle-left:before { content: '\e819'; }
/* '' */
.icon-angle-right:before { content: '\e81a'; }
/* '' */
.icon-angle-up:before { content: '\e81b'; }
/* '' */
.icon-angle-down:before { content: '\e81c'; }
/* '' */
.icon-down:before { content: '\e81d'; }
/* '' */
.icon-left:before { content: '\e81e'; }
/* '' */
.icon-right:before { content: '\e81f'; }
/* '' */
.icon-up:before { content: '\e820'; }
/* '' */
.icon-angle-double-left:before { content: '\e821'; }
/* '' */
.icon-angle-double-right:before { content: '\e822'; }
/* '' */
.icon-angle-double-up:before { content: '\e823'; }
/* '' */
.icon-angle-double-down:before { content: '\e824'; }
/* '' */
.icon-mail:before { content: '\e825'; }
/* '' */
.icon-location:before { content: '\e826'; }
/* '' */
.icon-skype:before { content: '\e827'; }
/* '' */
.icon-right-open-big:before { content: '\e828'; }
/* '' */
.icon-left-open-big:before { content: '\e829'; }
/* '' */
.icon-down-open-big:before { content: '\e82a'; }
/* '' */
.icon-up-open-big:before { content: '\e82b'; }
/* '' */
.icon-cancel:before { content: '\e82c'; }
/* '' */
.icon-user:before { content: '\e82d'; }
/* '' */
.icon-mail-alt:before { content: '\e82e'; }
/* '' */
.icon-fax:before { content: '\e82f'; }
/* '' */
.icon-lock:before { content: '\e830'; }
/* '' */
.icon-company:before { content: '\e831'; }
/* '' */
.icon-city:before { content: '\e832'; }
/* '' */
.icon-post:before { content: '\e833'; }
/* '' */
.icon-country:before { content: '\e834'; }
/* '' */
.icon-calendar:before { content: '\e835'; }
/* '' */
.icon-doc:before { content: '\e836'; }
/* '' */
.icon-mobile:before { content: '\e837'; }
/* '' */
.icon-clock:before { content: '\e838'; }
/* '' */
.icon-chat:before { content: '\e839'; }
/* '' */
.icon-tag:before { content: '\e83a'; }
/* '' */
.icon-folder:before { content: '\e83b'; }
/* '' */
.icon-folder-open:before { content: '\e83c'; }
/* '' */
.icon-forward:before { content: '\e83d'; }
/* '' */
.icon-reply:before { content: '\e83e'; }
/* '' */
.icon-cog:before { content: '\e83f'; }
/* '' */
.icon-cog-alt:before { content: '\e840'; }
/* '' */
.icon-wrench:before { content: '\e841'; }
/* '' */
.icon-quote-left:before { content: '\e842'; }
/* '' */
.icon-quote-right:before { content: '\e843'; }
/* '' */
.icon-gift:before { content: '\e844'; }
/* '' */
.icon-dollar:before { content: '\e845'; }
/* '' */
.icon-euro:before { content: '\e846'; }
/* '' */
.icon-pound:before { content: '\e847'; }
/* '' */
.icon-rupee:before { content: '\e848'; }
/* '' */
.icon-yen:before { content: '\e849'; }
/* '' */
.icon-rouble:before { content: '\e84a'; }
/* '' */
.icon-try:before { content: '\e84b'; }
/* '' */
.icon-won:before { content: '\e84c'; }
/* '' */
.icon-bitcoin:before { content: '\e84d'; }
/* '' */
.icon-ok:before { content: '\e84e'; }
/* '' */
.icon-chevron-left:before { content: '\e84f'; }
/* '' */
.icon-chevron-right:before { content: '\e850'; }
/* '' */
.icon-export:before { content: '\e851'; }
/* '' */
.icon-star:before { content: '\e852'; }
/* '' */
.icon-star-empty:before { content: '\e853'; }
/* '' */
.icon-plus-squared:before { content: '\e854'; }
/* '' */
.icon-minus-squared:before { content: '\e855'; }
/* '' */
.icon-plus-squared-alt:before { content: '\e856'; }
/* '' */
.icon-minus-squared-alt:before { content: '\e857'; }
/* '' */
.icon-truck:before { content: '\e858'; }
/* '' */
.icon-lifebuoy:before { content: '\e859'; }
/* '' */
.icon-pencil:before { content: '\e85a'; }
/* '' */
.icon-users:before { content: '\e85b'; }
/* '' */
.icon-video:before { content: '\e85c'; }
/* '' */
.icon-menu:before { content: '\e85d'; }
/* '' */
.icon-desktop:before { content: '\e85e'; }
/* '' */
.icon-doc-inv:before { content: '\e85f'; }
/* '' */
.icon-circle:before { content: '\e860'; }
/* '' */
.icon-circle-empty:before { content: '\e861'; }
/* '' */
.icon-circle-thin:before { content: '\e862'; }
/* '' */
.icon-mini-cart:before { content: '\e863'; }
/* '' */
.icon-paper-plane:before { content: '\e864'; }
/* '' */
.icon-attention-alt:before { content: '\e865'; }
/* '' */
.icon-info:before { content: '\e866'; }
/* '' */
.icon-compare-link:before { content: '\e867'; }
/* '' */
.icon-cat-default:before { content: '\e868'; }
/* '' */
.icon-cat-computer:before { content: '\e869'; }
/* '' */
.icon-cat-couch:before { content: '\e86a'; }
/* '' */
.icon-cat-garden:before { content: '\e86b'; }
/* '' */
.icon-cat-gift:before { content: '\e86c'; }
/* '' */
.icon-cat-shirt:before { content: '\e86d'; }
/* '' */
.icon-cat-sport:before { content: '\e86e'; }
/* '' */
.icon-cat-toys:before { content: '\e86f'; }
/* '' */
.icon-tag-line:before { content: '\e870'; }
/* '' */
.icon-bag:before { content: '\e871'; }
/* '' */
.icon-search-1:before { content: '\e872'; }
/* '' */
.icon-plus:before { content: '\e873'; }
/* '' */
.icon-minus:before { content: '\e874'; }
/* '' */
.icon-search-2:before { content: '\e875'; }
/* '' */
.icon-bag-1:before { content: '\e876'; }
/* '' */
.icon-online-support:before { content: '\e877'; }
/* '' */
.icon-shopping-bag:before { content: '\e878'; }
/* '' */
.icon-us-dollar:before { content: '\e879'; }
/* '' */
.icon-shipped:before { content: '\e87a'; }
/* '' */
.icon-list:before { content: '\e87b'; }
/* '' */
.icon-money:before { content: '\e87c'; }
/* '' */
.icon-shipping:before { content: '\e87d'; }
/* '' */
.icon-support:before { content: '\e87e'; }
/* '' */
.icon-bag-2:before { content: '\e87f'; }
/* '' */
.icon-grid:before { content: '\e880'; }
/* '' */
.icon-bag-3:before { content: '\e881'; }
/* '' */
.icon-direction:before { content: '\e882'; }
/* '' */
.icon-home:before { content: '\e883'; }
/* '' */
.icon-magnifier:before { content: '\e884'; }
/* '' */
.icon-magnifier-add:before { content: '\e885'; }
/* '' */
.icon-magnifier-remove:before { content: '\e886'; }
/* '' */
.icon-phone-1:before { content: '\e887'; }
/* '' */
.icon-clock-1:before { content: '\e888'; }
/* '' */
.icon-heart:before { content: '\e889'; }
/* '' */
.icon-heart-1:before { content: '\e88a'; }
/* '' */
.icon-earphones-alt:before { content: '\e88b'; }
/* '' */
.icon-credit-card:before { content: '\e88c'; }
/* '' */
.icon-action-undo:before { content: '\e88d'; }
/* '' */
.icon-envolope:before { content: '\e88e'; }
/* '' */
.icon-chart:before { content: '\e88f'; }
/* '' */
.icon-twitter:before { content: '\f099'; }
/* '' */
.icon-facebook:before { content: '\f09a'; }
/* '' */
.icon-spinner:before { content: '\f110'; }
/* '' */
.icon-instagram:before { content: '\f16d'; }
/* '' */
.icon-sliders:before { content: '\f1de'; }
/* '' */
.icon-check-empty:before { content: '\f87a'; }
/* '' */
.icon-check:before { content: '\f87b'; }
/* '' */
/*
Animation example, for spinners
*/
.animate-spin {
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
display: inline-block;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-ms-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
* {outline: none !important}
html, body {background-color: #FFFFFF;font: 13px/1 'Open Sans', Arial, Helvetica, sans-serif;color: #777777;text-align: center;margin: 0}
body {overflow-x: hidden}
img {border: 0;vertical-align: top}
a {color: #0088CC;text-decoration: none;transition: all .3s}
a:visited, a:focus {text-decoration: none}
a:hover {color: #0088CC;text-decoration: underline}
:focus {outline: 0}
h1, h2, h3, h4, h5, h6 {margin: 0 0 5px;line-height: 1.35;color: #777777}
h1 {font-size: 20px;font-weight: 400;margin-bottom: 20px}
h2 {font-size: 18px;font-weight: 400;margin-bottom: 15px}
h3 {font-size: 16px;font-weight: 600}
h4 {font-size: 14px;font-weight: 600}
h5 {font-size: 12px;font-weight: 600}
h6 {font-size: 11px;font-weight: 600}
hr {border-color: #F5F5F5}
form {display: inline}
fieldset {border: 0}
legend {display: none}
table {border: 0;border-spacing: 0;empty-cells: show;font-size: 100%}
caption, th, td {vertical-align: middle;text-align: left;font-weight: 400}
p {margin: 0 0 15px;line-height: 1.5}
strong {font-weight: 700}
address {text-align: left;margin: 0;font-style: normal}
cite {font-style: normal}
q, blockquote {quotes: none}
q:before, q:after {content: ''}
small, big {font-size: 1em}
ul, ol {list-style: none;margin: 0;padding: 0}
.hidden {display: block !important;border: 0 !important;margin: 0 !important;padding: 0 !important;font-size: 0 !important;line-height: 0 !important;width: 0 !important;height: 0 !important;overflow: hidden !important}
.nobr {white-space: nowrap !important}
.wrap {white-space: normal !important}
.a-left {text-align: left !important}
.a-center {text-align: center !important}
.a-right {text-align: right !important}
.v-top {vertical-align: top}
.v-middle {vertical-align: middle}
.f-left, .left {float: left !important}
.f-right, .right {float: right !important}
.f-none {float: none !important}
.f-fix {float: left;width: 100%}
.label {color: #000000}
.no-display {display: none}
.no-margin {margin: 0 !important}
.no-padding {padding: 0 !important}
.no-bg {background: none !important}
.theme-color {color: #0088CC !important}
.theme-bg-color {background-color: #0088CC}
.theme-border-color {border-color: #0088CC}
.theme-hover-color:hover {color: #0088CC}
.theme-hover-bg-color:hover {background-color: #0088CC}
.page {background-color: #FFFFFF;padding: 0}
.page-print {background: #FFFFFF;padding: 25px 30px;text-align: left}
.page-empty {background: #FFFFFF;padding: 20px;text-align: left}
.page-popup {background: #FFFFFF;padding: 25px 30px;text-align: left}
body.boxed {background: url(../image/boxed_bg.png) repeat;background-color: #000000}
body.boxed.page-empty {background-image: none;background-color: #FFFFFF}
body.ajaxcart-index-options {background: #FFFFFF}
body.boxed .wrapper {padding-top: 24px;padding-bottom: 17px}
body.boxed .page {overflow: hidden;border-radius: 8px;width: 1180px;margin-left: auto;margin-right: auto}
body.boxed .header-container .top-links-container {border-radius: 4px 4px 0 0}
.top-container > .breadcrumbs {padding-top: 12px;padding-bottom: 12px;font-size: 13px;line-height: 1;color: #FFFFFF;background-color: #171717}
.breadcrumbs ul {padding: 0}
.breadcrumbs li {display: inline;vertical-align: middle}
.breadcrumbs li strong {font-weight: 400;vertical-align: middle}
.breadcrumbs li a {vertical-align: middle;font-weight: 400;color: #FFFFFF}
.breadcrumbs span.breadcrumbs-split {vertical-align: middle;margin: 0 2px;font-size: 12px}
.main-container {padding: 20px 0 50px;min-height: 400px}
.main {text-align: left}
/*.main.container{max-width:100%}*/
.col-main {padding-bottom: 30px}
.col2-set .col-1 {float: left;width: 48.5%}
.col2-set .col-2 {float: right;width: 48.5%}
.col2-set .col-narrow {width: 32%}
.col2-set .col-wide {width: 65%}
.col3-set .col-1 {float: left;width: 32%}
.col3-set .col-2 {float: left;width: 32%;margin-left: 2%}
.col3-set .col-3 {float: right;width: 32%}
.col4-set .col-1 {float: left;width: 23.5%}
.col4-set .col-2 {float: left;width: 23.5%;margin: 0 2%}
.col4-set .col-3 {float: left;width: 23.5%}
.col4-set .col-4 {float: right;width: 23.5%}
input, select, textarea, button {font-size: 12px;vertical-align: middle;color: #484747}
input.input-text, select, textarea {background: #FFFFFF;border: 1px solid #CCCCCC;padding: 2px 8px;height: 26px;color: #777777;font-size: 13px;border-radius: 3px;font-family: 'Open Sans', Arial, Helvetica, sans-serif;}
select {background: #FFFFFF;border: 1px solid #CCCCCC;padding: 2px 8px;height: 26px;color: #777777;font-size: 13px}
input.input-text, textarea {padding: 8px}
label {margin: 0;vertical-align: middle;color: #777777;font-size: 13px;font-weight: 400}
select option {padding-right: 10px}
select.multiselect option {padding: 2px 5px}
select.multiselect option:last-child {border-bottom: 0}
textarea {overflow: auto;padding: 8px}
input.radio {display: inline-block;margin: 0 5px 0 0;vertical-align: middle}
input.checkbox {margin-right: 10px;display: inline-block}
input.qty {margin-right: 2px;display: inline-block;vertical-align: middle;height: 38px;width: 35px !important;font-size: 14px;text-align: center;color: #0088CC;border-color: #E1E1E1}
button.button::-moz-focus-inner {padding: 0;border: 0}
button.button {-webkit-border-fit: lines;overflow: visible;width: auto;border: 0;padding: 0;margin: 0;background: transparent;cursor: pointer}
button.button span {display: block;border: 0;background: #0088CC;padding: 0 15px;font-weight: 400;font-size: 14px;text-align: center;white-space: nowrap;color: #FFFFFF;line-height: 38px;border-radius: 5px}
button.button span span {border: 0;padding: 0;color: inherit;border-width: 0;background: transparent;line-height: inherit}
button.button:hover span {opacity: .9;filter: alpha(opacity=90)}
button.disabled span {background: #BBBBBB !important}
button.btn-checkout.no-checkout span {color: #B8BABA}
p.control input.checkbox, p.control input.radio {margin-right: 10px;display: inline-block}
p.control {line-height: 19px}
.input-box label {margin-bottom: 10px}
.form-wrap, #form-validate, #login-form {display: block;border: 1px solid #ECECEC;border-radius: 8px;background: #FFFFFF;border-top: 4px solid #0088CC;padding: 35px 25px;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08)}
.form-wrap h2, #form-validate h2 {color: #0088CC;text-transform: uppercase;margin: 0 0 20px}
.form-wrap .fieldset, #form-validate .fieldset {margin: 0}
.form-wrap .fieldset + .fieldset, #form-validate .fieldset + .fieldset {margin-top: 35px}
.form-list li {margin: 0 0 10px}
.form-list label {float: left;font-size: 14px;position: relative;z-index: 0;margin-bottom: 10px}
.form-list label.required em {float: right;font-style: normal;color: #EB340A;position: absolute;top: 0;right: -8px}
.form-list li.control label {float: none;margin: 0;line-height: 20px;display: inline-block;vertical-align: middle}
.form-list li.control input.radio, .form-list li.control input.checkbox {margin: 0 8px 0 0}
.form-list li.control .input-box {clear: none;display: inline-block;width: auto;vertical-align: middle;margin: 0}
.form-list .input-box {width: 100%;margin-bottom: 10px;border-radius: 3px;clear: both}
.form-list .input-box label {float: none;display: table-cell;width: 1%;white-space: nowrap;padding-right: 5px}
.form-list .input-box label i {width: 46px;height: 38px;line-height: 38px;display: inline-block;text-align: center;font-size: 16px;border-right: 1px solid #CCCCCC;margin-right: 10px}
.form-list .input-box label.required em {float: none;position: static}
.form-list .field {float: left;margin: 0;width: 48%}
.form-list input.input-text {width: 100%;height: 38px;padding: 10px;border-radius: 6px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;background-color: #FFFFFF}
.form-list textarea {width: 100%;height: 10em;line-height: 1.4;border-radius: 6px;padding: 10px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset}
.form-list select {width: 100%;height: 38px;border-radius: 6px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset}
.form-list li.additional-row {border-top: 1px solid #CCCCCC;margin-top: 10px;padding-top: 7px}
.form-list li.additional-row .btn-remove {float: right;margin: 5px 0 0}
.form-list .input-range input.input-text {width: 74px;border: 1px solid #CCCCCC}
.form-list-narrow li {margin-bottom: 0}
.form-list-narrow li .input-box {margin-bottom: 6px}
.form-list-narrow li.wide .input-box {width: 260px}
.form-list-narrow li.wide input.input-text, .form-list-narrow li.wide textarea {width: 254px}
.form-list-narrow li.wide select {width: 260px}
.form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box {width: auto}
.form-list .name-prefix {width: 65px}
.form-list .name-prefix select {width: 55px}
.form-list .name-prefix input.input-text {width: 49px}
.form-list .name-suffix {width: 65px}
.form-list .name-suffix select {width: 55px}
.form-list .name-suffix input.input-text {width: 49px}
.form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname {width: 140px}
.form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text {width: 124px}
.form-list .customer-name-prefix-middlename-suffix .name-lastname {width: 205px}
.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text {width: 189px}
.form-list .customer-name-prefix-suffix .name-firstname {width: 210px}
.form-list .customer-name-prefix-suffix .name-lastname {width: 205px}
.form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text {width: 189px}
.form-list .customer-name-prefix-suffix .name-firstname {width: 210px}
.form-list .customer-name-prefix-suffix .name-lastname {width: 205px}
.form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text {width: 189px}
.form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename .name-middlename {width: 210px}
.form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename .name-middlename, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname {width: 205px}
.form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename .name-middlename input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text {width: 189px}
.form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year {float: left;width: 85px}
.form-list .customer-dob input.input-text {display: block;width: 74px}
.form-list .customer-dob label {font-size: 10px;font-weight: 400;color: #888888}
.form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month {width: 60px}
.form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text {width: 46px}
.form-list .customer-dob .dob-year {width: 140px}
.form-list .customer-dob .dob-year input.input-text {width: 134px}
.buttons-set {clear: both;margin: 1em 0 0;padding: 8px 0 0;text-align: right}
.buttons-set p.required {margin: 0 0 10px}
.buttons-set .back-link {float: left;margin: 0}
.buttons-set button.button {float: right;margin-left: 5px}
.buttons-set a {line-height: 35px}
.buttons-set-order {margin: 10px 0 0}
.buttons-set-order .please-wait {padding: 12px 7px 0 0}
.fieldset {margin: 20px 0}
.fieldset .legend {font-size: 16px;margin: 20px 0}
.validation-advice {clear: both;min-height: 13px;margin: 3px 0 0;padding-left: 10px;font-size: 11px;font-weight: 700;line-height: 13px;color: #EB340A;position: relative;top: 100%;text-align: left}
.validation-failed {border: 1px dashed #EB340A !important;background: #FAEBE7 !important}
p.required {font-size: 11px;text-align: right;color: #EB340A}
.v-fix {float: left}
.v-fix .validation-advice {display: block;width: 12em;margin-right: -12em;position: relative}
.success {color: #3D6611;font-weight: 700}
.error {color: #DF280A;font-weight: 700}
.notice {color: #E26703}
.messages, .messages ul {list-style: none;margin: 0;padding: 0}
.messages {width: 100%;overflow: hidden;margin-bottom: 15px}
.messages li {margin: 0 0 10px}
.messages li li {margin: 0 0 3px}
.error-msg, .success-msg, .note-msg, .notice-msg {border-style: solid;border-width: 1px;min-height: 24px;padding: 15px;font-size: 14px;font-weight: 400;border-radius: 4px;margin-bottom: 20px}
.error-msg {border-color: #EBCCD1;background-color: #F2DEDE;color: #A94442}
.success-msg {border-color: #D6E9C6;background-color: #DFF0D8;color: #3C763D}
.note-msg, .notice-msg {border-color: #FAEBCC;background-color: #FCF8E3;color: #8A6D3B}
.owl-top-narrow .error-msg, .owl-top-narrow .success-msg, .owl-top-narrow .note-msg, .owl-top-narrow .notice-msg {margin: 10px}
.page-title {text-align: left}
.page-title h1, .page-title h2 {margin: 0;font-size: 20px;color: #484747}
.col-main .page-title h1, .col-main .page-title h2 {font-size: 20px;margin: 0 0 15px;color: #0088CC}
.page-title.category-title {display: none}
.col-main .page-title.category-title h1 {margin-bottom: 10px}
.page-title .separator {margin: 0 3px}
.page-title .link-rss {float: right;margin: 7px 0 0}
.title-buttons {text-align: right}
.title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 {float: left}
.subtitle, .sub-title {clear: both;padding: 15px 0 0;font-size: 15px;font-weight: 700;margin: 0 0 20px;color: #0088CC}
.pager .amount {float: left;margin: 0;line-height: 30px;margin-right: 10px;display: none}
.pager .limiter {float: right}
.pager .limiter label {vertical-align: middle}
.pager .limiter select {padding: 0;margin: 0 0 1px;vertical-align: middle}
.pager .pages {float: right;margin-left: 7px}
.pager .pages ol {display: inline}
.pager .pages li {display: inline-block;margin: 0;height: 26px;width: 26px;line-height: 24px;font-size: 13px;margin-left: 2px;text-align: center;border-radius: 3px}
.pager li > a, .pager li > span {padding: 0;background-color: #FFFFFF;display: block;height: 26px;padding: 0;border: 1px solid #CCCCCC;border-radius: 3px}
.pager li > a.next, .pager li > a.previous {color: #999999}
.pager li > a.next:hover, .pager li > a.next:focus, .pager li > a.previous:hover, .pager li > a.previous:focus {color: #FFFFFF}
.pager li > a:hover, .pager li > a:focus {background-color: #0088CC;border-color: #0088CC;color: #FFFFFF;text-decoration: none}
.pager .pages .current {padding: 0;border: 1px solid #0088CC;background-color: #0088CC;color: #FFFFFF}
.sorter .view-mode {float: left;margin: 0;margin-right: 10px;margin-bottom: 10px;line-height: 29px;height: 30px}
.sorter .view-mode i {font-size: 14px;border: 1px solid #CCCCCC;background-color: #FFFFFF;color: #CCCCCC;width: 26px;height: 26px;line-height: 24px;display: inline-block;text-align: center;border-radius: 3px;vertical-align: top}
.sorter .view-mode strong i, .sorter .view-mode a:hover i {border-color: #0088CC;color: #FFFFFF;background-color: #0088CC;border-radius: 3px}
.sorter .sort-by {float: left;margin-right: 15px;margin-bottom: 10px}
.sorter label {margin-right: 5px}
.sorter .limiter {float: right}
.toolbar .pager {float: right;margin: 0;margin-bottom: 10px}
.toolbar-bottom {text-align: center;margin-top: 20px}
.toolbar-bottom .toolbar {display: inline-block;border: 0}
.toolbar-bottom .toolbar .sorter .sort-by, .toolbar-bottom .toolbar .sorter .view-mode {display: none}
.data-table {width: 100%;border: 0}
.data-table thead tr {border: 1px solid #DCDCDC}
.data-table tbody tr {border-left: 1px solid #DCDCDC;border-right: 1px solid #DCDCDC;background-color: #FFFFFF}
.data-table td.last, .data-table th.last {border-right: 1px solid #DCDCDC}
.data-table th {padding: 15px 10px;font-weight: 700}
.data-table td {padding: 15px 10px}
.data-table h2, .data-table h3 {margin-top: 0;margin-bottom: 0;font-weight: 400}
.data-table thead th {font-weight: 600;padding: 15px 10px;color: #777777;white-space: nowrap;vertical-align: middle;font-size: 14px;text-transform: uppercase}
.data-table thead th.wrap {white-space: normal}
.data-table thead th a, .data-table thead th a:hover {color: #FFFFFF}
.data-table thead th {background-color: #F6F6F6}
.data-table thead th .tax-flag {font-size: 11px;white-space: nowrap}
.data-table tfoot {border-bottom: 1px solid #D9DDE3}
.data-table tfoot tr.first td {border-left: 1px solid #DCDCDC}
.data-table tfoot td {padding-top: 10px;padding-bottom: 10px;border-bottom: 0;border-right: 1px solid #DCDCDC;border-left: 1px solid #DCDCDC}
.data-table tfoot strong {font-size: 16px}
.data-table tbody th, .data-table tbody td {border-bottom: 1px solid #DCDCDC;border-right: 1px solid #DCDCDC;padding: 15px 10px;line-height: 1.3}
.data-table tbody td .option-label {font-weight: 700;font-style: italic}
.data-table tbody td .option-value {padding-left: 10px}
.data-table p {margin-bottom: 0}
.data-table .qty-holder, .data-table .add-to-cart-alt {position: relative;text-align: left;margin-right: 0}
.data-table .add-to-cart-alt {margin: 10px 0;width: 93px}
.data-table .edit-qty {margin-left: 5px}
.data-table input.qty {color: #777777;height: 30px;border-radius: 0;border-color: #DDDDDD;margin: 0 -1px}
.data-table .table_qty_inc, .data-table .table_qty_dec {display: inline-block;width: 30px;height: 30px;background: #F4F4F4;border: 1px solid #CCCCCC;color: #777777;line-height: 30px;border-radius: 0;margin: 0;font-size: 14px;font-weight: 700;text-decoration: none;text-align: center;vertical-align: top}
.data-table button.button > span {background: #FFFFFF;border: 1px solid #CCCCCC;color: #777777;line-height: 32px;padding: 0 12px}
.data-table button.button:hover > span {background: #0088CC;border: 1px solid #0088CC;color: #FFFFFF}
.data-table .product-name a {color: #0088CC}
.data-table .cart-cell {margin-bottom: 10px}
.data-table .cart-cell button.button span {font-size: 13px;line-height: 28px}
.info-box {background: #FFFFFF 0 0 repeat-x;border: 1px solid #D0CBC1;padding: 12px 15px;margin: 0 0 15px}
.info-box h2 {font-weight: 700;font-size: 13px}
.info-table th {font-weight: 700;padding: 2px 15px 2px 0}
.info-table td {padding: 2px 0}
tr.summary-total {cursor: pointer}
tr.summary-total .summary-collapse {float: right;text-align: right;padding-left: 20px;cursor: pointer}
tr.summary-details td {font-size: 11px;background-color: #DAE1E4;color: #626465}
tr.summary-details-first td {border-top: 1px solid #D2D8DB}
tr.summary-details-excluded {font-style: italic}
.cart-tax-info {display: block}
.cart-tax-info, .cart-tax-info .cart-price {padding-right: 20px}
.cart-tax-total {display: block;padding-right: 20px;cursor: pointer}
.cart-tax-info .price, .cart-tax-total .price {display: inline !important;font-weight: 400 !important}
.cart-tax-total-expanded {background-position: 100% -52px}
.std {line-height: 1.4}
.std .subtitle {padding: 0}
.std ol.ol {list-style: decimal outside;padding-left: 1.5em}
.std ul.disc {list-style: disc outside;padding-left: 18px;margin: 0 0 10px}
.std dl dt {font-weight: 700}
.std dl dd {margin: 0 0 10px}
.std ul, .std ol, .std dl, .std address, .std blockquote {margin: 0;padding: 0}
.std ul {list-style: disc outside;padding-left: 1.5em}
.std ul li {line-height: 20px}
.std ol {list-style: decimal outside;padding-left: 1.5em}
.std ul ul {list-style-type: circle}
.std ul ul, .std ol ol, .std ul ol, .std ol ul {margin: .5em 0}
.std dt {font-weight: 700}
.std dd {padding: 0 0 0 1.5em}
.std blockquote {font-style: italic;padding: 0 0 0 1.5em}
.std address {font-style: normal}
.std b, .std strong {font-weight: 700}
.std i, .std em {font-style: italic}
.links li {display: inline}
.link-wishlist {color: #ED4949;border-color: #F6A4A4}
.link-wishlist:hover {color: #ED4949;border-color: #F6A4A4}
.cart-table .link-wishlist, .cart-table .link-wishlist:hover {color: #0088CC}
.link-compare {color: #52B9B5;border-color: #97D5D3}
.link-compare:hover {color: #52B9B5;border-color: #97D5D3}
.btn-remove {position: relative;display: block;width: 23px;height: 23px;text-indent: -9999px;overflow: hidden;padding: 5px 0;font-size: 13px;color: #0088CC;line-height: 1}
.btn-remove:hover {color: #0088CC}
.btn-remove:before {content: "\e82c";display: block;position: absolute;left: 0;right: 0;font-family: "porto";text-indent: 0;text-align: right}
.btn-previous {display: block;width: 11px;height: 11px;font-size: 0;line-height: 0;overflow: hidden}
.btn-remove2 {display: inline-block;width: 34px;height: 34px;font-size: 18px;line-height: 22px;overflow: hidden}
.btn-remove2:before {text-align: center}
.btn-edit {display: block;width: 11px;height: 11px;font-size: 0;line-height: 0;overflow: hidden}
.cards-list dt {margin: 5px 0 0}
.cards-list .offset {padding: 2px 0 2px 20px}
.separator {margin: 0 3px}
.divider {clear: both;display: block;font-size: 0;line-height: 0;height: 1px;margin: 10px 0;background: url(../image/bkg_divider1.gif) 0 50% repeat-x;text-indent: -999em;overflow: hidden}
.global-site-notice {border: 1px solid #CFCFCF;border-width: 0 0 1px;background: #FFFF90;font-size: 12px;line-height: 1.25;text-align: center;color: #2F2F2F}
.global-site-notice .notice-inner {width: 100%;margin: 0 auto;padding: 10px;text-align: left}
.global-site-notice .notice-inner p {margin: 0;border: 1px dotted #CCCC73;padding: 10px}
.global-site-notice .notice-inner .actions {padding-top: 10px}
.notice-cookie {position: fixed;z-index: 9999;width: 100%;bottom: 0;left: 0;margin: 0 !important;opacity: .95;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95)}
.demo-notice {margin: 0;padding: 6px 10px;background: #D75F07;font-size: 12px;line-height: 1.15;border: 0;text-align: center;color: #FFFFFF}
.demo-notice .notice-inner {width: auto;padding: 0;background: none;text-align: center}
.demo-notice .notice-inner p {padding: 0;border: 0}
.header-container {background-color: #FFFFFF;border-top-width: 4px;border-top-style: solid}
.top-links-container {background-color: #F0F0ED;padding: 5px 0;position: relative;z-index: 200}
.header {position: relative;z-index: 101;text-align: left}
.header > .logo {margin: 30px 40px 30px 0;text-decoration: none !important;max-width: 100%;display: inline-block;vertical-align: middle;max-width: 170px;position: relative;z-index: 2;transition: none}
.header > .logo > .logo {margin: 0 !important;padding: 0 !important;width: 100%}
.header .logo strong {position: absolute;top: -999em;left: -999em;width: 0;height: 0;font-size: 0;line-height: 0;text-indent: -999em;overflow: hidden}
.header .logo img {max-width: 100%}
.header-container .welcome-msg {margin: 3px 20px 3px 0;text-align: left;float: right;font-size: 11px;line-height: 19px;text-transform: uppercase}
.header-container .welcome-msg a {color: #7DBD22}
.header #search_mini_form {display: inline-block;vertical-align: middle;margin-right: 35px}
.header .form-search {overflow: visible;border: 1px solid #CCCCCC;border-radius: 20px;position: relative;width: 100%;min-width: 250px;padding-right: 170px;background-color: #FFFFFF}
.header .form-search label {float: left;width: 24px;height: 21px;text-align: left;text-indent: -999em;overflow: hidden;display: none}
.header .form-search #search {border: 0;height: 38px;background-color: transparent;padding: 10px 15px;color: #999999;width: 100%;margin: 0;font-size: 13px;line-height: 20px;border-radius: 20px 0 0 20px}
.header .form-search #cat {margin: 0;width: 130px;height: 38px;background-color: transparent;border: 1px solid #CCCCCC;border-top: 0;border-bottom: 0;font-size: 13px;line-height: 34px;color: #777777;padding: 2px 0;padding-left: 10px;position: absolute;right: 40px;border-radius: 0;-moz-appearance: none;-webkit-appearance: none}
.header .form-search #cat option {color: #000000;background: #FFFFFF}
.header .form-search button.button {width: 40px;height: 38px;color: #777777;background-color: transparent;font-size: 14px;position: absolute;right: 0;top: 0;border-radius: 0 20px 20px 0;padding-right: 2px;}
.header .form-search .search-autocomplete {z-index: 999}
.header .form-search .search-autocomplete ul {border: 1px solid #DDDDDD;background-color: #FFFFFF}
.header .form-search .search-autocomplete li {text-align: left;padding: 5px 10px;cursor: pointer;color: #777777}
.header .form-search .search-autocomplete li .amount {float: right;font-weight: 700}
.header .form-search .search-autocomplete li.odd {background-color: #FFFFFF}
.header .form-search .search-autocomplete li.selected {background-color: #F7F7F7}
.header-container .form-language, .header-container .form-currency {display: block;float: left;margin-right: 8px}
.header-container .form-language select, .header-container .form-currency select {display: none}
.header-container .links {display: block;float: right;padding: 0;margin: 3px 0;color: #0088CC}
.header-container .top-links-area {display: block;float: right;padding: 0;position: relative}
.header-container .top-links a {color: #999999}
.header-container .top-links-area a {padding-top: 5px;padding-bottom: 5px}
.header-container .top-links .selectbox li a:hover {color: #FFFFFF}
.header-container .links li {font-size: 11px;padding: 0 15px;text-transform: uppercase;line-height: 19px;border-left: 1px solid #CCCCCC}
.header-container .links li.last {padding-right: 0}
.header-container .top-container {clear: both;padding: 5px 10px 0 12px;text-align: right}
.header-container .top-container a {font-size: 11px;color: #EBBC58}
.top-container .paypal-logo {text-align: left;display: inline-table}
.header .custom-block {font-size: 14px;font-weight: 400;display: inline-block;vertical-align: middle}
.fixed-header-area {z-index: 1001;text-align: left;transition: .5s top ease-in-out;-webkit-transition: .5s top ease-in-out}
.mini-cart {position: absolute;right: 20px;top: 50%;margin-top: -20px;text-align: right}
.topCartContent {display: none;position: absolute;right: 0;top: 40px;width: 300px;background-color: #FFFFFF;border-width: 6px 0 0;border-style: solid;z-index: 1;border-radius: 8px 8px 5px 5px;color: #777777;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);margin-top: 10px}
.topCartContent:before {content: "";position: absolute;border: 10px solid transparent;display: block;right: 15px;top: -25px;border-bottom-color: #0088CC}
.mini-cart .topCartContent:after {content: "";position: absolute;left: 0;top: -25px;height: 25px;width: 100%;display: block}
.mybag-link {line-height: 1;display: inline-block;color: #FFFFFF;border-radius: 5px;height: 40px;padding: 5px;text-transform: uppercase;text-align: center;max-width: 120px}
.mybag-link i {color: #FFFFFF;font-size: 27px;display: inline-block;vertical-align: middle}
.mybag-link:hover {color: #FFFFFF;text-decoration: none}
.mybag-link .cart-info {display: inline-block;vertical-align: middle;text-align: left;padding: 3px}
.mybag-link span {display: block;font-size: 12px;font-weight: 600}
.mybag-link .cart-qty {font-size: 14px}
.mini-cart .block-subtitle {margin: 20px 30px}
.mini-cart .cart-empty {margin: 20px;text-align: center}
.mini-products-list .product-image {float: left}
.mini-cart .mini-products-list .product-details {margin-left: 90px}
.mini-cart .mini-products-list {padding: 0 20px}
.mini-cart .mini-products-list li {padding: 20px 0;border-bottom: 1px solid #EEEEEE}
.mini-cart .mini-products-list li a.btn-remove {top: 29px}
.mini-cart .mini-products-list li .product-image {border-width: 0;padding: 0;border-radius: 0}
.mini-cart .mini-products-list li .product-image img {width: auto}
.mini-cart .actions {color: #FFFFFF;line-height: 47px;padding: 0 20px;border-radius: 0 0 5px 5px;margin-bottom: 15px}
.mini-cart .actions a {border: 0;width: 128px;text-align: center;color: #FFFFFF}
.option-detail {position: relative;cursor: help;line-height: 1.5}
.option-detail a:hover {cursor: help}
.option-detail .item-options {min-width: 150px;display: none;margin: 0;padding: 10px}
.option-detail .item-options.show {opacity: 1;filter: alpha(opacity=100);display: block}
.mini-cart .qty-price {color: #0088CC}
.mini-cart .totals {padding: 10px 20px;text-align: center;font-size: 18px;color: #0088CC;font-weight: 700}
.mini-cart .totals .label {color: #777777}
.header-container .selectbox .select {border-color: transparent;color: #FFFFFF;text-align: center}
.header-container .selectbox li a {color: #777777 !important}
.header-container .selectbox li a:hover {color: #FFFFFF !important}
.header-container .selectbox .dropdown {border-radius: 3px;min-width: 90px}
.header-container .selectbox .dropdown ul {background-color: #FFFFFF !important}
.header-container .top-links-container span.split {float: left;display: block;height: 14px;width: 1px;border-right: 1px solid #CCCCCC;margin: 6px 3px 6px 0}
.header-container .main-nav ul.menu > li.menu-full-width > a, .header-container .main-nav ul.menu > li.menu-item-has-children > a, .header-container .main-nav ul.menu > li.menu-static-width > a {padding-right: 30px}
.custom-block .icon-group:first-child {margin: 0}
.icon-group {display: inline-block;vertical-align: middle;text-align: left;margin-left: 30px}
.icon-group i {font-size: 20px;color: #FFFFFF;float: left;border-radius: 50%;width: 40px;height: 40px;text-align: center;line-height: 40px;background-color: #000000}
.icon-group h3 {color: #000000;font-size: 14px;margin: 0;line-height: 1.5;margin-left: 48px}
.icon-group p {font-size: 11px;margin: 0;margin-left: 48px;line-height: 1;color: #878787}
.search-area {position: absolute;top: 50%;margin-top: -20px;z-index: 1;display: inline-block;height: 40px;left: 20px;vertical-align: middle}
.cart-area {position: absolute;top: 50%;margin-top: -20px;z-index: 1;display: inline-block;height: 40px;right: 15px;text-align: right;vertical-align: middle}
.header-container .header .custom-block span.split {height: 14px;width: 1px;border-right: 1px solid #CCCCCC;margin: 0 13px}
.header-container .top-links-icon {display: none;vertical-align: middle;font-size: 11px;padding: 7px 20px 7px 10px;position: relative}
.header-container .top-links-icon:before {content: "\e80b";display: block;position: absolute;right: 7px;top: 50%;font-family: "porto";margin-top: -5px}
.header-container .top-links-icon a {color: #FFFFFF;text-transform: uppercase;text-decoration: none}
.header-container .top-links-icon a:hover {text-decoration: none}
.mobile-nav-shown .mobile-nav {box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75) !important;}
.mobile-nav .custom-block {padding-top: 20px;border-top: #242527 solid 1px;}
.mobile-nav .custom-block .social-icons {text-align: center;float: none;}
.mobile-nav .social-icons a {background: none;text-indent: 0;color: #FFFFFF;border-radius: 0;font-size: 15px;text-align: center;margin-left: 0;display: inline-block;}
.main-nav {background-color: transparent;font-size: 12px;border: 0;padding: 0;text-align: left}
.main-nav .menu-wrapper {background-color: #F0F0ED;border-radius: 5px 5px 0 0;position: relative}
.mega-columns.row {margin-right: -10px;margin-left: -10px}
.menu_thumb_img {padding: 15px 0 0}
.fixed-header-area .menu > li {padding: 0 !important}
.fixed-header a.logo img {height: 50px;margin: 10px 0}
.fixed-header .mini-products-list a {color: #777777}
.fixed-header-area .fixed-header .menu {float: none;margin: 7px 0}
.fixed-header ul.menu > li, .main-nav ul.menu > li {padding: 0;border-radius: 5px}
.fixed-header ul.menu > li.menu-full-width, .fixed-header ul.menu > li.menu-item-has-children, .main-nav ul.menu > li.menu-full-width, .main-nav ul.menu > li.menu-item-has-children, .fixed-header ul.menu > li.menu-static-width, .fixed-header ul.menu > li.menu-item-has-children, .main-nav ul.menu > li.menu-static-width, .fixed-header ul.menu > li.menu-full-width.act:hover, .fixed-header ul.menu > li.menu-item-has-children.act:hover, .main-nav ul.menu > li.menu-full-width.act:hover, .main-nav ul.menu > li.menu-item-has-children.act:hover, .fixed-header ul.menu > li.menu-static-width.act:hover, .fixed-header ul.menu > li.menu-item-has-children.act:hover, .main-nav ul.menu > li.menu-static-width.act:hover {padding: 0;border-radius: 5px 5px 0 0}
.fixed-header ul.menu > li .nav-sublist-dropdown, .main-nav ul.menu > li .nav-sublist-dropdown {border: 0;background-color: #FFFFFF;border-radius: 0 6px 6px 6px;padding: 5px 0;min-width: 160px;width: auto;box-shadow: 0 2px 10px -2px rgba(0, 0, 0, .3);border-top: 5px solid #0088CC}
.fixed-header .menu-wrapper {position: relative}
.fixed-header ul.menu > li > a, .main-nav ul.menu > li > a {color: #0088CC;font-size: 12px;font-weight: 700;text-transform: uppercase;padding: 17px 20px}
.fixed-header ul.menu > li > a {padding: 13px 20px}
.fixed-header ul.menu > li.menu-full-width > a, .fixed-header ul.menu > li.menu-item-has-children > a, .main-nav ul.menu > li.menu-full-width > a, .main-nav ul.menu > li.menu-item-has-children > a, .fixed-header ul.menu > li.menu-static-width > a, .main-nav ul.menu > li.menu-static-width > a {padding-right: 30px}
.fixed-header ul.menu > li.menu-full-width > a:after, .fixed-header ul.menu > li.menu-item-has-children > a:after, .main-nav ul.menu > li.menu-full-width > a:after, .main-nav ul.menu > li.menu-item-has-children > a:after, .fixed-header ul.menu > li.menu-static-width > a:after, .main-nav ul.menu > li.menu-static-width > a:after {content: '\e81c';font-family: "porto";width: 10px;height: 10px;top: 50%;right: 15px;left: auto;margin-top: -7px}
.fixed-header ul.menu > li, .main-nav ul.menu > li {transition: all .1s;margin-right: 3px}
.fixed-header ul.menu > li:first-child, .main-nav ul.menu > li:first-child {margin-right: 0}
.fixed-header ul.menu > li:hover, .main-nav ul.menu > li:hover, .fixed-header ul.menu > li.act, .main-nav ul.menu > li.act {background-color: #0088CC;text-decoration: none}
.fixed-header ul.menu > li.act, .main-nav ul.menu > li.act {border-radius: 5px}
.fixed-header ul.menu > li:hover > a, .main-nav ul.menu > li:hover > a, .fixed-header ul.menu > li.act > a, .main-nav ul.menu > li.act > a {color: #FFFFFF;text-decoration: none}
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown {border: 0;border-radius: 0 0 5px 5px;background-color: #FFFFFF;padding: 10px 0;border-top: 5px solid #0088CC;text-align: left}
.fixed-header .menu > li.menu-static-width .nav-sublist-dropdown, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown {border: 0;border-top: 5px solid #0088CC;border-radius: 0 0 5px 5px;background-color: #FFFFFF;padding: 10px 0 20px}
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown {top: 38px}
.fixed-header a, .main-nav a {color: #FFFFFF}
.fixed-header a:hover, .main-nav a:hover {color: #FFFFFF}
.fixed-header .menu > li .nav-sublist-dropdown .container ul > li a, .main-nav .menu > li .nav-sublist-dropdown .container ul > li a {border: 0;padding: 10px 30px 10px 5px;margin: 0 8px;border-top: 1px solid rgba(255, 255, 255, .2)}
.fixed-header .menu > li:nth-last-child(1) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist, .fixed-header .menu > li:nth-last-child(2) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist, .main-nav .menu > li:nth-last-child(1) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist, .main-nav .menu > li:nth-last-child(2) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist {right: 100%}
.fixed-header .menu > li.menu-item-has-children .nav-sublist-dropdown .container ul > li a, .main-nav .menu > li.menu-item-has-children .nav-sublist-dropdown .container ul > li a {text-decoration: none}
.fixed-header .menu > li.menu-item-has-children .nav-sublist-dropdown .container ul > li:hover > a, .main-nav .menu > li.menu-item-has-children .nav-sublist-dropdown .container ul > li:hover > a {background-color: #F4F4F4}
.fixed-header .menu > li .nav-sublist-dropdown .container ul > li:first-child a, .main-nav .menu > li .nav-sublist-dropdown .container ul > li:first-child a {border: 0}
.menu img {max-width: 100%}
.fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children > a span, .main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children > a span {padding-right: 10px}
.fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children > a:before, .main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children > a:before {font-family: 'porto';content: '\e81a';font-size: 12px;top: 50%;margin-top: -9px;margin-left: 0;text-align: center;line-height: 15px}
.fixed-header .menu > li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist, .main-nav .menu > li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist {border-radius: 5px;top: -4px;padding: 5px 0;left: 100%}
.fixed-header .menu > li.menu-item .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist, .main-nav .menu > li.menu-item .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist {background-color: #FFFFFF;box-shadow: 0 2px 10px -2px rgba(0, 0, 0, .3)}
.fixed-header .menu > li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist li, .main-nav .menu > li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist li {background-color: transparent}
.fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist li:last-child a, .main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist li:last-child a {border-bottom: 0}
.fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children > .nav-sublist li a, .main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children > .nav-sublist li a {border-top: 1px solid rgba(255, 255, 255, .2)}
.fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist li:first-child a, .main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist li:first-child a {border-top: 0}
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1 {font-size: 14px;font-weight: 600;padding: 0 5px;margin-top: 10px}
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul li a:before, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul li a:before, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul li a:before, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul li a:before {display: none}
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul {margin-left: 10px}
.menu-icon {vertical-align: middle;display: none;text-align: right;padding-left: 20px;font-size: 20px;height: 60px;pointer-events: all}
.fixed-header .menu > li .nav-sublist-dropdown:before, .main-nav .menu > li .nav-sublist-dropdown:before {top: -2px}
.fixed-header .menu > li .nav-sublist-dropdown .container, .main-nav .menu > li .nav-sublist-dropdown .container {width: auto}
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown a, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown a, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown a, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown a {color: #777777}
.fixed-header .mini-cart {background-color: transparent;position: static;margin: 0;display: inline-block;vertical-align: middle}
.fixed-header .mybag-link {position: relative;padding: 2px 0}
.fixed-header .mybag-link i {font-size: 35px;color: #0088CC}
.fixed-header .mybag-link .cart-info {display: block;position: absolute;text-align: center;width: 100%;top: 50%;margin-top: -8px}
.fixed-header .mybag-link .cart-qty {display: block;font-size: 16px;color: #FFFFFF}
.fixed-header .mybag-link span {display: none}
.page {position: relative;left: 0;transition: left .3s}
body.mobile-nav-shown .page {left: 250px}
.mobile-nav .close-sidebar-menu {position: absolute;top: 10px;right: 10px;padding: 4px;z-index: 9;cursor: pointer;color: #FFFFFF;}
.mobile-nav .menu-all-pages-container {border-top: #242527 solid 1px;margin-top: 42px;}
.mobile-nav-overlay {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #000000;z-index: 998;opacity: 0;filter: alpha(opacity=0);visibility: hidden;transition: all .3s}
body.mobile-nav-shown .mobile-nav-overlay {opacity: .15;filter: alpha(opacity=15);visibility: visible}
.mobile-nav.side-block {position: fixed;top: 0;left: -250px;z-index: 999;width: 250px;height: 100%;overflow-y: scroll;padding-top: 20px;padding-bottom: 20px;transition: all .3s;display: block !important;padding: 0;}
body.mobile-nav-shown .mobile-nav.side-block {left: 0;}
.mobile-nav.side-block .sw-mobile-menu li > a {background-color: transparent;color: #FFFFFF;border: 0;padding: 0 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.mobile-nav.side-block .sw-mobile-menu > li:first-child > a {border: 0}
.mobile-nav.side-block .sw-mobile-menu > li > ul li {background-color: transparent}
.mobile-nav.side-block .sw-mobile-menu li .open-child {background-color: transparent;color: #FFFFFF}
.mobile-nav.side-block .sw-mobile-menu li:hover > .open-child {color: #FFFFFF}
.mobile-nav.side-block .sw-mobile-menu li > .open-child:hover {background-color: transparent}
.mobile-nav.side-block .sw-mobile-menu li .open-child:after {content: "\e81c";font-family: "porto";font-size: 15px;text-align: center;line-height: 19px;background: transparent;opacity: 1}
.mobile-nav.side-block .sw-mobile-menu li.over > .open-child:after {background: transparent;content: "\e81b"}
.mobile-nav .sw-mobile-menu > li > ul > li a {margin-left: 10px;white-space: nowrap}
.mobile-nav .sw-mobile-menu > li > ul > li li a {margin-left: 20px}
.mobile-nav .sw-mobile-menu > li > ul, .mobile-nav .sw-mobile-menu > li ul {width: 100%}
.home-side-menu {background-color: #FBFBFB;border: 1px solid #DDDDDD;border-radius: 5px;margin-bottom: 27px}
.home-side-menu h2.side-menu-title {background-color: #F5F5F5;color: #A39F9C;font-size: 13px;font-weight: 700;line-height: 1;padding: 14px 15px;border-radius: 5px 5px 0 0;margin: 0;border-bottom: 1px solid #DDDDDD}
.menu.side-menu {padding: 0;list-style: none;margin: 0}
.menu.side-menu > li {position: relative;transition: all .2s}
.menu.side-menu > li:hover {background-color: #0088CC}
.menu.side-menu > li > a {position: relative;font-size: 14px;font-weight: 400;padding: 13px 5px;display: block;margin: 0 10px;border-top: 1px solid #DDDDDD}
.menu.side-menu > li:hover > a {color: #FFFFFF;border-color: transparent}
.menu.side-menu > li:first-child > a {border-top: 0}
.menu.side-menu > li > a:hover {text-decoration: none}
.menu.side-menu li.menu-item-has-children, .menu.side-menu li.menu-item-has-children > a {position: relative}
.menu.side-menu > li.menu-static-width > a:after, .menu.side-menu > li.menu-item-has-children > a:after, .menu.side-menu > li.menu-item-has-children li.menu-item-has-children > a:after, .menu.side-menu > li.menu-full-width > a:after {content: "\e814";font-family: "porto";width: 10px;height: 10px;top: 50%;right: 0;left: auto;margin-top: -7px;position: absolute;font-size: 13px;color: #0088CC}
.menu.side-menu > li.menu-static-width:hover > a:after, .menu.side-menu > li.menu-item-has-children:hover > a:after, .menu.side-menu > li.menu-item-has-children li.menu-item-has-children:hover > a:after, .menu.side-menu > li.menu-full-width:hover > a:after {color: #FFFFFF}
.menu.side-menu > li.menu-item-has-children li.menu-item-has-children > a:after {color: #FFFFFF}
.menu.side-menu > li .nav-sublist-dropdown {display: none;position: absolute;z-index: 10000;width: 200px;border: 0;background-color: #FFFFFF;border-radius: 0 5px 5px 7px;padding: 10px 0;left: 100%;top: 0;border-left: 5px solid #0088CC;box-shadow: 1px 0 1px rgba(0, 0, 0, 0.5)}
.menu.side-menu > li.menu-full-width .nav-sublist-dropdown {width: 869px;padding: 15px 0 25px}
.menu.side-menu > li.menu-item-has-children .nav-sublist-dropdown {background-color: #0088CC;border: 0}
.menu.side-menu .container {padding: 0}
.menu.side-menu img {max-width: 100%}
.menu.side-menu a, .menu.side-menu a:hover {color: #777777;line-height: 1}
.menu.side-menu > li.menu-item-has-children .nav-sublist-dropdown a {color: #FFFFFF}
.menu.side-menu > li .nav-sublist-dropdown ul {padding: 0;margin: 0;list-style: none}
.menu.side-menu > li.menu-static-width .nav-sublist-dropdown {padding: 10px 0 25px}
.menu.side-menu li.menu-item-has-children .nav-sublist-dropdown .container ul > li a {text-decoration: none}
.menu.side-menu li.menu-item-has-children .nav-sublist-dropdown .container > ul > li > a {border: 0;padding: 13px 5px;margin: 0 8px;display: block;border-top: 1px solid rgba(255, 255, 255, .2)}
.menu.side-menu li.menu-item-has-children .nav-sublist-dropdown .container > ul > li:first-child > a {border: 0}
.menu.side-menu li.menu-item-has-children .nav-sublist-dropdown .container ul > li:hover > a {background-color: #0099E6}
.menu.side-menu > li.menu-item-has-children .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist {border-radius: 5px;background-color: #0088CC;top: -10px;padding: 10px 0;position: absolute;left: 100%;display: none}
.menu.side-menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children:hover > .nav-sublist {display: block}
.menu.side-menu > li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist li {width: 200px;background-color: transparent}
.menu.side-menu li.menu-item-has-children .nav-sublist li > a {border-top: 1px solid rgba(255, 255, 255, 0.2);padding: 13px 5px;margin: 0 8px;display: block}
.menu.side-menu li.menu-item-has-children .nav-sublist li:first-child > a {border: 0}
.menu.side-menu > li .nav-sublist-dropdown .container ul > li a {padding: 13px 5px;margin: 0 8px;display: block}
.menu.side-menu > li.menu-static-width .nav-sublist-dropdown .container ul > li a, .menu.side-menu > li.menu-full-width .nav-sublist-dropdown .container ul > li a {padding: 5px}
.menu.side-menu > li.menu-static-width .nav-sublist-dropdown .container ul > li a.menu_thumb_link, .menu.side-menu > li.menu-full-width .nav-sublist-dropdown .container ul > li a.menu_thumb_link {padding: 0 5px 10px}
.menu.side-menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1, .menu.side-menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1 {font-size: 14px;font-weight: 600;margin-top: 10px;margin-bottom: 5px;text-transform: uppercase;line-height: 1.5;padding: 0 5px;color: #333333}
.menu.side-menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul, .menu.side-menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist ul li ul {margin-left: 10px}
.block {margin: 0 0 40px}
.block .block-title {margin: 5px 0 10px;line-height: 1.2;font-size: 16px;font-weight: 700;color: #313131}
.block .block-title a {text-decoration: none !important}
.block .block-subtitle {margin: 0;font-size: 13px}
#poll-answers {margin: 0 20px 10px}
#poll-answers li {padding: 5px 0}
.block .block-content li.item {padding: 7px 9px}
.block .block-content ol {margin: 10px 0}
.block .block-content ol li.item {padding: 3px 0}
.block .block-content ol li.item .product-name {margin: 0}
.block .btn-remove, .block .btn-edit {float: right;margin: 0 0 0 5px}
.block .actions {font-size: 13px;text-align: right}
.block .actions a {float: left;margin: 5px 0}
.block .actions button.button {float: right}
.block .actions button.button span {height: 24px;padding: 0 5px;font-size: 13px;line-height: 24px}
.block .empty {margin: 0;padding: 10px 0}
.mini-products-list .product-image {float: left}
.mini-products-list .product-details {margin-left: 70px;text-align: left;line-height: 1.4}
.mini-products-list li {padding: 10px 0;position: relative}
.mini-products-list li .product-name a {color: #777777}
.mini-products-list li .product-name a:hover {color: #0088CC}
.mini-products-list li a.btn-remove {position: absolute;right: 0;top: 9px;color: #777777}
.mini-products-list li .product-image {border: 1px solid #DDDDDD;background-color: #FFFFFF;padding: 2px;border-radius: 4px}
.mini-products-list li .product-image img {width: 50px;height: auto}
.block .block-content .mini-products-list li.item {padding: 10px 0}
.mini-products-list .price-box {margin: 5px 0}
.block.block-banner {border: 0}
.block.block-banner .block-content {text-align: center}
.block.block-banner img {max-width: 100%}
.block.block-subscribe {border-radius: 5px}
.block.block-subscribe .block-title {background-color: transparent;border: 0}
.block.block-subscribe .block-title strong {font-size: 1.4em;text-transform: none;font-weight: 400;padding-bottom: 10px}
.block.block-subscribe .block-content {background-color: transparent}
.block.block-subscribe .form-subscribe-header {padding: 10px 20px}
.block.block-subscribe label {font-size: 14px}
.block.block-subscribe .input-box {padding: 10px 20px 20px}
.block.block-subscribe .input-box input.input-text {width: 100%;height: 34px;padding: 5px}
.block.block-subscribe .actions {background-color: transparent;border: 0;padding: 0 20px 20px}
.block.block-subscribe .actions button.button span {height: 34px;line-height: 34px}
.block.block-subscribe.home-sidebar-block {border: 1px solid #DDDDDD;border-top: 5px solid #0088CC;border-radius: 7px;background-color: #FBFBFB;text-align: center;padding: 25px 20px 0}
.block.block-subscribe.home-sidebar-block .block-title strong {font-size: 16px;color: #313131;font-weight: 700;text-transform: uppercase;padding: 30px 0 20px}
.block.block-subscribe.home-sidebar-block .block-content p {line-height: 1.8}
.block.block-subscribe.home-sidebar-block .input-box {padding: 10px 10px 40px}
.block.block-subscribe.home-sidebar-block .input-box input.input-text {float: left;padding: 5px 60px 5px 10px;border: 1px solid #D3D3D3;border-radius: 5px;background-color: #FEFEFE;line-height: 16px}
.block.block-subscribe.home-sidebar-block button.button {float: left;margin-left: -51px;width: 50px;height: 34px}
.block.block-subscribe.home-sidebar-block button.button span {min-width: 49px;padding: 0;line-height: 32px;height: 32px;background-color: #FEFEFE;color: #515151;border: 0;border-left: 1px solid #D3D3D3;border-radius: 0 5px 5px 0}
.block.block-subscribe.home-sidebar-block button.button span span {border: 0}
.parallax-subscribe input.input-text {background-color: #E3E2E2;color: #666666;height: 34px;line-height: 18px;padding: 8px 100px 8px 10px;width: 100%}
.parallax-subscribe button.button {position: absolute;z-index: 1;right: 0;top: 0}
.parallax-subscribe button.button span {height: 34px;line-height: 34px;padding: 0;border-radius: 0 3px 3px 0;width: 90px;min-width: 90px}
.block.block-layered-nav {border: 0;margin-top: -14px}
.block.block-layered-nav .block-content {background-color: transparent;position: relative;z-index: 2;}
.block.block-layered-nav .block-content ol {margin: 0}
dl#narrow-by-list {margin: 0}
.mobile-layer-shown .col-left .block-main-layer {right: auto;left: 0;}
.mobile-layer-shown .block-main-layer {right: 0;overflow-y: scroll;}
.mobile-layer-shown .mobile-layer-overlay {opacity: .5;filter: alpha(opacity=15);visibility: visible;}
.mobile-layer-overlay {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #000000;z-index: 998;opacity: 0;filter: alpha(opacity=0);visibility: hidden;transition: all .3s;}
.block-main-layer .layer-filter-icon {position: fixed;top: 22%;left: -1px;z-index: 9;width: 51px;height: 49px;background-color: #F5F5F5;border: #DCDCDA solid 1px;text-align: center;line-height: 51px;opacity: 1;transition: all 0.2s;visibility: visible;}
.mobile-layer-shown .block-main-layer .layer-filter-icon {visibility: hidden;opacity: 0;}
.block-main-layer .layer-filter-icon a {display: block;font-size: 27px;color: #818181;line-height: 45px;}
.block-main-layer .title-filter {position: relative;background-color: #666666; display: block;text-align: left;font-family: 'Oswald';font-size: 12.5px;color: #FFFFFF;font-weight: 400;letter-spacing: 0.025em;line-height: 26px;text-transform: uppercase;padding: 10.5px 35px;margin: 0;}
.block-main-layer .close-layer {position: absolute;top: 50%;right: 15px;font-size: 15px;cursor: pointer;width: 30px;height: 30px;text-align: center;margin-top: -16px;}
.block-layered-nav dt, .block-layered-nav .currently .block-subtitle, .block-category-nav .block-title {padding: 10px 15px;font-size: 13px;font-weight: 700;text-transform: uppercase;border: 1px solid #DDDDDD;background-color: #F5F5F5;color: #777777;position: relative;cursor: pointer;border-radius: 7px 7px 0 0;margin-top: 14px}
.catalog-category-view .block-category-nav .block-title {margin-top: 0;margin-bottom: 0}
.block-layered-nav dt.closed, .block-category-nav .block-title.closed {border-radius: 7px}
.block-layered-nav dt:before, .block-category-nav .block-title:before {content: "\e80d";width: 26px;height: 26px;display: block;border: 1px solid #DDDDDD;font-family: 'porto';position: absolute;right: 15px;top: 50%;margin-top: -13px;border-radius: 3px;color: #CCCCCC;text-align: center;line-height: 24px;background-color: #FFFFFF;font-size: 10px}
.block-layered-nav dt.closed:before, .block-category-nav .block-title.closed:before {content: "\e80b"}
.block-layered-nav dt:hover:before, .block-category-nav .block-title:hover:before {background-color: #0088CC;color: #FFFFFF}
.block-layered-nav dd, .block-category-nav .block-content {padding: 10px 15px;margin: 0;font-size: 13px;border: 1px solid #DDDDDD;border-top: 0;border-radius: 0 0 7px 7px;background-color: #FBFBFB}
.block-layered-nav dd a {color: #777777;font-size: 13px;line-height: 2.5}
.block-layered-nav .currently ol {border: 1px solid #DDDDDD;border-width: 0 1px;background-color: #FBFBFB;padding: 10px 0;margin: 0}
.block-layered-nav .currently li {padding: 5px 15px;position: relative;z-index: 1;line-height: 1.5}
.block-layered-nav .currently .label {padding: 0;text-transform: uppercase;display: inline-block;vertical-align: middle}
.block-layered-nav .currently .value {display: inline-block;vertical-align: middle}
.block-layered-nav .currently .btn-previous, .block-layered-nav .currently .btn-remove {position: absolute;right: 15px;top: 4px;margin: 0;line-height: 21px;padding: 0}
.block-layered-nav .currently .btn-previous {right: 17px}
.block-layered-nav .actions {font-size: 11px;padding: 10px 15px;background: #F7F7F7;border: 1px solid #DDDDDD;border-radius: 0 0 7px 7px;text-align: right;margin-bottom: 14px}
.block-layered-nav .actions a {float: none}
.price.price-filter-slider {margin: 15px 0 10px;white-space: normal !important}
.price-filter-slider .text-box {text-align: center}
.price-filter-slider .text-box > span {line-height: 26px;vertical-align: middle}
.price-filter-slider .text-box * {white-space: normal;margin: 5px 0;height: 26px;}
.price-filter-slider .text-box input.go {background-color: #0088CC;border: 0;height: 26px;line-height: 26px;color: #FFFFFF;border-radius: 5px;padding: 0 10px;font-size: 14px}
.block-currency select {width: 240px;max-width: 100%}
.cms-index-index .block-category-nav {margin: 0}
.block-category-nav {border-radius: 7px;border-color: #DDDDDD;overflow: hidden;margin-bottom: 28px;line-height: 1.42857143}
.block-category-nav .block-title {cursor: pointer;margin: 0}
.block-category-nav .block-title strong {padding: 0}
.block-category-nav .block-content {padding: 10px 15px}
.block-category-nav .category-list {list-style: none;padding: 0;margin: 0}
.block-category-nav .category-list li {position: relative}
.block-category-nav .category-list a {color: #777777;font-size: 13px;line-height: 2.5}
.block-category-nav .category-list ul {padding-left: 15px;margin: 0;list-style: none;display: none}
.block-category-nav .category-list a.plus {position: absolute;right: 1px;color: #0088CC;font-size: 16px;line-height: 32px}
.top-container .category-banner {background-color: transparent}
.top-container .category-banner .banner-image {width: 100%}
.category-banner .owl-theme .owl-controls {position: relative;margin-top: -30px;height: 30px}
.category-banner .banner-text {position: absolute;top: 30%;width: 100%;color: #FFFFFF}
.category-banner .banner-text h2 {font-size: 50px;color: #FFFFFF}
.category-banner .banner-text p {font-size: 26px;font-weight: 300}
.category-boxed-banner {margin-bottom: 25px}
.category-boxed-banner.owl-theme .owl-controls {margin-top: -30px;position: relative;height: 30px}
.category-boxed-banner.owl-theme .owl-controls .owl-page span {background: #FFFFFF}
.category-boxed-banner .owl-item .item {border-radius: 5px;overflow: hidden;position: relative}
.category-boxed-banner .owl-item .item img {width: 100%;height: auto}
.category-boxed-banner .banner-text {position: absolute;top: 40%;left: 4%;color: #FFFFFF;width: 100%}
.category-boxed-banner .banner-text h2 {font-size: 35px;color: #FFFFFF;background-color: #333333;background-color: rgba(23, 23, 23, .9);padding: 5px 10px;display: inline-block;line-height: 1}
.category-boxed-banner .banner-text p {font-size: 16px;font-weight: 300;background-color: #666666;background-color: rgba(23, 23, 23, .65);padding: 7px 12px;line-height: 1.4}
.category-boxed-banner .banner-text a.shop-now {margin-left: 20px;font-size: 16px}
.category-image {width: 100%;overflow: hidden;margin: 0 0 30px;text-align: center}
.category-image img {width: 100%}
.category-description {margin: 0 0 15px}
.category-products .products-grid {margin-left: -10px;margin-right: -10px;list-style: none}
.category-products .products-grid li.item {float: left;padding: 10px;padding-bottom: 0 !important}
.category-products .products-grid li.item .item-area {width: 100%;position: relative}
.category-products .products-grid li.item .product-image {width: 100%;display: block;position: relative;z-index: 0;overflow: hidden;border-radius: 3px;background: #FFFFFF;min-height: 100px}
.category-products li.item .product-image img {width: 100%;transition: all .3s}
.category-products li.item .product-image img.defaultImage {opacity: 1;filter: alpha(opacity=100)}
.category-products li.item .product-image img.hoverImage {position: absolute;top: 0;left: 0;opacity: 0;filter: alpha(opacity=0)}
.category-products li.item .product-image-area:hover .product-image img.defaultImage {opacity: 0;filter: alpha(opacity=0)}
.category-products li.item .product-image-area:hover .product-image img.hoverImage {opacity: 1;filter: alpha(opacity=100)}
.category-products .products-grid li.item .details-area {padding: 10px;text-align: center}
.category-products .products-grid li.item .details-area .product-name {margin: 0 0 3px}
.category-products .products-grid li.item .details-area .product-name a {font-size: 14px}
.col-main.filter-products .product-name a {color: #FFFFFF}
.col-main.filter-products li.item:hover .details-area .product-name a {color: #777777}
.col-main.filter-products .price-box .price {color: #FFFFFF}
.col-main.filter-products li.item:hover .price-box .price {color: #0088CC}
.col-main.filter-products li.item:hover .price-box .old-price .price {color: #A0A09F}
.category-products .products-grid li.item .details-area .ratings .amount {display: none}
.item .item-area .details-area .ratings .amount {display: none}
a.addtocart {color: #333333;background-color: #FFFFFF;font-size: 14px;padding: 0 10px 0 5px;display: inline-block;height: 32px;line-height: 30px;border-radius: 5px;border: 1px solid #CCCCCC}
a.addtocart.outofstock {padding: 0 10px;cursor: default}
a.addtocart i.icon-cart {font-size: 15px}
a.addtocart:hover {text-decoration: none}
a.addtowishlist {color: #ED4949;background-color: transparent;font-size: 17px;display: inline-block;height: 32px;width: 32px;line-height: 32px;border: 1px solid #ED4949;border-radius: 5px;text-align: center}
a.addtowishlist:hover {color: #ED4949}
a.comparelink {color: #52B9B5;background-color: transparent;font-size: 17px;display: inline-block;height: 32px;width: 32px;line-height: 32px;border: 1px solid #52B9B5;border-radius: 5px;text-align: center}
a.comparelink:hover {color: #52B9B5}
.item .details-area .actions {margin: 0 -15px}
.item .details-area .actions a {margin: 10px 1px;vertical-align: middle;visibility: hidden;opacity: 0;filter: Alpha(Opacity=0)}
.category-products ol.products-list .item .details-area .actions a {visibility: visible;opacity: 1;filter: Alpha(Opacity=100);position: static !important}
.item .details-area .actions a.addtowishlist {position: relative;right: -37px}
.item:hover .details-area .actions a.addtowishlist {visibility: visible;opacity: 1;filter: Alpha(Opacity=100);right: 0}
.item .details-area .actions a.comparelink {position: relative;left: -37px}
.item:hover .details-area .actions a.comparelink {visibility: visible;opacity: 1;filter: Alpha(Opacity=100);left: 0}
.item .details-area .actions a.addtocart {visibility: visible;opacity: 1;filter: Alpha(Opacity=100)}
.item:hover .details-area .actions a.addtocart, .category-products .products-list li.item .details-area .actions a.addtocart {border-color: #0088CC;color: #FFFFFF;background-color: #0088CC}
.item:hover .details-area .actions a.addtocart.outofstock, .category-products .products-list li.item .details-area .actions a.addtocart.outofstock {color: #333333 !important;background-color: #FFFFFF !important;border-color: #CCCCCC !important}
.details-area .actions a:hover {opacity: .8;filter: Alpha(Opacity=80)}
.hide-addtolinks .item .details-area .actions a.addtowishlist, .hide-addtolinks .item .details-area .actions a.comparelink, .hide-addtocart .item .details-area .actions a.addtocart, .hide-addtolinks .item .product-image-area .actions a.addtowishlist, .hide-addtolinks .item .product-image-area .actions a.comparelink, .hide-addtocart .item .product-image-area .actions a.addtocart {display: none}
.category-products .products-grid li.item .details-area .compare-area {padding: 10px 0;border-top: 1px solid #F7F7F7}
.category-products .products-grid li.item .details-area .compare-area .comparelink {font-size: 12px;float: right}
.category-products .products-grid li.item .details-area .compare-area .ratings {float: left;margin: 2px 0}
.category-products .products-grid.columns2 li.item {width: 50%}
.category-products .products-grid.columns2 li.item.nth-child-2np1 {clear: left}
.category-products .products-grid.columns3 li.item {width: 33.33%}
.category-products .products-grid.columns3 li.item.nth-child-3np1 {clear: left}
.category-products .products-grid.columns4 {margin-left: -10px;margin-right: -10px}
.category-products .products-grid.columns4 li.item {float: left;padding: 10px}
#slideshow .category-products .products-grid.columns4 li.item:hover {padding: 20px 10px}
.category-products .products-grid.columns4 li.item {width: 25%}
.category-products .products-grid.columns4 li.item.nth-child-4np1 {clear: left}
.category-products .products-grid.columns5 {margin-left: -5px;margin-right: -5px}
.category-products .products-grid.columns5 li.item {float: left;padding: 10px 5px;width: 20%}
.category-products .products-grid.columns5 li.item.nth-child-5np1 {clear: left}
.category-products .products-grid.columns6 {margin-left: -4px;margin-right: -4px}
.category-products .products-grid.columns6 li.item {float: left;padding: 10px 4px;width: 16.66%}
.category-products .products-grid.columns6 li.item.nth-child-6np1 {clear: left}
.category-products .products-grid.columns7 {margin-left: -3px;margin-right: -3px}
.category-products .products-grid.columns7 li.item {float: left;padding: 10px 3px;width: 14.28%}
.category-products .products-grid.columns7 li.item.nth-child-7np1 {clear: left}
.category-products .products-grid.columns8 {margin-left: -3px;margin-right: -3px}
.category-products .products-grid.columns8 li.item {float: left;padding: 10px 3px;width: 12.5%}
.category-products .products-grid.columns8 li.item.nth-child-8np1 {clear: left}
.category-products .products-list {margin: 0 -10px}
.category-products .products-list li.item {width: 100%;padding: 10px}
.category-products .products-list li.item .item-area {width: 100%;position: relative}
.products-list .product-image-area {width: 20%;float: left}
.products-list .product-image-area img {width: 100%;transition: all ease-in 400ms;transform-origin: 50% 0;-webkit-transform-origin: 50% 0}
.products-list .details-area {width: 80%;float: left;padding: 0 20px}
.products-list .details-area .product-name {font-size: 18px;line-height: 1}
.products-list .details-area .product-name a {color: #666666}
.products-list .details-area .action-area {margin-top: 15px}
.products-list .details-area .price-box {margin: 5px 0}
.products-list .details-area .short-desc {font-size: 14px;line-height: 1.5;color: #777777}
.products-list .details-area .actions {display: block;margin: 0}
.products-grid .ratings {margin: 5px 0 10px}
.products-list .ratings {background: none;margin: 10px 0}
.products-list .ratings .amount {display: none}
.product-image-area {position: relative;background: #FFFFFF;overflow: hidden;border: 1px solid #DDDDDD;border-radius: 7px;padding: 3px;z-index: 0}
.product-label {position: absolute;font-size: 14px;font-weight: 700;color: #FFFFFF;line-height: 1;top: 10px;z-index: 3}
.product-label span {position: relative;padding: 7px 10px;font-size: 12px;font-weight: 600;text-transform: uppercase;border-radius: 4px}
span.sale-product-icon {background-color: #E27C7C;display: block;text-align: center}
span.new-product-icon {background-color: #62B959;display: block;text-align: center}
.no-rating {margin-bottom: 20px}
.ratings {font-size: 11px;line-height: 1.25;margin: 3px 0;background: url(../image/rating-bar.png) center no-repeat;height: 14px}
div.star-rating a {transition: initial}
.block-related .ratings {background-image: none}
.product-view .product-essential .ratings {background: none;margin-bottom: 15px;height: 20px}
.product-view .product-essential .ratings .rating-box {width: 74px;height: 15px}
.product-view .product-essential .ratings .rating-box .rating {height: 15px}
.product-view .product-essential .ratings .rating-box:before {width: 74px;height: 15px;font-size: 13px;line-height: 15px}
.product-view .product-essential .ratings .rating-box .rating:before {width: 74px;height: 15px;font-size: 13px;line-height: 15px}
.ratings strong {float: left;margin: 1px 3px 0 0}
.ratings .rating-links {margin: 0;display: inline-block;vertical-align: middle;margin-left: 13px;border-left: 1px solid #DFDFDF;padding-left: 15px}
.ratings .rating-links > a, .no-rating a {line-height: 20px;font-size: 14px;color: #000000}
.ratings .rating-links .separator {margin: 0 5px;vertical-align: top;line-height: 17px;color: #777777}
.rating-box {width: 64px;height: 11px;font-size: 0;line-height: 0;text-indent: -999em;overflow: hidden;position: relative}
.rating-box:before {font-family: "porto";content: "\e852\20\e852\20\e852\20\e852\20\e852";width: 64px;height: 11px;color: #C3C5C9;display: block;font-size: 11px;line-height: 11px}
.rating-box .rating {float: left;height: 11px;position: absolute;left: 0;top: 0;overflow: hidden}
.rating-box .rating:before {font-family: "porto";content: "\e852\20\e852\20\e852\20\e852\20\e852";width: 64px;height: 11px;color: #FFC600;display: block;font-size: 11px;line-height: 11px}
.ratings .rating-box {display: inline-block;vertical-align: middle}
.ratings-table {margin: 20px 0 40px;border: 1px solid #DDDDDD}
.ratings-table thead th {
border-bottom: 1px solid #DDDDDD;
}
.ratings-table th, .ratings-table td {font-size: 13px;line-height: 1.15;padding: 3px 0}
.ratings-table th {font-weight: 700;padding-right: 8px}
.ratings-table.data-table thead th {font-size: 11px;padding: 0 15px}
.ratings-table.data-table input.radio {margin: 0}
.ratings-table.data-table .nobr {display: block;line-height: 20px;font-weight: 600}
.product-view #product-customer-reviews {margin-top: -20px}
.product-view #product-customer-reviews li {border-bottom: 1px solid #EEEEEE;padding: 20px 0 10px}
.avatar-image {float: left}
.review-area {line-height: 25px;margin-left: 80px}
.review-area .review-title {font-size: 18px}
.review-area .review-by {font-style: italic;font-size: 12px;color: #CCCCCC}
.review-area .review-by b {color: #0088CC;font-weight: 400}
.review-area .ratings-list {margin-bottom: 5px}
.review-area .ratings-list .rating-item {display: inline-block;vertical-align: middle;margin-right: 10px}
.review-area .ratings-list .label {vertical-align: middle;font-size: 12px;padding: 0 5px 0 0;font-weight: 400}
.review-area .ratings-list .rating-box {display: inline-block;vertical-align: middle}
.add-review {padding-top: 15px}
.add-review h3 {font-size: 18px;text-transform: uppercase;margin-bottom: 15px}
.add-review h4 {font-size: 13px;font-weight: 400;margin-bottom: 10px}
.add-review span.rating-type {font-weight: 400;font-size: 13px}
.add-review .rating-block {margin-bottom: 10px}
.availability {margin: 0}
.availability span {font-weight: 700}
.availability.out-of-stock span {color: #D83820}
.availability-only {margin: 10px 0;line-height: 16px;background: transparent;padding-left: 0}
.availability-only span, .availability-only a {border-bottom: 1px dashed #0088CC;color: #000000}
.availability-only a {cursor: pointer;text-decoration: none}
.availability-only strong {color: #0088CC}
.availability-only-details {margin: 0 0 10px;border: 1px solid #CCCCCC}
.availability-only-details th {background: #F5F5F5;font-size: 13px;padding: 5px 10px;border-bottom: 1px solid #CCCCCC}
.availability-only-details td {background: #FFFFFF;border-bottom: 1px solid #CCCCCC;font-size: 13px;padding: 5px 10px}
.availability-only-details tr.odd td.last {color: inherit;font-weight: 400}
.product-view .product-shop .availability {font-size: 11px}
.product-view .product-shop .availability span {font-weight: 400;margin-left: 5px}
.email-friend {margin: 0}
.alert-price {margin: 0;font-size: 11px}
.alert-stock {margin: 0;font-size: 11px}
.price {white-space: nowrap !important}
.price-box {margin: 10px 0 5px}
.price-box .price {font-weight: 600;color: #444444}
.price-box a {display: inline-block;vertical-align: middle;line-height: 20px}
.regular-price {color: #444444}
.regular-price .price {font-weight: 600;font-size: 20px;color: #444444;display: inline-block;vertical-align: middle;line-height: 1}
.old-price {margin: 0;display: inline-block;vertical-align: middle}
.std .price-box p {margin: 0}
.old-price .price-label {white-space: nowrap;display: none}
.old-price .price {color: #999999;text-decoration: line-through;font-size: 14px}
.special-price {margin: 0;display: inline-block;vertical-align: middle}
.special-price .price-label {font-size: 13px;font-weight: 700;white-space: nowrap;display: none}
.special-price .price {font-size: 20px}
.minimal-price {margin: 0}
.minimal-price .price-label {font-weight: 400;white-space: nowrap}
.minimal-price-link {display: inline-block;vertical-align: middle}
.minimal-price-link .label {color: #CCCCCC;display: inline-block;vertical-align: middle;font-size: 13px;font-weight: 400;padding: 0 0 0 10px}
.minimal-price-link .price {font-weight: 400;display: inline-block;vertical-align: middle;font-size: 14px}
.price-excluding-tax {display: inline-block;color: #999999}
.price-excluding-tax .label {white-space: nowrap;color: #999999}
.price-excluding-tax .price {font-size: 13px;font-weight: 400;color: #0088CC}
.price-including-tax {display: inline-block;color: #999999}
.price-including-tax .label {white-space: nowrap;color: #999999}
.price-including-tax .price {font-size: 13px;font-weight: 700;color: #0088CC}
.configured-price {margin: 0}
.configured-price .price-label {font-weight: 700;white-space: nowrap}
.configured-price .price {font-weight: 700}
.weee {display: inline-block;font-size: 11px;color: #444444}
.weee .price {font-size: 11px;font-weight: 400}
.price-excl-tax {display: inline-block}
.price-excl-tax .label {display: inline-block;white-space: nowrap}
.price-excl-tax .price {display: inline-block}
.price-incl-tax {display: block}
.price-incl-tax .label {display: block;white-space: nowrap}
.price-incl-tax .price {display: block;font-weight: 700}
.price-from {margin: 0;display: inline-block;vertical-align: middle;font-size: 18px}
.price-from .price-label {font-weight: 700;white-space: nowrap;display: none}
.price-to {margin: 0;display: inline-block;vertical-align: middle;font-size: 18px}
.price-to:before {content: "-";color: #444444;font-weight: 700}
.price-to .price-label {font-weight: 700;white-space: nowrap;display: none}
.price-notice {padding-left: 10px;color: #999999}
.price-notice .price {font-weight: 700;color: #2F2F2F}
.price-as-configured {margin: 0}
.price-as-configured .price-label {font-weight: 700;white-space: nowrap}
.price-box-bundle {padding: 0 0 10px}
.price-box-bundle .price-box {margin: 0 !important;padding: 0 !important}
.price-box-bundle .price {color: #555555}
.product-pricing, .tier-prices {margin: 10px 0;padding: 10px;background-color: #F4F7F7;border: 1px solid #DADDDD;color: #424242}
.tier-prices li {line-height: 1.4;padding: 2px 0}
.tier-prices .benefit {font-style: italic;font-weight: 700;color: #2F2F2F}
.tier-prices .price {font-weight: 700;color: #2F2F2F}
.tier-prices-grouped li {padding: 2px 0;color: #E26703}
.tier-prices-grouped li .price {font-weight: 700}
.add-to-links {font-size: 11px;margin: 5px 0 0}
.add-to-links .separator {display: none}
.add-to-cart label {float: left;margin-right: 5px;font-weight: 700;color: #666666;display: none}
.add-to-cart .qty {margin-right: 2px;display: inline-block;vertical-align: middle;height: 38px;width: 35px !important;font-size: 14px;text-align: center;color: #0088CC;border-color: #E1E1E1}
.add-to-cart button.button {display: inline-block;height: 38px;width: 160px;min-width: 110px;vertical-align: middle}
.add-to-cart button.button span {height: 38px;line-height: 38px;font-weight: 400;font-size: 14px;border-radius: 5px;padding: 0;min-width: 110px}
.add-to-cart button.button span i {margin-right: 10px;display: inline-block;vertical-align: middle;margin-top: -4px}
.add-to-cart button.button span i:before {margin-left: 0;}
.add-to-cart .paypal-logo {clear: left;margin: 0;text-align: left}
.add-to-cart .paypal-logo .paypal-or {clear: both;display: block;margin: 5px 60px}
.product-view .add-to-cart .paypal-logo {margin: 0}
.bml-checkout-type {list-style: none}
.bml-checkout-type .bml_button {width: 150px;display: inline-table}
.add-to-box {padding: 0 0 20px;margin-top: 20px;border-bottom: 1px solid #EBEBEB}
.col1-layout .product-options-bottom, .col1-layout .add-to-box {border: 0}
.add-to-box .add-to-cart {float: left}
.add-to-box .or {float: left;font-weight: 700;margin: 0 7px;color: #666666}
.add-to-box .add-to-links {float: left;margin: 0;font-size: 12px !important;line-height: 1.25 !important;text-align: left !important}
.add-to-box .add-to-links li .separator {display: none !important}
.product-collateral {position: relative;margin-top: 50px}
.product-collateral .box-collateral {margin: 0 0 25px}
.product-tabs > ul {position: relative;bottom: -1px}
.product-tabs > ul li {float: left;border: 1px solid #EEEEEE;border-width: 3px 1px 0;border-radius: 5px 5px 0 0;margin-right: 1px;background-color: #F4F4F4}
.product-tabs > ul li a {display: inline-block;padding: 10px 15px;color: #0088CC;font-size: 14px;line-height: 1}
.product-tabs.vertical > ul li a {display: block}
.product-tabs > ul li.active {background-color: #FFFFFF;border-top-color: #0088CC}
.product-tabs .tab-content {padding: 37px 15px;border: 1px solid #EEEEEE;min-height: 200px;border-radius: 0 0 3px 3px;box-shadow: 0 1px 2px #EEEEEE;background-color: #FFFFFF}
.product-tabs .tab-content > h2 {display: none}
.box-tags > h2 {display: none}
li.etalage_small_thumbs {margin-top: 8px;top: 100%}
.etalage.vertical li.etalage_small_thumbs {margin-top: 0}
.product-view .product-img-box {margin-bottom: 150px;align-self: flex-start;}
.product-view .product-img-box.vertical {margin-bottom: 0}
.product-view .product-img-box img.zoomImg {background-color: #FFFFFF;z-index: 2; max-width: none !important;}
.product-view .product-img-box li.etalage_thumb, .product-view .product-img-box li.etalage_small_thumbs li {padding: 3px;border: 1px solid #DDDDDD;border-radius: 7px;background: #FFFFFF;max-width: 100%}
.product-view .product-img-box .etalage_small_thumbs li {cursor: pointer;margin-top: 10px}
.product-view .product-img-box .etalage-control {position: absolute;width: 100%;height: 0;left: 0;top: 50%;margin-top: -20px;visibility: hidden;transition: all .3s;z-index: 2}
.product-view .product-img-box:hover .etalage-control {visibility: visible}
.product-view .product-img-box .etalage-control a {display: block;position: absolute;font-size: 40px;left: auto;right: auto;top: 0}
.product-view .product-img-box .etalage-control a.etalage-prev {margin: 0;left: 0;top: 0}
.product-view .product-img-box .etalage.vertical + .etalage-control a.etalage-prev {left: 20%}
.product-view .product-img-box .etalage-control a.etalage-next {margin: 0;right: 0;top: 0}
.product-view .product-img-box a.fancy-images {display: none}
.product-view .product-img-box .etalage a.fancy-images {position: absolute;right: 10px;bottom: 10px;z-index: 99;display: none}
.product-view .product-img-box .etalage .etalage_thumb_active a.fancy-images {display: block}
.col3-layout .product-view .product-img-box {float: none;margin: 0 auto}
.product-view .product-img-box .product-image {margin: 0 0 13px}
.product-view .product-img-box .product-image-zoom {position: relative;width: 265px;height: 265px;overflow: hidden;z-index: 9}
.product-view .product-img-box .product-image-zoom img {position: absolute;left: 0;top: 0;cursor: move}
.product-view .product-img-box .zoom-notice {font-size: 11px;margin: 0 0 5px;text-align: center}
.product-view .product-img-box .zoom {position: relative;z-index: 9;height: 18px;margin: 0 auto 13px;padding: 0 28px;background: url(../image/slider_bg.gif) 50% 50% no-repeat;cursor: pointer}
.product-view .product-img-box .zoom.disabled {-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity: .3}
.product-view .product-img-box .zoom #track {position: relative;height: 18px}
.product-view .product-img-box .zoom #handle {position: absolute;left: 0;top: -1px;width: 9px;height: 22px;background: url(../image/magnifier_handle.gif) 0 0 no-repeat}
.product-view .product-img-box .zoom .btn-zoom-out {position: absolute;left: 2px;top: 0}
.product-view .product-img-box .zoom .btn-zoom-in {position: absolute;right: 2px;top: 0}
.product-view .product-img-box .more-views h2 {font-size: 11px;border-bottom: 1px solid #CCCCCC;margin: 0 0 8px;text-transform: uppercase}
.product-view .product-img-box .more-views ul {margin-left: -9px}
.product-view .product-img-box .more-views li {float: left;margin: 0 0 8px 9px}
.product-view .product-img-box .more-views li a {float: left;width: 56px;height: 56px;border: 2px solid #DDDDDD;overflow: hidden}
.product-image-popup {margin: 0 auto}
.product-image-popup .buttons-set {float: right;clear: none;border: 0;margin: 0;padding: 0}
.product-image-popup .nav {font-weight: 700;margin: 0 100px;text-align: center}
.product-image-popup .image {display: block;margin: 10px 0}
.product-image-popup .image-label {font-size: 13px;font-weight: 700;margin: 0 0 10px;color: #2F2F2F}
.product-view .product-name {margin: 0 0 5px}
.product-view .product-name h1 {margin: 0 0 15px 0;font-size: 28px;font-weight: 600;line-height: 1;color: #555555}
.product-view .product-shop .availability {margin: 0 0 10px;font-size: 14px;color: #777777;font-weight: 600}
.product-view .product-shop .short-description {padding: 5px 0 20px;border-bottom: 1px solid #EBEBEB;font-size: 14px;font-weight: 300;line-height: 1.5}
.product-view .product-shop .short-description h2 {display: none}
.product-view .product-shop .price-box {margin: 0 0 20px}
.product-view .product-shop .price-box .regular-price .price {font-size: 36px;color: #0088CC}
.product-view .product-shop .price-box .old-price {vertical-align: bottom}
.product-view .product-shop .price-box .old-price .price {font-size: 18px;line-height: 1.2;font-weight: 400}
.product-view .product-shop .price-box .special-price .price {font-size: 33px;color: #0088CC;line-height: 1}
.product-view .add-to-links {margin: 3px 0;padding: 0;text-align: left;display: inline-block;vertical-align: middle}
.product-view .add-to-links li, .product-view .add-to-links li .separator {display: inline}
.product-view .add-to-links a {border-width: 1px;border-style: solid;border-radius: 3px;width: 32px;height: 32px;display: inline-block;text-align: center;line-height: 30px;font-size: 18px;margin-left: 8px}
.product-view .add-to-links a:hover {opacity: .9;filter: Alpha(Opacity=90)}
.product-view .add-to-links a > span {display: none}
.product-view .product-info {padding-bottom: 20px;margin-top: 20px;border-bottom: 1px solid #EBEBEB}
.col1-layout .product-view .product-info {border: 0}
.data-table.grouped-items-table {margin-bottom: 20px}
.data-table.grouped-items-table th, .data-table.grouped-items-table td {padding: 10px 20px}
.product-view .product-shop .grouped-items-table .price-box .price {font-size: 18px}
.product-view .product-shop .grouped-items-table .price-box .old-price .price {font-size: 14px}
.product-options {margin: 20px 0 0;position: relative;padding-bottom: 20px;border-bottom: 1px solid #EBEBEB}
/*.col1-layout .product-options{float:left;width:50%;border:0}
.col1-layout .product-view .product-options + div.clearer,.col1-layout .product-view .product-info + div.clearer{border-bottom:1px solid #ebebeb}*/
.product-options dl {margin: 0;margin-bottom: -20px}
.product-options dt {padding: 0 0 10px;font-weight: 400}
.product-options dt label {font-weight: 700;color: #777777;font-size: 14px}
.product-options dt label.required em {color: #EB340A}
.product-options dd .qty-holder {display: block;padding: 10px 0 0}
.product-options dd .qty-holder label {vertical-align: middle}
.product-options dt .qty-disabled {background: none;border: 0;padding: 3px;color: #2F2F2F}
.product-options dd {margin: 0 0 20px}
.product-options dd input.input-text {width: 98%}
.product-options dd input.datetime-picker {width: 150px}
.product-options dd .time-picker {display: -moz-inline-box;display: inline-block;padding: 2px 0;vertical-align: middle}
.product-options dd textarea {width: 98%;height: 8em}
.product-options dd select {width: 100%}
.product-options dd .multiselect option {border-bottom: 1px dotted #D9E5EE;padding: 2px 4px}
.product-options ul.options-list {margin-right: 5px}
.product-options ul.options-list li {line-height: 1.5;padding: 2px 0}
.product-options ul.options-list input.radio {float: left;margin-top: 3px}
.product-options ul.options-list input.checkbox {float: left;margin-top: 3px}
.product-options ul.options-list .label {display: block;margin-left: 18px}
.product-options ul.options-list label {font-weight: 400}
.product-options ul.validation-failed {padding: 0 7px}
.product-options p.note {margin: 0;font-size: 11px}
.product-options p.required {display: none}
.product-options-bottom .product-pricing, .product-options-bottom .tier-prices {margin: 0;padding: 0 0 10px;border: 0;background: 0;color: #E26703}
.product-options-bottom .tier-prices li {background: 0;padding: 2px 0}
.product-options-bottom .tier-prices .price, .product-options-bottom .tier-prices .benefit {color: #E26703}
.product-options-bottom .price-box {float: left;margin: 0;padding: 0}
.product-options-bottom .add-to-links {clear: both;padding: 5px 0 0;text-align: left}
.col3-layout .product-options-bottom .price-box {float: none;padding: 0 0 5px}
.product-options-bottom .price-label {float: left;padding-right: 5px}
.product-options-bottom .price-tax {float: left}
.product-options-bottom .add-to-cart {display: inline-block;vertical-align: middle;margin-right: 20px;margin-bottom: 10px;}
.product-view .product-options-bottom .add-to-links {margin-bottom: 10px;}
.product-options-bottom {padding: 0 0 20px;margin-top: 20px;border-bottom: 1px solid #EBEBEB}
.product-options-bottom .price-box {float: none;margin: 0 0 5px;display: none}
.product-options-bottom .price-label {float: none;padding-right: 0}
.product-options-bottom .price-tax {float: none}
.product-options-bottom .add-to-cart-box {clear: both;float: left;padding-top: 12px}
.product-options-bottom .add-to-links {padding: 0;text-align: left;display: inline-block;vertical-align: middle;margin: 3px 0}
.product-options-bottom .add-to-links li:first-child a {margin-left: 0}
.qty-holder {display: inline-block;vertical-align: middle;margin-right: 7px;width: 60px}
.qty-changer {display: inline-block;vertical-align: middle}
.qty-changer > a {width: 16px;height: 16px;display: block;border: 1px solid #E1E1E1;color: #CCCCCC;line-height: 14px;text-align: center;margin-bottom: 6px;border-radius: 3px;font-size: 8px;background-color: #FFFFFF}
.qty-changer > a.qty_dec {margin-bottom: 0}
.product-view .grouped-items-table .price-box {margin: 0;padding: 0}
.product-view .box-additional .data-table th, .product-view .box-additional .data-table td {line-height: 1.25}
.product-view .box-up-sell {margin-top: 50px}
.product-view .box-up-sell > h2 {border-bottom: 0;padding: 0;margin: 0 0 10px;font-size: 16px;font-weight: 700;color: #313131;text-transform: uppercase;background: url(../image/bkg_3.png) right center no-repeat}
.product-view .box-up-sell > h2 span {padding-right: 20px;background-color: #FFFFFF}
.product-view .box-tags {margin: 0}
.product-view .box-tags h3 {font-size: 13px}
.product-view .box-tags .product-tags {display: block;margin: 0 0 15px}
.product-view .box-tags .product-tags li {display: inline;background: url(../image/bkg_pipe3.gif) 100% 4px no-repeat;padding: 0 7px 0 4px}
.product-view .box-tags .product-tags li.first {padding-left: 0}
.product-view .box-tags .product-tags li.last {background: none;padding-right: 0}
.product-view .box-tags .form-add label {display: block;font-size: 18px;margin: 0 0 20px}
.product-view .box-tags .form-add .input-box {float: left;margin-right: 10px}
.product-view .box-tags .form-add input.input-text {width: 250px;height: 38px;padding: 10px}
.product-view .box-tags .note {margin: 20px 0 0}
.product-view .box-reviews dl {margin: 15px 0}
.product-view .box-reviews dt a, .product-view .box-reviews dt span {font-weight: 700}
.product-view .box-reviews dd {margin: 0 0 15px}
.product-view .box-reviews dd small {font-style: italic}
.product-view .box-reviews .form-add {margin: 15px 0 0}
.product-view .box-reviews .form-add h3 {font-size: 13px;font-weight: 400}
.product-view .box-reviews .form-add h3 span {font-weight: 700}
.product-view .box-reviews .form-add h4 {font-size: 12px}
.product-view .box-reviews .form-add .data-table td {text-align: center}
.product-view .box-reviews .form-add .form-list {margin: 15px 0 0}
.product-view .box-reviews .form-add .form-list .input-box {width: 360px}
.product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea {width: 354px}
.send-friend .form-list {width: 615px;overflow: hidden}
.send-friend .form-list li {margin-right: -15px}
.send-friend .form-list li p {margin: 0 15px 0 0}
.send-friend .form-list .field {width: 315px}
.send-friend .form-list .input-box {width: 300px}
.send-friend .form-list input.input-text, .send-friend .form-list textarea {width: 294px}
.send-friend .form-list li.wide .input-box {width: 612px}
.send-friend .form-list li.wide textarea {width: 609px}
.send-friend .buttons-set .limit {float: right;margin: 0 7px 0 0;font-size: 11px;line-height: 21px}
.product-name {margin: 10px 0;font-size: 1em;font-weight: 400}
.product-name a {color: #777777}
.product-name a:hover {text-decoration: none}
.tags-list {display: block;font-size: 16px;padding: 10px 0}
.tags-list li {display: inline !important;margin: 0 4px 0 0}
.advanced-search .form-list label {width: 160px;padding-right: 10px;float: none}
.advanced-search .form-list select {height: 80px}
.advanced-search-amount {margin: 0 0 10px}
.advanced-search-summary {margin: 10px 0;border: 1px solid #D6E9C6;background: #DFF0D8;padding: 10px;color: #3C763D;border-radius: 3px}
.advanced-search-summary ul {float: left;width: 49%}
.advanced-search-summary p {clear: both;font-weight: 700;margin: 0}
.page-sitemap .links {text-align: right;margin: 0 8px -22px 0}
.page-sitemap .links a {text-decoration: none;position: relative}
.page-sitemap .links a:hover {text-decoration: underline}
.page-sitemap .sitemap {margin: 12px}
.page-sitemap .sitemap a {color: #1B2D3B}
.page-sitemap .sitemap li {margin: 3px 0}
.page-sitemap .sitemap li.level-0 {margin: 10px 0 0;font-weight: 700}
.page-sitemap .sitemap li.level-0 a {color: #1E7EC8}
.rss-title h1 {background: url(../image/i_rss-big.png) 0 4px no-repeat;padding-left: 27px}
.rss-table .link-rss {display: block;line-height: 1.55;background-position: 0 4px}
.cart .page-title {border-bottom: 0;margin: 0 0 12px}
.cart .page-title h1 {margin: 0 0 20px}
.cart .page-title .checkout-types li {margin: 0 0 5px}
.cart .title-buttons .checkout-types {float: right}
.cart .title-buttons .checkout-types li {float: left;margin: 0 0 5px 5px}
.cart .checkout-types .paypal-or {margin: 0 8px;line-height: 2.3;vertical-align: top}
.cart .checkout-types .bml_button {display: inline-table;width: 150px;margin: 0 0 5px}
.cart .totals .checkout-types .paypal-or {clear: both;display: block;padding: 8px 55px 0 0;line-height: 1;font-size: 11px}
.cart .cart-table-wrap {border: 1px solid #ECECEC;border-radius: 8px;background: #FFFFFF;display: block;padding: 30px;margin-bottom: 60px;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08)}
.cart-table thead tr {border-width: 0 0 1px}
.cart-table thead th {background-color: transparent;text-transform: none}
.cart-table td {padding: 10px;vertical-align: middle;font-size: 14px}
.cart-table tbody th, .cart-table tbody td {border-right-width: 0}
.cart-table td.last, .cart-table th.last {border-right-width: 0}
.cart-table tbody td.pr-img-td {text-align: center;border-right: 0}
.cart-table tbody tr {border-left-width: 0 !important;border-right-width: 0 !important}
.cart-table tfoot {border-bottom-width: 0}
.cart-table tfoot tr.first td {border-width: 0}
.cart-table td.product-name-td {color: #777777;font-size: 14px}
.cart-table td.product-name-td dl.item-options {margin: 0}
.cart-table .product-name {margin: 0}
.cart-table td.td-total .cart-price {color: #0088CC}
.cart-table .item-msg {margin: 5px 0;font-size: 11px;font-weight: 700;color: #DF280A}
.cart-table tfoot td {padding: 15px 5px 0}
.cart-table .btn-continue {float: left}
.cart-table .btn-update, .cart-table .btn-empty {float: right}
.cart-table .btn-update {margin-left: 10px}
.cart-table .action-td {padding: 15px 0}
.cart-table .qty-holder {width: 125px;white-space: nowrap}
.cart .cart-collaterals {margin-bottom: 45px}
.cart-collaterals > * {margin-bottom: 15px}
.cart .cart-collaterals .col2-set {float: left;width: 605px}
.cart .cart-collaterals .col2-set .col-2 {width: 294px}
.cart .cart-collaterals h2 {padding: 10px 45px 10px 15px;margin: 0;font-size: 13px;font-weight: 700;text-transform: uppercase;border: 1px solid #DDDDDD;background-color: #F5F5F5;color: #000000;position: relative;border-radius: 7px 7px 0 0}
.cart .crosssell h2 {font-size: 16px;color: #313131;font-weight: 700}
.cart .crosssell .product-image {float: left;height: auto;border: 1px solid #CCCCCC;border-radius: 5px;padding: 2px;width: 90px}
.cart .crosssell .product-details {margin-left: 105px}
.cart .crosssell .product-name {margin: 5px 0}
.cart .crosssell li.item {margin: 12px 0}
.cart .crosssell .link-compare {font-weight: 400}
.cart .crosssell .price-box {margin: 5px 0 10px}
.cart .crosssell button.button > span {border: 1px solid #CCCCCC;background: #FFFFFF;padding: 0 12px}
.cart .crosssell button.button:hover > span {border: 1px solid #0088CC;background: #0088CC}
.cart .crosssell button.button span {color: #777777;font-size: 12px;line-height: 25px;min-width: 0}
.cart .crosssell button.button:hover span {color: #FFFFFF}
.cart .crosssell .add-to-links {display: none}
.cart .discount, .cart .shipping {margin-bottom: 15px}
.cart .discount .input-box {font-size: 13px}
.cart .discount h2, .cart .shipping h2 {cursor: pointer;border-radius: 7px}
.cart .discount h2.opened, .cart .shipping h2.opened {border-radius: 7px 7px 0 0}
.cart .discount h2:before, .cart .shipping h2:before {content: "\e80b";width: 26px;height: 26px;display: block;border: 1px solid #CCCCCC;font-family: 'porto';position: absolute;right: 15px;top: 50%;margin-top: -13px;border-radius: 3px;color: #CCCCCC;text-align: center;line-height: 24px;background-color: #FFFFFF;font-size: 10px}
.cart .discount h2.opened:before, .cart .shipping h2.opened:before {content: "\e80d"}
.cart .discount h2:hover:before, .cart .shipping h2:hover:before {background: #0088CC;border-color: #0088CC;color: #FFFFFF}
.cart .discount h2 + *, .cart .shipping h2 + * {display: none}
.cart .cart-collaterals h2 + * {padding: 15px;font-size: 13px;border: 1px solid #DDDDDD;border-top: 0;border-radius: 0 0 7px 7px;background-color: #FBFBFB}
.cart .discount p, .cart .shipping p {font-size: 14px}
.cart .discount .buttons-set, .cart .shipping .buttons-set {margin: 10px 0 0;border: 0;padding: 0;text-align: left}
.cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button {float: none;margin-left: 0;width: 100%}
.cart .discount input.input-text {width: 100%}
.cart .shipping .sp-methods {margin: 10px 0 0;padding: 5px 0 0}
.cart .totals table {width: 100%}
.cart .totals tr {border-bottom: 1px solid #DCDCDC}
.cart .totals td {padding: 10px;line-height: 1.4;font-size: 15px;font-weight: 300;text-align: left !important}
.cart .totals .price {display: block;text-align: right;color: #000000;font-size: 14px;font-weight: 600}
.cart .totals tfoot th {padding: 5px 15px 5px 7px}
.cart .totals .checkout-types {font-size: 13px;text-align: center}
.cart .totals .checkout-types li {clear: both;margin: 10px 0}
.cart .totals tfoot tr {border-bottom-width: 0}
.cart .totals button.button {width: 100%}
.cart .totals tfoot th strong, .cart .totals tfoot td strong {font-weight: 300}
.cart .totals tfoot .price {font-size: 17px}
.item-options dt {font-weight: 700;font-style: italic}
.item-options dd {padding-left: 10px;margin: 0 0 6px}
.truncated {cursor: help}
.truncated a.dots {cursor: help}
.truncated a.details {cursor: help}
.truncated .truncated_full_value {position: relative;z-index: 999}
.truncated .truncated_full_value .item-options {position: absolute;top: -99999em;left: -99999em;z-index: 999;width: 250px;padding: 8px;border: 1px solid #DDDDDD;background-color: #F6F6F6}
.truncated .truncated_full_value .item-options > p {font-weight: 700;text-transform: uppercase}
.truncated .show .item-options {top: -20px;left: 50%}
.col-left .truncated .show .item-options {left: 15px;top: 7px}
.col-right .truncated .show .item-options {left: -240px;top: 7px}
.sp-methods {margin: 0 0 8px}
.sp-methods dt {font-weight: 400;margin-bottom: 10px}
.sp-methods dd li {margin: 5px 0}
.sp-methods label {font-weight: 400;color: #777777;vertical-align: middle;line-height: 19px}
.sp-methods .price {font-weight: 400;color: #0088CC;letter-spacing: 0}
.sp-methods .form-list li {margin: 0 0 8px}
.sp-methods select.month {width: 154px;margin-right: 10px}
.sp-methods select.year {width: 96px}
.sp-methods input.cvv {width: 4em !important}
.sp-methods .checkmo-list li {margin: 0 0 5px}
.sp-methods .checkmo-list label {width: 135px;padding-right: 10px;text-align: right}
.sp-methods .checkmo-list address {float: left}
.sp-methods .centinel-logos a {margin-right: 3px}
.sp-methods .centinel-logos img {vertical-align: middle}
.sp-methods .release-amounts {margin: .5em 0}
.sp-methods .release-amounts button {float: left;margin: 5px 10px 0 0}
.please-wait {float: right}
.please-wait img {vertical-align: middle}
.cvv-what-is-this {font-size: 11px;cursor: help;margin-left: 10px;margin-top: 10px;display: inline-block}
.tool-tip {border: 1px solid #7BA7C9;background: #EAF6FF;padding: 15px 20px;position: absolute;z-index: 9999}
.tool-tip .btn-close {margin: -9px -14px 0;text-align: right}
.tool-tip .btn-close a {display: block;margin: 0 0 0 auto;width: 15px;height: 15px;text-align: left;text-indent: -999em;overflow: hidden}
.tool-tip .tool-tip-content {padding: 5px}
.gift-messages h3 {font-weight: 400}
.gift-messages-form {position: relative}
.gift-messages-form label {float: none !important;position: static !important}
.gift-messages-form h4 {font-size: 12px;font-weight: 700}
.gift-messages-form .whole-order {margin: 0 0 25px}
.gift-messages-form .item {margin: 0 0 10px}
.gift-messages-form .item .product-img-box {float: left;width: 75px}
.gift-messages-form .item .product-image {margin: 0 0 7px}
.gift-messages-form .item .number {margin: 0;font-weight: 700;text-align: center;color: #8A8987}
.gift-messages-form .item .details {margin-left: 90px}
.gift-messages-form .item .details .product-name {font-size: 13px;font-weight: 700;margin: 0 0 10px}
.gift-messages-form .item .details .form-list .field {width: 255px}
.gift-messages-form .item .details .form-list .input-box {width: 240px}
.gift-messages-form .item .details .form-list input.input-text {width: 234px}
.gift-messages-form .item .details .form-list li.wide .input-box {width: 500px}
.gift-messages-form .item .details .form-list li.wide textarea {width: 494px}
.gift-message-link {font-size: 11px;background: url(../image/bkg_collapse-gm.gif) 100% 6px no-repeat;padding-right: 7px}
.gift-message-link.expanded {background-position: 100% -40px}
.gift-message-row {background: #F2EFE9}
.gift-message-row .btn-close {float: right;width: 16px;height: 16px;background: url(../image/btn_gm-close.gif) 0 0 no-repeat;font-size: 0;line-height: 0;text-indent: -999em;overflow: hidden}
.checkout-agreements li {margin: 30px 0}
.checkout-agreements .agreement-content {overflow: auto;height: 12em;padding: 10px;background-color: #FBFBFB;border: 1px solid #B6B6B6;line-height: 1.4;border-radius: 5px}
.checkout-agreements .agree {margin: 0;padding: 10px 0 10px 11px}
.checkout-agreements .agree input.checkbox {margin-right: 6px}
.checkout-agreements .agree label {font-weight: 700;color: #666666}
.opc .checkout-agreements {border: 1px solid #D9DDE3;border-width: 0 1px;padding: 5px 30px}
.opc .checkout-agreements li {margin: 20px 0 0}
.opc .checkout-agreements .agreement-content {background-color: #FFFFFF;border-color: #E4E4E4;padding: 5px}
.opc .checkout-agreements .agree {padding-left: 6px}
.centinel .authentication {border: 1px solid #DDDDDD;background: #FFFFFF}
.centinel .authentication iframe {width: 99%;height: 400px;background: transparent !important;margin: 0 !important;padding: 0 !important;border: 0 !important}
.opc .centinel {border: 1px solid #BBB6A5;border-width: 0 1px 1px;padding: 10px 30px}
.info-set {background: #FBFAF6 url(../image/bkg_checkout.gif) 0 0 repeat-x;border: 1px solid #BBB6A5;margin: 0 0 25px;padding: 20px}
.info-set h2 {font-size: 13px;font-weight: 700;margin: 0 0 10px}
.info-set h3, .info-set h4 {font-size: 13px;font-weight: 700;color: #E26703}
.info-set h2 a, .info-set h3 a, .info-set h4 a {font-weight: 400}
.info-set h2.legend {margin: -20px -20px 15px;padding: 5px 10px;background: #F9F3E3;border-bottom: 1px solid #BBAFA0;position: relative}
.info-set h3.legend {margin: 0 0 10px;color: #0A263C}
.info-set .divider {margin: 0 -20px;padding: 25px 0;position: relative}
.info-set .box {margin: 0 0 15px}
.info-set .box h2 {color: #E26703}
.info-set .data-table .product-name {font-size: 1em !important;font-weight: 700 !important;color: #1E7EC8 !important}
.info-set .data-table .product-name a {font-weight: 700 !important}
.info-set .data-table .item-options {margin: 5px 0 0}
.block-progress {border: 0;margin: 0}
.block-progress .block-title {background: none;border: 0;padding: 0}
.block-progress .block-title strong {color: #313131}
.block-progress .block-content {background: none}
.block-progress dt {background-color: #F5F5F5;border: 1px solid #DDDDDD;border-radius: 7px;color: #313131;font-size: 13px;font-weight: 700;margin-top: 13px;padding: 10px 15px;position: relative;text-transform: uppercase}
.block-progress dd {background-color: #FBFBFB;border: 1px solid #DDDDDD;border-radius: 0 0 7px 7px;border-top-width: 0;font-size: 13px;padding: 10px 15px}
.block-progress dt.complete {border-radius: 7px 7px 0 0}
.block-progress dt .changelink {text-transform: none;font-weight: 400}
.block-progress p {margin: 0}
.block-progress .cards-list dt {background: none;border: 0 none;color: inherit;font-size: 12px;margin: 5px 0;padding: 0}
.block-progress .cards-list dd {border: 0 none;margin: 0;padding: 0}
.block-progress .cards-list .info-table th {font-weight: 400}
.opc-block-progress dt.complete a, .opc-block-progress dt.complete .separator {display: inline}
.opc-block-progress dt a, .opc-block-progress dt .separator {display: none}
.opc .buttons-set p.required {margin: 0;padding: 0 0 10px}
.opc .buttons-set .back-link small {display: none}
.opc .buttons-set .back-link a {background: url(../image/i_arrow-top.gif) 0 50% no-repeat;padding-left: 16px}
.opc .buttons-set.disabled button.button {display: none}
.opc .ul {list-style: disc outside;padding-left: 18px}
.opc {position: relative}
.opc li.section {margin-bottom: 5px;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);border-radius: 6px}
.opc .step-title {border: 1px solid #DDDDDD;border-radius: 4px;background: #F6F6F6;padding: 15px;text-align: right}
.opc .step-title .number {float: left;padding: 0;margin: 0 5px 0 0;color: #0088CC;font-size: 16px;line-height: 1}
.opc .step-title h2 {float: left;margin: 0;line-height: 1;color: #0088CC;font-size: 16px}
.opc .step-title a {display: none;float: right;font-size: 13px;line-height: 1}
.opc .allow .step-title {background: #F6F6F6;color: #777777;cursor: pointer}
.opc .active .step-title {cursor: default;border-bottom-width: 0;border-radius: 6px 6px 0 0}
.opc .step {position: relative;padding: 20px 15px;border: 1px solid #DDDDDD;border-top-width: 0;border-radius: 0 0 6px 6px}
.opc .step .tool-tip {right: 160px}
.opc ul li {line-height: 20px}
#opc-login .buttons-set {padding: 0}
#opc-login .col2-set .content {min-height: 280px}
#opc-login h3 {text-transform: uppercase;margin-bottom: 10px}
#opc-login h4 {font-size: 13px;font-weight: 600;margin: 10px 0;color: #777777}
#opc-login .contents-area {min-height: 225px}
#opc-shipping_method .buttons-set {border-top: 0}
.opc .gift-messages-form {margin: 0;background: #F7F7F7;border: 1px solid #DDDDDD;padding: 20px;border-radius: 5px}
.opc .gift-messages-form .inner-box {padding: 5px;height: 260px;overflow: auto}
#opc-review .step {font-size: 14px}
#opc-review .product-name {font-size: 14px}
#opc-review tr td.last .cart-price .price {color: #0088CC}
#opc-review .data-table tfoot td {border-left: 1px solid #DCDCDC;border-bottom: 1px solid #DCDCDC;padding: 15px 10px;font-size: 14px;font-weight: 300;line-height: 23px}
#opc-review .data-table tfoot td strong {font-weight: 300}
#opc-review tfoot .price {font-weight: 400}
#opc-review tfoot tr .price {color: #313131;font-weight: 600}
#opc-review tfoot tr.last td {background-color: #F6F6F6}
#opc-review .item-options {margin: 5px 0 0}
#opc-review .buttons-set p {margin: 0;line-height: 40px}
#opc-review .buttons-set .please-wait {height: 60px;line-height: 60px}
#opc-review .authentication {margin: 0 auto;width: 570px}
#opc-review .warning-message {color: #222222;font-weight: 700;text-align: center;padding: 10px 10px 0}
.checkout-progress {padding: 0 90px;margin: 0 0 20px}
.checkout-progress li {float: left;width: 19%;margin: 0 3px 0 0;border-top: 10px solid #999999;padding: 7px 0 0;text-align: center;color: #ABB5BA}
.checkout-progress li.active {border-top-color: #0088CC;color: #0088CC}
.multiple-checkout h2 {font-size: 13px;font-weight: 600;margin: 10px 0}
.multiple-checkout h3, .multiple-checkout h4 {font-size: 13px;font-weight: 600}
.multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a {font-weight: 400}
.multiple-checkout .data-table .product-name {font-size: 1em !important;font-weight: 700 !important;color: #1E7EC8 !important}
.multiple-checkout .data-table .product-name a {font-weight: 700 !important}
.multiple-checkout .data-table .item-options {margin: 5px 0 0}
.multiple-checkout .box .box-title, .multiple-checkout .box .box-content {border-radius: 0}
.multiple-checkout .gift-messages {margin: 15px 0 0}
.multiple-checkout .tool-tip {top: 50%;margin-top: -120px;right: 20px}
.multiple-checkout .col2-set, .multiple-checkout .col3-set {background-color: #FFFFFF;border: 1px solid #ECECEC;border-radius: 8px;display: block;padding: 30px;margin-bottom: 40px;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08)}
.multiple-checkout .col2-set h2.legend {margin: 0 0 15px;padding: 5px 0;border-bottom: 1px solid #ECECEC;position: relative}
.multiple-checkout .col2-set h3.legend {margin: 0 0 10px;color: #0A263C}
.multiple-checkout .col2-set .divider {margin: 0 -20px;padding: 25px 0;position: relative}
.multiple-checkout .box {margin: 0 0 15px}
.multiple-checkout .place-order .please-wait {float: right;padding: 11px 15px 0 0}
.multiple-checkout .place-order .grand-total {float: right;height: 71px;font-size: 1.5em;overflow: hidden}
.multiple-checkout .place-order .grand-total .inner {float: left;height: 57px}
.multiple-checkout .place-order .grand-total .inner div {display: inline}
.multiple-checkout .place-order .grand-total big {display: inline;margin-right: 12px;line-height: 1.4}
.multiple-checkout .place-order .grand-total .price {color: #0088CC}
.multiple-checkout .place-order .grand-total button.button span {font-size: 16px}
.multiple-checkout .place-order .grand-total button.button span span {padding: 0 45px 0 36px}
#multiship-addresses-table td {padding: 10px}
#multiship-addresses-table tfoot td {padding: 5px 10px}
.multiple-checkout .gift-messages-form .item .details .form-list {width: 100%;overflow: hidden}
.multiple-checkout .gift-messages-form .item .details .form-list li {margin-right: -15px}
.multiple-checkout .gift-messages-form .item .details .form-list .field {width: 230px}
.multiple-checkout .gift-messages-form .item .details .form-list .input-box {width: 215px}
.multiple-checkout .gift-messages-form .item .details .form-list input.input-text {width: 209px}
.multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box {width: 445px}
.multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea {width: 439px}
.checkout-multishipping-shipping .box-sp-methods {position: relative}
.checkout-multishipping-shipping .box-sp-methods .pointer {display: none}
.checkout-multishipping-billing .multiple-checkout {position: relative}
.account-login .content {min-height: 275px}
.captcha-note {clear: left;padding-top: 5px}
.captcha-image {float: left;display: inline;margin: 0;position: relative;width: 258px}
.captcha-image .captcha-img {border: 1px solid #B6B6B6;vertical-align: bottom;width: 100%}
.registered-users .captcha-image {margin: 0}
.captcha-reload {cursor: pointer;position: absolute;top: 2px;right: 2px}
.captcha-reload.refreshing {animation: rotate 1.5s infinite linear}
@-webkit-keyframes rotate {
0% {-webkit-transform: rotate(0);-webkit-transform: rotate(-360deg)}
}
@-moz-keyframes rotate {
0% {-moz-transform: rotate(0);-moz-transform: rotate(-360deg)}
}
@keyframes rotate {
0% {transform: rotate(0);transform: rotate(-360deg)}
}
.window-overlay {background: rgba(0, 0, 0, .35);position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 990}
.remember-me label {float: none;margin: 0 6px}
.remember-me-popup {background: #FFFFFF;border: 1px solid #CCCCCC;left: 50%;top: 50%;position: absolute;margin: -85px 0 0 -200px;width: 400px;text-align: left;box-shadow: 0 0 6px #CCCCCC;z-index: 1000}
.remember-me-popup h3 {background: #D9E5EE;border-bottom: 1px solid #CCCCCC;font-size: 14px;padding: 5px 10px}
.remember-me-popup .remember-me-popup-head {position: relative}
.remember-me-popup .remember-me-popup-head .remember-me-popup-close {background: url(../image/btn_window_close.gif) no-repeat;display: block;position: absolute;top: 7px;right: 7px;height: 15px;width: 15px;text-indent: -9999em}
.remember-me-popup .remember-me-popup-body {padding: 10px}
.remember-me-popup .remember-me-popup-body a {display: inline-block;height: 19px;border: 1px solid #DE5400;background: #F18200;padding: 0 8px;font: bold 12px/19px Arial, Helvetica, sans-serif;text-align: center;text-decoration: none;white-space: nowrap;color: #FFFFFF}
.my-account .title-buttons .link-rss {float: none;margin: 0}
.dashboard .welcome-msg {background: #DFF0D8;border: 1px solid #D6E9C6;border-radius: 4px;color: #3C763D;margin: 0;padding: 10px}
.dashboard .welcome-msg p {margin: 0}
.dashboard .welcome-msg p.hello {float: left;margin-right: 5px}
.dashboard .col2-set {margin: 0 0 25px}
.box-account {margin: 30px 0}
.box-account .box-head {margin: 0 0 10px;text-align: right;line-height: 1.4}
.box-account .box-head h2 {float: left;margin: 0;font-size: 16px;font-weight: 700;color: #313131;line-height: 1.4}
.box .box-title {padding: 10px 15px;border: 1px solid #DDDDDD;background-color: #F5F5F5;position: relative;border-radius: 7px 7px 0 0}
.box .box-content {padding: 20px 15px;font-size: 13px;border: 1px solid #DDDDDD;border-top: 0;border-radius: 0 0 7px 7px;background-color: #FBFBFB;min-height: 135px}
.box .box-title h3, .box .box-title h4 {float: left;font-size: 13px;font-weight: 700;line-height: 18px;text-transform: uppercase;margin: 0;color: #313131}
.box .box-title a {float: right;line-height: 18px;font-size: 12px}
.dashboard .box-reviews .number {float: left;font-size: 10px;font-weight: 700;line-height: 1;color: #FFFFFF;margin: 3px -20px 0 0;padding: 2px 3px;background: #0A263C}
.dashboard .box-reviews .details {margin-left: 20px}
.dashboard .box-reviews li.item {margin: 0 0 7px}
.dashboard .box-reviews li.item.last {margin: 0}
.dashboard .box-reviews .ratings {margin: 7px 0 0;background: none}
.dashboard .box-tags .number {float: left;font-size: 10px;font-weight: 700;line-height: 1;color: #FFFFFF;margin: 3px -20px 0 0;padding: 2px 3px;background: #0A263C}
.dashboard .box-tags .details {margin-left: 20px}
.dashboard .box-tags li.item {margin: 0 0 7px}
.dashboard .box-tags li.item.last {margin: 0}
.dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li {display: inline}
.addresses-list h2 {font-size: 16px;font-weight: 700;color: #313131;line-height: 1.4}
.addresses-list h3 {font-weight: 700;font-size: 13px}
.addresses-list address {margin: 0 0 3px}
.addresses-list p {margin: 0}
.addresses-list a {font-weight: 700}
.addresses-list .link-remove {color: #646464}
.addresses-list .separator {margin: 0 3px}
.addresses-list li.item {border: 1px solid #DDDDDD;border-radius: 7px;padding: 15px;margin: 0 0 10px}
.addresses-list li.empty {background: none;border: 0;padding: 0}
.addresses-list li.empty p {font-weight: 700}
.addresses-list .addresses-additional li.item {background: none;border: 0;padding: 0}
.order-info {color: #313131;font-size: 16px;font-weight: 700;line-height: 1.4;margin: 0 0 10px}
.order-info dt, .order-info dd, .order-info ul, .order-info li {display: inline}
.order-info .current {font-weight: 700}
.order-info li {margin: 0 3px}
.order-date {margin: 10px 0}
.order-info-box {margin-bottom: 25px}
.order-info-box h2 {font-weight: 700;font-size: 13px;margin: 0}
.order-info-box .box-payment p {margin: 0 0 3px}
.order-info-box .box-payment th {font-weight: 700;padding-right: 7px}
.table-caption {clear: none;font-size: 15px;font-weight: 700;color: #313131;padding: 0;margin: 0 0 10px}
.order-details .link-print {color: #1E7EC8;font-weight: 400}
.order-details .order-links {text-align: right}
.order-additional {margin: 15px 0}
.gift-message dt strong {color: #666666}
.gift-message dd {font-size: 13px;margin: 5px 0 0}
.order-about dt {font-weight: 700}
.order-about dd {font-size: 13px;margin: 0 0 7px}
.tracking-table {margin: 0 0 15px;border-top: 1px solid #DCDCDC}
.tracking-table th {font-weight: 700;white-space: nowrap}
.tracking-table-popup {width: 100%;border-top: 1px solid #DCDCDC}
.tracking-table-popup th {font-weight: 700;white-space: nowrap}
.tracking-table-popup th, .tracking-table-popup td {padding: 1px 8px}
.page-print .print-head {margin: 0 0 15px}
.page-print .print-head .logo {float: left}
.page-print .print-head address {float: left;margin-left: 15px}
.page-print h1 {font-size: 16px;font-weight: 700}
.page-print h2, .page-print h3 {font-size: 13px;font-weight: 700}
.page-print h2.h2 {font-size: 16px;font-weight: 700}
.page-print .order-date {background: url(../image/bkg_divider1.gif) 0 100% repeat-x;padding: 0 0 10px;margin: 0 0 10px}
.page-print .col2-set {margin: 0 0 10px}
.page-print .gift-message-link {display: none}
.page-print .price-excl-tax, .page-print .price-incl-tax {display: block;white-space: nowrap}
.page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price {display: inline}
#wishlist-table .product-name {margin-bottom: 10px}
#wishlist-table .product-name a {color: #0088CC;font-weight: 400}
#wishlist-table .description {margin-bottom: 10px}
#wishlist-table textarea {display: block;width: 100%;height: 109px}
#wishlist-table .buttons-set {margin-top: 2em}
#wishlist-table .buttons-set button.button {float: none}
#wishlist-table .buttons-set .btn-add span, #wishlist-table .buttons-set .btn-share span {border-color: #406A83;background: #618499}
#wishlist-table .add-to-links {white-space: nowrap}
.my-tag-edit {float: left;margin: 0 0 10px;line-height: 23px}
.my-tag-edit .btn-remove {float: right;margin: 0}
#my-tags-table {clear: both;border-top: 1px solid #DCDCDC}
#my-tags-table td {padding: 10px}
#my-tags-table .add-to-links {white-space: nowrap}
#my-reviews-table tbody {border-top: 1px solid #DCDCDC}
#my-reviews-table td {padding: 10px}
.product-review .product-img-box {float: left;width: 140px}
.product-review .product-img-box .product-image {border: 1px solid #DDDDDD;border-radius: 5px;margin-bottom: 5px;display: block;width: 125px;height: 125px}
.product-review .product-img-box .label {font-size: 11px;margin: 0 0 3px}
.product-review .product-img-box .ratings .rating-box {float: none;display: block;margin: 0 0 3px}
.product-review .product-details {margin-left: 150px}
.product-review .product-name {font-size: 16px;font-weight: 700;margin: 0 0 10px}
.product-review h3 {font-size: 12px;margin: 0 0 3px;color: #2F2F2F}
.product-review .ratings-table {margin: 0 0 10px}
.product-review dt {font-weight: 700}
.product-review dd {font-size: 13px;margin: 5px 0 0}
.billing-agreements .info-box {margin: 15px 0}
.billing-agreements .form-list li select {float: left}
.billing-agreements .form-list li button.button {float: left;margin-left: 10px}
.billing-agreements .table-caption {font-weight: 700;font-size: 13px}
.cart-msrp-totals {color: red;font-size: 12px !important;font-weight: 700;margin: 10px 10px 0;padding: 10px;text-align: center;line-height: 1.4;text-transform: uppercase}
.map-cart-sidebar-total {color: red;display: block;font-size: 10px;font-weight: 700;text-align: left;padding: 2px 5px;text-shadow: 0 1px 0 #FFFFFF}
.map-popup {background: #FFFFFF;border: 1px solid #AAAAAA;margin: 12px 0 0;position: absolute;box-shadow: 0 0 6px #CCCCCC;text-align: left;width: 300px;z-index: 100}
.map-popup-heading {background: #D9E5EE;border-bottom: 1px solid #CCCCCC;padding: 5px 30px 5px 10px;width: 260px}
.map-popup-heading h2 {font-size: 16px;margin: 0;text-shadow: 0 1px 0 #F6F6F6;overflow: hidden;white-space: nowrap;word-wrap: break-word;text-align: left;text-overflow: ellipsis}
.map-popup-arrow {position: absolute;left: 50%;top: -10px;height: 10px;width: 19px}
.map-popup-close {display: block;position: absolute;top: 8px;right: 10px;height: 15px;width: 15px;text-indent: -9999em;box-shadow: 0 0 3px #999999;border-radius: 2px}
.map-popup-content {border-top: 1px solid #EEEEEE;padding: 10px;overflow: hidden;text-align: left;width: 280px}
.map-popup-checkout {display: inline;float: right;text-align: right}
.map-popup-checkout span {display: block}
.map-popup-checkout .paypal-or {clear: both;display: block}
.map-popup-checkout .paypal-logo {margin: 0 0 5px}
.map-popup-checkout li {list-style: none}
.map-popup-checkout {text-align: center}
.map-popup-price .price-box, .map-popup-price .price-box .special-price {margin: 0;padding: 0}
.map-popup-price {margin: 5px 0 0}
.map-popup-text {clear: right;margin: 0 10px;padding: 10px 0;text-align: left;word-wrap: break-word}
.map-popup-only-text {border-top: 1px solid #DDDDDD}
.owl-theme .owl-controls .owl-page span {width: 8px;height: 8px;background: #A0A09F;opacity: 1;filter: Alpha(Opacity=100)}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {background: #0088CC}
.footer-container {border-top: 0}
.footer .block .block-content {background-color: transparent;padding: 0}
.footer-top {background-color: #F0F0ED;padding: 15px 0}
#feed-container {padding: 50px 0}
#feed-container .owl-item .item {padding: 0 20px 0 90px;text-align: left;color: #121214;line-height: 1.5;font-size: 16px;background: url(../image/i_twitter.png) 20px 0 no-repeat}
#feed-container .timePosted {font-size: 14px;font-style: italic;color: #777777}
.cms-index-index .footer-container.fixed-position {position: fixed;bottom: 0;z-index: 1;width: 100%;margin: 0}
.cms-index-index .footer-container.fixed-position .footer-top, .cms-index-index .footer-container.fixed-position .footer-middle {display: none}
.cms-index-index .footer-container.fixed-position .footer-bottom {padding: 5px 0;background-color: #FFFFFF;background-color: rgba(255, 255, 255, 0.85)}
.footer-container.fixed-position .footer-bottom .custom-block {margin-left: 20px}
.footer-container.fixed-position .footer-bottom .custom-block.f-right {margin-left: 60px}
.footer-container .bottom-container {margin: 0 0 5px}
.footer-middle {background-color: #121214;color: #777777;padding: 40px 0;font-size: 13px}
.footer-middle a {color: #FFFFFF}
.footer-middle a:hover {color: #FFFFFF;text-decoration: underline}
.footer-middle ul.links {padding: 0;margin-top: -5px}
.footer-middle ul.links li {position: relative;padding: 10px 0;line-height: 1;display: block}
.footer-middle ul.links li i {margin-left: -5px}
.footer-middle ul.features {padding: 0;margin-top: -5px}
.footer-middle ul.features li {position: relative;padding: 10px 0;line-height: 1;display: block}
.footer-middle ul.features li i {margin-left: -5px;margin-right: 3px}
.footer-middle p {margin-bottom: 15px;color: #777777}
.footer-middle p.label {display: block;text-align: left;font-size: 13px;font-weight: 400;padding: 0}
.footer-middle ul {padding: 0}
.footer-middle .block {text-align: left;line-height: 1.5;border: 0;margin: 0;background-color: transparent;float: none;width: auto}
.footer-middle .block .block-title {margin-bottom: 20px}
.footer-middle .block .block-title strong {font-weight: 400;padding: 0;font-size: 16px;line-height: inherit;color: #FFFFFF;text-transform: none}
.footer-middle .contact-info li {padding: 5px 0}
.footer-middle .contact-info li:first-child {padding-top: 0}
.footer-middle .contact-info p {display: inline-block;vertical-align: top;margin: 0}
.footer-middle .contact-info i {color: #777777;display: inline-block;vertical-align: top;font-size: 14px;line-height: 18px}
.footer-ribbon {position: absolute;margin: -56px 0 25px;padding: 10px 20px 6px;background-color: #0088CC}
.footer-ribbon:before {border-right: 10px solid #005580;border-top: 16px solid transparent;content: "";display: block;height: 0;left: -10px;position: absolute;top: 0;width: 7px}
.footer-ribbon span {color: #FFFFFF;font-size: 20px;font-family: "Shadows Into Light", cursive}
.block.block-facebook-like .block-title a.btn-like {background-color: #0088CC;height: 34px;line-height: 34px;font-size: 14px;width: 80px;text-align: center;border-radius: 5px;margin-top: -8px;font-weight: 400;margin-right: 45px}
.footer-middle .block.block-subscribe .input-box {padding: 0;margin-top: 50px}
.footer-middle .block.block-subscribe .input-box input.input-text {float: left;height: 30px;padding: 0 10px;border: 0;background-color: #DCDCDC;border-radius: 5px;max-width: 300px}
.footer-middle .block.block-subscribe .input-box button {float: left;width: 75px;margin-left: -75px}
.footer-middle .block.block-subscribe .input-box button span {padding: 0;font-size: 14px;height: 30px;line-height: 30px;border-radius: 0 5px 5px 0;font-weight: 400;min-width: 75px}
.footer-middle .block.block-subscribe em {color: #CEF09D;font-size: 12px;display: block;margin: 5px 0}
.footer-middle .block-tweets ul {margin-top: -15px}
.footer-middle .block-tweets ul li {padding: 15px 0;border-top: 1px solid #75B11F}
.footer-middle .block-tweets ul li:first-child {border-top: 0}
.footer-middle .block-tweets p.tweet {margin-bottom: 10px}
.footer-middle .block-tweets p.timePosted {margin-bottom: 0;color: #A5D75F;font-size: 11px;font-style: italic}
.footer-middle .block-flickr-photos .block-content {margin: -5px}
.footer-middle .block-flickr-photos a.flickr-image {width: 65px;display: inline-block;margin: 5px}
.footer-middle .block-flickr-photos a.flickr-image:hover {opacity: .8;filter: alpha(opacity=80)}
.footer-middle .block-flickr-photos a.flickr-image img {width: 100%}
.footer-middle .fb-persons {margin: -5px}
.footer-middle .fb-persons .fb-person {display: inline-block;width: 75px;padding: 5px;text-align: center}
.footer-middle .fb-persons .fb-person a {width: 100%;display: inline-block}
.footer-middle .fb-persons .fb-person a:hover img {opacity: .8;filter: alpha(opacity=80)}
.footer-middle .fb-persons .fb-person img {width: 100%}
.footer-bottom {min-height: 50px;line-height: 40px;background-color: #0C0C0C;padding: 25px 0}
.footer-bottom a.logo {float: left;margin-right: 45px}
.footer-bottom a.logo img {display: inline-block;vertical-align: middle}
.footer-bottom .custom-block {float: left;margin-left: 60px}
.footer-bottom .custom-block img {max-width: 100%;display: inline-block;vertical-align: middle}
.footer-bottom address {float: right;line-height: 40px}
#totop {height: 40px;position: fixed;right: 15px;width: 40px;z-index: 9999;bottom: 0;background-color: #404040;font-size: 16px;color: #0088CC;text-align: center;line-height: 1;padding: 11px 0;display: none;border-radius: 5px 5px 0 0}
#totop:hover {background-color: #555555}
.footer .social-icons {float: left}
.social-icons a:first-child {margin: 0}
.footer .social-icons a {background-color: #9E9E9E;border-radius: 50%}
.footer .social-icons a.icon1-class:hover {background-color: #3C599B}
.footer .social-icons a.icon2-class:hover {background-color: #1CA8E3}
.footer .social-icons a.icon3-class:hover {background-color: #4975B6}
.footer-bottom ul.links a {color: #777777;font-size: 11px}
.footer-bottom ul.links li {padding: 0 12px;border-right: 1px solid #BBBBBB;font-size: 11px}
.footer-bottom ul.links li:first-child {padding-left: 0}
.photo-instagrams .image-link {position: relative;}
.photo-instagrams .image-link .content {display: none;position: absolute;left: 0;right: 0;top: 0;background-color: rgba(255, 0, 0, 0.5);text-align: center;height: 100%;vertical-align: middle;font-size: 35px;color: #FFFFFF;opacity: 0;visibility: hidden;transition: all 0.3s;}
.photo-instagrams .image-link:hover .content {opacity: 1;visibility: visible;}
.photo-instagrams .image-link .content i {position: absolute;top: calc(50% - 18px);left: calc(50% - 24.5px);display: inline-block;vertical-align: middle;}
.home-callout {margin-bottom: 12px}
.home-callout img {display: block}
.home-spot {float: left;width: 470px;margin-left: 20px}
.best-selling h3 {margin: 12px 0 6px;color: #E25203;font-size: 1.2em}
.best-selling table {border-top: 1px solid #CCCCCC}
.best-selling tr.odd {background: #EEEEEE url(../image/best_selling_tr_odd_bg.gif) 0 100% repeat-x}
.best-selling tr.even {background: #FFFFFF url(../image/best_selling_tr_even_bg.gif) 0 100% repeat-x}
.best-selling td {width: 50%;border-bottom: 1px solid #CCCCCC;padding: 8px 10px 8px 8px;font-size: 11px}
.best-selling .product-img {float: left;border: 2px solid #DCDCDC}
.best-selling .product-description {margin-left: 107px;line-height: 1.3em}
.best-selling a.product-name, .home-spot .best-selling a.product-name:hover {color: #203548}
.clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .form-list .input-box:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after, .box-content:after, .block-content:after, .postDetails:after {display: block;content: ".";clear: both;font-size: 0;line-height: 0;height: 0;overflow: hidden}
.guest-select {width: 305px !important}
.background-overlay {background-color: transparent;opacity: .5;filter: Alpha(Opacity=50);left: 0;top: 0}
.fancybox-wrap, .fancybox-wrap * {transition: initial;-webkit-transition: initial}
.home-slider-container, .home-slider-container * {transition: initial;-webkit-transition: initial}
.home-slider-container .tp-banner-container {margin: 0;border: 0}
.sharing-tool-area, .addthis_toolbox {margin-top: 20px;padding-bottom: 20px}
.col1-layout .sharing-tool-area {float: right}
.sharing-tool-area .addthis_default_style .at300m, .sharing-tool-area .addthis_default_style .at300b {padding: 3px}
.sharing-tool-area .addthis_default_style .addthis_counter {margin: 3px 0}
.sharing-tool-area .addthis_32x32_style .at300bs {border-radius: 3px}
.block.block-related {border: 0;border-radius: 5px}
.block.block-related .block-title {background-color: transparent;border: 0}
.block.block-related .block-title strong {font-size: 18px;padding: 10px 0;line-height: 1;color: #313131}
.block.block-related .block-content {background-color: transparent;padding-bottom: 30px}
.block.block-related .block-subtitle {padding: 0;min-height: 38px}
.block.block-related .item {padding: 0}
.block.block-related .owl-theme .owl-controls {position: absolute;right: 0;top: -73px}
.block.block-related .owl-theme .owl-controls .owl-buttons div {color: #0088CC;font-size: 13px;padding: 0;margin: 0;background: transparent}
.block.block-related .product {margin: 10px 0 15px;position: relative}
.block.block-related .product input.checkbox {position: absolute;left: 5px;top: 5px;z-index: 1001;margin: 0}
.block.block-related .product .product-image {overflow: hidden;border: 1px solid #DDDDDD;border-radius: 7px;background: #FFFFFF;padding: 1px}
.block.block-related .product .product-image img {width: 100%;border-radius: 5px}
.block.block-related .product-details {padding-left: 0}
.sidebar .custom-block {margin-bottom: 30px;padding-bottom: 40px;background: url(../image/bkg_4.png) bottom no-repeat}
.sidebar .custom-block.custom-block-1 {padding-bottom: 20px}
.sidebar .custom-block-1 > div {min-height: 50px;margin-bottom: 20px;clear: both}
.sidebar .custom-block-1 > div i {font-size: 30px;color: #000000;float: left;width: 50px;height: 50px;line-height: 48px;border: 1px solid #BBBBBB;border-radius: 50%;text-align: center;margin-right: 10px}
.sidebar .custom-block-1 > div h3 {color: #313131;font-size: 16px;margin: 0;line-height: 1.5;margin-left: 0;padding-top: 4px}
.sidebar .custom-block-1 > div p {font-size: 12px;margin: 0;margin-left: 0;line-height: 1}
.onepagecheckout_datafields .form-list li {margin: 0}
.onepagecheckout_datafields .form-list .field {width: 100%;float: none;margin: 0}
.onepagecheckout_datafields .form-list .input-box {margin-bottom: 20px}
p.newsletter label {color: #777777;line-height: 20px}
.gift-messages p.control label {line-height: 20px}
.op_login_area {width: 300px;padding: 20px}
.onepagecheckout-index-index .page-title {border: 0;margin: 20px 0}
.order-products-table .price {letter-spacing: 0;color: #0088CC}
.discount-form label {font-size: 14px}
.discount-form input.input-text {height: 38px;border: 1px solid #CCCCCC;padding: 0 20px}
.block-account ul li, .block.block-blog-categories .blog-category {padding: 8px 3px 8px 18px;position: relative;line-height: 1.3;border-bottom: 1px solid #DDDDDD}
.block-account ul li strong {font-weight: 400}
.block-account ul li strong, .block-account ul li a:hover, .block.block-blog-categories a:hover {color: #0088CC}
.block-account ul li strong:before, .block-account ul li a:before, .block.block-blog-categories a:before {content: '\e814';font-family: 'porto';position: absolute;left: 3px}
.block-account ul li a, .block.block-blog-categories a {color: #777777;text-decoration: none}
#my-orders-table .price {letter-spacing: 0}
.my-account .pager {margin: 20px 0}
h2.word-rotator-title {line-height: 30px;font-size: 20px;font-weight: 300;margin: 0 0 20px;color: #121214}
.word-rotate {visibility: hidden;width: 100px;height: 0;margin-bottom: -7px;display: inline-block;overflow: hidden;text-align: center;position: relative}
h2 .word-rotate {margin-bottom: -7px}
.word-rotate.active {visibility: visible;width: auto}
.word-rotate .word-rotate-items {position: relative;top: 0;width: 100%}
.word-rotate .word-rotate-items span {display: block;white-space: nowrap}
p .alternative-font {display: inline-block;margin-top: -15px;position: relative;top: 3px;margin-bottom: -6px;color: #0088CC;font-family: "Shadows Into Light", cursive;font-size: 1.6em}
.btn-primary {color: #FFFFFF;text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);background-color: #0088CC;border-color: #0088CC}
.btn {display: inline-block;margin-bottom: 0;font-weight: 400;text-align: center;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;border-radius: 4px}
.btn-lg {padding: 10px 16px;font-size: 18px;line-height: 1.33;border-radius: 6px}
.push-top {margin-top: 20px}
.btn-primary:hover {border-color: #0099E6;background-color: #0099E6;color: #FFFFFF}
.btn:hover {text-decoration: none}
hr.tall {margin: 30px 0;background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, .2), transparent);background-image: linear-gradient(left, transparent, rgba(0, 0, 0, .2), transparent);border: 0;height: 1px}
.entry-content h3 {font-size: 1.7em;font-weight: 400;color: #0088CC;letter-spacing: normal;line-height: 24px;margin-bottom: 33px;text-transform: uppercase}
.entry-content p {font-size: 14px;line-height: 24px;margin-bottom: 20px}
.entry-content .lead {font-size: 21px;line-height: 1.4}
.history {margin: 25px 0;padding: 0;clear: both}
.history .thumb {background: transparent url(../image/history-thumb.png) no-repeat 0 0;width: 227px;height: 160px;margin: 0 0 30px;padding: 0;float: left}
.history .thumb img {border-radius: 50%;margin: 7px 8px;width: 145px;height: 145px}
.featured-box {background: #F5F5F5;background-color: transparent;background: linear-gradient(to bottom, white 1%, #F9F9F9 98%) repeat scroll 0 0 transparent;box-sizing: border-box;border-bottom: 1px solid #DFDFDF;border-left: 1px solid #ECECEC;border-radius: 8px;border-right: 1px solid #ECECEC;box-sizing: 0 1px 1px 0 rgba(0, 0, 0, 0.04);min-height: 100px;position: relative;text-align: center;z-index: 1;margin: 20px auto}
.history .featured-box {text-align: left;margin-left: 225px;margin-bottom: 35px;min-height: 115px}
.featured-box .box-content {border-radius: 8px;border-top: 4px solid #0088CC;padding: 30px 20px 0}
.history .featured-box .box-content {border-top-color: #0088CC}
.history h4 {float: left;margin: 15px 0;padding: 0;color: #0088CC;line-height: 27px}
.featured-box h4 {font-size: 1.3em;font-weight: 400;letter-spacing: -.7px;text-transform: uppercase}
.history p {margin: 0 0 20px;margin-left: 55px;line-height: 24px}
.featured-box .block-flickr-photos {border: 0}
.featured-box .block-flickr-photos .block-title {display: none}
.featured-box .block-flickr-photos a.flickr-image {margin: 5px;display: inline-block;border: 1px solid #DCDCDC;padding: 5px;border-radius: 5px}
.featured-box .block-flickr-photos a.flickr-image img {max-width: 100%;width: 75px}
.shop-features {text-align: center}
.shop-features h2.shop-features-title {position: relative;text-align: center;margin: 30px 0}
.shop-features h2.shop-features-title:before {content: "";background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2), transparent);height: 1px;width: 100%;display: block;position: absolute;top: 50%}
.shop-features h2.shop-features-title span {background-color: #FFFFFF;display: inline-block;position: relative;z-index: 1;padding: 0 12px;color: #313131;font-weight: 700;font-size: 15px}
.shop-features i {color: #333333;width: 64px;height: 64px;text-align: center;line-height: 60px;display: inline-block;border: 2px solid #CCCCCC;border-radius: 50%;font-size: 28px}
.shop-features h3 {color: #121214;font-size: 15px;line-height: 1;margin: 20px 0 10px}
.shop-features p {color: #777777;font-size: 14px;margin: 0;margin-bottom: 15px;padding: 0 20px}
.shop-features a {margin: 0;font-size: 14px}
.form-list .input-box.input-textarea {border: 0}
.form-list .input-box.input-textarea label {padding: 0;vertical-align: top}
.form-list .input-box.input-textarea label i {border: 1px solid #CCCCCC;border-right: 0;margin: 0;border-radius: 3px 0 0 3px}
.contacts-index-index h2.legend {font-size: 20px;margin-bottom: 20px;font-weight: 300;letter-spacing: 0}
.contacts-index-index .col-main .contact-info i {float: left;width: 43px;height: 43px;background-color: #0088CC;color: #FFFFFF;line-height: 43px;text-align: center;font-size: 16px;border-radius: 6px;margin-bottom: 15px}
.contacts-index-index .col-main .contact-info p {margin-left: 55px;margin-bottom: 0;font-size: 14px;line-height: 21px}
.form-list .input-box label i {background-color: #F0F0ED}
table.for-mobile {display: none}
table.for-desktop {display: table}
.page-popup .link-print {background: url(../image/i_print.gif) 0 2px no-repeat;padding: 2px 0 2px 25px;font-weight: 700;color: #1E7EC8}
.compare-table {border: 0}
.compare-table thead tr.first th, .compare-table thead tr.first td {border: 0;background: none;padding: 0;font-size: 0;line-height: 0}
.compare-table .btn-remove {float: right;width: 72px;height: 15px}
.compare-table tbody th, .compare-table tbody td {padding: 10px;border: 0;border-top: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;vertical-align: top}
.compare-table tbody td .std {text-align: left}
.compare-table tr.add-to-row td {background: #F7F7F7;text-align: center}
.compare-table tr.first td {text-align: center}
.compare-table tr.first td .product-name {font-size: 13px;font-weight: 700;margin: 0 0 5px}
.compare-table tr.first td .ratings {width: 69px;margin: 0 auto}
.compare-table tr.first td p, .compare-table tr.add-to-row td p {margin: 0}
.data-table.compare-table {border: 1px solid #DCDCDC}
.data-table.compare-table td {border: 0;text-align: center;border-right: 1px solid #DCDCDC;border-bottom: 1px solid #DCDCDC;line-height: 1.5}
.data-table.compare-table th {text-align: right;text-transform: uppercase;background: #F7F7F7;border: 0;border-bottom: 1px solid #DCDCDC;border-right: 1px solid #DCDCDC}
.data-table.compare-table .ratings {margin: 0}
.data-table.compare-table .ratings .rating-box {float: none;margin: 0 auto}
.data-table.compare-table .ratings .amount {display: none;margin: 0 auto}
.data-table.compare-table .price-box {margin: 0}
.data-table.compare-table .price-box p {float: none;display: inline-block}
.compare-table tr.product-img-row td {padding: 20px 30px;position: relative}
.compare-table tr.product-img-row td a.btn-remove2 {position: absolute;right: 5px;top: 5px;width: 20px;height: 20px}
.compare-table tr.product-img-row .product-image img {width: 100%}
.compare-table tr.product-img-row td .product-name {margin: 15px 0 0}
.compare-table tbody tr.last td {vertical-align: middle;border-bottom: 0}
.blank-rating {display: none}
.data-table.compare-table .blank-rating {display: block}
.data-table.compare-table tr.add-to-row td {background: none}
.block.block-blog-categories a {font-size: inherit;margin-left: 0}
.block.block-blog-recent ul li {margin: 0;padding: 10px 0}
.block.block-blog-recent ul li div.post-image {border-radius: 4px;padding: 2px;background-color: #FFFFFF;border: 1px solid #DDDDDD;margin-right: 12px}
.block.block-blog-recent ul li div.post-image:after {display: table;content: "";clear: both}
.block.block-blog-recent ul li a {font-family: inherit;font-size: inherit;color: #0088CC;line-height: 18px}
.block.block-blog-recent ul li div.post-time {color: #888888;font-size: 12px;line-height: 24px;font-family: inherit;font-style: normal;text-align: left;margin: 0}
.block.block-blog-tags ul li a {font-family: inherit;font-weight: 400}
.block.block-blog-tags ul li a:hover {text-decoration: none;background-color: #0088CC}
.posts-wrap {margin: 10px 0 0}
.postBanner {padding: 4px;background-color: #FFFFFF;border: 1px solid #DDDDDD;border-radius: 4px;margin-bottom: 30px}
.postBanner p {line-height: 1;margin: 0}
.postBanner .owl-item .item {width: 100%}
.postBanner .owl-item .item img {width: 100%}
.postBanner img {width: 100%;border-radius: 3px}
.postBanner iframe {min-height: 300px}
.postBanner .owl-theme .owl-controls {position: absolute;left: 0;right: 0;bottom: 0}
.postTitle {border: 0}
.postTitle h2 {font-weight: 600;margin: 0 0 10px}
.postTitle h2 a:hover {opacity: .9;filter: alpha(opacity=90);text-decoration: none}
.postWrapper {margin-left: 60px;margin-top: 0;margin-bottom: 30px;border-bottom: 1px solid #DDDDDD}
.postBanner {margin-left: -60px}
.postContent {font-size: 14px;line-height: 1.5;padding-bottom: 15px}
.recent-posts .postContent > p {margin: 0}
.recent-posts a.readmore {font-weight: 300;font-size: 16px}
.postWrapper .post-date {margin-left: -60px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);float: left;margin-right: 10px;text-align: center}
.postWrapper .post-date .day {color: #0088CC;background-color: #F4F4F4;border-radius: 2px 2px 0 0;display: block;font-size: 16px;font-weight: 700;padding: 10px;line-height: 22px;margin-bottom: 3px}
.postWrapper .post-date .month {color: #FFFFFF;background-color: #0088CC;border-radius: 0 0 2px 2px;box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .07) inset;display: block;font-size: 12px;padding: 0 10px 2px;line-height: 16px}
.postDetails {line-height: 22px}
.postDetails > span {margin-right: 10px}
.postDetails > span span:last-child {display: none}
.postDetails > span i {margin-right: 5px}
.postDetails > span a {color: #777777}
.postDetails > span a:hover {color: #0088CC}
.postBookmarks a {line-height: 1.2}
.smartwave-blog-read-more {color: #777777;font-size: 13px}
.postBookmarks {padding: 10px 0 0}
.postBookmarks a {color: #777777;text-decoration: none}
.postBookmarks a:hover {color: #0088CC}
.postBookmarks img {margin: 0 2px}
#postComment .form-list .input-box {border-radius: 5px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s}
#postComment .form-list input.input-text {height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.5;color: #555555}
#postComment .form-list textarea {height: 150px;padding: 6px 12px;font-size: 14px;line-height: 1.5;color: #555555}
#postComment .form-list label {margin-bottom: 5px}
.postComments {margin-left: 60px}
.post-share {padding: 10px 0 0;margin-bottom: -5px;border-top: 1px solid #DDDDDD}
.post-share i {margin-right: 5px}
.post-share h3 {color: #0088CC;font-size: 13px;font-weight: 300;margin: 10px 10px 0 0;text-transform: none;float: left}
.blog-post-view .postWrapper {margin-bottom: 0}
.postComments .postTitle h2 {padding: 20px 0;font-size: 1.8em;font-weight: 200;margin: 0 0 20px;text-transform: none;color: #0088CC}
.postComments .toolbar {border-bottom: 1px solid #DDDDDD;margin-bottom: 40px;padding-bottom: 10px}
form#postComment {display: block;margin-top: 25px;padding: 45px 0 0;border-top: 1px solid #DDDDDD}
#postComment h4.legend {padding: 0 0 20px;font-size: 1.8em;font-weight: 200;margin: 0 0 20px;text-transform: none;color: #0088CC}
.commentWrapper i.icon-user {font-size: 50px;border: 4px double #DDDDDD;background: #FFFFFF;border-radius: 5px;float: left;line-height: 70px;text-align: center}
.commentWrapper .comment-area:before {border-bottom: 15px solid transparent;border-right: 15px solid #F4F4F4;border-top: 15px solid transparent;height: 0;left: -15px;position: absolute;top: 28px;width: 0;content: ""}
.commentWrapper .comment-area {margin-left: 110px;background: #F4F4F4;border-radius: 5px;padding: 20px;position: relative}
.commentWrapper .comment-area .commentContent {line-height: 22px;margin-bottom: 10px}
.commentWrapper .comment-area .date {text-align: right;color: #999999}
.cms-index-index .tp-caption {text-align: left}
.cms-index-index .tp-caption.very_large_text {color: #0088CC;font-size: 56px;font-weight: 600;text-decoration: none;background-color: transparent;letter-spacing: 13px;border: 0;text-shadow: none;font-family: "Open Sans"}
.cms-index-index .tp-caption.large_thin {color: #0088CC;background-color: transparent;text-decoration: none;font-size: 46px;font-weight: 300;border: 0;font-family: "Open Sans"}
.cms-index-index .tp-caption.small_thin_grey {font-size: 20px;line-height: 30px;font-weight: 300;color: #777777;font-family: "Open Sans";text-decoration: none;background-color: transparent;text-shadow: none;margin: 0;border: 0}
.cms-index-index .tp-caption a, .cms-index-index .tp-caption a:hover {color: #FFFFFF;font-family: "Open Sans"}
.cms-index-index .tp-caption.title1 {font-size: 36px;font-weight: 600;color: #0088CC;background-color: transparent;text-decoration: none;letter-spacing: 8px;border: 0;font-family: "Open Sans"}
.cms-index-index .tp-caption.small-desc {color: #999999;font-size: 16px;font-family: "Open Sans", Arial, sans-serif;font-weight: 300;background-color: transparent;text-decoration: none}
.cms-index-index .white-arrow .tparrows.navbar {color: #FFFFFF}
.cms-index-index .tparrows.navbar:hover {background-position: 0 -45px !important}
.cms-index-index .tp-caption.white-title1 {text-decoration: none;font-family: "Open Sans", Arial, sans-serif;font-size: 48px;font-weight: 600;color: #FFFFFF;background-color: transparent;letter-spacing: 12px;border: 0}
.cms-index-index .tp-caption.small-desc-white {color: #FFFFFF;font-size: 16px;font-family: "Open Sans", Arial, sans-serif;font-weight: 300;background-color: transparent;text-decoration: none;border: 0;line-height: 24px}
.cms-index-index .tp-caption a.btn-white, .cms-index-index .tp-caption a.btn-white:hover {background-color: #FFFFFF;color: #0088CC}
.single-image {overflow: hidden;text-align: center;margin: 15px 0}
.single-images .single-image {margin: 0;border-radius: 5px}
a.single-image {display: block;margin: 4px;border-radius: 5px;position: relative}
a.single-image img {width: 100%}
.single-image img {max-width: 100%;transition: .5s ease}
.single-image:hover img {transform: scale(1.2)}
.filter-products .products.small-list {text-align: left;margin-top: -10px}
.filter-products .products.small-list div.item {width: 100%;max-width: 300px;float: none;display: inline-block;padding: 0}
.filter-products .products.small-list div.item .item-area {padding: 10px 0 6px}
.filter-products .products.small-list div.item .product-image-area {width: 33%;float: left;padding: 2px}
.filter-products .products.small-list div.item .details-area {width: 66%;float: left;text-align: left;padding: 10px 16px}
.filter-products .products.small-list div.item .details-area .ratings {background: transparent;margin-bottom: 10px}
.filter-products .products.small-list div.item .price-box {margin: 0;line-height: 1.2}
.filter-products .products.small-list div.item .price-box p {margin: 0;line-height: 1.2}
h2.sidebar-title {margin-bottom: 20px;font-size: 16px;font-weight: 700;text-transform: uppercase;color: #313131;line-height: 1}
.owl-top-narrow .sidebar-list .owl-controls {top: -16px}
.owl-top-narrow .sidebar-list .owl-controls .owl-buttons div {font-size: 16px}
.filter-products .products.sidebar-list div.item .item-area {background-color: transparent;box-shadow: none;border: 0;border-radius: 0}
.filter-products .products.sidebar-list div.item:hover .item-area {background-color: transparent;box-shadow: none;border: 0;border-radius: 0}
.sidebar-filterproducts {margin-bottom: 30px}
.sidebar-filterproducts .owl-top-narrow {margin: 0}
.homepage-bar {border-top: 1px solid #E1E1E1;border-bottom: 1px solid #E1E1E1;background-color: #FBFBFB}
.homepage-bar .col-lg-4 {border-left: 1px solid #E1E1E1;padding-top: 20px;padding-bottom: 21px}
.homepage-bar .col-lg-4:first-child {border-left: 0}
.homepage-bar i {font-size: 34px;color: #000000;display: inline-block;vertical-align: middle}
.homepage-bar i:before {width: auto}
.homepage-bar .text-area {display: inline-block;vertical-align: middle;text-align: left;margin-left: 5px}
.homepage-bar h3 {color: #313131;font-size: 16px;margin: 0;line-height: 1.5}
.homepage-bar p {font-size: 12px;margin: 0;line-height: 1}
.homepage-bar.type2 {border: 0;background-color: transparent}
.homepage-bar.type2 i {color: #FFFFFF;background-color: #121214;border-radius: 50%;width: 62px;height: 62px;line-height: 62px;text-align: center;float: left}
.homepage-bar.type2 i.icon-truck {padding-right: 4px}
.homepage-bar.type2 .text-area {display: block;margin-left: 75px}
.homepage-bar.type2 .col-lg-4 {border: 0;padding-top: 5px;padding-bottom: 5px}
.homepage-bar.type2 h3 {color: #000000;font-size: 20px;margin: 0;line-height: 1;font-weight: 600;margin-bottom: 6px}
.homepage-bar.type2 em {font-size: 11px;font-style: normal;font-weight: 400;font-family: Arial;line-height: 1;margin-bottom: 12px;display: block;color: #878787}
.homepage-bar.type2 p {font-size: 14px;margin: 0;line-height: 1.3;color: #666666}
.parallax-slider .owl-carousel h2 {font-size: 60.28px;color: #FFFFFF;line-height: 1}
.parallax-slider .owl-carousel p {font-size: 22.6px;color: #FFFFFF;line-height: 1;margin-bottom: 30px}
.parallax-slider .owl-carousel a {font-size: 16px;color: #FFFFFF;line-height: 1}
.parallax-slider .owl-theme .owl-controls {margin-top: 25px}
.owl-item .item {max-width: 100%;float: none !important}
.owl-item .item img {max-width: 100%}
.cms-index-index blockquote.testimonial {background-color: #0088CC;border: 0;border-radius: 10px;color: #FFFFFF;font-family: Georgia, serif;font-style: italic;margin: 0;padding: 10px 50px;position: relative;font-size: 1.2em;line-height: 1.3}
.cms-index-index blockquote.testimonial:before {left: 10px;top: 0;color: #FFFFFF;content: "\201C";font-size: 80px;font-style: normal;line-height: 1;position: absolute}
.cms-index-index blockquote.testimonial:after {right: 10px;bottom: -.5em;color: #FFFFFF;content: "\201D";font-size: 80px;font-style: normal;line-height: 1;position: absolute}
.cms-index-index .testimonial-arrow-down {border: 15px solid transparent;border-top-color: #0088CC;border-bottom: 0;height: 0;margin: 0 0 0 25px;width: 0}
.cms-index-index .testimonial-author {margin: 8px 0 0 8px}
.cms-index-index .testimonial-author .img-thumbnail {border-radius: 7px;float: left;margin-right: 10px;position: relative;padding: 4px;line-height: 1.5;background-color: #FFFFFF;border: 1px solid #DDDDDD;display: inline-block;max-width: 100%;height: auto}
.cms-index-index .testimonial-author .img-thumbnail img {max-width: 60px;display: inline-block;height: auto}
.cms-index-index .testimonial-author p {color: #666666;margin: 0 0 0 25px;text-align: left;line-height: 24px}
.cms-index-index .testimonial-author p > strong {color: #111111;display: block;padding-top: 7px;font-size: 14px}
.cms-index-index .testimonial-author span {color: #666666;display: block;font-size: 12px}
.slide .product {text-align: center}
.slide .product img {float: none;max-width: 100%;margin: 5px auto}
.slide .product h6 {color: #777777;font-size: 1.14em;line-height: 18px;font-weight: 400;margin: 0 0 14px;letter-spacing: normal}
.slide .product .price {font-size: 32px;line-height: 32px;color: #0088CC;letter-spacing: 0}
.slide .product .price .amount {display: inline-block}
.slide .product .price .amount .currency, .slide .product .price .amount .decimal {font-size: .67em}
.slide .product .price del {display: none}
.slide .product .price ins {text-decoration: none}
.slide .product .add_to_cart_button {display: inline-block;margin: 15px 0}
div.filter-title, h2.filter-title {background: url(../image/slider-bar.png) right no-repeat;font-size: 16px;font-weight: 300;line-height: 42px;margin: 0;color: #313131;text-transform: uppercase;text-align: left}
div.filter-title .content, h2.filter-title .content {background-color: #FFFFFF;padding-right: 20px;display: inline}
p.filter-title, h3.filter-title {background: url(../image/slider-bar.png) right no-repeat;font-size: 1.7em;font-weight: 400;line-height: 24px;margin: 0 0 32px;color: #0088CC}
p.filter-title .content, h3.filter-title .content {background-color: #FFFFFF;padding-right: 20px}
.filterproducts-tab .filter-title ul {list-style: none;padding: 0;padding-right: 20px}
.filterproducts-tab .filter-title ul li {display: inline-block}
.filterproducts-tab .filter-title ul li a {color: #313131;padding-left: 15px;margin-left: 12px;border-left: 1px solid #DDDDDD}
.filterproducts-tab .filter-title ul li:first-child a {margin: 0;padding: 0;border: 0}
.filterproducts-tab .filter-title ul li.active a {color: #0088CC}
.border-box {position: relative;border: solid 1px #D5D5D5;padding: 15px 15px 30px;min-height: 100px;margin: 30px 0 0;text-align: center}
.border-box .box-title {position: absolute;top: -21px;left: 0;width: 100%;text-align: center}
.border-box .box-title h2 {display: inline-block;padding: 0 10px;background-color: #FFFFFF;color: #9C9C9C;font-size: 2.6em;font-weight: 300;line-height: 42px;margin: 0}
.border-box .box-thumb {position: absolute;bottom: 0}
.border-box .box-thumb img {max-width: 200px}
.feature-box {clear: both}
.feature-box.gift-card {overflow: hidden}
.feature-box .feature-box-icon {background-color: #0088CC;border-radius: 35px;color: #FFFFFF;display: inline-block;float: left;height: 35px;margin-right: 10px;position: relative;text-align: center;top: 5px;width: 35px}
.feature-box.tertiary .feature-box-icon {float: none;margin: 15px auto;padding: 0;border-radius: 100%}
.feature-box.orange .feature-box-icon {background-color: #FFA800}
.feature-box.green .feature-box-icon {background-color: #2DBE7F}
.feature-box.pink .feature-box-icon {background-color: #EE68A7}
.feature-box.gift-card .feature-box-icon {width: 70px;height: 70px;line-height: 70px;font-size: 30px}
.feature-box .feature-box-info {padding-left: 50px}
.feature-box.tertiary .feature-box-info {padding: 0}
.feature-box.gift-card h4 {font-size: 32px;font-style: italic;margin-bottom: 10px;color: #9C9C9C}
p.tall {color: #777777;line-height: 24px;margin: 0 0 20px;font-size: 14px}
.custom-gift .feature-box .feature-box-icon {width: 100px;height: 100px;line-height: 100px;font-size: 45px;text-align: center}
.custom-gift .feature-box .feature-box-info h4 {color: #FFFFFF;font-size: 51px;margin: 0 20px 20px;line-height: 1;font-weight: 400}
.custom-gift .feature-box .feature-box-info p {font-size: 22px;line-height: 28px;font-weight: 300;margin-bottom: 20px;color: #FFFFFF}
.feature-box.secundary h4 {color: #121214;font-size: 20px;font-weight: 400}
.feature-box.secundary .feature-box-icon {background-color: transparent;color: #0088CC}
.feature-box.secundary .feature-box-icon i {font-size: 28px}
.feature-box.secundary .feature-box-info {padding-left: 60px}
.custom-support {text-align: left}
.custom-support i {float: left;background-color: #E35D53;color: #FFFFFF;border-radius: 50%;width: 62px;height: 62px;text-align: center;line-height: 62px;font-size: 20px}
.custom-support div.content {margin-left: 76px}
.custom-support div.content > h2 {color: #000000;margin: 0;font-weight: 600;font-size: 20px;line-height: 1.5}
.custom-support div.content > em {color: #888888;font-weight: 300;font-size: 11px;font-style: normal;line-height: 1;margin-bottom: 15px;display: block}
.custom-support div.content > p {color: #666666;font-size: 14px}
.gift-box > p {text-align: left;font-size: 15.36px;color: #525252;font-weight: 300;margin-left: 3px;margin-bottom: 30px}
.gift-box .feature-box.gift-card h4 {font-size: 18px;font-style: normal;font-weight: 400;color: #222222;text-transform: uppercase}
.homepage-grid-banner {padding: 0}
.homepage-grid-banner * {transition: all .2s}
.homepage-grid-banner .row {margin-left: -4px;margin-right: -4px}
.homepage-grid-banner .col-md-1, .homepage-grid-banner .col-md-2, .homepage-grid-banner .col-md-3, .homepage-grid-banner .col-md-4, .homepage-grid-banner .col-md-5, .homepage-grid-banner .col-md-6, .homepage-grid-banner .col-md-7, .homepage-grid-banner .col-md-8, .homepage-grid-banner .col-md-9, .homepage-grid-banner .col-md-10, .homepage-grid-banner .col-md-11, .homepage-grid-banner .col-md-12 {padding-left: 4px;padding-right: 4px}
.homepage-grid-banner .col-md-margin {margin-bottom: 8px}
.homepage-grid-banner img {width: 100%}
.homepage-grid-banner .content a {font-size: 16px;margin-right: 5px}
.homepage-grid-banner .content a.btn-default {font-size: 13px;margin: 0;border: 0;padding-right: 3px}
.homepage-grid-banner .ribbon {width: 33.5%;height: 22.3%}
.homepage-grid-banner .ribbon:before {content: "";position: absolute;right: 0;top: 0;border: 150px solid #0088CC;border-right: 0;border-bottom: 0;border-left: 200px solid transparent}
.homepage-grid-banner .ribbon > div {width: 90%}
.homepage-grid-banner .ribbon em {font-size: 14px}
.homepage-grid-banner .ribbon h4 {font-size: 33px;line-height: 1;margin: 0}
.homepage-grid-banner .ribbon h5 {font-size: 18px;line-height: 1;margin: 0}
.homepage-grid-banner .grid1, .homepage-grid-banner .grid2, .homepage-grid-banner .grid3, .homepage-grid-banner .grid4 {cursor: pointer;overflow: hidden;min-height: 50px}
.homepage-grid-banner .grid1:before, .homepage-grid-banner .grid2:before, .homepage-grid-banner .grid3:before, .homepage-grid-banner .grid4:before {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #000000;opacity: 0;filter: alpha(Opacity=0);visibility: hidden;transition: all .2s}
.homepage-grid-banner .grid1:hover:before, .homepage-grid-banner .grid2:hover:before, .homepage-grid-banner .grid3:hover:before, .homepage-grid-banner .grid4:hover:before {opacity: .1;filter: alpha(Opacity=10);visibility: visible}
.homepage-grid-banner .grid1 .content h2 {font-size: 70.72px;line-height: 1}
.homepage-grid-banner .grid1 .content p {font-size: 29.47px;line-height: 1;margin-bottom: 10px;margin-right: 4px}
.homepage-grid-banner .grid2 .content h3 {font-size: 28.88px;line-height: 1}
.homepage-grid-banner .grid2 .content h2 {font-size: 28.88px;line-height: 1}
.homepage-grid-banner .grid2 .content p {font-size: 17.58px;line-height: 1;margin-bottom: 15px}
.homepage-grid-banner .grid3 .content h2 {font-size: 46px;line-height: 1;margin: 0}
.homepage-grid-banner .grid3 .content h5 {font-size: 16px;line-height: 1;margin-bottom: 30px}
.homepage-grid-banner .grid3 .content p {font-size: 16px;line-height: 1;margin-bottom: 5px}
.homepage-grid-banner .grid3 .content h4 {font-size: 22.72px;line-height: 1;margin-top: 20px;margin-bottom: 0}
.homepage-grid-banner .grid3 .content h4 > span {font-size: 17.66px;line-height: 1}
.homepage-grid-banner .grid3 .content h3 {font-size: 37.71px;line-height: 1;margin-bottom: 15px}
.homepage-grid-banner .grid3 .content h3 > span {font-size: 25.14px;line-height: 1}
.homepage-grid-banner .grid4 .content h2 {font-size: 33.86px;line-height: 1.2;margin: 0;margin-bottom: 15px}
.homepage-grid-banner .grid4 .content p {font-size: 19.75px;line-height: 1.2;margin-bottom: 17px}
.grid-images {text-align: center}
.grid-images .row {margin-left: -10px;margin-right: -10px}
.grid-images .col-md-4, .grid-images .col-md-8 {padding-left: 10px;padding-right: 10px}
.grid-images .grid1 {margin-bottom: 10px}
.grid-images img {max-width: 100%}
.slider-with-side {margin: 0 -8px}
.slider-with-side .slider-area {padding: 0 8px;float: left;width: 72.3%}
.slider-with-side .side-area {padding: 0 8px 0 7px;float: left;width: 27.7%}
.slider-with-side .side-area .item1, .slider-with-side .side-area .item2, .slider-with-side .side-area .item3 {margin-bottom: 9px;position: relative;overflow: hidden}
.slider-with-side .side-area .item3 {margin: 0 !important}
.slider-with-side .side-area .item1 .content {position: absolute;bottom: 17px;left: 15px;text-align: left}
.slider-with-side .side-area .item1 .content h2 {font-size: 35.16px;margin: 0;margin-bottom: 14px}
.slider-with-side .side-area .item1 .content em {font-size: 27.45px;margin: 0;margin-bottom: 2px;display: block;margin-left: 4px}
.slider-with-side .side-area .item1 .content a {font-size: 15.08px;margin: 0;margin-left: 4px;display: block}
.slider-with-side .side-area .item2 .content {position: absolute;bottom: 17px;left: 21px;text-align: left}
.slider-with-side .side-area .item2 .content h2 {font-size: 33.86px;margin: 0;margin-bottom: 12px}
.slider-with-side .side-area .item2 .content p {font-size: 18.34px;margin: 0;margin-left: 1px}
.slider-with-side .side-area .item2 .content a {font-size: 13px;border: 0;text-shadow: none;padding: 8px 10px 8px 15px;margin: 13px 0 0 25px}
.slider-with-side .side-area .item3 .content {position: absolute;bottom: 17px;left: 19px;text-align: left}
.slider-with-side .side-area .item3 .content h2 {font-size: 32px;margin: 0}
.slider-with-side .side-area .item3 .content p {font-size: 20px;margin: 0;margin-bottom: 17px}
.slider-with-side .side-area .item3 .content a {font-size: 16px;margin: 0}
.slider-with-side .side-area .item1:before, .slider-with-side .side-area .item2:before, .slider-with-side .side-area .item3:before {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #000000;opacity: 0;filter: alpha(Opacity=0);visibility: hidden;transition: all .2s}
.grid-images .grid1 img, .grid-images .grid2 img, .grid-images .grid3 img {opacity: 1;filter: alpha(Opacity=100);visibility: visible;transition: all .2s}
.slider-with-side .side-area .item1:hover:before, .slider-with-side .side-area .item2:hover:before, .slider-with-side .side-area .item3:hover:before {opacity: .1;filter: alpha(Opacity=10);visibility: visible}
.grid-images .grid1:hover img, .grid-images .grid2:hover img, .grid-images .grid3:hover img {opacity: .8;filter: alpha(Opacity=80);visibility: visible}
.slider-with-side .slider-area .item .content .text-area h2 {display: inline-block;padding: 7px 50px 7px 11px;font-size: 42.7px;margin-bottom: 4px}
.slider-with-side .slider-area .item .content .text-area p {display: inline-block;padding: 12px 17px 12px 13px;font-size: 17.58px;margin: 0}
.slider-with-side .slider-area .item .content .ribbon {right: 13px;top: 16px}
.slider-with-side .slider-area .item .content .ribbon em {font-size: 14px;margin: 0;margin-right: 63px}
.slider-with-side .slider-area .item .content .ribbon h3 {font-size: 33px;margin: 0;margin-right: 14px}
.slider-with-side .slider-area .item .content .ribbon h5 {font-size: 18px;margin: 0;margin-top: -3px}
.full-screen-slider .item > div.content {position: absolute;top: 50%;left: 0;width: 100%;text-align: center;z-index: 2}
.full-screen-slider .item > div.content > h2 {font-size: 60.28px;margin-bottom: 18px;line-height: 1}
.full-screen-slider .item > div.content > p {font-size: 25.12px;margin-bottom: 35px;line-height: 1}
.full-screen-slider .item > div.content > a.btn-default {font-size: 14px;line-height: 1;font-weight: 600;text-shadow: none;padding: 15px 48px;border-radius: 7px;border: 0}
.full-screen-slider .item > div.content em {font-style: normal;line-height: 1;display: block}
.full-screen-slider .item > div.content em.type1 {font-size: 18.34px;margin-bottom: -5px}
.full-screen-slider .item > div.content em.type2 {font-size: 29.47px;margin-bottom: 10px;margin-left: 30px}
.full-screen-slider .item > div.content em.type3 {font-size: 17.68px;margin-top: 10px}
.full-screen-slider .item > div.content h3 {font-size: 61.56px;margin: 0;line-height: 1}
.full-screen-slider .item > div.content h4 {font-size: 52.39px;margin: 0;padding-right: 35px;border-right: 2px solid #83C5E6;line-height: 1;vertical-align: middle}
.full-screen-slider .item > div.content .sale-bar a {font-size: 20.96px;margin-left: 23px;line-height: 1;vertical-align: middle}
.full-screen-slider .item > div.content .sale-bar a .icon-angle-down {font-size: 12px;margin-left: 10px;border-radius: 50%;background-color: #0088CC;color: #FFFFFF;vertical-align: middle}
.full-screen-slider .item > div.content .sale-bar > div.f-left {padding: 15px 22px}
.full-screen-slider .item > div.content .sale-bar > div.f-left:first-child {padding: 15px 40px}
.full-screen-slider .item > div.content .sale-bar {height: 82px;margin-left: 14px}
.full-screen-slider .item > div.content .sale-bar .triangle {float: left;height: 82px;position: relative;overflow: hidden}
.full-screen-slider .item > div.content .sale-bar .triangle > div {height: 41px;border: 20px solid transparent;border-top-width: 41px;margin: 0 -20px -20px 0}
.full-screen-slider .item > div.content .sale-bar .triangle > div:first-child {height: 41px;border: 20px solid transparent;border-bottom-width: 41px;margin: -20px -20px 0 0}
.full-screen-slider .item > div.content.content-1 {margin-top: -126px}
.full-screen-slider .item > div.content.content-1 > p {font-size: 20.09px;margin: 38px 0}
.full-screen-slider .item > div.content.content-1 > a.btn-default {font-size: 16px;padding: 15px 20px}
.full-screen-slider .item > div.content.content-2 {margin-top: -75px}
.full-screen-slider .item > div.content.content-3 {margin-top: -91px}
.slide3-1-content p {line-height: 1;margin: 0;margin-bottom: 5px;font-size: 19.75px}
.slide3-1-content h2 {line-height: 1;margin: 0;font-size: 50.23px;margin-bottom: 30px}
.slide3-1-content .price-area em {font-style: normal;line-height: 1;margin: 0;font-size: 17.33px;text-align: right}
.slide3-1-content .price-area em:first-child {margin-right: 0;margin-bottom: -2px;text-align: left}
.slide3-1-content .price-area h3 {line-height: 1;margin: 0;font-size: 58.18px}
.slide3-1-content .button-area {padding-left: 15px;margin-left: 15px}
.slide3-1-content a.btn-default {height: 67px;font-size: 16px;font-weight: 300;line-height: 67px;padding: 0 20px 0 30px;border-radius: 8px}
.slide3-1-content a.btn-default i {width: 15px;height: 15px;line-height: 14px;text-align: center;font-size: 11px;display: inline-block;vertical-align: middle;margin-bottom: 5px;margin-left: 12px}
.slide3-2-content em {font-size: 20px;font-style: normal;margin-left: 2px;margin-bottom: 5px;line-height: 1}
.slide3-2-content h2 {font-size: 50.23px;line-height: 1;margin: 0;margin-bottom: 5px}
.slide3-2-content p {font-size: 37px;line-height: 1;margin-bottom: 30px}
.slide3-2-content a {font-size: 16px;display: inline-block;vertical-align: middle;line-height: 1}
.slide3-2-content a > i {width: 15px;height: 15px;line-height: 14px;text-align: center;font-size: 11px;display: inline-block;vertical-align: middle;margin-bottom: 3px;margin-left: 12px;background-color: #FFFFFF;border-radius: 50%;color: #000000}
.image-link {display: block;position: relative}
.image-link:before {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #000000;opacity: 0;filter: alpha(Opacity=0);visibility: hidden;transition: all .2s}
.border-radius .image-link:before {border-radius: 8px}
.image-link:hover:before {opacity: .1;filter: alpha(Opacity=10);visibility: visible}
.image-link img {width: 100%;height: auto;display: block}
#banner-slider-demo-1 .slide1-content em {font-size: 26.26px;margin: 0 10px}
#banner-slider-demo-1 .slide1-content h2 {font-size: 79.12px;margin: 5px 0 10px}
#banner-slider-demo-1 .slide1-content p {font-size: 23.64px}
#banner-slider-demo-1 .slide2-content em {font-size: 26.26px;margin-left: 8px}
#banner-slider-demo-1 .slide2-content h2 {font-size: 82.51px;margin: 3px 0 10px}
#banner-slider-demo-1 .slide2-content p {font-size: 18px;margin-left: 8px;margin-bottom: 30px}
#banner-slider-demo-1 .slide2-content p span.split {margin: 0 13px 0 14px}
#banner-slider-demo-1 .slide2-content a.btn-default {font-size: 14px;width: 135px;height: 40px;line-height: 40px;padding: 0;margin-right: 3px}
#banner-slider-demo-1 .slide3-content em {font-size: 26.26px}
#banner-slider-demo-1 .slide3-content h2 {font-size: 82.51px;margin-bottom: 17px}
#banner-slider-demo-1 .slide3-content a.btn-default {font-size: 14px;width: 135px;height: 40px;line-height: 40px;padding: 0;margin-right: 3px}
#banner-slider-demo-14 .slide1-content em {font-size: 26.26px;margin: 0 10px}
#banner-slider-demo-14 .slide1-content h2 {font-size: 79.12px;margin: 5px 0 10px}
#banner-slider-demo-14 .slide1-content p {font-size: 23.64px}
#banner-slider-demo-14 .slide2-content em {font-size: 26.26px;margin-left: 8px}
#banner-slider-demo-14 .slide2-content h2 {font-size: 82.51px;margin: 3px 0 10px}
#banner-slider-demo-14 .slide2-content p {font-size: 18px;margin-left: 8px;margin-bottom: 30px}
#banner-slider-demo-14 .slide2-content p span.split {margin: 0 13px 0 14px}
#banner-slider-demo-14 .slide2-content a.btn-default {font-size: 14px;width: 135px;height: 40px;line-height: 40px;padding: 0;margin-right: 3px}
#banner-slider-demo-14 .slide3-content em {font-size: 26.26px}
#banner-slider-demo-14 .slide3-content h2 {font-size: 82.51px;margin-bottom: 17px}
#banner-slider-demo-14 .slide3-content a.btn-default {font-size: 14px;width: 135px;height: 40px;line-height: 40px;padding: 0;margin-right: 3px}
.side-custom-menu {border: 1px solid #DDDDDD;border-radius: 7px;overflow: hidden}
.side-custom-menu h2 {color: #000000;border-bottom: 1px solid #DDDDDD;font-size: 13px;font-weight: 700;text-align: left;padding: 13px 13px 12px;background-color: #F5F5F5;line-height: 1;margin: 0}
.side-custom-menu ul {padding: 0 12px}
.side-custom-menu ul li {text-align: left;padding: 12px 4px;border-top: 1px solid #DDDDDD}
.side-custom-menu ul li:first-child {border: 0}
.side-custom-menu ul li a {color: #777777;font-size: 15px;line-height: 1;display: block}
.owl-item-links-block ul li {display: inline-block;vertical-align: middle;padding: 0 15px}
.owl-item-links-block ul li a {line-height: 2;font-size: 18px;font-weight: 600;color: #FFFFFF;text-decoration: underline}
.owl-item-links-block span {font-size: 18px;padding-left: 25px;line-height: 2.5;margin-left: 10px}
.owl-item-links-block span .icon-angle-down {font-size: 9px;margin-left: 7px}
.btn-default {color: #333333;background-color: #FFFFFF;border-color: #CCCCCC}
.btn-default:hover {color: #333333}
.category-products .products-grid {margin-left: -10px;margin-right: -10px;list-style: none}
.filter-products .products div.item {float: left;padding: 10px}
.filter-products .products div.item .item-area {width: 100%;position: relative}
.filter-products .products div.item .product-image {width: 100%;min-height: 60px;display: block;position: relative;z-index: 0;overflow: hidden;border-radius: 3px;background: #FFFFFF}
.filter-products .products .owl-item.loading {background: transparent}
.filter-products .products .owl-item.loading:before {display: none}
.filter-products .products .owl-item.loading .product-image {min-height: 80px;position: relative}
.filter-products .products .owl-item.loading .product-image:before {color: #0088CC;content: "\f110";font-family: "porto";position: absolute;left: 50%;top: 50%;font-size: 20px;margin-top: -10px;margin-left: -10px;-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;}
.filter-products .products div.item .product-image img {width: 100%;transition: opacity .3s}
.filter-products .products div.item .product-image img.defaultImage {opacity: 1;filter: alpha(opacity=100)}
.filter-products .products div.item .product-image img.hoverImage {position: absolute;top: 0;left: 0;opacity: 0;filter: alpha(opacity=0)}
.filter-products .products div.item .product-image-area:hover .product-image img.defaultImage {opacity: 0;filter: alpha(opacity=0)}
.filter-products .products div.item .product-image-area:hover .product-image img.hoverImage {opacity: 1;filter: alpha(opacity=100)}
.filter-products .products div.item .details-area {padding: 10px;text-align: center}
.filter-products .products div.item .details-area .product-name {margin: 0 0 3px}
.filter-products .products div.item .details-area .product-name a {font-size: 14px}
.block-layered-nav .filter-products .products div.item:hover .item-area {background-color: transparent;border-color: transparent;box-shadow: none}
.owl-top-narrow {margin: 0 -10px}
.owl-top-narrow .owl-item .item {padding: 0 10px}
.owl-top-narrow .recent-posts .owl-item .item {padding-top: 10px}
.owl-top-narrow .owl-controls {position: absolute;right: 5px;top: -33px;margin: 0;min-width: 50px;text-align: right;}
.owl-top-narrow .owl-controls .owl-buttons div {color: #0088CC;background: transparent;padding: 0;margin: 0;font-size: 18px}
.owl-bottom-corner-narrow .owl-controls {
position: absolute;
left: 25px;
bottom: 20px;
margin: 0;
min-width: 50px;
text-align: left;
}
.owl-bottom-corner-narrow .owl-controls .owl-buttons div {color: #2F2727;background: transparent;padding: 0;margin: 0;font-size: 14px}
.owl-bottom-narrow .owl-controls {position: absolute;bottom: 20px;margin: 0;width: 100%}
.owl-bottom-narrow .owl-controls .owl-buttons div {color: #0088CC;background: transparent;padding: 0;margin: 0;font-size: 18px}
.owl-no-narrow {margin: 0 -10px}
.owl-no-narrow .owl-item .item {padding: 0 10px}
.owl-no-narrow .owl-controls {margin-top: 30px}
.sep-title {display: table;margin-bottom: 35px;width: 100%;color: #FFFFFF;font-size: 38px}
.sep-title-holder-l, .sep-title-holder-r {display: table-cell;height: 1px;position: relative;vertical-align: middle;width: 50%}
.sep-title-line {height: 1px;display: block;border-top: 1px solid #FFFFFF;position: relative;top: 1px;width: 100%}
.sep-title h2 {display: table-cell;padding: 0 .8em;color: #FFFFFF;font-size: 36px;line-height: 1em;white-space: pre;margin: 0 0 32px;font-weight: 300}
.recent-posts .item {padding: 20px 10px 0}
.recent-posts .item .row {margin-left: -10px;margin-right: -10px}
.recent-posts .item .col-md-5, .recent-posts .item .col-md-7 {padding-left: 10px;padding-right: 10px}
.recent-posts .item .post-image {border-radius: 5px;overflow: hidden;margin: 0 0 15px;padding: 2px;border: 1px solid #E1E1E1;background-color: #FFFFFF}
.recent-posts .item .post-image img {border-radius: 4px;width: 100%}
.recent-posts .post-date {float: left;margin-right: 10px;text-align: center}
.recent-posts .post-date .day {background-color: #F7F7F7;color: #0088CC;display: block;font-size: 18px;font-weight: 700;padding: 8px}
.recent-posts .post-date .month {background-color: #0088CC;border-radius: 0 0 2px 2px;box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .07) inset;color: #FFFFFF;font-size: .9em;padding: 2px 0;display: block;width: 45px}
.recent-posts .postTitle {min-height: 55px}
.recent-posts .postTitle h2 {font-size: 20px;line-height: 27px;font-weight: 400}
.date-absolute-type .recent-posts {margin: -15px -10px 0}
.date-absolute-type .recent-posts .item .col-md-5, .date-absolute-type .recent-posts .item .col-md-7 {width: 100%}
.date-absolute-type .recent-posts .item .post-image {padding: 3px}
.date-absolute-type .recent-posts .post-date {margin-top: -75px;margin-left: 10px}
.date-absolute-type .recent-posts .postTitle {min-height: 18px;margin-bottom: 10px}
.date-absolute-type .recent-posts .postTitle h2 {font-size: 18px;line-height: 18px}
.date-absolute-type .recent-posts .postContent {font-size: 13px;padding-bottom: 0}
.date-absolute-type .recent-posts a.readmore {font-size: 10px;text-transform: uppercase;display: inline-block;margin-top: 10px}
#slideshow img {max-width: 100%;height: auto}
h2.short {font-size: 2.6em;font-weight: 300;line-height: 42px;margin: 0 0 32px}
.true-color {color: #0088CC}
.italic {font-style: italic}
ul.icons {list-style: none}
.list-unstyled {padding-left: 0;list-style: none}
ul.list li {margin-bottom: 13px;line-height: 24px}
ul.list.icons li i.icon {color: #0088CC}
.owl-carousel.owl-theme .owl-controls.clickable .owl-buttons div {opacity: 1;filter: Alpha(Opacity=100);transition: all .2s}
.owl-carousel.owl-theme .owl-controls.clickable .owl-buttons div:hover {opacity: .9;filter: Alpha(Opacity=90)}
.owl-middle-narrow .owl-controls {position: absolute;left: 0;width: 100%;top: 50%;margin-top: -25px}
.owl-middle-narrow .owl-controls .owl-buttons div {font-size: 40px;background: none;color: #0088CC;position: absolute}
.owl-middle-narrow .owl-controls .owl-buttons div.owl-prev {left: -60px}
.owl-middle-narrow .owl-controls .owl-buttons div.owl-next {right: -60px}
.owl-bottomright-narrow .owl-controls {position: absolute;right: 0;bottom: 0;margin: 0}
.owl-bottomright-narrow .owl-controls .owl-buttons div {color: #FFFFFF;font-size: 25px;background: #000000;border-radius: 0;margin: 1px 1px 1px 0;padding: 0;width: 90px;height: 90px;line-height: 90px;opacity: 1}
.owl-banner-carousel.owl-middle-narrow .owl-controls .owl-buttons div {visibility: hidden;opacity: 0;transition: .5s all}
.owl-banner-carousel.owl-middle-narrow:hover .owl-controls .owl-buttons div {visibility: visible;opacity: 1;text-shadow: 0 0 3px rgba(255, 255, 255, 0.5)}
.owl-banner-carousel.owl-middle-narrow .owl-controls .owl-buttons div.owl-prev {left: 0}
.owl-banner-carousel.owl-middle-narrow .owl-controls .owl-buttons div.owl-next {right: 0}
.owl-banner-carousel .content.type1 h2 {font-size: 60px}
.owl-banner-carousel .content.type1 p {font-size: 25px}
.owl-banner-carousel .content.type1 a {font-size: 16px}
.owl-banner-carousel .content.type2 h2 {font-size: 46.48px;border-top: 5px solid #0088CC;padding-top: 10px}
.owl-banner-carousel .content.type2 h3 {font-size: 30.59px}
.owl-banner-carousel .content.type2 p {font-size: 14px}
.owl-banner-carousel .content.type2 a {font-size: 18px}
.parallax-wrapper {position: relative}
.parallax {background-position: center center;background-attachment: fixed;background-repeat: no-repeat;background-size: 100% auto;width: 100%;margin: 50px 0;padding: 50px 0}
.overlay {background-color: #000000;opacity: .55;filter: alpha(opacity=55);width: 100%;height: 100%;display: block;position: absolute}
.testimonial-item {color: #FFFFFF;border: 0;padding: 0 10%;margin-bottom: 60px}
.testimonial-item .inner {font-style: italic;display: table-row}
.testimonial-item .testimonial-author {display: table-cell;padding-right: 15px}
.testimonial-item .img-round.img-thumbnail-small {width: 85px;height: 85px;border-radius: 25px;display: inline-block;overflow: hidden}
.testimonial-item .testimonial-content {display: table-cell;vertical-align: top;text-align: left}
.testimonial-item .testimonial-content .size-32.name {margin-top: 15px;margin-bottom: 5px;font-size: 32px}
.testimonial-item .testimonial-content p {font-size: 18px}
.featured-post {font-size: 14px}
.featured-post h4 {color: #0088CC;font-size: 1.4em;font-weight: 400;letter-spacing: normal;line-height: 27px;margin: 0 0 14px}
.featured-post .post-meta {line-height: 24px;margin: 0 0 20px}
.post-a-month, .post-a-day, .post-a-year {display: inline-block;background-color: #F0F0ED;color: #FFFFFF;padding: 0 10px;margin-right: 3px}
.post-a-day, .post-a-year {color: #0088CC}
.post-a-month {background-color: #0088CC}
.cms-index-index .block-layered-nav dd {padding: 20px 10px}
.cms-index-index .block-layered-nav .filter-products .products.small-list div.item {border-top: 1px solid #DDDDDD}
.cms-index-index .block-layered-nav .filter-products .products.small-list div.item:first-child {border-top: 0}
.custom-info-box {font-size: 12px;font-weight: 700;text-transform: uppercase;border-top: 1px solid #9C9C9C}
.custom-info-box p {line-height: 30px;padding: 20px 0;margin: 0;text-align: center}
.color-banner {color: #535353}
.color-banner .col-lg-5-5 h2 {font-size: 60px;font-family: "Open Sans";font-weight: 600;text-transform: uppercase;color: #535353;margin: 100px 20px 30px;letter-spacing: 10px}
.color-banner .col-lg-5-5 p {font-size: 22px;font-family: "Open Sans";font-weight: 600;color: #535353;max-width: 420px;line-height: 1;display: inline-block;margin: 0 20px}
.btn-default {color: #FFFFFF;font-weight: 400;background-color: #0088CC;text-shadow: none;border: 0;opacity: 1;filter: alpha(opacity=100)}
.btn-default:hover {color: #FFFFFF;background-color: #0088CC;opacity: .9;filter: alpha(opacity=90)}
.owl-theme.banner-carousel .owl-controls .owl-buttons div {background: transparent;color: #0088CC;font-size: 40px;visibility: hidden;opacity: 0;transition: .2s all;position: absolute;top: 50%;margin-top: -30px}
.owl-theme.banner-carousel:hover .owl-controls .owl-buttons div {visibility: visible;opacity: 1}
.owl-theme.banner-carousel .owl-controls .owl-buttons div.owl-prev {left: 0}
.owl-theme.banner-carousel .owl-controls .owl-buttons div.owl-next {right: 0}
a.quickview-icon {position: absolute;right: 0;top: 0;background-color: #0088CC;color: #FFFFFF;padding: 10px;z-index: 9;border-radius: 0 5px;opacity: 0;visibility: hidden;transition: .1s all;font-size: 12px;line-height: 1.4}
a.quickview-icon span {margin-left: 2px}
a.quickview-icon:hover span {text-decoration: underline}
a.quickview-icon:hover {opacity: .9 !important;text-decoration: none;color: #FFFFFF}
.item-area:hover a.quickview-icon {opacity: 1;visibility: visible}
a.quickviewlink.quickview-icon {position: static;padding: 0;visibility: visible;opacity: 1;color: #0088CC;background-color: transparent;font-size: 17px;display: inline-block;height: 32px;width: 32px;line-height: 32px;border: 1px solid #0088CC;border-radius: 5px;text-align: center}
a.quickviewlink.quickview-icon:hover {color: #0088CC}
.product-swatches-container {float: left;clear: both;margin-bottom: 15px}
.product-swatches-container ul {margin-bottom: 10px;width: 100%}
.product-swatches-container ul li {display: block;height: 35px;float: left}
.product-swatches-container li a {display: block;float: left;height: 30px;line-height: 30px;padding: 0 5px;border: solid 1px #CCCCCC;margin: 3px;text-decoration: none;background: #DDDDDD;color: #BBBBBB;cursor: default;border-radius: 5px;opacity: .2;filter: alpha(opacity=20)}
.product-swatches-container a.active {background: #FFFFFF;color: #333333;cursor: pointer;box-shadow: 3px 3px 5px #AAAAAA;display: block;float: left;opacity: 1;filter: alpha(opacity=100)}
.product-swatches-container a.active.selected {background: #FFFFFF;color: #333333;height: 32px !important;line-height: 32px !important;padding: 0 6px !important;cursor: pointer;border: none;box-shadow: 1px 1px 5px #444444 inset}
.product-swatches-container .has-swatches a {width: 30px;height: 30px;overflow: hidden;padding: 0;position: relative;text-align: center}
.product-swatches-container .has-swatches a.active.selected {width: 32px !important;padding: 0 !important}
.product-swatches-container .has-swatches li {position: relative}
.product-swatches-container .has-swatches li a span {display: none}
.product-swatches-container .has-swatches span.tooltip-container {display: none}
.product-swatches-container .has-swatches span.tooltip-container.on {display: block;position: absolute;top: -16px !important;left: 20px;height: 16px;z-index: 20000}
.product-swatches-container .has-swatches span.tooltip-container.on span.tooltip {display: block;margin-left: -50%;float: left;height: 16px;line-height: 16px;background: #333333;padding: 0 5px;color: #EFEFEF;white-space: nowrap;font-size: 11px}
#product-options-wrapper .input-box .configurable-option-select.hideselect {display: none}
.product-image {position: relative;display: block}
a.product-image {z-index: 1}
#fancybox-link {display: none;line-height: 25px;height: 25px;padding: 0 10px;border: solid 1px #CCCCCC;z-index: 30000;position: relative;background: #FFFFFF;text-decoration: none;position: absolute;right: 0;bottom: 0}
.layered-navigation-swatch {display: block;float: left;width: 20px;margin-right: 5px}
ul.attribute-swatches li {display: block;float: left;margin: 3px 7px 3px 0;width: 20px;height: 20px;position: relative;z-index: 0}
ul.attribute-swatches li.color-swatch-last {margin-right: 0}
ul.attribute-swatches li a {display: block;width: 20px;height: 20px;position: relative;overflow: hidden;border: solid 1px #DDDDDD;float: left;text-decoration: none;background-position: center}
ul.attribute-swatches li a:hover {text-decoration: none;border-color: #444444}
ul.attribute-swatches li a img {margin: 0;display: inline;padding: 0;border: none;z-index: 0;position: absolute;top: 0;left: 0}
ul.attribute-swatches li a img.color-swatch-mask {margin: 0;display: inline;position: absolute;z-index: 20;padding: 0;border: none}
ul.attribute-swatches li span {display: none;z-index: 10000}
ul.attribute-swatches li span.tooltip-container.on {display: block;position: absolute;top: -22px;left: 10px;height: 22px;z-index: 20000}
ul.attribute-swatches li span.tooltip.on {display: block;margin-left: -50%;float: left;height: 22px;white-space: nowrap !important;background: transparent}
ul.attribute-swatches li span span span {display: block;float: left;background: #333333;border: solid 1px #EFEFEF;padding: 1px 10px;font-weight: 700;line-height: 15px;color: #FFFFFF}
.attribute-swatches.product-view {height: 20px;clear: both;margin: 5px 0;border: none}
.products-grid li.item {padding: 12px 10px 80px}
.attribute-swatches.product-list {float: left;width: 100%;padding: 0;clear: both}
#narrow-by-list ol.swatches li {display: block;clear: both}
#narrow-by-list ol li .layered-navigation-swatch {border: solid 1px #CCCCCC;margin: 0 5px 10px 0}
.attribute-availability {width: 100%;clear: both;margin: 0 0 5px;padding: 0}
.attribute-availability li {display: block;padding: 3px;float: left}
.more-views ul li {float: left}
.block-layered-nav #narrow-by-list ol.swatches {margin: 10px -3px -3px}
.block-layered-nav #narrow-by-list ol.swatches li {display: inline-block;vertical-align: middle;position: relative}
.block-layered-nav #narrow-by-list ol.swatches li .layered-navigation-swatch {border-radius: 5px;width: 26px;height: 26px;margin: 0 2px 7px 3px;float: none}
.block-layered-nav #narrow-by-list ol.swatches li .layered-navigation-item-label {display: none}
.block-layered-nav #narrow-by-list ol.swatches.show-label li a {position: relative;display: block}
.block-layered-nav #narrow-by-list ol.swatches li a:hover {text-decoration: none}
.block-layered-nav #narrow-by-list ol.swatches.show-label li .layered-navigation-item-label {display: inline-block;line-height: 26px;position: absolute;left: 3px;top: 0;width: 26px;height: 26px;text-align: center;overflow: hidden}
span.selected-label {vertical-align: middle}
.product-options .product-swatches-container .has-swatches a.active {box-shadow: none;text-align: center;line-height: 28px;color: #0088CC}
.product-options .product-swatches-container .has-swatches a.active.selected {width: 30px !important;box-shadow: none;background-color: #0088CC;color: #FFFFFF;height: 30px !important;line-height: 28px !important;border: 1px solid transparent}
p.product-image {z-index: 1}
.product-image img {max-width: 100%;height: auto}
.product-options .product-swatches-container {margin: 0;position: relative;z-index: 1}
.quickview-index-view {padding: 25px}
.quickview-index-view .owl-middle-narrow .owl-controls .owl-buttons div.owl-prev {left: -20px}
.quickview-index-view .owl-middle-narrow .owl-controls .owl-buttons div.owl-next {right: -20px}
.quickview-index-view .product-view .product-img-box {padding: 20px;margin-bottom: 0}
a.fancybox-close {background: transparent;transition: all .2s;width: 20px;height: 20px;line-height: 20px;top: -24px;right: 0;font-size: 17px;color: #333333;}
a.fancybox-close.fancybox-newsletter-close {top: 10px;right: 10px}
a.fancybox-close:before {content: "\e82c";font-family: "porto"}
a.fancybox-close:hover {text-decoration: none;opacity: .65;filter: alpha(opacity=65)}
.fancybox-opened .fancybox-skin {border-radius: 5px;}
.price-filter-slider a {transition: initial}
i.icon-spin6 {font-size: 30px}
.add-to-cart i.icon-spin6 {font-size: 16px;margin-left: 10px}
#fancybox-loading {background: none;display: none}
.block-reorder input.checkbox {position: absolute;left: 0}
.block-reorder .block-content ol li.item {position: relative;padding-left: 25px}
.fixed-header .menu > li > a > span.cat-label, .main-nav .menu > li > a > span.cat-label {top: -7px;right: 10px;font: inherit;font-size: 9px;padding: 2px;z-index: 1;border-radius: 2px;line-height: 1}
.fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label, .main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label {top: 3px;right: -35px;font: inherit;font-size: 9px;padding: 2px;z-index: 1;border-radius: 2px;line-height: 1}
div.mobile-nav .sw-mobile-menu li > a span.cat-label, .menu.side-menu li > a span.cat-label {font: inherit;font-size: 9px;padding: 2px;z-index: 1;border-radius: 2px;line-height: 1;position: relative;margin: 0 -30px 0 10px;display: inline-block}
.fixed-header .menu > li > a > span.cat-label.cat-label-label1, .main-nav .menu > li > a > span.cat-label.cat-label-label1, .fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1, .main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1, div.mobile-nav .sw-mobile-menu li > a span.cat-label.cat-label-label1, .menu.side-menu li > a span.cat-label.cat-label-label1 {background-color: #0CC485;color: #FFFFFF}
.fixed-header .menu > li > a > span.cat-label.cat-label-label2, .main-nav .menu > li > a > span.cat-label.cat-label-label2, .fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2, .main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2, div.mobile-nav .sw-mobile-menu li > a span.cat-label.cat-label-label2, .menu.side-menu li > a span.cat-label.cat-label-label2 {background-color: #EB2771;color: #FFFFFF}
#product-attribute-specs-table {border: 1px solid #DDDDDD}
#product-attribute-specs-table th.label {display: table-cell}
.parallax-category-banner .parallax {padding: 75px 0}
.parallax-content h2 {font-size: 45px;line-height: 1.1;margin: 0}
.parallax-content p {font-size: 23px;line-height: 1.1;margin: 0}
i.ajax-loader {display: inline-block;vertical-align: middle;border: 1px solid #0088CC;border-radius: 20px;border-bottom-color: transparent !important}
i.ajax-loader.small {width: 16px;height: 16px;border-width: 2.5px}
i.ajax-loader.large {width: 32px;height: 32px;border-width: 2.5px}
#fullajax_loader i.ajax-loader {position: absolute;left: 50%;top: 50%;margin-left: -16px;margin-top: -16px}
.add-to-cart #ajax_loader {margin: 0 10px}
.fixed-header .cart-area {right: 0}
.fixed-header ul.menu > li, .main-nav ul.menu > li {transition: color 0.1s, background-color .1s}
.fixed-header ul.menu > li > a, .main-nav ul.menu > li > a {transition: color 0.1s, background-color .1s}
.fixed-header ul.menu > li.menu-full-width, .fixed-header ul.menu > li.menu-static-width, .fixed-header ul.menu > li.menu-item-has-children, .main-nav ul.menu > li.menu-full-width, .main-nav ul.menu > li.menu-static-width, .main-nav ul.menu > li.menu-item-has-children {margin-bottom: -1px}
.fixed-header ul.menu > li.menu-full-width > a, .fixed-header ul.menu > li.menu-static-width > a, .fixed-header ul.menu > li.menu-item-has-children > a {padding-bottom: 15px}
.fixed-header ul.menu > li.menu-full-width > a:after, .fixed-header ul.menu > li.menu-item-has-children > a:after, .fixed-header ul.menu > li.menu-static-width > a:after, .main-nav ul.menu > li.menu-full-width > a:after, .main-nav ul.menu > li.menu-item-has-children > a:after, .main-nav ul.menu > li.menu-static-width > a:after {margin-top: -6.5px}
.header-container.type6 .main-nav ul.menu > li:first-child, .header-container.type22 .main-nav ul.menu > li:first-child, .header-container.type14 .main-nav ul.menu > li:first-child, .header-container.type7 .main-nav ul.menu > li:first-child, .header-container.type8 .main-nav ul.menu > li:first-child, .header-container.type17 .main-nav ul.menu > li:first-child {margin-right: 3px}
.block-layered-nav #narrow-by-list ol.swatches li a:hover .layered-navigation-swatch {border-color: #0088CC}
.fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1:before, .main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1:before, div.mobile-nav .sw-mobile-menu li > a span.cat-label.cat-label-label1:before, .menu.side-menu li > a span.cat-label.cat-label-label1:before {content: "";position: absolute;left: -6px;top: 3px;width: 3px;height: 3px;border: 3px solid transparent;border-right-color: #0CC485}
.fixed-header .menu > li > a > span.cat-label.cat-label-label1:before, .main-nav .menu > li > a > span.cat-label.cat-label-label1:before {content: "";position: absolute;left: 3px;bottom: -6px;width: 3px;height: 3px;border: 3px solid transparent;border-top-color: #0CC485}
.fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2:before, .main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2:before, div.mobile-nav .sw-mobile-menu li > a span.cat-label.cat-label-label2:before, .menu.side-menu li > a span.cat-label.cat-label-label2:before {content: "";position: absolute;left: -6px;top: 3px;width: 3px;height: 3px;border: 3px solid transparent;border-right-color: #EB2771}
.fixed-header .menu > li > a > span.cat-label.cat-label-label2:before, .main-nav .menu > li > a > span.cat-label.cat-label-label2:before {content: "";position: absolute;left: 3px;bottom: -6px;width: 3px;height: 3px;border: 3px solid transparent;border-top-color: #EB2771}
a.search-icon {display: inline-block;width: 25px;text-align: center;}
.product-image-area .actions {position: absolute;width: 100%;bottom: 10px;left: 0;text-align: left;padding: 0 10px;visibility: hidden;opacity: 0;transition: opacity .2s}
.item:hover .product-image-area .actions {visibility: visible;opacity: 1}
.product-image-area .actions a {background-color: #FFFFFF;overflow: hidden}
.product-image-area .actions a.addtocart {color: #0088CC;border-color: #0088CC;width: 32px;height: 32px;line-height: 32px;font-size: 17px;padding: 0;text-align: center}
.product-image-area .actions a.addtocart.outofstock {display: none}
.product-image-area .actions a.addtocart i.icon-cart {font-size: 17px}
.product-image-area .actions a.addtocart span {display: none}
.header-container.type3 .main-nav ul.menu > li.fl-right, .header-container.type4 .main-nav ul.menu > li.fl-right, .header-container.type19 .main-nav ul.menu > li.fl-right, .header-container.type20 .main-nav ul.menu > li.fl-right, .header-container.type21 .main-nav ul.menu > li.fl-right, .header-container.type30 .main-nav ul.menu > li.fl-right {margin-right: 0;margin-left: 3px;float: right !important}
.owl-item.loading {min-height: 80px;background: transparent;position: relative}
.owl-item.loading:before {content: "\f110";font-family: "porto";position: absolute;left: 50%;top: 50%;font-size: 20px;-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;}
.owl-banner-carousel .content-9.type1 em {font-size: 20px;margin-bottom: -5px;margin-left: 9px}
.owl-banner-carousel .content-9.type1 h2 {font-size: 65px;margin-bottom: 0}
.owl-banner-carousel .content-9.type1 p {font-size: 37px}
.owl-banner-carousel .content-9.type1 a {font-size: 15px}
.owl-banner-carousel .content-9.type1 a > i {width: 15px;height: 15px;line-height: 14px;text-align: center;font-size: 11px;display: inline-block;vertical-align: middle;margin-bottom: 3px;margin-left: 12px;color: #FFFFFF;border-radius: 50%}
.owl-banner-carousel .content-9.type2 h3 {font-size: 46.48px;margin-bottom: 15px}
.owl-banner-carousel .content-9.type2 span {display: inline-block;vertical-align: middle;font-style: italic;font-size: 18px;margin-right: 20px}
.owl-banner-carousel .content-9.type2 a {font-size: 13px;padding-right: 5px}
.prev-next-products {float: right}
.quickview-index-view .prev-next-products {display: none}
.prev-next-products .product-nav {display: inline-block;vertical-align: middle;position: relative}
.prev-next-products a {color: #555555;display: inline-block;font-size: 15px;line-height: 30px;width: 22px;text-align: center}
.prev-next-products .product-nav .product-pop {border-top: 3px solid #0088CC;position: absolute;left: 0;top: 100%;padding: 10px;background-color: #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);z-index: 1;visibility: hidden;opacity: 0;transition: all .2s;text-align: center;border-radius: 4px}
.prev-next-products .product-nav .product-pop:before {content: "";width: 5px;height: 2px;border: 5px solid transparent;border-bottom-color: #0088CC;display: block;position: absolute;top: -13px;left: 0}
.prev-next-products .product-nav:hover .product-pop {opacity: 1;visibility: visible}
.prev-next-products .product-nav .product-pop .product-image {margin-bottom: 10px}
.prev-next-products .product-nav .product-pop .product-name {margin: 0;font-weight: 600;font-size: 11px}
.prev-next-products .product-nav.product-prev .product-pop {right: auto;left: -23px;margin-left: -15px}
.prev-next-products .product-nav.product-prev .product-pop:before {left: 45px;right: auto}
.prev-next-products .product-nav.product-next .product-pop {left: auto;right: 0;margin-right: -15px}
.prev-next-products .product-nav.product-next .product-pop:before {right: 22px;left: auto}
.page > .newsletter_popup {display: none}
.newsletter_popup {background: no-repeat;margin: 0;padding: 40px 40px 25px;width: 700px;height: 325px;border-top: 0 solid #0088CC;text-align: left;position: relative}
.newsletter_popup .block-content {max-width: 312px;text-align: center}
.newsletter_popup h2 {font-weight: 700;color: #313131;font-size: 16px;line-height: 1;margin: 30px 0 12px}
.newsletter_popup p {font-size: 13px;line-height: 1.4}
.newsletter_popup .input-box {padding: 0}
.newsletter_popup input.input-text {float: left;padding: 2px 13px;line-height: 30px;width: 100%}
.newsletter_popup button.button {float: left;margin-left: -55px;position: relative;z-index: 1;width: 55px;border-left: 1px solid #CCCCCC}
.newsletter_popup button.button span {height: 34px;background-color: transparent;color: #555555;line-height: 34px;padding: 0;text-align: center}
.newsletter_popup .subscribe-bottom {position: absolute;bottom: 30px}
.newsletter_popup .subscribe-bottom label {font-size: 11px}
.newsletter_popup #newsletter_popup_dont_show_again {margin-top: 1px}
.shop-by-manufacturer {margin-top: 20px}
.shop-by-manufacturer .filter-title a {font-size: 13px;font-weight: 400}
.shop-by-manufacturer .owl-carousel .item {padding: 10px}
.shop-by-manufacturer .owl-carousel {margin: 0 -10px}
.manufaturers-grid {margin: 0 -15px}
.manufaturers-grid li.item {padding: 10px 15px;float: left;text-align: center;max-width: 290px}
.manufaturers-grid li.item a {width: 100%;display: block}
.manufaturers-grid li.item a img {max-width: 100%}
.page-head {margin-bottom: 20px}
.page-head h3 {font-size: 20px}
.manufacturer-index-view .block-layered-nav .block-title {margin-top: 0;margin-bottom: 0;padding: 10px 15px;font-size: 13px;font-weight: 700;text-transform: uppercase;border: 1px solid #DDDDDD;background-color: #F5F5F5;color: #777777;position: relative;cursor: pointer;border-radius: 7px 7px 0 0;margin-top: 14px}
.filter-title > a {font-size: 13px;font-weight: 400;text-transform: none}
.brand-slider .owl-carousel .owl-item .item {padding: 0 20px;padding-top: 10px}
.brand-slider .owl-carousel .owl-item .item img {width: 100%}
#_atssh {position: absolute;z-index: -1;bottom: 0}
#success-message-container {border-top: 4px solid #0088CC;border-radius: 6px;font-weight: 400;line-height: 1.4}
#success-message-container button {margin-top: 15px}
#success-message-container button:first-child {margin-top: 20px}
#success-message-container .timer {font-weight: 600;margin-top: 10px;font-size: 16px}
.fixed-header-area.fancybox-margin {padding-right: 17px}
.full-width-image-banner {height: 375px;position: relative}
.full-width-image-banner:after {content: "";display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: #393733;opacity: .65;filter: alpha(opacity=65)}
.full-width-image-banner .content {margin-top: -36px}
.full-width-image-banner h2 {margin: 0;font-size: 45px;line-height: 1.1}
.full-width-image-banner p {margin: 0;font-size: 16px}
.filter-products .products.small-list div.item .details-area {padding-top: 7px;padding-bottom: 7px}
.filter-products .products.small-list div.item .details-area .product-name a {font-size: 12px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.small-list .price {font-size: 12px}
.small-list .regular-price .price {font-size: 15px}
.small-list .special-price .price {font-size: 15px}
.small-list .old-price .price {font-size: 12px}
.one-product h4.filter-title {font-size: 16px;text-align: center;color: #333333;font-weight: 700;line-height: 1.4;padding: 14px 0;background-color: #FFFFFF;margin: 0}
.one-product .filter-products .products div.item {padding: 0}
.one-product .filter-products .products div.item .details-area {padding-top: 20px}
.one-product .filter-products .products {background-color: #FFFFFF;padding-bottom: 15px}
.one-product .filter-products .product-image-area {margin: 0;background-color: transparent;border: 0;padding: 0}
.footer .container {width: 100%}
.single-images .single-image-label {font-size: 17px;text-align: center;color: #818385;line-height: 1.4;padding: 10px 0;font-weight: 600}
.single-images .caption {background-color: #A1A2A3;color: #FFFFFF;font-size: 14px;line-height: 35px;text-align: center}
.fixed-header ul.menu > li.menu-static-width.act:hover > a, .fixed-header ul.menu > li.menu-full-width.act:hover > a, .fixed-header ul.menu > li.menu-item-has-children.act:hover > a {padding-bottom: 14px}
.fixed-header ul.menu > li.menu-static-width.act > a, .fixed-header ul.menu > li.menu-full-width.act > a, .fixed-header ul.menu > li.menu-item-has-children.act > a {padding-bottom: 13px}
.gift-messages h3 .expand_plus {display: none}
.footer-top-subscribe > h4 {float: left;margin: 0}
.footer-top-subscribe .input-box {text-align: right;margin: 0}
.footer-top-subscribe input#newsletter {height: 34px;line-height: 18px;padding: 8px;max-width: 55%;min-width: 200px;width: 250px;border-radius: 2px}
.footer-top-subscribe button.button {margin-left: -53px;width: 50px}
.footer-top-subscribe button.button > span {line-height: 34px;background-color: transparent;color: #333333;border-left: 1px solid #CCCCCC;border-radius: 0 2px 2px 0}
#banner-slider-demo-10 .item .content {position: absolute;right: 6.3%;bottom: 20.5%}
#banner-slider-demo-10 .item .content > span {font-size: 21px;font-weight: 300;color: #303030;margin-right: 35px;display: inline-block;vertical-align: middle}
#banner-slider-demo-10 .item .content > a.btn-default {font-size: 13px}
#banner-slider-demo-13 .slide1-content em {font-size: 26.26px;margin: 0 10px}
#banner-slider-demo-13 .slide1-content h2 {font-size: 79.12px;margin: 5px 0 10px}
#banner-slider-demo-13 .slide1-content p {font-size: 23.64px}
#banner-slider-demo-13 .slide2-content em {font-size: 26.26px;margin-left: 8px}
#banner-slider-demo-13 .slide2-content h2 {font-size: 82.51px;margin: 3px 0 10px}
#banner-slider-demo-13 .slide2-content p {font-size: 18px;margin-left: 8px;margin-bottom: 30px}
#banner-slider-demo-13 .slide2-content p span.split {margin: 0 13px 0 14px}
#banner-slider-demo-13 .slide2-content a.btn-default {font-size: 14px;width: 135px;height: 40px;line-height: 40px;padding: 0;margin-right: 3px}
#banner-slider-demo-13 .slide3-content em {font-size: 26.26px}
#banner-slider-demo-13 .slide3-content h2 {font-size: 82.51px;margin-bottom: 17px}
#banner-slider-demo-13 .slide3-content a.btn-default {font-size: 14px;width: 135px;height: 40px;line-height: 40px;padding: 0;margin-right: 3px}
.no-border .product-image-area {border: 0;padding: 0;border-radius: 0}
.no-border .filter-products .products div.item .product-image {border-radius: 0}
h3.fullwidth-filter-title {font-size: 28px;color: #000000;line-height: 1.2;margin-left: 15px}
p.fullwidth-filter-description {font-size: 14px;color: #666666;line-height: 1.4;margin-left: 15px}
.home-side-menu-type2 {margin-bottom: 50px}
.home-side-menu-type2 > h2 {font-size: 15px;font-weight: 600;color: #333333}
.home-side-menu-type2 > h2 > i.icon-menu:before {margin-left: 0}
.side-menu-type2.side-block {border-top: 1px solid #DDDDDD}
.side-menu-type2.side-block ul.menu {padding: 0;list-style: none}
.side-menu-type2.side-block ul.menu ul {list-style: none;margin: 0;display: none;padding-left: 1.5em}
.side-menu-type2.side-block ul.menu > li {padding-left: 12px;display: block;line-height: 40px;border-bottom: 1px solid #DDDDDD}
.side-menu-type2.side-block ul.menu li {position: relative}
.side-menu-type2.side-block ul.menu a {font-size: 13px;color: #777777}
.side-menu-type2.side-block ul.menu a span.cat-label {display: none}
.side-menu-type2.side-block ul.menu a:hover {color: #000000;text-decoration: none}
.side-menu-type2.side-block ul.menu > li > a {font-size: 15px}
.side-menu-type2.side-block ul.menu ul > li {line-height: 40px;border-top: 1px solid #DDDDDD}
.side-menu-type2.side-block ul.menu ul > li:first-child {border-top: 0}
.side-menu-type2.side-block ul.menu a.open-child {position: absolute;right: 0;top: 0;font-size: 15px}
.featured-box-2 {margin: 30px 0}
.featured-box-2 h3 {color: #121213;font-size: 15px;border-bottom: 1px solid #DDDDDD;line-height: 1.4;padding: 8px 0;margin-bottom: 10px}
.featured-box-2 h3 i {font-size: 18px}
.featured-box-2 p {font-size: 14px;margin-bottom: 10px}
.featured-box-2 a {font-size: 14px}
.footer .tags-list li {margin: 0;margin-bottom: 2px;display: inline-block !important}
.footer .tags-list a {color: #FFFFFF;background-color: #000000;padding: 0 7px;line-height: 25px;display: inline-block;font-size: 12px !important;border-radius: 3px}
.footer .tags-list a:hover {color: #FFFFFF}
.page-header {margin: 0;padding: 0;min-height: 175px;background: url(../image/page_header.jpg) center center no-repeat;background-size: cover;border: 0}
#banner-slider-demo-11 .content-1 {position: absolute;left: 50%;top: 50%;padding: 30px 20px 15px;text-align: left;margin-left: -163px;margin-top: -95px}
#banner-slider-demo-11 .content-1 > div {display: inline-block;vertical-align: middle}
#banner-slider-demo-11 .content-1 > div:first-child {padding-right: 10px}
#banner-slider-demo-11 .content-1 p {font-size: 23px;line-height: 1;margin-bottom: 0;margin-left: 7px;font-weight: 300}
#banner-slider-demo-11 .content-1 h3 {font-size: 73px;font-weight: 600;line-height: 1;margin: 0}
#banner-slider-demo-11 .content-1 h3 b {font-weight: 800;margin-top: -23px;display: block}
#banner-slider-demo-11 .content-1 em {font-size: 17px;font-style: normal;font-weight: 300;margin: 0;line-height: 1;margin-right: 4px}
#banner-slider-demo-11 .content-1 h4 {font-size: 32px;line-height: 1;margin: 0;font-weight: 700}
#banner-slider-demo-11 .content-1 h5 {font-size: 17px;margin: 0;line-height: 1;margin-top: -4px}
#banner-slider-demo-11 .content-2 {position: absolute;right: 28px;bottom: 28px;text-align: left}
#banner-slider-demo-11 .content-2 > div {display: inline-block;vertical-align: middle;padding: 20px 15px}
#banner-slider-demo-11 .content-2 > div:first-child {margin: -6px 0;padding-left: 25px}
#banner-slider-demo-11 .content-2 p {font-size: 20px;line-height: 1;margin-bottom: 0;margin-left: 2px;font-weight: 300}
#banner-slider-demo-11 .content-2 h3 {font-size: 54px;font-weight: 600;line-height: 1;margin: 0}
#banner-slider-demo-11 .content-2 h3 b {font-weight: 800}
#banner-slider-demo-11 .content-2 em {font-size: 17px;font-style: normal;font-weight: 300;margin: 0;line-height: 1;margin-right: 4px}
#banner-slider-demo-11 .content-2 h4 {font-size: 32px;line-height: 1;margin: 0;font-weight: 700}
#banner-slider-demo-11 .content-2 h5 {font-size: 17px;margin: 0;line-height: 1;margin-top: -4px}
#banner-slider-demo-11 .content-2 a {font-size: 13px;margin-right: -10px}
.md-modal #login-form, .form-wrap.new-users, .form-wrap.registered-users, .opc #login-form {border: 0;background: transparent;box-shadow: none;padding: 0}
.fancybox-prev span, .fancybox-next span {background-image: none;font-size: 40px}
.fancybox-prev span:before, .fancybox-next span:before {font-family: "porto";font-style: normal;font-weight: 400;speak: none;display: inline-block;text-decoration: inherit;text-align: center;font-variant: normal;text-transform: none;line-height: 40px}
.fancybox-next span:before {content: '\e81a'}
.fancybox-prev span:before {content: '\e819'}
#loading-mask {display: none;font-size: 1.1em;font-weight: 700;position: fixed;text-align: center;z-index: 20002;width: 100%;height: 100%;left: 0;top: 0}
#after-loading-success-message {display: none;font-size: 1.1em;position: fixed;text-align: center;z-index: 20002;width: 100%;height: 100%;left: 0;top: 0}
#success-message-container {padding: 20px 15px;line-height: 1.4;position: relative;text-align: center;top: 35%;width: 300px;z-index: 1000;background: #FFFFFF none repeat scroll 0 0;margin: auto}
#success-message-container img.product-image {display: inline-block;width: 30%}
#success-message-container .msg {display: block;margin-bottom: 10px;font-size: 13px}
#success-message-container .product-name {font-size: 14px;margin: 5px 0 10px}
#success-message-container .timer {display: none}
#success-message-container button {margin-top: 15px;min-width: 130px}
.header-container.sticky-header .header-wrapper {position: fixed !important;left: 0 !important;top: 0 !important;z-index: 200 !important;margin: 0 !important;padding: 7px 0 !important;margin: 0 !important;width: 100% !important;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);-webkit-backface-visibility: hidden;backface-visibility: hidden;pointer-events: all}
.header-container.sticky-header .menu-wrapper {position: relative}
.header-container.sticky-header .main-nav ul.menu > li > a {margin: 0 !important;padding: 10px 15px !important}
.header-container.sticky-header .main-nav ul.menu > li.menu-static-width > a, .header-container.sticky-header .main-nav ul.menu > li.menu-full-width > a, .header-container.sticky-header .main-nav ul.menu > li.menu-item-has-children > a {padding-left: 15px !important;padding-right: 25px !important}
.header-container.sticky-header .main-nav ul.menu > li > a:after {right: 10px !important}
.header-container.sticky-header .main-nav .menu {border: 0;height: auto}
.header-container.sticky-header .main-nav ul.menu > li.menu-full-width > a:after, .header-container.sticky-header .main-nav ul.menu > li.menu-item-has-children > a:after, .header-container.sticky-header .main-nav ul.menu > li.menu-static-width > a:after {margin-top: -6.5px !important}
.header-container.type3.sticky-header .main-nav ul.menu > li.fl-right, .header-container.type4.sticky-header .main-nav ul.menu > li.fl-right, .header-container.type19.sticky-header .main-nav ul.menu > li.fl-right, .header-container.type20.sticky-header .main-nav ul.menu > li.fl-right, .header-container.type21.sticky-header .main-nav ul.menu > li.fl-right, .header-container.type30.sticky-header .main-nav ul.menu > li.fl-right {margin-right: 0;margin-left: 3px;float: none !important}
.header-container.type3.sticky-header .main-nav ul.menu > li.fl-right.last > a, .header-container.type19.sticky-header .main-nav ul.menu > li.fl-right.last > a, .header-container.type20.sticky-header .main-nav ul.menu > li.fl-right.last > a {margin: 0;padding-right: 15px !important}
.header-container.type3.sticky-header .main-nav ul.menu > li.fl-right.last > a:after, .header-container.type19.sticky-header .main-nav ul.menu > li.fl-right.last > a:after, .header-container.type20.sticky-header .main-nav ul.menu > li.fl-right.last > a:after {right: 0}
.header-container.sticky-header .header .menu-wrapper .mini-cart {position: absolute;right: 0;left: auto;top: -5px;margin: 0;background-color: transparent;border: 0}
.header-container.sticky-header .menu-wrapper .mybag-link {position: relative;line-height: 1;display: inline-block;border-radius: 5px;height: 40px;padding: 5px;text-transform: uppercase;text-align: center;max-width: 120px;background-color: transparent;top: auto}
.header-container.sticky-header .menu-wrapper .mybag-link span {display: none}
.header-container.sticky-header .menu-wrapper .mybag-link .cart-info {display: block;position: absolute;text-align: center;width: 100%;top: 50%;margin-top: -8px;left: 0;padding: 3px}
.header-container.sticky-header .menu-wrapper .mybag-link .cart-qty {display: block;font-size: 12px;color: #FFFFFF;margin: 0 !important;line-height: 16px;font-weight: 600}
.header-container.sticky-header .menu-wrapper .mybag-link i {font-size: 31px;color: #0088CC}
.header-container.sticky-header .menu-wrapper .mini-cart .topCartContent {top: 40px}
.header-container .compare-link {display: inline-block;vertical-align: middle;position: relative}
.header-container.type1 .compare-link, .header-container.type8 .compare-link, .header-container.type17 .compare-link, .header-container.type11 .compare-link {position: relative;top: 0;right: 0;display: inline-block;vertical-align: middle;margin: 0;margin-right: 4px;width: auto}
.header-container.type1 .compare-link > a, .header-container.type8 .compare-link > a, .header-container.type17 .compare-link > a, .header-container.type11 .compare-link > a {height: 26px;padding: 4px 7px;background-color: #010101;border-radius: 2px;line-height: 18px;display: inline-block;color: #FFFFFF;text-transform: uppercase;text-align: center;font-size: 11px}
.header-container.type8 .compare-link > a, .header-container.type17 .compare-link > a {border-color: transparent;background-color: #E2E2DC;color: #777777;text-align: center;padding: 3px 7px;border-radius: 3px;line-height: 20px}
.header-container.type2 .compare-link, .header-container.type3 .compare-link, .header-container.type4 .compare-link, .header-container.type5 .compare-link, .header-container.type6 .compare-link, .header-container.type22 .compare-link, .header-container.type14 .compare-link, .header-container.type7 .compare-link, .header-container.type9 .compare-link, .header-container.type10 .compare-link, .header-container.type28 .compare-link, .header-container.type19 .compare-link, .header-container.type20 .compare-link, .header-container.type21 .compare-link {display: block;float: left;font-size: 11px;line-height: 26px;margin-left: 5px;text-transform: uppercase}
.header-container.type3 .compare-link > a, .header-container.type5 .compare-link > a, .header-container.type6 .compare-link > a, .header-container.type22 .compare-link > a, .header-container.type14 .compare-link > a, .header-container.type19 .compare-link > a, .header-container.type20 .compare-link > a {color: #FFFFFF}
.fixed-header ul.menu > li .nav-sublist-dropdown:before, .main-nav ul.menu > li .nav-sublist-dropdown:before {content: "";height: 6px;display: block;position: absolute;top: -6px;left: 0}
.header-container.sticky-header .main-nav ul.menu > li.menu-full-width:hover > a, .header-container.sticky-header .main-nav ul.menu > li.menu-static-width:hover > a, .header-container.sticky-header .main-nav ul.menu > li.menu-item-has-children:hover > a {padding-bottom: 11px !important}
a.at300b .at4-icon, a.at300m .at4-icon {border-radius: 3px}
#parallax_01 .parallax-content-15 em {font-size: 26.26px;margin: 0 10px}
#parallax_01 .parallax-content-15 h2 {font-size: 79.12px;margin: 5px 0 10px}
#parallax_01 .parallax-content-15 p {font-size: 23.64px}
#parallax_02 {padding: 250px 0}
#parallax_02 .parallax-content-15 em {font-size: 26.26px;margin: 0}
#parallax_02 .parallax-content-15 .text-content h2 {font-size: 79.12px;letter-spacing: -6px}
#parallax_02 .parallax-content-15 .text-content p {margin: 0}
#parallax_02 .parallax-content-15 .text-content p span {font-size: 23.64px;padding-left: 6px}
#parallax_02 .parallax-content-15 .text-content p a {font-size: 16px;padding: 10px 28px;margin-left: 10px;margin-top: 5px}
#parallax_03 {padding: 250px 0}
#parallax_03 .parallax-content-15 em {font-size: 26.26px;margin: 0;margin-left: 5px}
#parallax_03 .parallax-content-15 .text-content h2 {font-size: 79.12px;letter-spacing: -6px}
#parallax_03 .parallax-content-15 .text-content p {margin: 0}
#parallax_03 .parallax-content-15 .text-content p span {font-size: 23.64px;padding-left: 6px}
#parallax_03 .parallax-content-15 .text-content p a {font-size: 16px;padding: 10px 28px;margin-left: 125px;margin-top: 5px}
#parallax_04 .parallax-content-15 em {font-size: 26.26px;margin: 0 10px}
#parallax_04 .parallax-content-15 h2 {font-size: 61px;margin: 5px 0 10px;letter-spacing: -3px}
#parallax_04 .parallax-content-15 p {font-size: 18px}
#parallax_04 .parallax-content-15 a.btn.btn-default {font-size: 16px;padding: 8px 35px}
body.side-header .page {position: relative;z-index: 2}
body.side-header.cms-index-index .page {height: 100vh}
.selectbox li {transition: all .3s}
.header .social-icons a {background-color: #9E9E9E;border-radius: 50%}
.header .social-icons a.icon1-class:hover {background-color: #3C599B}
.header .social-icons a.icon2-class:hover {background-color: #1CA8E3}
.header .social-icons a.icon3-class:hover {background-color: #4975B6}
#banner-slider-demo-16 .slide1-content, #banner-slider-demo-16 .slide2-content {padding-left: 256px}
#banner-slider-demo-16 .text-content {text-align: left}
#banner-slider-demo-16 .text-content em {font-size: 26.26px;margin: 0;margin-bottom: -10px}
#banner-slider-demo-16 .text-content h2 {font-size: 79.12px;letter-spacing: -4px}
#banner-slider-demo-16 .text-content p {margin: 0}
#banner-slider-demo-16 .text-content p span {font-size: 23.64px;padding-left: 6px}
#banner-slider-demo-16 .text-content p a {font-size: 16px;padding: 10px 28px;margin-left: 10px;margin-top: 5px}
body.side-header .top-container > .breadcrumbs.fixed-position {position: fixed;width: 100%;z-index: 999;top: 0}
.product-view-zoom-area {width: 100%;height: 100%;z-index: 2;position: absolute;left: 100%;top: 0;display: none}
.product-img-box .etalage:hover + .etalage-control + .product-view-zoom-area {display: block}
.sticky-product {position: fixed;top: 0;left: 0;width: 100%;z-index: 100;background-color: #FFFFFF;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);padding: 60px 0 15px}
.sticky-product.no-sticky-header {padding: 15px 0}
.sticky-product > .container {position: relative}
.sticky-product .sticky-image, .sticky-product .sticky-detail {display: inline-block;vertical-align: middle;margin-right: 15px}
.sticky-product .sticky-detail .product-name-area, .sticky-product .ratings, .sticky-product .sticky-detail .availability {display: inline-block;vertical-align: top;margin: 0;margin-right: 15px}
.sticky-product .sticky-detail .product-name-area .product-name, .sticky-product .ratings, .sticky-product .sticky-detail .availability {line-height: 25px}
.sticky-product .sticky-detail .product-name-area .product-name {font-size: 16px;font-weight: 600}
.sticky-product .sticky-detail .availability span {font-size: 14px;font-weight: 400}
.sticky-product .add-to-cart {position: absolute;right: 15px;top: 50%;margin-top: -19px}
.side-header .sticky-product > .container {max-width: 100%;padding-left: 277px}
.product-view.moved-tab .product-shop .short-description {border: 0}
.main-nav .menu > li .nav-sublist-dropdown {top: auto}
.deal-label {position: absolute;left: 3px;top: 3px;color: #FFFFFF;font-size: 20px;padding: 3px}
.deal-label:before {content: "";display: block;width: 40px;height: 40px;position: absolute;z-index: 1;border: 26px solid transparent;border-left-color: #E27C7C;border-top-color: #E27C7C;border-radius: 3px;left: 0;top: 0;transition: all .3s}
.deal-label i {position: relative;z-index: 2;left: -1px;top: 1px}
.block-dailydeal-new .sidebardailydeal {text-align: center}
.block-dailydeal-new .sidebardailydeal a {float: none}
.block-dailydeal-new {font-family: inherit}
.block-dailydeal-new, .block-dailydeal-new:hover {border: 0}
.block-dailydeal-new .block-title {padding: 10px 15px;font-size: 13px;font-weight: 700;text-transform: uppercase;border: 1px solid #DDDDDD;background-color: #F5F5F5;color: #777777;position: relative;cursor: pointer;border-radius: 7px 7px 0 0;margin-top: 14px}
.block-dailydeal-new .block-title.closed {border-radius: 7px}
.block-dailydeal-new .block-title:before {content: "\e80d";width: 26px;height: 26px;display: block;border: 1px solid #CCCCCC;font-family: 'porto';position: absolute;right: 15px;top: 50%;margin-top: -13px;border-radius: 3px;color: #CCCCCC;text-align: center;line-height: 24px;background-color: #FFFFFF;font-size: 10px}
.block-dailydeal-new .block-title.closed:before {content: "\e80b"}
.block-dailydeal-new .block-title:hover:before {background-color: #0088CC;color: #FFFFFF}
.block-dailydeal-new .block-content {padding: 10px 15px;font-size: 13px;border: 1px solid #DDDDDD;border-top: 0;border-radius: 0 0 7px 7px;background-color: #FBFBFB}
.block-dailydeal-new .block-title {cursor: pointer;margin: 0}
.bottom-home-dailydeal ul.time-left {float: none;background-color: #0088CC;background-color: rgba(0, 136, 204, 0.7)}
.bottom-home-dailydeal ul.time-left li {list-style: none}
.product-view .bottom-home-dailydeal ul.time-left li > div {background-color: #0088CC;width: 66px;text-align: center;padding: 10px 5px}
.product-view .bottom-home-dailydeal ul.time-left li {padding: 1px}
.bottom-home-dailydeal {position: absolute;bottom: 0;z-index: 9;left: 0;width: 100%;margin: 0;padding: 13px}
.item-area:hover .bottom-home-dailydeal {}
.block-dailydeal-new .sidebardailydeal.item {padding: 20px 0}
.bottom-home-dailydeal ul.time-left li span {font-family: inherit;font-size: 16px}
.timeleft-text {margin: 0}
.item-area:hover .deal-label:before {border-left-color: #AF2727;border-top-color: #AF2727}
.product-view .bottom-home-dailydeal {position: static;margin-top: 10px;margin-bottom: 20px;padding: 0}
.product-view .bottom-home-dailydeal ul.time-left li span.timeleft-text {font-size: 18px;line-height: 24px;display: block;margin-bottom: 2px}
.product-essential .bg-saleoff {margin-bottom: 10px}
ol#products-list li.item {background: transparent}
ol#products-list .bottom-home-dailydeal ul.time-left li span {font-size: 13px}
ol#products-list .bottom-home-dailydeal ul.time-left li span.text-time {font-size: 10px}
.product-image-area a.product-image {overflow: hidden}
.slide3-1-new-content em {font-size: 18px}
.slide3-1-new-content h2 {font-size: 44px}
.slide3-1-new-content hr {margin: 10px 0}
.slide3-1-new-content a {font-size: 16px}
.img-desc-home3 {margin-top: -88px;padding: 0 25px}
.img-desc-home3 h3 {font-size: 24px}
.img-desc-home3 hr {width: 90px;margin: 15px 0}
.img-desc-home3 p {font-size: 15px}
.img-desc-home3 a {font-size: 15px}
.top-newsletter #newsletter {width: 300px;height: 30px;border-radius: 0;line-height: 16px}
.top-newsletter button.button {position: absolute;right: 0;top: 0}
.top-newsletter button.button span {height: 30px;line-height: 30px;border-radius: 0;color: #000000;background-color: transparent}
.input-box {position: relative}
.validation-advice:before {content: "\e820";font-family: "porto";font-size: 8px;position: absolute;left: 3px;top: 1px}
.product-options .validation-advice {position: relative}
.block-subscribe .validation-advice {position: absolute}
.opc-wrapper-opc .validation-advice {padding-left: 10px}
.fixed-header .menu > li.menu-item .nav-sublist-dropdown a, .main-nav .menu > li.menu-item .nav-sublist-dropdown a {color: #777777}
#banner-slider-demo-2-new .slide-1 em {font-size: 26.26px;margin: 0;margin-left: 5px}
#banner-slider-demo-2-new .slide-1 .text-content h2 {font-size: 79.12px;letter-spacing: -6px}
#banner-slider-demo-2-new .slide-1 .text-content p {margin: 0}
#banner-slider-demo-2-new .slide-1 .text-content p span {font-size: 23.64px;padding-left: 6px}
#banner-slider-demo-2-new .slide-1 .text-content a {font-size: 15.76px;padding: 10px 34px;margin-top: 15px;margin-left: 7px}
#banner-slider-demo-2-new .slide-2 em {font-size: 26.26px;margin: 0;margin-left: 5px}
#banner-slider-demo-2-new .slide-2 .text-content h2 {font-size: 79.12px;letter-spacing: -6px}
#banner-slider-demo-2-new .slide-2 .text-content p {margin: 0}
#banner-slider-demo-2-new .slide-2 .text-content p span {font-size: 23.64px;padding-left: 6px}
#banner-slider-demo-2-new .slide-2 .text-content a {font-size: 15.76px;padding: 10px 0;margin-top: 10px}
.image-link span.category-title {display: block;position: absolute;left: -10px;bottom: 20px;color: #FFFFFF;padding: 15px 17px;font-size: 15px;font-weight: 600;line-height: 1;min-width: 174px;text-align: left;background-color: #3F4658}
.image-link span.category-title:before {content: "";width: 10px;height: 10px;border: 5px solid transparent;border-right-color: #3F4658;border-top-color: #3F4658;display: block;position: absolute;left: 0;top: 100%}
.compare-link > a:hover {text-decoration: none}
.compare-popup {position: absolute;left: 0;top: 100%;width: 300px;background-color: #FFFFFF;border-width: 6px 0 0;border-style: solid;z-index: 1;border-radius: 8px 8px 5px 5px;color: #777777;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);margin-top: 10px;padding: 20px;text-align: left;visibility: hidden;opacity: 0;filter: alpha(opacity=0);transition: all .2s}
.compare-link:hover .compare-popup {visibility: visible;opacity: 1;filter: alpha(opacity=100)}
.compare-popup p {margin: 0}
.compare-popup:before {content: "";position: absolute;border: 10px solid transparent;display: block;left: 15px;top: -25px;border-bottom-color: #0088CC}
.compare-popup:after {width: 100%;height: 20px;position: absolute;content: "";display: block;top: -20px;left: 0}
.compare-popup li.item {position: relative;padding: 5px 0}
.compare-popup a.btn-remove {position: absolute;right: 0}
.compare-popup .actions {margin-top: 20px}
.compare-popup .actions a {line-height: 32px}
.compare-popup .actions button.button {float: right}
.compare-popup .actions button.button span {line-height: 32px;padding: 0 15px}
.header-container.type1 .compare-popup, .header-container.type11 .compare-popup, .header-container.type23 .compare-popup, .header-container.type5 .compare-popup, .header-container.type8 .compare-popup, .header-container.type17 .compare-popup {left: auto;right: 0}
.header-container.type1 .compare-popup:before, .header-container.type11 .compare-popup:before, .header-container.type23 .compare-popup:before, .header-container.type5 .compare-popup:before, .header-container.type8 .compare-popup:before, .header-container.type17 .compare-popup:before {left: auto;right: 15px}
.ajaxcart-index-options .product-view .product-name {padding: 0;border-bottom: 1px solid #384045;margin-bottom: 25px}
.quickview-index-view .product-collateral {display: none}
.store-switcher {text-align: right}
.store-switcher:before {content: "";display: block;clear: both}
.sticky-logo {float: left;margin-right: 20px}
.sticky-logo .logo {margin: 0 !important}
.sticky-logo strong {display: none}
.sticky-logo img {max-height: 32px}
.infinite-loader {text-align: center;margin: 20px 0}
.infinite-loader .loading {line-height: 30px;display: none}
.infinite-loader .loading i.ajax-loader {margin-right: 15px}
.infinite-loader .btn-load-more {display: none;color: #333333;background-color: #FFFFFF;font-size: 13px;padding: 5px 20px;line-height: 30px;border-radius: 5px;border: 1px solid #CCCCCC}
i.category-icon {margin-right: 10px}
i.category-icon:before {margin: 0;width: auto}
img.category-icon {margin-right: 10px;max-height: 11px;vertical-align: middle}
.item .item-area .actions .qty-field {margin: 10px 0 5px}
.item .item-area .actions input.qty {height: 34px}
.item .item-area .actions .qty-changer > a {margin: 0;margin-bottom: 2px;opacity: 1;filter: alpha(opacity=100);visibility: visible}
.item .item-area .actions .qty-changer > a.qty_dec {margin-bottom: 0}
.product-tabs > ul:after {clear: both;content: "";display: table}
.panel-group .panel {border: 0;border-radius: 0;box-shadow: none}
.panel-default > .panel-heading {background: none;padding: 0;border-radius: 0}
.panel-default > .panel-heading + .panel-collapse > .panel-body {border: 0}
.product-tab-accordion .panel-body > h2 {display: none}
.panel-title > a {position: relative;padding: 12px 20px 12px 10px;display: block;font-size: 14px;min-height: 20px;border: 0;font-weight: 700;border-bottom: 2px solid #0088CC;color: #20283D;text-transform: uppercase;}
.panel-title > a.collapsed {
border-bottom: 1px solid #DAE2E5;
}
.panel-title > a:hover {text-decoration: none;color: #20283D;}
.panel-title > a:before {
content: "\e81b";
font-family: "porto";
display: inline-block;
margin-right: 10px;
}
.panel-title > a.collapsed:before {content: "\e81c"}
#banner-slider-demo-17 .slide-1 em {font-size: 26.26px;margin: 0;margin-left: 5px}
#banner-slider-demo-17 .slide-1 .text-content h2 {font-size: 79.12px;letter-spacing: -5px}
#banner-slider-demo-17 .slide-1 .text-content p {margin: 0}
#banner-slider-demo-17 .slide-1 .text-content p span {font-size: 23.64px;padding-left: 6px}
#banner-slider-demo-17 .slide-1 .text-content a {font-size: 15.76px;padding: 10px 34px;margin-top: 15px;margin-left: 7px}
#banner-slider-demo-17 .slide-2 em {font-size: 26.26px;margin: 0;margin-bottom: 10px}
#banner-slider-demo-17 .slide-2 .text-content h2 {font-size: 51.67px}
#banner-slider-demo-17 .slide-2 .text-content p {margin: 0}
#banner-slider-demo-17 .slide-2 .text-content p span {font-size: 23.64px}
#banner-slider-demo-17 .slide-2 .text-content a {font-size: 15.76px;padding: 10px 34px;margin-top: 15px}
.footer-top .homepage-bar {border: 0;background-color: transparent;text-align: left;padding: 0 5px}
.footer-top .homepage-bar .col-lg-3 {display: flex;border-left: 1px solid #515656;padding-top: 20px;padding-bottom: 21px}
.footer-top .homepage-bar .col-lg-3:first-child {border-left: 0}
.footer-top .homepage-bar i {color: #FFFFFF}
.footer-top .homepage-bar h3 {color: #FFFFFF}
.flex-grid {display: flex;flex-flow: row wrap}
#slideshow .category-products .products-grid.flex-grid.columns4 li.item:hover {padding-top: 0}
.flex-grid .item .details-area .actions {visibility: hidden;opacity: 0;filter: alpha(opacity=0);transition: all .3s;margin: 0 -50px}
.flex-grid .item:hover .details-area .actions {visibility: visible;opacity: 1;filter: alpha(opacity=100)}
.category-products .products-grid.flex-grid li.item {border-left: 1px solid #E3E4E4;display: flex;padding-top: 0;margin-top: -1px;transition: all .3s;border-top: 1px solid transparent;border-bottom: 1px solid transparent}
.category-products .products-grid.flex-grid li.item:hover {background-color: #FFFFFF;border-top-color: #E3E4E4;border-bottom-color: #E3E4E4;box-shadow: 0 0 40px rgba(0, 0, 0, 0.1)}
.category-products .products-grid.flex-grid li.item .details-area {padding-bottom: 0;margin-bottom: -20px}
.category-products .products-grid.flex-grid.columns2 li.item.nth-child-2np1 {border-left-color: transparent}
.category-products .products-grid.flex-grid.columns3 li.item.nth-child-3np1 {border-left-color: transparent}
.category-products .products-grid.flex-grid.columns4 li.item.nth-child-4np1 {border-left-color: transparent}
.category-products .products-grid.flex-grid.columns5 li.item.nth-child-5np1 {border-left-color: transparent}
.category-products .products-grid.flex-grid.columns6 li.item.nth-child-6np1 {border-left-color: transparent}
.category-products .products-grid.flex-grid.columns7 li.item.nth-child-7np1 {border-left-color: transparent}
.category-products .products-grid.flex-grid.columns8 li.item.nth-child-8np1 {border-left-color: transparent}
.category-products .products-grid.flex-grid .item .details-area .actions a.addtowishlist {margin: 0;background-color: #E6E6E6;color: #000000;border: 0;font-size: 13px;right: -4px;visibility: visible;opacity: 1;filter: alpha(opacity=100);width: 40px;height: 40px;line-height: 40px}
.category-products .products-grid.flex-grid .item .details-area .actions a.comparelink {margin: 0;background-color: #E6E6E6;color: #000000;border: 0;font-size: 13px;left: -4px;visibility: visible;opacity: 1;filter: alpha(opacity=100);width: 40px;height: 40px;line-height: 40px}
.category-products .products-grid.flex-grid .item .details-area .actions a.addtocart {height: 40px;font-size: 13px;line-height: 40px;margin: 0;border: 0;padding: 0 20px 0 15px;text-transform: uppercase;background-color: #0088CC;color: #FFFFFF}
.category-products .products-grid.flex-grid li.item .item-area {border-top: 1px solid #E3E4E4;padding: 50px 0 10px;margin-top: -1px;transition: all .3s}
.category-products .products-grid.flex-grid li.item:hover .item-area {border-top-color: transparent;padding: 10px 0 50px}
.category-products .products-grid.flex-grid li.item .price-box {margin: 10px 0 15px}
.flex-owl-slider .owl-item .item {border-left: 1px solid #E3E3E3}
.flex-owl-slider .owl-item:first-child .item {border-left-color: transparent}
.loader-container {text-align: center;background-color: rgba(255, 255, 255, .5);display: none}
.product-image-area > .loader-container, .actions > .loader-container {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 199}
.loader-container > .loader {position: absolute;width: 100%;top: 50%;margin-top: -8px}
i.ajax-loader.medium {width: 24px;height: 24px;border-width: 2.5px}
#loading_mask_loader {display: none}
.block-manufacturer {text-align: center}
.block-manufacturer img {max-width: 100%}
.banner-content-18 {padding: 200px 0 80px}
.banner-content-18 em {font-size: 26.26px;margin-left: 5px;margin-bottom: 5px}
.banner-content-18 .text-content h2 {font-size: 79.12px;letter-spacing: -4px}
.banner-content-18 .text-content p {margin: 0}
.banner-content-18 .text-content p span {font-size: 23.64px;padding-left: 5px;line-height: 2}
.banner-content-18 .text-content p a {font-size: 16px;padding: 10px 35px;margin-left: 5px;margin-top: 7px;margin-bottom: 125px}
.filter-title-type-2 {font-size: 19px;margin: 0;font-weight: 300;margin-bottom: 10px;display: table;width: 100%}
.filter-title-type-2 span {display: table-cell;position: relative}
.filter-title-type-2 span.title-line:after {content: "";width: 100%;border-top: 1px solid #D8D8D8;display: block;position: absolute;top: 50%;margin-top: -1px}
.owl-middle-outer-narrow .owl-controls {position: absolute;left: 0;width: 100%;top: 50%;margin-top: -25px}
.owl-middle-outer-narrow .owl-controls .owl-buttons div {font-size: 28px;background: none;color: #0088CC;position: absolute}
.owl-middle-outer-narrow .owl-controls .owl-buttons div.owl-prev {left: -50px}
.owl-middle-outer-narrow .owl-controls .owl-buttons div.owl-next {right: -50px}
.catalog-product-view .background-overlay {background-color: #FFFFFF}
.catalog-product-view #loading_mask_loader {display: block}
.data-table .product-image img {max-width: none;min-width: 100px}
@media screen and(-ms-high-contrast: active),(-ms-high-contrast: none) {
.rating-box {width: 65px;height: 12px;font-size: 0;line-height: 0;text-indent: -999em;overflow: hidden;position: relative}
.rating-box:before {font-family: "porto";content: "\e852\20\e852\20\e852\20\e852\20\e852";width: 65px;height: 12px;color: #DDDDDD;display: inline;font-size: 11px;line-height: 12px;white-space: nowrap}
.rating-box .rating {float: left;height: 12px;position: absolute;left: 0;top: 0;overflow: hidden}
.rating-box .rating:before {font-family: "porto";content: "\e852\20\e852\20\e852\20\e852\20\e852";width: 65px;height: 12px;color: #FFC600;display: inline;font-size: 11px;line-height: 12px;white-space: nowrap}
}
.header-container.header-newskin .mini-cart > a:after {content: "\f107";font-family: 'fontawesome';position: absolute;right: 0;top: 2px;}
.header-container.header-newskin.sticky-header .mini-cart > a:after {display: none;}
.header-container.header-newskin .header .mini-cart {position: relative;margin: 0;display: inline-block;vertical-align: middle;left: 0;top: 0;margin-left: 15px;}
.header-container.header-newskin.sticky-header .menu-wrapper .mini-cart {width: auto;box-shadow: none;right: 0;}
.header-container.header-newskin .mini-cart .topCartContent {margin-top: 0;top: 100%}
.header-container.header-newskin .mini-cart .topCartContent .inner-wrapper {padding: 15px 25px;}
.header-container.header-newskin .mini-cart .total-count {margin: 0;padding: 0 0 15px;text-transform: uppercase;text-align: left;border-bottom: solid 1px #E6EBEE;}
.header-container.header-newskin .mini-cart .total-count span {font-size: 13px;font-weight: 700;line-height: 1;color: #696969;}
.header-container.header-newskin .mini-cart .total-count a {float: right;font-size: 12px;line-height: 1;font-weight: 700;color: #474747;background-color: transparent;}
.header-container.header-newskin .mini-cart .mini-products-list {padding: 0;}
.header-container.header-newskin .mini-cart .mini-products-list li {padding: 15px 0;border-color: #E6EBEE;}
.header-container.header-newskin .mini-cart .mini-products-list li:first-child {margin-top: -15px;}
.header-container.header-newskin .mini-cart .total-count + .mini-products-list li:first-child {margin-top: 0;}
.header-container.header-newskin .mini-cart .mini-products-list li .product-image {float: right;border-color: #EDEDED;border-width: 1px;}
.header-container.header-newskin .mini-cart .mini-products-list .product-details {margin-left: 0;}
.header-container.header-newskin .mini-cart .mini-products-list li a.btn-remove {z-index: 3;top: 9px;right: -5px;width: 20px;height: 20px;background-color: #FFFFFF;color: #474747;border-radius: 100%;box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);}
.header-container.header-newskin .mini-cart .mini-products-list li a.btn-remove:before {text-align: center;font-size: 11px;}
.header-container.header-newskin .mini-cart .totals {padding: 15px 0 25px;overflow: hidden}
.header-container.header-newskin .mini-cart .totals .label {float: left;text-transform: uppercase;font-size: 13px;font-weight: 700;color: #474747;}
.header-container.header-newskin .mini-cart .totals .price-total {float: right;text-transform: uppercase;font-size: 15px;font-weight: 700;color: #474747;}
.header-container.header-newskin .mini-cart .qty-price {color: #696969;}
.header-container.header-newskin .mini-cart .product-details .product-name {margin: 15px 0 2px;}
.header-container.header-newskin .mini-cart .product-details a {font-size: 13px;letter-spacing: 0.005em;font-weight: 600;color: #696969;}
.header-container.header-newskin .mini-cart .actions {padding: 0;margin: 0;}
.header-container.header-newskin .mini-cart .actions .btn-default {color: #FFFFFF;background-color: #010204;font-family: 'Oswald';font-size: 12px;letter-spacing: 0.025em;text-transform: uppercase;padding: 14px 25px;border-radius: 2px;display: inline-block;width: 120px;}
.header-container.header-newskin .mini-cart .actions .btn-default:first-child {float: left;}
.header-container.header-newskin .mini-cart .actions .btn-default + .btn-default {float: right;}
.header-container.header-newskin .mybag-link {position: relative;padding: 0 19px 0 0;line-height: 37px;}
.header-container.header-newskin .mybag-link span {display: none}
.header-container.header-newskin .mybag-link .cart-info {display: block;position: absolute;text-align: center;width: 100%;top: 50%;margin-top: -8px}
.header-container.header-newskin .mybag-link .cart-qty {position: absolute;top: -11px;right: 17px;width: 16px;height: 16px;display: block;font-size: 10px;color: #FFFFFF;background-color: #ED5348;text-align: center;line-height: 16px;border-radius: 20px;}
.header-container.header-newskin.sticky-header .menu-wrapper .mybag-link .cart-qty {right: 2px;font-size: 10px;}
.header-container.header-newskin .mybag-link i {font-size: 29px;}
.header-container.header-newskin .mybag-link i:before {content: '\e87f';}
.header-container.header-newskin.sticky-header .menu-wrapper .mybag-link i {font-size: 25px;line-height: 30px;}
.header-container.header-newskin .mini-cart .topCartContent {right: 0;top: 52px;border-width: 6px 0 0 0;}
.header-container.header-newskin.sticky-header .menu-wrapper .mini-cart .topCartContent {top: 52px;}
.header-container.header-newskin .header .mini-cart .topCartContent {right: -7px;top: 50px}
.header-container.header-newskin .main-nav {margin: 0}
.header-container.header-newskin .main-nav ul.menu > li.menu-full-width > a, .header-container.header-newskin .main-nav ul.menu > li.menu-item-has-children > a, .header-container.header-newskin .main-nav ul.menu > li.menu-static-width > a {padding-right: 25px}
.header-container.header-newskin .main-nav ul.menu > li.menu-full-width > a:after, .header-container.header-newskin .main-nav ul.menu > li.menu-item-has-children > a:after, .header-container.header-newskin .main-nav ul.menu > li.menu-static-width > a:after {right: 8px}
.header-container.header-newskin .main-nav ul.menu > li:hover, .header-container.header-newskin .main-nav ul.menu > li.act {background-color: transparent}
.header-container.header-newskin .main-nav ul.menu > li:hover > a, .header-container.header-newskin .main-nav ul.menu > li.act > a {color: #161616}
.header-container.header-newskin .main-nav .menu > li .nav-sublist-dropdown {top: auto}
.header-container.header-newskin .main-nav ul.menu > li > a {padding-top: 15px;padding-bottom: 16px}
.header-container.header-newskin .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1, .header-container.header-newskin .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1, .header-container.header-newskin .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1, .header-container.header-newskin .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1 {font-size: 13px;font-weight: 700;margin-top: 26px;margin-bottom: 4px;}
.header-container.header-newskin .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist a, .header-container.header-newskin .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li .nav-sublist a, .header-container.header-newskin .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist a, .header-container.header-newskin .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li .nav-sublist a {font-size: 12px;font-weight: 600;line-height: 24px;text-transform: uppercase;}
.header-container.header-newskin .main-nav ul.menu > li .nav-sublist-dropdown {border: 0}
.header-container.header-newskin .main-nav .menu > li.menu-item-has-children .nav-sublist-dropdown .container ul > li a {margin: 0;font-size: 12px;font-weight: 600;padding: 0 15px;line-height: 35px;text-transform: uppercase}
.header-container.header-newskin .main-nav ul.menu > li.menu-full-width > a:before, .header-container.header-newskin .main-nav ul.menu > li.menu-item-has-children > a:before, .header-container.header-newskin .main-nav ul.menu > li.menu-static-width > a:before { content: "";width: 10px;height: 10px;border: 7px solid transparent;border-bottom-color: #FFFFFF;position: absolute;left: 50%;margin-left: -8px;top: 100%;margin-top: -14px;visibility: hidden;opacity: 0;transition: all 0.1s;}
.header-container.header-newskin .main-nav ul.menu > li.menu-full-width:hover > a:before, .header-container.header-newskin .main-nav ul.menu > li.menu-item-has-children:hover > a:before, .header-container.header-newskin .main-nav ul.menu > li.menu-static-width:hover > a:before { visibility: visible;opacity: 1;}
.menu.side-menu > li.menu-item .nav-sublist-dropdown i.ajax-loader {border-color: #FFFFFF}
.my-account .pager .limiter {float: left}
#my-tags-table .ratings {background: none}
#my-tags-table .link-wishlist {color: #0088CC}
.my-account .product-review .ratings {background: none}
.my-account .product-review .ratings-table {border: 0}
#home-content-slider-demo-20 .item > div.content {max-width: 40%}
#home-content-slider-demo-20 .item > div.content > h3 {color: #FFFFFF;font-size: 60px;font-weight: 600;letter-spacing: -4px;margin-bottom: 20px}
#home-content-slider-demo-20 .item > div.content > a {font-size: 12px;font-weight: 600;line-height: 1;text-transform: uppercase;background-color: #FFFFFF;color: #000000;padding: 20px 45px;letter-spacing: 3px;transition: all .3s;box-shadow: 3px 3px 0 rgba(255, 255, 255, 0.5);margin: 20px 0;display: inline-block}
#home-content-slider-demo-20 .item > div.content > a:hover {text-decoration: none;opacity: .85}
.full-screen-slider #banner-slider-demo-20 .item > div.content {text-align: left}
.full-screen-slider #banner-slider-demo-20 .item > div.content > h2 {line-height: .9;font-size: 80px;font-weight: 600}
.full-screen-slider #banner-slider-demo-20 .item > div.content > a {font-size: 12px;font-weight: 700;line-height: 1;text-transform: uppercase;background-color: #FFFFFF;color: #000000;padding: 20px 45px;letter-spacing: 3px;transition: all .3s;box-shadow: 3px 3px 0 rgba(255, 255, 255, 0.5);margin: 20px 0;display: inline-block}
.full-screen-slider #banner-slider-demo-20 .item > div.content > a:hover {text-decoration: none;opacity: .85}
.ajax-products {display: flex;padding: 0 85px}
.ajax-products > .category-list {border-right: 1px solid #DCDCDC;padding: 70px 15px}
.ajax-products > .category-list > span {display: block;font-size: 20px;font-weight: 600;color: gray;margin-bottom: 10px}
.ajax-products > .category-list > ul {list-style: none;padding: 0}
.ajax-products > .category-list > ul > li {padding: 10px 0}
.ajax-products > .category-list > ul > li > a {display: block;text-transform: uppercase;color: #000000;font-weight: 700;font-size: 12px;position: relative;padding-left: 20px}
.ajax-products > .category-list > ul > li > a:before {content: "\f87a";font-family: "porto";margin-right: 10px;display: inline-block;width: 11px;position: absolute;left: 0}
.ajax-products > .category-list > ul > li > a.active:before {content: "\f87b"}
.ajax-products > .category-list > ul > li > a > span {display: inline-block}
.ajax-products > .category-list > ul > li > a:hover {text-decoration: none}
.ajax-products > .category-detail {position: relative;padding: 70px 15px}
.ajax-products > .category-detail > h2 {text-align: center;margin: 30px 0;font-size: 26px;color: #000000;text-transform: uppercase;font-weight: 700;letter-spacing: 10px}
.ajax-products > .category-detail > .ajax_products_loader {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 9;background-color: rgba(255, 255, 255, 0.5)}
.ajax-products .product-image-area {border: 0;padding: 0;border-radius: 0}
.ajax-products .category-products .products-grid li.item .product-image {border-radius: 0}
.ajax-products .products-grid .actions {display: none}
.ajax-products .products-grid .ratings {display: none}
.ajax-products .category-products .products-grid li.item .details-area .product-name a {font-size: 12px;font-weight: 600;text-transform: uppercase;color: #000000}
.ajax-products .category-products .regular-price .price {font-size: 18px}
.load-more-area {text-align: center;margin: 30px 0}
.load-more-area > a {display: inline-block;font-size: 12px;font-weight: 600;line-height: 1;text-transform: uppercase;background-color: #000000;color: #FFFFFF;padding: 20px 45px;letter-spacing: 3px;transition: all .3s;box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.5)}
.load-more-area > a:hover {text-decoration: none;opacity: .85;color: #FFFFFF}
.full-width-image {text-align: center;padding: 200px 0;background-size: cover}
.full-width-image > h3 {font-size: 90px;color: #FFFFFF;font-weight: 600;letter-spacing: -5px}
.full-width-image > a {display: inline-block;font-size: 12px;font-weight: 600;line-height: 1;text-transform: uppercase;background-color: #FFFFFF;color: #000000;padding: 20px 45px;letter-spacing: 3px;transition: all .3s;box-shadow: 3px 3px 0 rgba(255, 255, 255, 0.5);margin: 20px 0}
.full-width-image > a:hover {text-decoration: none;opacity: .85}
.full-screen-slider {position: relative;height: 100vh;}
.full-screen-slider:after {content: "\f110";font-family: "porto";position: absolute;left: 50%;top: 50%;font-size: 25px;line-height: 1;margin-top: -13px;margin-bottom: -13px;color: #999999;z-index: 0;-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear}
.full-screen-slider > div {position: relative;z-index: 1}
.addthis-smartlayers.addthis-smartlayers-desktop .atss {z-index: 3}
.block-related .ratings a {display: none}
.ratings .amount {display: inline-block;vertical-align: middle}
body.side-header .top-container, body.side-header .main-container, body.side-header .footer-container {margin-left: 256px}
.form-find-area { border-top: solid 2px #1FC0A0;box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);padding: 40px 40px 38px;}
.form-find-area .form-title {font-family: 'Oswald';font-size: 22px;line-height: 35px;font-weight: 400;text-align: center;text-transform: uppercase;color: #151515;}
.form-find-area form {width: 100%;}
.form-find-area select {width: 100%;color: #747474;font-size: 13.5px;margin: 11px 0;border-radius: 5px;padding: 0 15px;height: 47px;}
.list-category .group .content {position: relative;margin: 15px 0;}
.list-category .group .content img {width: 100%;}
.list-category .group .content h3 {position: absolute;bottom: 0;left: 0; display: inline-block; background-color: #242424;font-size: 22px;font-family: 'Oswald';text-transform: uppercase;color: #FFFFFF;font-weight: 400;padding: 5px 15px;margin: 0;}
.offer-deal .item {position: relative;}
.offer-deal .item img {max-width: 100%;}
.offer-deal .item .content h3 a {font-family: 'Oswald';font-size: 49px;font-weight: 600;line-height: 35px;text-transform: uppercase;color: #151515;}
.offer-deal .item .content p {font-family: 'Oswald';font-size: 26px;font-weight: 400;line-height: 35px;text-transform: uppercase;color: #4C4C4C;}
.offer-deal .item .content .btn-default {font-family: 'Oswald';font-size: 15px;font-weight: 400;text-transform: uppercase;padding: 10px 25px;margin-top: 15px;}
.subscribe-form .content h3 {font-family: 'Oswald';font-size: 35px;font-weight: 600;color: #151515;text-transform: uppercase;}
.subscribe-form .content p {font-family: 'Oswald';font-size: 20px;font-weight: 400;color: #151515;text-transform: uppercase;}
.subscribe-form .input-box {width: 100%;max-width: 500px;float: left;}
.subscribe-form .validation-advice {position: absolute;}
.subscribe-form .input-box input {background-color: #FFFFFF;color: #686865;height: 44px;border: none;font-size: 14px;padding-left: 15px;float: left;max-width: 475px;width: 90%;border-radius: 5px 0 0 5px;padding-right: 105px;margin-right: 22px;}
.subscribe-form .input-box button {float: left;width: 120px;margin-left: -120px;}
.subscribe-form .input-box button span {height: 44px;line-height: 44px;padding: 0 12px;text-transform: uppercase;border-radius: 0 5px 5px 0;opacity: 1;background-color: #1FC0A0;}
.product-tabs .tab-content .std ul, .product-tabs .panel-body .std ul {list-style: none;padding-left: 3em;margin-bottom: 15px;}
.product-tabs .tab-content .std ul li [class^="icon-"], .product-tabs .panel-body .std ul li [class^="icon-"] {margin-right: 12px;font-size: 12px;color: #333333;}
.product-tabs .tab-content .std ul li, .product-tabs .panel-body .std ul li {
line-height: 36px;
}
.product-tabs .tab-content p, .product-tabs .panel-body p {
font-size: 14px;
font-weight: 400;
letter-spacing: 0.005em;
line-height: 27px;
}
.prev-next-products [class^="icon-"]:before {
margin: 0;
}
.sidebar .custom-block > img {
max-width: 100%;
}
.toolbar .sorter a {
color: #000000;
}
.sticky-product .sticky-detail .ratings {
margin-top: -1px;
}
.header-container .dropdown-menu .container {
max-width: 100%;
}
.panel-body {
padding: 20px 0;
}
.col2-set .col-1, .col2-set .col-2 {
max-width: 100%;
}
.ratings .rating-box:before {
color: #C3C5C9;
}
.rating-box .rating:before {
color: #575F68;
}
@media (max-width: 1679px) {
.owl-bottomright-narrow .owl-controls .owl-buttons div {
width: 60px;
height: 60px;
line-height: 60px;
}
}
@media (max-width: 1199px) {
body.boxed .page {width: 980px}
.category-products .products-grid.columns4 li.item {width: 33.33%}
.category-products .products-grid.columns4 li.item.nth-child-4np1 {clear: none}
.category-products .products-grid.columns4 li.item.nth-child-3np1 {clear: left}
.category-products .products-grid.columns5 li.item {width: 33.33%}
.category-products .products-grid.columns5 li.item.nth-child-5np1 {clear: none}
.category-products .products-grid.columns5 li.item.nth-child-4np1 {clear: none}
.category-products .products-grid.columns5 li.item.nth-child-3np1 {clear: left}
.category-products .products-grid.columns6 li.item {width: 20%}
.category-products .products-grid.columns6 li.item.nth-child-6np1 {clear: none}
.category-products .products-grid.columns6 li.item.nth-child-5np1 {clear: left}
.category-products .products-grid.columns7 li.item {width: 20%}
.category-products .products-grid.columns7 li.item.nth-child-7np1 {clear: none}
.category-products .products-grid.columns7 li.item.nth-child-6np1 {clear: none}
.category-products .products-grid.columns7 li.item.nth-child-5np1 {clear: left}
.category-products .products-grid.columns8 li.item {width: 20%}
.category-products .products-grid.columns8 li.item.nth-child-8np1 {clear: none}
.category-products .products-grid.columns8 li.item.nth-child-7np1 {clear: none}
.category-products .products-grid.columns8 li.item.nth-child-6np1 {clear: none}
.category-products .products-grid.columns8 li.item.nth-child-5np1 {clear: left}
.category-products .products-grid.flex-grid.columns4 li.item.nth-child-4np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns4 li.item.nth-child-3np1 {border-left-color: transparent}
.category-products .products-grid.flex-grid.columns5 li.item.nth-child-5np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns5 li.item.nth-child-4np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns5 li.item.nth-child-3np1 {border-left-color: transparent}
.category-products .products-grid.flex-grid.columns6 li.item.nth-child-6np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns6 li.item.nth-child-5np1 {border-left-color: transparent}
.category-products .products-grid.flex-grid.columns7 li.item.nth-child-7np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns7 li.item.nth-child-6np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns7 li.item.nth-child-5np1 {border-left-color: transparent}
.category-products .products-grid.flex-grid.columns8 li.item.nth-child-8np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns8 li.item.nth-child-7np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns8 li.item.nth-child-6np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns8 li.item.nth-child-5np1 {border-left-color: transparent}
.category-banner .banner-text h2 {font-size: 45px}
.category-banner .banner-text p {font-size: 23px}
.category-boxed-banner .banner-text h2 {font-size: 38px}
.category-boxed-banner .banner-text p {font-size: 17px}
.category-boxed-banner .banner-text a.shop-now {margin-left: 16px;font-size: 14px}
.col1-layout .product-shop .product-options-bottom, .col1-layout .add-to-box {float: none;width: auto;border-bottom: 1px solid #EBEBEB}
.col1-layout .sharing-tool-area {float: none}
.owl-banner-carousel .content.type1 h2 {font-size: 48px}
.owl-banner-carousel .content.type1 p {font-size: 20px}
.owl-banner-carousel .content.type1 a {font-size: 13px}
.owl-banner-carousel .content.type2 h2 {font-size: 37.2px;border-top: 4px solid #0088CC;padding-top: 8px}
.owl-banner-carousel .content.type2 h3 {font-size: 24.47px}
.owl-banner-carousel .content.type2 p {font-size: 11.2px}
.owl-banner-carousel .content.type2 a {font-size: 14.4px}
.owl-banner-carousel .content-9.type1 em {font-size: 18px;margin-bottom: -4px;margin-left: 8px}
.owl-banner-carousel .content-9.type1 h2 {font-size: 58px}
.owl-banner-carousel .content-9.type1 p {font-size: 32px}
.owl-banner-carousel .content-9.type1 a {font-size: 14px}
.owl-banner-carousel .content-9.type1 a > i {width: 15px;height: 15px;line-height: 14px;font-size: 11px;margin-bottom: 3px;margin-left: 10px}
.owl-banner-carousel .content-9.type2 h3 {font-size: 37.2px}
.owl-banner-carousel .content-9.type2 span {font-size: 11.2px}
.owl-banner-carousel .content-9.type2 a {font-size: 11px}
.cart-table a {line-height: 24px}
.cart-table .cart-price {display: inline-block;margin-top: 15px}
.cart-table thead {display: none}
.data-table.cart-table .product-image {z-index: 0}
.data-table.cart-table tbody tr {position: relative;display: block;clear: both;padding: 25px 0;border-bottom: 1px solid #DCDCDC}
.data-table.cart-table tbody tr.first {padding-top: 0}
.data-table.cart-table tbody td {display: block;padding: 0;width: 100%;border-width: 0;text-align: center !important}
.data-table.cart-table tbody td.pr-img-td {clear: both;padding: 0 0 15px}
.data-table.cart-table tbody td.action-td {position: absolute;top: 20px;z-index: 1}
.data-table.cart-table tbody tr.first td.action-td {top: -5px}
.data-table.cart-table tbody td.action-td .btn-remove2 {float: right;line-height: 22px}
.data-table.cart-table tfoot tr.first td {padding-top: 25px}
.cart-table .item-options dd {padding: 0}
.cart-table .qty-holder {width: 90px;margin-top: 15px}
.title-buttons {text-align: left}
.cart-table button.button {margin-bottom: 10px;margin-left: 0;float: none;width: 100%}
.title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 {float: none}
.cart .title-buttons .checkout-types {float: none;display: block}
.cart .title-buttons .checkout-types li {margin: 0 0 10px}
.my-account .data-table thead {display: none}
.my-account .data-table tbody tr {display: block;border-bottom: 1px solid #DDDDDD;padding: 15px 0 5px;position: relative}
.my-account .data-table tbody tr:first-child {border-top: 1px solid #DDDDDD}
.my-account .data-table tbody td {display: block;padding: 0 15px 10px;width: 100%;text-align: center !important;border-width: 0}
.my-account .data-table tfoot td {display: block;text-align: center !important}
.my-account .data-table .add-to-cart-alt {margin: 10px auto}
.my-account .data-table tbody .btn-remove {position: absolute;top: 15px;right: 15px}
.homepage-grid-banner .row {margin-left: -3px;margin-right: -3px}
.homepage-grid-banner .col-md-1, .homepage-grid-banner .col-md-2, .homepage-grid-banner .col-md-3, .homepage-grid-banner .col-md-4, .homepage-grid-banner .col-md-5, .homepage-grid-banner .col-md-6, .homepage-grid-banner .col-md-7, .homepage-grid-banner .col-md-8, .homepage-grid-banner .col-md-9, .homepage-grid-banner .col-md-10, .homepage-grid-banner .col-md-11, .homepage-grid-banner .col-md-12 {padding-left: 3px;padding-right: 3px}
.homepage-grid-banner .col-md-margin {margin-bottom: 7px}
.homepage-grid-banner .content a.btn-default {font-size: 11px}
.homepage-grid-banner .grid1 .content h2 {font-size: 55.16px}
.homepage-grid-banner .grid1 .content p {font-size: 23px;margin-right: 3.12px}
.homepage-grid-banner .grid2 .content h3 {font-size: 22.53px}
.homepage-grid-banner .grid2 .content h2 {font-size: 22.53px}
.homepage-grid-banner .grid2 .content p {font-size: 13.71px;margin-bottom: 11.7px}
.homepage-grid-banner .grid3 .content h2 {font-size: 35.88px}
.homepage-grid-banner .grid3 .content h5 {font-size: 12.48px;margin-bottom: 23.4px}
.homepage-grid-banner .grid3 .content p {font-size: 12.48px;margin-bottom: 3.9px}
.homepage-grid-banner .grid3 .content h4 {font-size: 17.72px;margin-top: 15.6px}
.homepage-grid-banner .grid3 .content h4 > span {font-size: 13.77px}
.homepage-grid-banner .grid3 .content h3 {font-size: 29.41px;margin-bottom: 11.7px}
.homepage-grid-banner .grid3 .content h3 > span {font-size: 19.6px}
.homepage-grid-banner .grid4 .content h2 {font-size: 29px;margin-bottom: 12px}
.homepage-grid-banner .grid4 .content p {font-size: 17px;margin-bottom: 11.7px}
.grid-images .grid1 {margin-bottom: 9px}
.slider-with-side .side-area .item2 {margin-bottom: 8px}
.slider-with-side .side-area .item1 .content {bottom: 15px;left: 13px}
.slider-with-side .side-area .item1 .content h2 {font-size: 30px;margin-bottom: 10px}
.slider-with-side .side-area .item1 .content em {font-size: 22px;margin-left: 2px}
.slider-with-side .side-area .item1 .content a {font-size: 13px;margin-left: 2px}
.slider-with-side .side-area .item2 .content {bottom: 15px;left: 15px}
.slider-with-side .side-area .item2 .content h2 {font-size: 28px;margin-bottom: 10px}
.slider-with-side .side-area .item2 .content p {font-size: 13px}
.slider-with-side .side-area .item2 .content a {font-size: 12px;padding: 7px 8px 7px 13px;margin: 5px 0 0 25px}
.slider-with-side .side-area .item3 .content {bottom: 15px;left: 15px}
.slider-with-side .side-area .item3 .content h2 {font-size: 28px}
.slider-with-side .side-area .item3 .content p {font-size: 17px;margin-bottom: 15px}
.slider-with-side .side-area .item3 .content a {font-size: 14px}
.slider-with-side .slider-area .item .content .text-area h2 {padding: 6px 45px 6px 10px;font-size: 38px}
.slider-with-side .slider-area .item .content .text-area p {padding: 10px 15px 10px 11px;font-size: 15px}
.slider-with-side .slider-area .item .content .ribbon {right: 11px;top: 11px}
.slider-with-side .slider-area .item .content .ribbon em {font-size: 13px;margin-right: 60px}
.slider-with-side .slider-area .item .content .ribbon h3 {font-size: 30px;margin-right: 12px}
.slider-with-side .slider-area .item .content .ribbon h5 {font-size: 16px;margin-top: -2px}
.owl-item-links-block ul li {padding: 0 10px}
.owl-item-links-block ul li a {font-size: 15px}
.owl-item-links-block span {font-size: 15px;padding-left: 15px;margin-left: 5px}
.owl-item-links-block span .icon-angle-down {font-size: 8px;margin-left: 5px}
.slide3-1-content p {margin-bottom: 3px;font-size: 13px}
.slide3-1-content h2 {font-size: 30px;margin-bottom: 15px}
.slide3-1-content .price-area em {font-size: 10px}
.slide3-1-content .price-area em:first-child {margin-bottom: -2px}
.slide3-1-content .price-area h3 {font-size: 35px}
.slide3-1-content .button-area {padding-left: 10px;margin-left: 10px}
.slide3-1-content a.btn-default {height: 45px;font-size: 13px;line-height: 45px;padding: 0 17px 0 20px;border-radius: 5px}
.slide3-1-content a.btn-default i {width: 12px;height: 12px;line-height: 11px;font-size: 9px;margin-bottom: 2px;margin-left: 8px}
.slide3-2-content em {font-size: 18px;margin-left: 2px;margin-bottom: 4px}
.slide3-2-content h2 {font-size: 47px;margin-bottom: 4px}
.slide3-2-content p {font-size: 32px;margin-bottom: 25px}
.slide3-2-content a {font-size: 14px}
.slide3-2-content a > i {width: 13px;height: 13px;line-height: 12px;font-size: 10px;margin-bottom: 3px;margin-left: 10px}
.footer-container.fixed-position .footer-bottom .custom-block {display: none}
.filter-products .products div.item .product-image {min-height: 0}
.top-newsletter #newsletter {width: 270px}
.ajax-products {padding: 0 15px}
.full-screen-slider #banner-slider-demo-20 .item > div.content > h2 {font-size: 60px}
.full-screen-slider #banner-slider-demo-20 .item > div.content > a {font-size: 11px;padding: 15px 30px;margin: 15px 0}
#home-content-slider-demo-20 .item .item > div.content > h3 {letter-spacing: 0;font-size: 40px}
#home-content-slider-demo-20 .item .item > div.content > a {font-size: 11px;padding: 15px 30px;margin: 15px 0}
}
@media (max-width: 1199px) and (min-width: 992px) {
.home-side-menu h2.side-menu-title {padding: 9px 15px}
.menu.side-menu > li > a {font-size: 13px;padding: 10px 5px}
.side-custom-menu h2 {padding: 10px 13px 10.5px}
.side-custom-menu ul li {padding: 10px 4px 9px}
.side-custom-menu ul li a {font-size: 13px}
.form-find-area {padding: 18px 40px 16px;}
}
@media (max-width: 991px) {
body.boxed .page {width: 760px}
.header-container .welcome-msg, .header-container .top-links-area + span.split {display: none}
.home-side-menu {display: none}
.add-to-cart button.button {width: 140px}
.sm-bd-0 {border: 0 !important}
.header-container.header-newskin .mini-cart .topCartContent:before { right: 26.7px;}
.header-container.header-newskin .mini-cart .topCartContent:after {right: 26px;}
.header-container .header-wrapper {display: none}
.main-nav, .fixed-header-area {display: none}
.category-products .products-grid.columns3 li.item {width: 50%}
.category-products .products-grid.columns3 li.item.nth-child-3np1 {clear: none}
.category-products .products-grid.columns3 li.item.nth-child-2np1 {clear: left}
.category-products .products-grid.columns4 li.item {width: 50%}
.category-products .products-grid.columns4 li.item.nth-child-3np1 {clear: none}
.category-products .products-grid.columns4 li.item.nth-child-2np1 {clear: left}
.category-products .products-grid.columns5 li.item {width: 50%}
.category-products .products-grid.columns5 li.item.nth-child-4np1 {clear: none}
.category-products .products-grid.columns5 li.item.nth-child-3np1 {clear: none}
.category-products .products-grid.columns5 li.item.nth-child-2np1 {clear: left}
.category-products .products-grid.columns6 li.item {width: 33.33%}
.category-products .products-grid.columns6 li.item.nth-child-5np1 {clear: none}
.category-products .products-grid.columns6 li.item.nth-child-4np1 {clear: none}
.category-products .products-grid.columns6 li.item.nth-child-3np1 {clear: left}
.category-products .products-grid.columns7 li.item {width: 33.33%}
.category-products .products-grid.columns7 li.item.nth-child-6np1 {clear: none}
.category-products .products-grid.columns7 li.item.nth-child-5np1 {clear: none}
.category-products .products-grid.columns7 li.item.nth-child-4np1 {clear: none}
.category-products .products-grid.columns7 li.item.nth-child-3np1 {clear: left}
.category-products .products-grid.columns8 li.item {width: 33.33%}
.category-products .products-grid.columns8 li.item.nth-child-7np1 {clear: none}
.category-products .products-grid.columns8 li.item.nth-child-6np1 {clear: none}
.category-products .products-grid.columns8 li.item.nth-child-5np1 {clear: none}
.category-products .products-grid.columns8 li.item.nth-child-4np1 {clear: none}
.category-products .products-grid.columns8 li.item.nth-child-3np1 {clear: left}
.category-products .products-grid.flex-grid.columns3 li.item.nth-child-3np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns3 li.item.nth-child-2np1 {border-left-color: transparent}
.category-products .products-grid.flex-grid.columns4 li.item.nth-child-3np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns4 li.item.nth-child-2np1 {border-left-color: transparent}
.category-products .products-grid.flex-grid.columns5 li.item.nth-child-4np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns5 li.item.nth-child-3np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns5 li.item.nth-child-2np1 {border-left-color: transparent}
.category-products .products-grid.flex-grid.columns6 li.item.nth-child-5np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns6 li.item.nth-child-4np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns6 li.item.nth-child-3np1 {border-left-color: transparent}
.category-products .products-grid.flex-grid.columns7 li.item.nth-child-6np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns7 li.item.nth-child-5np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns7 li.item.nth-child-4np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns7 li.item.nth-child-3np1 {border-left-color: transparent}
.category-products .products-grid.flex-grid.columns8 li.item.nth-child-7np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns8 li.item.nth-child-6np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns8 li.item.nth-child-5np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns8 li.item.nth-child-4np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns8 li.item.nth-child-3np1 {border-left-color: transparent}
.category-banner .banner-text h2 {font-size: 28px}
.category-banner .banner-text p {font-size: 16px}
.category-boxed-banner .banner-text h2 {font-size: 28px}
.category-boxed-banner .banner-text p {font-size: 12px}
.category-boxed-banner .banner-text a.shop-now {margin-left: 12px;font-size: 12px}
.homepage-bar .col-lg-4 {border: 0;text-align: left !important;}
.owl-banner-carousel .content.type1 h2 {font-size: 36px}
.owl-banner-carousel .content.type1 p {font-size: 15px}
.owl-banner-carousel .content.type1 a {font-size: 10px}
.owl-banner-carousel .content.type2 h2 {font-size: 27.9px;border-top: 3px solid #0088CC;padding-top: 6px}
.owl-banner-carousel .content.type2 h3 {font-size: 18.36px}
.owl-banner-carousel .content.type2 p {font-size: 8.4px}
.owl-banner-carousel .content.type2 a {font-size: 10.8px}
.owl-banner-carousel .content-9.type1 em {font-size: 15px;margin-bottom: -3px;margin-left: 6px}
.owl-banner-carousel .content-9.type1 h2 {font-size: 50px}
.owl-banner-carousel .content-9.type1 p {font-size: 26px}
.owl-banner-carousel .content-9.type1 a {font-size: 12px}
.owl-banner-carousel .content-9.type1 a > i {width: 13px;height: 13px;line-height: 12px;font-size: 10px;margin-bottom: 3px;margin-left: 7px}
.owl-banner-carousel .content-9.type2 h3 {font-size: 27.9px}
.owl-banner-carousel .content-9.type2 span {font-size: 8.4px}
.owl-banner-carousel .content-9.type2 a {font-size: 9px}
.homepage-grid-banner .row {margin-left: -2px;margin-right: -3px}
.homepage-grid-banner .col-md-1, .homepage-grid-banner .col-md-2, .homepage-grid-banner .col-md-3, .homepage-grid-banner .col-md-4, .homepage-grid-banner .col-md-5, .homepage-grid-banner .col-md-6, .homepage-grid-banner .col-md-7, .homepage-grid-banner .col-md-8, .homepage-grid-banner .col-md-9, .homepage-grid-banner .col-md-10, .homepage-grid-banner .col-md-11, .homepage-grid-banner .col-md-12 {padding-left: 2px;padding-right: 3px}
.homepage-grid-banner .col-md-margin {margin-bottom: 4px}
.homepage-grid-banner .content a.btn-default {font-size: 10px;padding: 4px 3px 4px 6px}
.homepage-grid-banner .grid1 .content h2 {font-size: 42.43px}
.homepage-grid-banner .grid1 .content p {font-size: 17.68px;margin-bottom: 6px;margin-right: 2.4px}
.homepage-grid-banner .grid2 .content h3 {font-size: 17.33px}
.homepage-grid-banner .grid2 .content h2 {font-size: 17.33px}
.homepage-grid-banner .grid2 .content p {font-size: 10.55px;margin-bottom: 9px}
.homepage-grid-banner .grid3 .content h2 {font-size: 27.6px}
.homepage-grid-banner .grid3 .content h5 {font-size: 9.6px;margin-bottom: 18px}
.homepage-grid-banner .grid3 .content p {font-size: 9.6px;margin-bottom: 3px}
.homepage-grid-banner .grid3 .content h4 {font-size: 13.63px;margin-top: 12px}
.homepage-grid-banner .grid3 .content h4 > span {font-size: 10.6px}
.homepage-grid-banner .grid3 .content h3 {font-size: 22.63px;margin-bottom: 9px}
.homepage-grid-banner .grid3 .content h3 > span {font-size: 15.08px}
.homepage-grid-banner .grid4 .content h2 {font-size: 21px;margin-bottom: 9px}
.homepage-grid-banner .grid4 .content p {font-size: 14px;margin-bottom: 7px}
.full-screen-slider .item > div.content > h2 {font-size: 47.02px;margin-bottom: 14.04px}
.full-screen-slider .item > div.content > p {font-size: 19.59px;margin-bottom: 27.3px}
.full-screen-slider .item > div.content > a.btn-default {font-size: 12px;padding: 12px 40px;border-radius: 6px}
.full-screen-slider .item > div.content em.type1 {font-size: 14.31px;margin-bottom: -3.9px}
.full-screen-slider .item > div.content em.type2 {font-size: 22.99px;margin-bottom: 7.8px;margin-left: 24px}
.full-screen-slider .item > div.content em.type3 {font-size: 13.79px;margin-top: 7.8px}
.full-screen-slider .item > div.content h3 {font-size: 48.02px}
.full-screen-slider .item > div.content h4 {font-size: 40.86px;padding-right: 27px}
.full-screen-slider .item > div.content .sale-bar a {font-size: 16.35px;margin-left: 18px}
.full-screen-slider .item > div.content .sale-bar a .icon-angle-down {font-size: 9px;margin-left: 7.8px}
.full-screen-slider .item > div.content .sale-bar > div.f-left {padding: 11.5px 17.16px}
.full-screen-slider .item > div.content .sale-bar > div.f-left:first-child {padding: 11.7px 31.2px}
.full-screen-slider .item > div.content .sale-bar {height: 63.96px;margin-left: 10.92px}
.full-screen-slider .item > div.content .sale-bar .triangle {height: 63.96px;width: 23.4px}
.full-screen-slider .item > div.content .sale-bar .triangle > div {height: 32px;border-width: 16px;border-top-width: 32px;margin: 0 -16px -16px 0}
.full-screen-slider .item > div.content .sale-bar .triangle > div:first-child {height: 32px;border-width: 16px;border-bottom-width: 32px;margin: -16px -16px 0 0}
.full-screen-slider .item > div.content.content-2 {margin-top: -58px}
.full-screen-slider .item > div.content.content-3 {margin-top: -72px}
.slider-with-side .slider-area {padding: 0 8px;float: none;width: 100%}
.slider-with-side .side-area {padding: 0;float: none;width: 100%}
.slider-with-side .side-area .item1, .slider-with-side .side-area .item2, .slider-with-side .side-area .item3 {padding: 8px;width: 33.33%;float: left;margin: 0}
.slider-with-side .side-area .item1 .content {bottom: 20px;left: 20px}
.slider-with-side .side-area .item2 .content {bottom: 20px;left: 15px}
.slider-with-side .side-area .item3 .content {bottom: 20px;left: 20px}
.slide3-2-content em {font-size: 14px;margin-left: 2px;margin-bottom: 3px}
.slide3-2-content h2 {font-size: 38px;margin-bottom: 3px}
.slide3-2-content p {font-size: 29px;margin-bottom: 20px}
.slide3-2-content a {font-size: 12px}
.slide3-2-content a > i {width: 13px;height: 13px;line-height: 12px;font-size: 10px;margin-bottom: 2px;margin-left: 7px}
#banner-slider-demo-1 .slide1-content img.quote {width: 30px}
#banner-slider-demo-1 .slide1-content em {font-size: 20px;margin: 0 8px}
#banner-slider-demo-1 .slide1-content h2 {font-size: 60px;margin: 4px 0 8px}
#banner-slider-demo-1 .slide1-content p {font-size: 18px}
#banner-slider-demo-1 .slide2-content em {font-size: 20px;margin-left: 7px}
#banner-slider-demo-1 .slide2-content h2 {font-size: 65px;margin: 2px 0 8px}
#banner-slider-demo-1 .slide2-content p {font-size: 15px;margin-left: 7px;margin-bottom: 25px}
#banner-slider-demo-1 .slide2-content p span.split {margin: 0 8px 0 9px}
#banner-slider-demo-1 .slide2-content a.btn-default {font-size: 12px;width: 120px;height: 35px;line-height: 35px;padding: 0;margin-right: 1px}
#banner-slider-demo-1 .slide3-content em {font-size: 20px}
#banner-slider-demo-1 .slide3-content h2 {font-size: 65px;margin-bottom: 13px}
#banner-slider-demo-1 .slide3-content a.btn-default {font-size: 12px;width: 120px;height: 35px;line-height: 35px;padding: 0;margin-right: 1px}
#banner-slider-demo-14 .slide1-content img.quote {width: 30px}
#banner-slider-demo-14 .slide1-content em {font-size: 20px;margin: 0 8px}
#banner-slider-demo-14 .slide1-content h2 {font-size: 60px;margin: 4px 0 8px}
#banner-slider-demo-14 .slide1-content p {font-size: 18px}
#banner-slider-demo-14 .slide2-content em {font-size: 20px;margin-left: 7px}
#banner-slider-demo-14 .slide2-content h2 {font-size: 65px;margin: 2px 0 8px}
#banner-slider-demo-14 .slide2-content p {font-size: 15px;margin-left: 7px;margin-bottom: 25px}
#banner-slider-demo-14 .slide2-content p span.split {margin: 0 8px 0 9px}
#banner-slider-demo-14 .slide2-content a.btn-default {font-size: 12px;width: 120px;height: 35px;line-height: 35px;padding: 0;margin-right: 1px}
#banner-slider-demo-14 .slide3-content em {font-size: 20px}
#banner-slider-demo-14 .slide3-content h2 {font-size: 65px;margin-bottom: 13px}
#banner-slider-demo-14 .slide3-content a.btn-default {font-size: 12px;width: 120px;height: 35px;line-height: 35px;padding: 0;margin-right: 1px}
#banner-slider-demo-13 .slide1-content img.quote {width: 30px}
#banner-slider-demo-13 .slide1-content em {font-size: 20px;margin: 0 8px}
#banner-slider-demo-13 .slide1-content h2 {font-size: 60px;margin: 4px 0 8px}
#banner-slider-demo-13 .slide1-content p {font-size: 18px}
#banner-slider-demo-13 .slide2-content em {font-size: 20px;margin-left: 7px}
#banner-slider-demo-13 .slide2-content h2 {font-size: 65px;margin: 2px 0 8px}
#banner-slider-demo-13 .slide2-content p {font-size: 15px;margin-left: 7px;margin-bottom: 25px}
#banner-slider-demo-13 .slide2-content p span.split {margin: 0 8px 0 9px}
#banner-slider-demo-13 .slide2-content a.btn-default {font-size: 12px;width: 120px;height: 35px;line-height: 35px;padding: 0;margin-right: 1px}
#banner-slider-demo-13 .slide3-content em {font-size: 20px}
#banner-slider-demo-13 .slide3-content h2 {font-size: 65px;margin-bottom: 13px}
#banner-slider-demo-13 .slide3-content a.btn-default {font-size: 12px;width: 120px;height: 35px;line-height: 35px;padding: 0;margin-right: 1px}
.menu.side-menu {display: none}
.home-side-menu .mobile-nav {display: block;height: auto}
.sm-xs-margin-bottom {margin-bottom: 20px}
.cart .crosssell li.item:nth-child(2n+1) {clear: both}
.parallax {background-position: center center !important;background-attachment: inherit;background-size: 100% auto;}
.parallax-category-banner .parallax {padding: 50px 0}
.parallax-content h2 {font-size: 38px}
.parallax-content p {font-size: 20px}
.footer-top-subscribe h4 {margin: 10px 0}
.footer-top-subscribe .input-box {margin: 10px 0}
#banner-slider-demo-11 .content-1 {padding: 25px 15px 10px;margin-left: -122px;margin-top: -75px}
#banner-slider-demo-11 .content-1 > div:first-child {padding-right: 7px}
#banner-slider-demo-11 .content-1 p {font-size: 16px;margin-left: 5px}
#banner-slider-demo-11 .content-1 h3 {font-size: 58px}
#banner-slider-demo-11 .content-1 h3 b {margin-top: -17px}
#banner-slider-demo-11 .content-1 em {font-size: 14px;margin-right: 3px}
#banner-slider-demo-11 .content-1 h4 {font-size: 26px}
#banner-slider-demo-11 .content-1 h5 {font-size: 14px;margin-top: -2px}
#banner-slider-demo-11 .content-2 {right: 20px;bottom: 20px}
#banner-slider-demo-11 .content-2 > div {padding: 15px 10px}
#banner-slider-demo-11 .content-2 > div:first-child {margin: -2px 0;padding-left: 20px}
#banner-slider-demo-11 .content-2 p {font-size: 15px;margin-left: 1px}
#banner-slider-demo-11 .content-2 h3 {font-size: 38px}
#banner-slider-demo-11 .content-2 em {font-size: 12px;margin-right: 2px}
#banner-slider-demo-11 .content-2 h4 {font-size: 26px}
#banner-slider-demo-11 .content-2 h5 {font-size: 13px;margin-top: -2px}
#banner-slider-demo-11 .content-2 a {font-size: 10px;margin-right: -6px}
#multiship-addresses-table select {max-width: 250px}
#multiship-addresses-table thead {display: none}
#multiship-addresses-table tbody tr {position: relative;display: block;clear: both;padding: 25px 0;border-bottom: 1px solid #DCDCDC}
#multiship-addresses-table tbody tr.first {border-top: 1px solid #DCDCDC}
#multiship-addresses-table tbody td {display: block;padding: 5px 0;width: 100%;border: 0;text-align: center !important}
#multiship-addresses-table a.btn-remove {position: absolute;right: 10px;top: 10px}
#multiship-addresses-table .item-options dd {padding: 0}
.checkout-progress {padding: 0}
.multiple-checkout #review-order-form .data-table thead {display: none}
.multiple-checkout #review-order-form .data-table tbody tr {position: relative;display: block;clear: both;padding: 25px 0;border-bottom: 1px solid #DCDCDC}
.multiple-checkout #review-order-form .data-table tbody tr.first {border-top: 1px solid #DCDCDC}
.multiple-checkout #review-order-form .data-table tbody td {display: block;padding: 5px 0;width: 100%;border: 0;text-align: center !important}
.multiple-checkout #review-order-form .data-table .item-options dd {padding: 0}
.multiple-checkout #review-order-form .data-table tfoot {border-left: 1px solid #D9DDE3;border-right: 1px solid #D9DDE3}
.multiple-checkout #review-order-form .data-table tfoot td {display: block;padding: 5px 0;width: 100%;border: 0;text-align: center !important}
#parallax_02 {padding: 150px 0}
#parallax_03 {padding: 150px 0}
body.side-header .top-container, body.side-header .main-container, body.side-header .footer-container {margin-left: 0}
#banner-slider-demo-16 .slide1-content, #banner-slider-demo-16 .slide2-content {padding-left: 0}
#banner-slider-demo-16 .text-content em {font-size: 18px;margin: 0 0 -8px}
#banner-slider-demo-16 .text-content h2 {font-size: 60px;letter-spacing: -3px}
#banner-slider-demo-16 .text-content p {margin: 0}
#banner-slider-demo-16 .text-content p span {font-size: 18px;padding-left: 6px}
#banner-slider-demo-16 .text-content p a {font-size: 12px;padding: 8px 20px;margin-left: 10px;margin-top: 5px}
.sticky-product {padding: 15px 0}
.side-header .sticky-product {padding-top: 60px}
.side-header .sticky-product > .container {max-width: 100%;padding-left: 15px}
.img-desc-home3 {margin-top: -65px;padding: 0 16px}
.img-desc-home3 h3 {font-size: 16px}
.img-desc-home3 hr {width: 60px;margin: 10px 0}
.img-desc-home3 p {font-size: 10px}
.img-desc-home3 a {font-size: 10px}
.top-newsletter #newsletter {width: 160px}
.full-screen-slider #banner-slider-demo-20 .item > div.content > h2 {font-size: 45px}
.full-screen-slider #banner-slider-demo-20 .item > div.content > a {font-size: 10px;padding: 10px 20px;margin: 10px 0}
#home-content-slider-demo-20 .item > div.content > h3 {letter-spacing: 0;font-size: 25px;margin-bottom: 10px}
#home-content-slider-demo-20 .item > div.content > a {font-size: 10px;padding: 10px 20px;margin: 10px 0}
.offer-deal .item img {width: 100%;}
.full-width-image > h3 {font-size: 60px}
.block-main-layer {position: fixed;right: -100%;top: 0;bottom: 0;background-color: #FFFFFF;width: 310px;padding: 0;z-index: 999;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.block-main-layer .block {padding: 0 15px;}
.block-main-layer .block-category-nav {padding-top: 15px;}
.block-main-layer .block .block-title:before {margin-top: -12px;text-align: center;}
.block-main-layer .block .block-title, .block-main-layer .block.block-layered-nav dt, .block-main-layer .block-layered-nav .currently .block-subtitle {padding: 10px 20px;}
.block-main-layer .block-layered-nav .currently li, .block-main-layer .block-layered-nav .currently ol, .block-main-layer .block-layered-nav .actions {padding-left: 0;padding-right: 0; }
.block-main-layer .block.block-category-nav .block-title {padding-bottom: 16px;}
.block-main-layer .block.block-layered-nav dt:before {text-align: center;margin-top: -12px;}
.block-main-layer .block.block-layered-nav dd {padding: 10px 20px 26px;}
.block-main-layer .block-category-nav .category-list a.plus {right: -3px;}
.col-left .block-main-layer {left: -100%;right: auto;}
}
@media (min-width: 768px) and (max-width: 991px) {
.offer-deal .item .content h3 a {font-size: 30px;line-height: 25px;}
.offer-deal .item .content p {font-size: 16px;line-height: 25px;}
.offer-deal .item .content .btn-default {font-size: 11px;padding: 8px 12px;margin-top: 5px;}
.catalog-product-view .col-main, .catalog-product-view .sidebar {width: 100%;}
}
@media (min-width: 768px) {
.col2-left-layout .col-left.sidebar {padding-right: 12px;align-self: flex-start;}
.col2-left-layout .col-main {padding-left: 12px;align-self: flex-start;}
.col2-right-layout .col-right.sidebar {padding-left: 12px;align-self: flex-start;}
.col2-right-layout .col-main {padding-right: 12px;align-self: flex-start;}
.col3-layout .col-left.sidebar {padding-right: 12px;align-self: flex-start;}
.col3-layout .col-main {padding-left: 12px;padding-right: 12px;align-self: flex-start;}
.col3-layout .col-right.sidebar {padding-left: 12px;align-self: flex-start;}
div.small-padding {padding-right: 15px}
.md-f-right {float: right !important}
.md-order-12 {-webkit-order: 12;-moz-order: 12;-ms-flex-order: 12;order: 12}
.product-tabs.vertical > ul {width: 150px;float: left;bottom: 0;right: -1px;text-align: right}
.product-tabs.vertical > ul li.active {border-top-color: #EEEEEE;border-left-color: #0088CC}
.product-tabs.vertical > ul li {float: none;border-radius: 5px 0 0 5px;border-width: 1px 0 1px 3px;margin-right: 0;margin-bottom: 1px}
.product-tabs.vertical .tab-content {min-height: 250px;border-radius: 0 3px 3px 0;margin-left: 150px}
.category-products .products-grid.flex-grid.columns2 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns2 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns3 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns3 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns4 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns4 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns5 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns5 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(3) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(3) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(3) .item-area {border-top-color: transparent}
}
@media (min-width: 992px) {
.a-right-md {text-align: right}
.a-left-md {text-align: left}
.col-lg-6.col-lg-5-5 {width: 45%;z-index: 1}
.col-lg-6.col-lg-6-5 {width: 55%}
.color-banner .col-lg-5-5.a-left h2 {margin-left: -35%}
.color-banner .col-lg-5-5.a-right h2 {margin-right: -20%}
.lg-order-12 {-webkit-order: 12;-moz-order: 12;-ms-flex-order: 12;order: 12}
body.mobile-nav-shown .mobile-nav-overlay {visibility: hidden;opacity: 0;filter: alpha(opacity=0)}
body.mobile-nav-shown.md-mobile-menu .mobile-nav-overlay {visibility: visible;opacity: .15;filter: alpha(opacity=15)}
body.mobile-nav-shown .page {left: 0}
body.mobile-nav-shown.md-mobile-menu .page {left: 250px}
body.mobile-nav-shown .mobile-nav.side-block {left: -250px}
body.mobile-nav-shown.md-mobile-menu .mobile-nav.side-block {left: 0}
.ajax-products > .category-detail {padding-left: 100px}
}
@media (min-width: 1280px) {
body.mobile-nav-shown.md-mobile-menu .mobile-nav.side-block {left: -250px}
body.mobile-nav-shown.md-mobile-menu .page {left: 0}
body.mobile-nav-shown.md-mobile-menu .mobile-nav-overlay {visibility: hidden;opacity: 0;filter: alpha(opacity=0)}
}
@media (max-width: 767px) {
body.boxed .page {width: 620px}
.md-clearer {clear: both}
.history .featured-box {margin-left: 0}
.history .thumb {display: none}
table.for-desktop {display: none}
table.for-mobile {display: table}
.tab-content {border: 0}
.product-tabs > ul li {display: inline-block}
.header {width: 100%}
.header-container.header-newskin .header .mini-cart {margin-left: 0;}
.col-main.f-right {float: none !important}
.col-left.f-left {float: none !important}
.owl-bottomright-narrow .owl-controls .owl-buttons div {width: 40px;height: 40px;line-height: 40px}
.breadcrumbs {text-align: left}
.top-container > .breadcrumbs {padding-left: 15px;padding-right: 15px}
.category-products .products-grid.columns2 li.item {width: 50%}
.category-products .products-grid.columns2 li.item.nth-child-2np1 {clear: left}
.category-products .products-grid.columns3 li.item {width: 50%}
.category-products .products-grid.columns3 li.item.nth-child-3np1 {clear: none}
.category-products .products-grid.columns3 li.item.nth-child-2np1 {clear: left}
.category-products .products-grid.columns4 li.item {width: 50%}
.category-products .products-grid.columns4 li.item.nth-child-4np1 {clear: none}
.category-products .products-grid.columns4 li.item.nth-child-3np1 {clear: none}
.category-products .products-grid.columns4 li.item.nth-child-2np1 {clear: left}
.category-products .products-grid.columns5 li.item {width: 50%}
.category-products .products-grid.columns5 li.item.nth-child-5np1 {clear: none}
.category-products .products-grid.columns5 li.item.nth-child-4np1 {clear: none}
.category-products .products-grid.columns5 li.item.nth-child-3np1 {clear: none}
.category-products .products-grid.columns5 li.item.nth-child-2np1 {clear: left}
.category-products .products-grid.columns6 li.item {width: 50%}
.category-products .products-grid.columns6 li.item.nth-child-6np1 {clear: none}
.category-products .products-grid.columns6 li.item.nth-child-5np1 {clear: none}
.category-products .products-grid.columns6 li.item.nth-child-4np1 {clear: none}
.category-products .products-grid.columns6 li.item.nth-child-3np1 {clear: none}
.category-products .products-grid.columns6 li.item.nth-child-2np1 {clear: left}
.category-products .products-grid.columns7 li.item {width: 50%}
.category-products .products-grid.columns7 li.item.nth-child-7np1 {clear: none}
.category-products .products-grid.columns7 li.item.nth-child-6np1 {clear: none}
.category-products .products-grid.columns7 li.item.nth-child-5np1 {clear: none}
.category-products .products-grid.columns7 li.item.nth-child-4np1 {clear: none}
.category-products .products-grid.columns7 li.item.nth-child-3np1 {clear: none}
.category-products .products-grid.columns7 li.item.nth-child-2np1 {clear: left}
.category-products .products-grid.columns8 li.item {width: 50%}
.category-products .products-grid.columns8 li.item.nth-child-8np1 {clear: none}
.category-products .products-grid.columns8 li.item.nth-child-7np1 {clear: none}
.category-products .products-grid.columns8 li.item.nth-child-6np1 {clear: none}
.category-products .products-grid.columns8 li.item.nth-child-5np1 {clear: none}
.category-products .products-grid.columns8 li.item.nth-child-4np1 {clear: none}
.category-products .products-grid.columns8 li.item.nth-child-3np1 {clear: none}
.category-products .products-grid.columns8 li.item.nth-child-2np1 {clear: left}
.category-products .products-grid.flex-grid.columns2 li.item.nth-child-2np1 {border-left-color: transparent}
.category-products .products-grid.flex-grid.columns3 li.item.nth-child-3np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns3 li.item.nth-child-2np1 {border-left-color: transparent}
.category-products .products-grid.flex-grid.columns4 li.item.nth-child-4np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns4 li.item.nth-child-3np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns4 li.item.nth-child-2np1 {border-left-color: transparent}
.category-products .products-grid.flex-grid.columns5 li.item.nth-child-5np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns5 li.item.nth-child-4np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns5 li.item.nth-child-3np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns5 li.item.nth-child-2np1 {border-left-color: transparent}
.category-products .products-grid.flex-grid.columns6 li.item.nth-child-6np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns6 li.item.nth-child-5np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns6 li.item.nth-child-4np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns6 li.item.nth-child-3np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns6 li.item.nth-child-2np1 {border-left-color: transparent}
.category-products .products-grid.flex-grid.columns7 li.item.nth-child-7np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns7 li.item.nth-child-6np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns7 li.item.nth-child-5np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns7 li.item.nth-child-4np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns7 li.item.nth-child-3np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns7 li.item.nth-child-2np1 {border-left-color: transparent}
.category-products .products-grid.flex-grid.columns8 li.item.nth-child-8np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns8 li.item.nth-child-7np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns8 li.item.nth-child-6np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns8 li.item.nth-child-5np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns8 li.item.nth-child-4np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns8 li.item.nth-child-3np1 {border-left-color: #E3E4E4}
.category-products .products-grid.flex-grid.columns8 li.item.nth-child-2np1 {border-left-color: transparent}
.category-products .products-grid.flex-grid.columns2 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns2 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns3 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns3 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns4 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns4 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns5 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns5 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(2) .item-area {border-top-color: transparent}
.products-list .product-image-area {width: 150px}
.products-list .details-area {width: auto;float: none;margin-left: 150px}
.category-banner .banner-text h2 {font-size: 28px}
.category-banner .banner-text p {display: none}
.category-boxed-banner .banner-text h2 {font-size: 28px}
.category-boxed-banner .banner-text p {display: none}
.parallax-slider .owl-carousel h2 {font-size: 40px}
.parallax-slider .owl-carousel p {font-size: 13px;margin-bottom: 15px}
.parallax-slider .owl-carousel a {font-size: 13px}
.parallax-slider .owl-theme .owl-controls {margin-top: 15px}
.single-images .single-image {margin-bottom: 10px}
.owl-banner-carousel .content.type1 h2 {font-size: 24px}
.owl-banner-carousel .content.type1 p {display: none}
.owl-banner-carousel .content.type1 a {font-size: 8px}
.owl-banner-carousel .content.type2 h2 {font-size: 20px;border-top: 2px solid #0088CC;padding-top: 4px}
.owl-banner-carousel .content.type2 h3 {font-size: 13px}
.owl-banner-carousel .content.type2 p {display: none}
.owl-banner-carousel .content.type2 a {font-size: 10px}
.owl-banner-carousel .content-9.type1 em {font-size: 11px;margin-bottom: -2px;margin-left: 4px}
.owl-banner-carousel .content-9.type1 h2 {font-size: 28px}
.owl-banner-carousel .content-9.type1 p {display: none}
.owl-banner-carousel .content-9.type1 a {display: none}
.owl-banner-carousel .content-9.type2 h3 {font-size: 20px;margin-bottom: 5px}
.owl-banner-carousel .content-9.type2 span {display: none}
.owl-banner-carousel .content-9.type2 a {font-size: 9px}
.homepage-grid-banner .row {margin-left: -10px;margin-right: -10px}
.homepage-grid-banner .col-md-1, .homepage-grid-banner .col-md-2, .homepage-grid-banner .col-md-3, .homepage-grid-banner .col-md-4, .homepage-grid-banner .col-md-5, .homepage-grid-banner .col-md-6, .homepage-grid-banner .col-md-7, .homepage-grid-banner .col-md-8, .homepage-grid-banner .col-md-9, .homepage-grid-banner .col-md-10, .homepage-grid-banner .col-md-11, .homepage-grid-banner .col-md-12 {padding-left: 10px;padding-right: 10px}
.homepage-grid-banner .col-md-margin {margin-bottom: 0}
.homepage-grid-banner .content a.btn-default {font-size: 14px;padding: 6px 6px 6px 12px}
.homepage-grid-banner img {margin-bottom: 20px}
.homepage-grid-banner .grid1 .content h2 {font-size: 70.72px}
.homepage-grid-banner .grid1 .content p {font-size: 29.47px;margin-bottom: 10px;margin-right: 4px}
.homepage-grid-banner .grid2 .content h3 {font-size: 28.88px}
.homepage-grid-banner .grid2 .content h2 {font-size: 28.88px}
.homepage-grid-banner .grid2 .content p {font-size: 17.58px;margin-bottom: 15px}
.homepage-grid-banner .grid3 .content h2 {font-size: 46px}
.homepage-grid-banner .grid3 .content h5 {font-size: 16px;margin-bottom: 30px}
.homepage-grid-banner .grid3 .content p {font-size: 16px;margin-bottom: 5px}
.homepage-grid-banner .grid3 .content h4 {font-size: 22.72px;margin-top: 20px}
.homepage-grid-banner .grid3 .content h4 > span {font-size: 17.66px}
.homepage-grid-banner .grid3 .content h3 {font-size: 37.71px;margin-bottom: 15px}
.homepage-grid-banner .grid3 .content h3 > span {font-size: 25.14px}
.homepage-grid-banner .grid4 .content h2 {font-size: 35px}
.homepage-grid-banner .grid4 .content p {font-size: 23px;margin-bottom: 15px}
.grid-images .grid2 {margin-bottom: 9px}
.full-screen-slider .item > div.content em.type1 {font-size: 8px;margin-bottom: -2px}
.full-screen-slider .item > div.content em.type2 {font-size: 11px;margin-bottom: 4px;margin-left: 10px}
.full-screen-slider .item > div.content em.type3 {font-size: 7px;margin-top: 4px}
.full-screen-slider .item > div.content h3 {font-size: 25px}
.full-screen-slider .item > div.content h4 {font-size: 20px;border-right: 0}
.full-screen-slider .item > div.content .sale-bar a {font-size: 8px;margin-left: 4px}
.full-screen-slider .item > div.content .sale-bar a .icon-angle-down {font-size: 6px;margin-left: 4px}
.full-screen-slider .item > div.content .sale-bar > div.f-left {padding: 6px 4px}
.full-screen-slider .item > div.content .sale-bar > div.f-left:first-child {padding: 6px 4px}
.full-screen-slider .item > div.content .sale-bar {height: 32px;margin-left: 2px}
.full-screen-slider .item > div.content .sale-bar .triangle {height: 32px;width: 12px}
.full-screen-slider .item > div.content .sale-bar .triangle > div {height: 16px;border-width: 8px;border-top-width: 16px;margin: 0 -8px -8px 0}
.full-screen-slider .item > div.content .sale-bar .triangle > div:first-child {height: 16px;border-width: 8px;border-bottom-width: 16px;margin: -8px -8px 0 0}
.full-screen-slider .item > div.content.content-1 {margin-top: -73px}
.full-screen-slider .item > div.content.content-1 > p {font-size: 14px;margin: 20px 0}
.full-screen-slider .item > div.content.content-1 > a.btn-default {font-size: 10px;padding: 10px 15px}
.full-screen-slider .item > div.content.content-1 > img {width: 150px}
.full-screen-slider .item > div.content.content-2 {margin-top: -29px}
.slider-with-side .side-area .item1, .slider-with-side .side-area .item2, .slider-with-side .side-area .item3 {padding: 8px;width: 100%;float: none}
.slider-with-side .side-area img {width: 100%}
.slider-with-side .side-area .item1 .content {bottom: 30px;left: 25px}
.slider-with-side .side-area .item2 .content {bottom: 30px;left: 25px}
.slider-with-side .side-area .item3 .content {bottom: 30px;left: 25px}
.slider-with-side .slider-area .item .content .text-area h2 {padding: 4px 38px 4px 7px;font-size: 22px}
.slider-with-side .slider-area .item .content .text-area p {padding: 6px 11px 6px 8px;font-size: 9px}
.slider-with-side .slider-area .item .content .ribbon {right: 3px;top: 3px}
.slider-with-side .slider-area .item .content .ribbon em {font-size: 8px;margin-right: 40px}
.slider-with-side .slider-area .item .content .ribbon h3 {font-size: 22px;margin-right: 7px}
.slider-with-side .slider-area .item .content .ribbon h5 {font-size: 10px;margin-top: -1px}
.slide3-1-content p {margin-bottom: 3px;font-size: 11px}
.slide3-1-content h2 {font-size: 25px;margin-bottom: 10px}
.slide3-1-content .price-area em {font-size: 8px}
.slide3-1-content .price-area em:first-child {margin-bottom: -2px}
.slide3-1-content .price-area h3 {font-size: 28px}
.slide3-1-content .button-area {padding-left: 10px;margin-left: 10px}
.slide3-1-content a.btn-default {height: 35px;font-size: 11px;line-height: 35px;padding: 0 13px 0 15px;border-radius: 5px}
.slide3-1-content a.btn-default i {width: 12px;height: 12px;line-height: 11px;font-size: 9px;margin-bottom: 2px;margin-left: 8px}
.slide3-2-content em {font-size: 12px;margin-left: 2px;margin-bottom: 1px}
.slide3-2-content h2 {font-size: 35px;margin-bottom: 1px}
.slide3-2-content p {font-size: 25px;margin-bottom: 13px}
.slide3-2-content a {font-size: 12px}
.slide3-2-content a > i {width: 13px;height: 13px;line-height: 12px;font-size: 10px;margin-bottom: 2px;margin-left: 7px}
.owl-item-links-block ul li {padding: 0 8px}
.owl-item-links-block ul li a {font-size: 12px}
.owl-item-links-block span {font-size: 12px;padding-left: 13px;margin-left: 3px}
.owl-item-links-block span .icon-angle-down {font-size: 7px;margin-left: 4px}
.parallax.parallax-with-subscribe {padding: 30px 0}
li.etalage_small_thumbs {display: none}
.product-view .product-img-box {margin-bottom: 30px}
.form-list .field, .col2-set .col-1, .col2-set .col-2 {float: none !important;width: 100%}
.form-list .field + .field {margin-top: 10px}
.account-login .content {min-height: 0}
.box .box-content {min-height: 0}
.account-login .new-users {margin-bottom: 25px}
.col2-set .col-1 {margin-bottom: 25px}
#opc-review .data-table thead {display: none}
#opc-review .data-table tbody tr, #opc-review .data-table tfoot tr {display: block;border: 1px solid #DDDDDD;border-width: 0 1px 1px;padding: 15px 0 5px;position: relative}
#opc-review .data-table tfoot tr.last {background: #F6F6F6}
#opc-review .data-table tbody tr:first-child {border-top: 1px solid #DDDDDD}
#opc-review .data-table tbody td, #opc-review .data-table tfoot td {display: block;padding: 0 15px 10px;width: 100%;text-align: center !important;border-width: 0}
.newsletter_popup {width: auto !important}
.footer-bottom {text-align: center}
.footer-bottom a.logo {float: none;margin: 0}
.footer-bottom .social-icons {float: none}
.footer-bottom .custom-block {float: left !important;margin: 0;}
.footer-bottom address {float: none;text-align: center}
#parallax_01 .parallax-content-15 img.quote {width: 20px}
#parallax_01 .parallax-content-15 em {font-size: 12px;margin: 0 5px}
#parallax_01 .parallax-content-15 h2 {font-size: 35px;margin: 4px 0 7px}
#parallax_01 .parallax-content-15 p {font-size: 11px;margin: 0}
#parallax_02 {padding: 50px 0}
#parallax_02 .parallax-content-15 em {font-size: 12px}
#parallax_02 .parallax-content-15 .text-content h2 {font-size: 35px;letter-spacing: -2px}
#parallax_02 .parallax-content-15 .text-content p span {font-size: 12px;padding-left: 6px;display: block}
#parallax_02 .parallax-content-15 .text-content p a {font-size: 10px;padding: 6px 13px;margin-left: 10px;margin-top: 5px}
#parallax_03 {padding: 50px 0}
#parallax_03 .parallax-content-15 em {font-size: 12px;margin: 0 0 0 1px}
#parallax_03 .parallax-content-15 .text-content h2 {font-size: 30px;letter-spacing: -1px}
#parallax_03 .parallax-content-15 .text-content p span {font-size: 12px;padding-left: 1px;display: block}
#parallax_03 .parallax-content-15 .text-content p a {font-size: 10px;padding: 6px 13px;margin-left: 0;margin-top: 5px}
#parallax_04 .parallax-content-15 img.quote {width: 20px}
#parallax_04 .parallax-content-15 em {font-size: 12px;margin: 0 5px}
#parallax_04 .parallax-content-15 h2 {font-size: 22px;margin: 4px 0 7px;letter-spacing: -1px}
#parallax_04 .parallax-content-15 p {font-size: 10px}
#parallax_04 .parallax-content-15 a.btn.btn-default {font-size: 10px;padding: 5px 20px}
#banner-slider-demo-16 .text-content em {font-size: 13px;margin: 0 0 -5px}
#banner-slider-demo-16 .text-content h2 {font-size: 40px;letter-spacing: 0}
#banner-slider-demo-16 .text-content p {margin: 0}
#banner-slider-demo-16 .text-content p span {font-size: 14px;padding-left: 2px}
#banner-slider-demo-16 .text-content p a {font-size: 9px;padding: 5px 11px;margin-left: 5px;margin-top: 5px}
.sticky-product .add-to-cart {position: static;margin: 0;vertical-align: middle;display: inline-block}
.slide3-1-new-content em {font-size: 9px}
.slide3-1-new-content h2 {font-size: 22px}
.slide3-1-new-content hr {margin: 5px 0}
.slide3-1-new-content a {font-size: 8px}
.img-desc-home3 {margin-top: -88px;padding: 0 25px}
.img-desc-home3 h3 {font-size: 24px}
.img-desc-home3 hr {width: 90px;margin: 15px 0}
.img-desc-home3 p {font-size: 15px}
.img-desc-home3 a {font-size: 15px}
#banner-slider-demo-2-new .slide-1 em {font-size: 12px;margin: 0 0 0 1px}
#banner-slider-demo-2-new .slide-1 .text-content h2 {font-size: 30px;letter-spacing: -1px}
#banner-slider-demo-2-new .slide-1 .text-content p span {font-size: 12px;padding-left: 1px;display: block}
#banner-slider-demo-2-new .slide-1 .text-content a {font-size: 10px;padding: 6px 20px;margin-left: 0;margin-top: 10px}
#banner-slider-demo-2-new .slide-2 em {font-size: 12px;margin: 0;margin-left: 1px}
#banner-slider-demo-2-new .slide-2 .text-content h2 {font-size: 30px;letter-spacing: -1px}
#banner-slider-demo-2-new .slide-2 .text-content p span {font-size: 12px;padding-left: 1px;display: block}
#banner-slider-demo-2-new .slide-2 .text-content a {font-size: 10px;padding: 6px 0;margin-left: 0;margin-top: 5px}
#banner-slider-demo-17 .slide-1 em {font-size: 12px;margin: 0;margin-left: 1px}
#banner-slider-demo-17 .slide-1 .text-content h2 {font-size: 30px;letter-spacing: -1px}
#banner-slider-demo-17 .slide-1 .text-content p span {font-size: 12px;padding-left: 1px;display: block}
#banner-slider-demo-17 .slide-1 .text-content a {font-size: 10px;padding: 6px 20px;margin-left: 0;margin-top: 10px}
#banner-slider-demo-17 .slide-2 em {font-size: 12px;margin: 0;margin-bottom: 2px}
#banner-slider-demo-17 .slide-2 .text-content h2 {font-size: 26px;letter-spacing: -1px}
#banner-slider-demo-17 .slide-2 .text-content p span {font-size: 12px;display: block}
#banner-slider-demo-17 .slide-2 .text-content a {font-size: 10px;padding: 6px 20px;margin-left: 0;margin-top: 10px}
.compare-popup {display: none}
.store-switcher {text-align: center}
.product-img-box .etalage:hover + .etalage-control + .product-view-zoom-area {display: none}
a.quickview-icon {display: none}
.product-view .product-img-box .etalage-control {visibility: visible}
.product-view .product-img-box .etalage.vertical + .etalage-control a.etalage-prev {left: 0}
.full-width-image {padding: 100px 0}
.full-width-image > h3 {font-size: 35px;letter-spacing: -1px}
#home-content-slider-demo-20 .item > div.content > p {display: none}
#home-content-slider-demo-20 .item > div.content > a {display: none}
.ajax-products {display: block}
.ajax-products > .category-list {border-right: 0}
.ajax-products > .category-list > ul > li {display: inline-block;margin-right: 30px}
.ajax-products > .category-detail {padding-top: 0}
.load-more-area > a, .full-width-image > a {font-size: 8px;padding: 10px 20px;margin: 10px 0}
.banner-content-18 em {font-size: 16.26px;}
.banner-content-18 .text-content h2 {font-size: 53.12px;}
.banner-content-18 .text-content p {margin: 0}
.banner-content-18 .text-content p span {font-size: 12.64px;}
.banner-content-18 .text-content p a {font-size: 13px;padding: 8px 16px;}
.sticky-product {display: none !important}
}
@media (max-width: 640px) {
body.boxed .page {width: 480px}
.owl-middle-narrow .owl-controls {display: none !important}
.homepage-grid-banner .grid1 .content h2 {font-size: 42.43px}
.homepage-grid-banner .grid1 .content p {font-size: 17.68px;margin-bottom: 6px;margin-right: 2.4px}
.full-screen-slider .item > div.content > h2 {font-size: 36.17px;margin-bottom: 10.8px}
.full-screen-slider .item > div.content > p {font-size: 15.07px;margin-bottom: 21px}
.full-screen-slider .item > div.content > a.btn-default {font-size: 10px;padding: 11px 32px;border-radius: 5px}
.full-screen-slider .item > div.content.content-3 {margin-top: -57px}
.owl-item-links-block {display: none}
.slide3-2-content em {font-size: 10px;margin-left: 1px;margin-bottom: 1px}
.slide3-2-content h2 {font-size: 28px;margin-bottom: 1px}
.slide3-2-content p {font-size: 16px;margin-bottom: 10px}
.slide3-2-content a {font-size: 11px}
.slide3-2-content a > i {width: 10px;height: 10px;line-height: 9px;font-size: 9px;margin-bottom: 1px;margin-left: 4px}
#banner-slider-demo-1 .slide1-content img.quote {width: 15px}
#banner-slider-demo-1 .slide1-content em {font-size: 14px;margin: 0 3px}
#banner-slider-demo-1 .slide1-content h2 {font-size: 38px;margin: 1px 0 5px}
#banner-slider-demo-1 .slide1-content p {font-size: 14px}
#banner-slider-demo-1 .slide2-content em {font-size: 14px;margin-left: 3px}
#banner-slider-demo-1 .slide2-content h2 {font-size: 39px;margin: 0 0 5px}
#banner-slider-demo-1 .slide2-content p {font-size: 8px;margin-left: 4px;margin-bottom: 15px}
#banner-slider-demo-1 .slide2-content p span.split {margin: 0 7px 0 8px}
#banner-slider-demo-1 .slide2-content a.btn-default {font-size: 8px;width: 80px;height: 25px;line-height: 25px;padding: 0;margin-right: 1px}
#banner-slider-demo-1 .slide3-content em {font-size: 14px}
#banner-slider-demo-1 .slide3-content h2 {font-size: 38px;margin-bottom: 8px}
#banner-slider-demo-1 .slide3-content a.btn-default {font-size: 8px;width: 80px;height: 25px;line-height: 25px;padding: 0;margin-right: 1px}
#banner-slider-demo-14 .slide1-content img.quote {width: 15px}
#banner-slider-demo-14 .slide1-content em {font-size: 14px;margin: 0 3px}
#banner-slider-demo-14 .slide1-content h2 {font-size: 30px;margin: 1px 0 3px}
#banner-slider-demo-14 .slide1-content p {font-size: 12px}
#banner-slider-demo-14 .slide2-content em {font-size: 12px;margin-left: 2px}
#banner-slider-demo-14 .slide2-content h2 {font-size: 30px;margin: 0 0 3px}
#banner-slider-demo-14 .slide2-content p {font-size: 5px;margin-left: 4px;margin-bottom: 10px}
#banner-slider-demo-14 .slide2-content p span.split {margin: 0 7px 0 8px}
#banner-slider-demo-14 .slide2-content a.btn-default {font-size: 8px;width: 60px;height: 18px;line-height: 18px;padding: 0;margin-right: 1px}
#banner-slider-demo-14 .slide3-content em {font-size: 12px}
#banner-slider-demo-14 .slide3-content h2 {font-size: 30px;margin-bottom: 5px}
#banner-slider-demo-14 .slide3-content a.btn-default {font-size: 8px;width: 60px;height: 18px;line-height: 18px;padding: 0;margin-right: 1px}
#banner-slider-demo-13 .slide1-content img.quote {width: 15px}
#banner-slider-demo-13 .slide1-content em {font-size: 14px;margin: 0 3px}
#banner-slider-demo-13 .slide1-content h2 {font-size: 38px;margin: 1px 0 5px}
#banner-slider-demo-13 .slide1-content p {font-size: 14px}
#banner-slider-demo-13 .slide2-content em {font-size: 14px;margin-left: 3px}
#banner-slider-demo-13 .slide2-content h2 {font-size: 39px;margin: 0 0 5px}
#banner-slider-demo-13 .slide2-content p {font-size: 8px;margin-left: 4px;margin-bottom: 15px}
#banner-slider-demo-13 .slide2-content p span.split {margin: 0 7px 0 8px}
#banner-slider-demo-13 .slide2-content a.btn-default {font-size: 8px;width: 80px;height: 25px;line-height: 25px;padding: 0;margin-right: 1px}
#banner-slider-demo-13 .slide3-content em {font-size: 14px}
#banner-slider-demo-13 .slide3-content h2 {font-size: 38px;margin-bottom: 8px}
#banner-slider-demo-13 .slide3-content a.btn-default {font-size: 8px;width: 80px;height: 25px;line-height: 25px;padding: 0;margin-right: 1px}
.footer-container.fixed-position .footer-bottom address {display: none}
.footer-container.fixed-position .footer-bottom {text-align: center}
.footer-container.fixed-position .footer-bottom .social-icons {display: inline-block;float: none}
.header-container .top-links-icon {display: inline-block}
.category-boxed-banner .banner-text a.shop-now {margin-left: 10px;font-size: 9px}
.full-width-image-banner {height: 200px}
.full-width-image-banner .content {margin-top: -16px}
.full-width-image-banner h2 {margin: 0;font-size: 30px;line-height: 1.1}
.full-width-image-banner p {display: none}
#banner-slider-demo-11 .content-1 {padding: 11px 7px 5px;margin-left: -53px;margin-top: -32px}
#banner-slider-demo-11 .content-1 > div:first-child {padding-right: 2px}
#banner-slider-demo-11 .content-1 p {font-size: 7px;margin-left: 2px}
#banner-slider-demo-11 .content-1 h3 {font-size: 22px}
#banner-slider-demo-11 .content-1 h3 b {margin-top: -6px}
#banner-slider-demo-11 .content-1 em {font-size: 6px;margin-right: 1px}
#banner-slider-demo-11 .content-1 h4 {font-size: 12px}
#banner-slider-demo-11 .content-1 h5 {font-size: 6px;margin-top: -1px}
#banner-slider-demo-11 .content-2 {right: 8px;bottom: 8px}
#banner-slider-demo-11 .content-2 > div {padding: 3px 6px}
#banner-slider-demo-11 .content-2 > div:first-child {margin: -1px 0;padding-left: 9px}
#banner-slider-demo-11 .content-2 p {font-size: 7px;margin-left: 1px}
#banner-slider-demo-11 .content-2 h3 {font-size: 16px}
#banner-slider-demo-11 .content-2 em {font-size: 6px;margin-right: 1px}
#banner-slider-demo-11 .content-2 h4 {font-size: 12px}
#banner-slider-demo-11 .content-2 h5 {font-size: 6px;margin-top: -1px}
#banner-slider-demo-11 .content-2 a {font-size: 6px;margin-right: -3px}
.checkout-progress li {width: 49%}
.category-products .products-grid.flex-grid .item .details-area .actions a.addtocart {padding: 0;width: 40px}
.category-products .products-grid.flex-grid .item .details-area .actions a.addtocart span {display: none}
}
@media (max-width: 480px) {
.category-products .products-grid.flex-grid .item .details-area .actions {margin: 0 -10px}
.item .details-area .actions a.addtowishlist, .item .details-area .actions a.comparelink {display: none}
body.boxed .page {width: 320px}
.add-to-cart button.button {width: 110px}
.add-to-cart button.button span {font-size: 11px}
.toolbar .pager {clear: both;}
.sorter .view-mode {float: right;margin-right: -3px;}
.sorter .limiter {float: left}
.pager .pages {float: left}
.col-main .category-products .products-list li.item .item-area {text-align: center}
.products-list .product-image-area {width: 280px;display: inline-block;float: none}
.products-list .details-area {margin-left: 0;text-align: left}
.category-banner .banner-text h2 {font-size: 14px}
.category-boxed-banner .banner-text h2 {font-size: 14px}
.col1-layout .product-view .product-info {float: none;width: auto;border-bottom: 1px solid #EBEBEB}
.col1-layout .product-options {float: none;width: auto;border-bottom: 1px solid #EBEBEB}
.col1-layout .product-view .product-options + div.clearer, .col1-layout .product-view .product-info + div.clearer {border: 0}
.homepage-grid-banner .grid1 .content h2 {font-size: 25px}
.homepage-grid-banner .grid1 .content p {font-size: 17.68px;margin-bottom: 6px;margin-right: 2.4px}
.slider-with-side .slider-area .item .content .text-area p {display: none}
.slider-with-side .slider-area .item .content .ribbon {right: 3px;top: 1px}
.slider-with-side .slider-area .item .content .ribbon em {font-size: 6px;margin-right: 22px}
.slider-with-side .slider-area .item .content .ribbon h3 {font-size: 14px;margin-right: 2px}
.slider-with-side .slider-area .item .content .ribbon h5 {font-size: 6px;margin-top: -1px}
.slide3-1-content p {margin-bottom: 3px;font-size: 8px}
.slide3-1-content h2 {font-size: 17px;margin-bottom: 10px}
.slide3-1-content .price-area em {font-size: 7px}
.slide3-1-content .price-area em:first-child {margin-bottom: -2px}
.slide3-1-content .price-area h3 {font-size: 21px}
.slide3-1-content .button-area {padding-left: 10px;margin-left: 10px}
.slide3-1-content a.btn-default {height: 28px;font-size: 11px;line-height: 28px;padding: 0 13px 0 15px;border-radius: 3px}
.slide3-1-content a.btn-default i {width: 12px;height: 12px;line-height: 11px;font-size: 9px;margin-bottom: 2px;margin-left: 8px}
.slide3-2-content em {font-size: 8px;margin-left: 0;margin-bottom: 0}
.slide3-2-content h2 {font-size: 20px;margin-bottom: 0}
.slide3-2-content p {font-size: 12px;margin-bottom: 5px}
.slide3-2-content a {font-size: 11px}
.slide3-2-content a > i {width: 10px;height: 10px;line-height: 9px;font-size: 9px;margin-bottom: 1px;margin-left: 4px}
.parallax-wrapper.parallax-with-subscribe .parallax-slider p {display: none}
.parallax-wrapper.parallax-with-subscribe .parallax-subscribe {margin-top: 20px}
.header-container.type1 .header .form-search, .header-container.type2 .header .form-search, .header-container.type3 .header .form-search, .header-container.type4 .header .form-search, .header-container.type5 .header .form-search, .header-container.type6 .header .form-search, .header-container.type22 .header .form-search, .header-container.type14 .header .form-search, .header-container.type7 .header .form-search, .header-container.type13 .header .form-search, .header-container.type26 .header .form-search, .header-container.type8 .header .form-search, .header-container.type17 .header .form-search, .header-container.type9 .header .form-search, .header-container.type10 .header .form-search, .header-container.type28 .header .form-search, .header-container.type20 .header .form-search, .header-container.type21 .header .form-search {width: 300px}
.ratings-table.data-table thead {display: none}
.ratings-table.data-table tbody td {padding: 15px 5px}
.buttons-set button.button {float: none;width: 100%;margin: 0 0 5px}
.parallax-category-banner .parallax {padding: 30px 0}
.parallax-content h2 {font-size: 25px}
.parallax-content p {font-size: 11px}
.footer-bottom .custom-block {margin-left: 0}
.footer-bottom address {float: left;line-height: 1.4;margin: 5px 0}
.full-width-image-banner {height: 150px}
.full-width-image-banner .content {margin-top: -13px}
.full-width-image-banner h2 {margin: 0;font-size: 24px;line-height: 1.1}
.full-width-image-banner p {display: none}
.footer-top-subscribe .input-box {text-align: left;max-width: 100%}
#banner-slider-demo-16 .text-content em {font-size: 10px;margin-bottom: 0}
#banner-slider-demo-16 .text-content h2 {font-size: 25px;letter-spacing: 0}
#banner-slider-demo-16 .text-content p {margin: 0}
#banner-slider-demo-16 .text-content p span {font-size: 12px;padding-left: 1px;display: block}
#banner-slider-demo-16 .text-content p a {font-size: 9px;padding: 5px 11px;margin-left: 0;margin-top: 5px;float: left !important}
.top-newsletter {display: none}
.product-tabs > ul li {display: block;float: none}
#home-content-slider-demo-20 .item > div.content {max-width: 50%}
.offer-deal .item .content h3 a {font-size: 30px;line-height: 25px;}
.offer-deal .item .content p {font-size: 16px;line-height: 25px;}
.offer-deal .item .content .btn-default {font-size: 11px;padding: 8px 12px;margin-top: 5px;}
.sorter .limiter label {
min-width: 45.14px;
display: inline-block;
}
}
@media (min-width: 992px) {
.category-products .products-grid.flex-grid.columns2 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns2 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns3 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns3 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns3 li.item:nth-child(3) .item-area, .category-products .products-grid.flex-grid.columns4 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns4 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns4 li.item:nth-child(3) .item-area, .category-products .products-grid.flex-grid.columns5 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns5 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns5 li.item:nth-child(3) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(3) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(4) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(5) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(3) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(4) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(5) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(3) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(4) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(5) .item-area {border-top-color: transparent}
}
@media (min-width: 1200px) {
.col-xl-2-4 {width: 20%}
.col-xl-9-6 {width: 80%}
.category-products .products-grid.flex-grid.columns2 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns2 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns3 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns3 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns3 li.item:nth-child(3) .item-area, .category-products .products-grid.flex-grid.columns4 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns4 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns4 li.item:nth-child(3) .item-area, .category-products .products-grid.flex-grid.columns4 li.item:nth-child(4) .item-area, .category-products .products-grid.flex-grid.columns5 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns5 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns5 li.item:nth-child(3) .item-area, .category-products .products-grid.flex-grid.columns5 li.item:nth-child(4) .item-area, .category-products .products-grid.flex-grid.columns5 li.item:nth-child(5) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(3) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(4) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(5) .item-area, .category-products .products-grid.flex-grid.columns6 li.item:nth-child(6) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(3) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(4) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(5) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(6) .item-area, .category-products .products-grid.flex-grid.columns7 li.item:nth-child(7) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(1) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(2) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(3) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(4) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(5) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(6) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(7) .item-area, .category-products .products-grid.flex-grid.columns8 li.item:nth-child(8) .item-area {border-top-color: transparent}
}
@media screen and(-ms-high-contrast: active),(-ms-high-contrast: none) {
.rating-box {width: 65px;height: 12px;font-size: 0;line-height: 0;text-indent: -999em;overflow: hidden;position: relative}
.rating-box:before {font-family: "porto";content: "\e852\20\e852\20\e852\20\e852\20\e852";width: 65px;height: 12px;color: #DDDDDD;display: inline;font-size: 11px;line-height: 12px;white-space: nowrap}
.rating-box .rating {float: left;height: 12px;position: absolute;left: 0;top: 0;overflow: hidden}
.rating-box .rating:before {font-family: "porto";content: "\e852\20\e852\20\e852\20\e852\20\e852";width: 65px;height: 12px;color: #FFC600;display: inline;font-size: 11px;line-height: 12px;white-space: nowrap}
}
@media (min-width: 576px) {
.fullwidth-row {
width: 100vw;
margin-left: calc(270px - 50vw);
}
}
@media (min-width: 768px) {
.fullwidth-row {
width: 100vw;
margin-left: calc(360px - 50vw);
}
}
@media (min-width: 992px) {
.fullwidth-row {
width: 100vw;
margin-left: calc(480px - 50vw);
}
}
@media (min-width: 1200px) {
.fullwidth-row {
width: 100vw;
margin-left: calc(570px - 50vw);
}
}
a.right-side-open {
position: fixed;
right: 0;
top: 22%;
display: block;
font-size: 23px;
color: #818181;
line-height: 49px;
z-index: 9;
width: 51px;
height: 49px;
background-color: #F5F5F5;
border: #DCDCDA solid 1px;
border-right: 0;
text-align: center;
opacity: 0;
transition: all 0.2s;
visibility: hidden;
}
@media (max-width: 991px) {
.catalog-product-view .col2-right-layout .col-right.sidebar {
position: fixed;
background: #FFFFFF;
z-index: 999;
padding: 20px 5px;
top: 0;
height: 100vh;
overflow-y: auto;
right: 0;
max-width: 100%;
width: 280px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
border: 1px solid #D2D2D2;
opacity: 0;
visibility: hidden;
transition: all 0.3s;
}
.catalog-product-view .col2-right-layout .col-right.sidebar.open {
opacity: 1;
visibility: visible;
}
.catalog-product-view .col2-right-layout .col-main {
-webkit-flex: 0 0 100%;
-moz-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.catalog-product-view .col2-right-layout .col-right.sidebar.open + .mobile-layer-overlay {
opacity: 0.2;
visibility: visible;
filter: alpha(opacity=100);
}
a.right-side-open {
visibility: visible;
opacity: 1;
}
}
.header-container.type10 {border: 0;background-color: #0083C1}
.header-container.type10 .top-links-container {background-color: #008ACC}
.header-container.type10 .top-links-container span.split {border-color: #EEEEEE}
.header-container.type10 .links li {border-left-color: #EEEEEE}
.header-container.type10 .top-links ul.links a {color: #FFFFFF}
.header-container.type10 .top-links-icon {color: #FFFFFF}
.header-container.type10 .welcome-msg {color: #FFFFFF}
.header-container.type10 .search-area {position: static;margin: 0}
.header-container.type10 .header {color: #FFFFFF}
.header-container.type10 .header a {color: inherit}
.header-container.type10 .header .form-search {border-color: transparent;background-color: #006393}
.header-container.type10 .header .form-search #search {background-color: transparent;color: #DDDDDD}
.header-container.type10 .header .form-search #cat {border-color: #0076AE;border-color: rgba(255, 255, 255, .2);color: #FFFFFF;background-color: transparent}
.header-container.type10 .header .form-search button.button {color: #FFFFFF;background-color: transparent}
.header-container.type10 .header .custom-block {margin-right: 10px}
.header-container.type10 .header .custom-block > * {display: inline-block;vertical-align: middle}
.header-container.type10 .header .custom-block span.split {height: 14px;width: 1px;border-right: 1px solid #EEEEEE;margin: 0 13px}
.header-container.type10 .header .custom-block a {font-size: 12px}
.header-container.type10 .mini-cart {position: relative;margin: 0;display: inline-block;vertical-align: middle;left: 0;top: -3px}
.header-container.type10 .header .form-search {width: 450px}
.header-container.type10 .mybag-link {position: relative;padding: 2px 0}
.header-container.type10 .mybag-link span {display: none}
.header-container.type10 .mybag-link .cart-info {display: block;position: absolute;text-align: center;width: 100%;top: 50%;margin-top: -8px}
.header-container.type10 .mybag-link .cart-qty {display: block;font-size: 16px;color: #000000}
.header-container.type10 .mybag-link i {font-size: 35px}
.header-container.type10 .top-links > .top-select:first-child .selectbox .select {padding-left: 0}
.header-container.type10 .header .search-icon {display: none}
.header-container.type10 .header-wrapper {background-color: #FFFFFF;text-align: left;border-bottom: 1px solid #EEEEEE}
.header-container.type10 .header-wrapper > .container {padding: 0 5px}
.header-container.type10 .dropdown-menu {border: 0;margin: 0;position: relative;width: 25%;min-width: 244px;overflow: visible;z-index: 9;display: inline-block;padding: 0 10px}
.header-container.type10 .dropdown-menu .menu-container {position: relative}
.cms-index-index .header-container.type10 .dropdown-menu:hover .menu-container > a, .header-container.type10 .dropdown-menu .menu-container > a {color: #FFFFFF;background-color: #303030;padding: 14px 15px;width: 100%;font-size: 13px;font-weight: 700;display: block}
.header-container.type10 .dropdown-menu:hover .menu-container > a {background-color: #777777;text-decoration: none}
.cms-index-index .header-container.type10 .dropdown-menu .menu-container > a {pointer-events: none}
.header-container.type10 .dropdown-menu .menu-container > a > i {margin-right: 5px}
.header-container.type10 .dropdown-menu .menu-container > .menu.side-menu {position: absolute;left: 0;width: 100%;background-color: #FFFFFF;box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);border-bottom: 5px solid #303030;visibility: hidden;opacity: 0;transition: 200ms opacity}
.header-container.type10 .dropdown-menu .menu-container > .menu.side-menu.show, .cms-index-index .header-container.type10 .dropdown-menu .menu-container > .menu.side-menu {visibility: visible;opacity: 1}
.header-container.type10 .dropdown-menu .container {padding: 0}
.header-container.type10 .menu-wrapper > .custom-menu-block {display: inline-block;line-height: 41px}
.header-container.type10 .menu-wrapper > .custom-menu-block a {padding: 0 14px;font-size: 12px;font-weight: 600;color: #777777;white-space: nowrap}
.header-container.type10 .header .form-search {border: 0}
.header-container.type10 .header .form-search #cat {border-color: #CCCCCC}
.cms-index-index .header-container.type10.sticky-header .dropdown-menu .menu-container > a {pointer-events: all}
.cms-index-index .header-container.type10.sticky-header .dropdown-menu .menu-container > .menu.side-menu {visibility: hidden;opacity: 0}
.cms-index-index .header-container.type10.sticky-header .dropdown-menu .menu-container > .menu.side-menu.show {visibility: visible;opacity: 1}
.header-container.type10.sticky-header .menu-wrapper .mini-cart {top: 0}
@media (max-width: 991px) {
.header-container.type10 .header-wrapper {display: block}
.header-container.type10 .header .custom-block {display: none}
.header-container.type10 .header .logo img {height: 50px}
.header-container.type10 .header #search_mini_form {display: none;width: 0;margin: 0}
.cms-index-index .header-container.type10 .dropdown-menu .menu-container > a {pointer-events: all}
.header-container.type10 .cart-area {float: right;position: static;margin: 35px 0}
.header-container.type10 .search-area {position: relative;left: 0;top: 0;float: right;margin: 35px 10px;z-index: 2}
.header-container.type10 .search-area .search-icon {display: block;line-height: 40px}
.header-container.type10 .mini-cart {width: auto;position: relative;top: -3px;left: 0}
.header-container.type10 .header .form-search {width: 450px;position: absolute;right: -60px;top: 40px;overflow: visible;border-width: 5px;border-radius: 25px;border-color: #CCCCCC}
.header-container.type10 .header .form-search:before {content: "";display: block;position: absolute;right: 55px;top: -25px;width: 20px;height: 20px;border: 10px solid transparent;border-bottom-color: #CCCCCC}
.header-container.type10 .dropdown-menu .menu-container > .menu.side-menu {display: none !important}
}
@media (min-width: 992px) {
.header-container.type10 .mobile-nav.side-block {display: none !important}
}
@media (max-width: 640px) {
.header-container.type10 .links {display: none;position: absolute;right: 0;z-index: 9;background-color: #FFFFFF !important;border-radius: 3px;margin: 0;padding: 5px 0;text-align: right;border: 1px solid #CCCCCC}
.header-container.type10 .links li {display: block;border: 0;padding: 0}
.header-container.type10 .links li a {color: #777777 !important;white-space: nowrap;padding: 0 10px;display: block;transition: all .2s;font-weight: 400}
}
.cms-index-index .header-container.type10.header-newskin.sticky-header .dropdown-menu .menu-container > a {pointer-events: all}
.cms-index-index .header-container.type10.header-newskin.sticky-header .dropdown-menu .menu-container > .menu.side-menu {visibility: hidden;opacity: 0}
.cms-index-index .header-container.type10.header-newskin.sticky-header .dropdown-menu .menu-container > .menu.side-menu.show {visibility: visible;opacity: 1}
.header-container.type10.header-newskin.sticky-header .menu-wrapper .mini-cart {top: 0}
.header-container.type10.header-newskin {border: 0}
.header-container.type10.header-newskin .top-links-container {background-color: #FFFFFF}
.header-container.type10.header-newskin .top-links-container span.split {border-color: #EEEEEE;display: none;}
.header-container.type10.header-newskin .links li {border: none;font-size: 11px;letter-spacing: 0.025em;}
.header-container.type10.header-newskin .top-links ul.links a {color: #999999}
.header-container.type10.header-newskin .top-links-icon {color: #999999}
.header-container.type10.header-newskin .welcome-msg {color: #999999;font-size: 11px;letter-spacing: 0.025em;}
.header-container.type10.header-newskin .search-area {position: static;margin: 0}
.header-container.type10.header-newskin .selectbox .select {color: #999999;font-size: 11px;letter-spacing: 0.025em;}
.header-container.type10.header-newskin .header {color: #FFFFFF}
.header-container.type10.header-newskin .header a {color: inherit;padding: 0;}
.header-container.type10.header-newskin .logo {padding-left: 15px;}
.header-container.type10.header-newskin .header .form-search {border-color: transparent;background-color: #006393}
.header-container.type10.header-newskin .header .form-search #search {background-color: transparent;color: #DDDDDD;font-family: 'Arial';}
.header-container.type10.header-newskin .header .form-search #cat {border-color: #0076AE;border-color: rgba(255, 255, 255, .2);color: #FFFFFF;background-color: transparent;font-family: 'Arial';}
.header-container.type10.header-newskin .header .form-search button.button {color: #FFFFFF;background-color: transparent}
.header-container.type10.header-newskin .header .form-search button.button i:before {
content: "\e884";
}
.header-container.type10.header-newskin .header .custom-block {display: inline-block;text-align: left;font-size: 11px;height: 42px;line-height: 1;border-right: solid 1px #E4417B;padding-right: 35px;margin-right: 15px;}
.header-container.type10.header-newskin .cart-area {padding-right: 15px;}
.header-container.type10.header-newskin .mini-cart {position: relative;margin: 0;display: inline-block;vertical-align: middle;left: 0;top: 0}
.header-container.type10.header-newskin .header .form-search {width: 420px}
.header-container.type10.header-newskin .mybag-link i {font-size: 33px}
.header-container.type10.header-newskin .mybag-link .cart-qty {background-color: #F45B91;right: 19px;}
.header-container.type10.header-newskin .topCartContent:before {right: 40px;}
.header-container.type10.header-newskin .top-links > .top-select:first-child .selectbox .select {padding-left: 0}
.header-container.type10.header-newskin .header .search-icon {display: none}
.header-container.type10.header-newskin .header-wrapper {background-color: #FFFFFF;text-align: left;border: 0}
.header-container.type10.header-newskin .header-wrapper > .container {padding: 0}
.header-container.type10.header-newskin .dropdown-menu {margin: 0;border: 0;position: relative;width: 23%;min-width: 260px;overflow: visible;z-index: 9;display: inline-block;padding: 0;}
.header-container.type10.header-newskin .dropdown-menu .menu-container {position: relative}
.cms-index-index .header-container.type10.header-newskin .dropdown-menu:hover .menu-container > a, .header-container.type10.header-newskin .dropdown-menu .menu-container > a {color: #FFFFFF;background-color: #303030;width: 100%;display: block;text-transform: uppercase;font-size: 14px;letter-spacing: 0.075em;font-family: 'Oswald';font-weight: 400;padding: 13px 30px;}
.header-container.type10.header-newskin .dropdown-menu:hover .menu-container > a {background-color: #303030;text-decoration: none}
.cms-index-index .header-container.type10.header-newskin .dropdown-menu .menu-container > a {pointer-events: none;text-transform: uppercase;font-size: 14px;letter-spacing: 0.075em;font-family: 'Oswald';font-weight: 400;padding: 13px 30px;}
.header-container.type10.header-newskin .dropdown-menu .menu-container > a > i {margin-right: 15px;font-size: 18px;}
.header-container.type10.header-newskin .dropdown-menu .menu-container > .menu.side-menu {position: absolute;left: 0;width: 100%;background-color: #FFFFFF;visibility: hidden;opacity: 0;transition: 200ms opacity;border: #E6EBEE solid 1px;padding: 0 8px;box-shadow: none;}
.header-container.type10.header-newskin .dropdown-menu .menu-container > .menu.side-menu.show, .cms-index-index .header-container.type10.header-newskin .dropdown-menu .menu-container > .menu.side-menu {visibility: visible;opacity: 1}
.header-container.type10.header-newskin .dropdown-menu .container {padding: 0}
.header-container.type10.header-newskin .menu-wrapper:after {content: "";display: table;clear: both}
.header-container.type10.header-newskin .menu-wrapper > .custom-menu-block {display: inline-block;line-height: 41px;float: right;}
.header-container.type10.header-newskin .menu-wrapper > .custom-menu-block a {padding: 0 14px;font-size: 13px;font-family: 'Arial';font-weight: 500;color: #465157;white-space: nowrap;letter-spacing: 0.05em;}
.header-container.type10.header-newskin .menu-wrapper > .custom-menu-block a:last-child {padding-right: 0;}
.header-container.type10.header-newskin .header .form-search {border: 0}
.header-container.type10.header-newskin .header .form-search #cat {border-color: #CCCCCC}
.header-container.type10.header-newskin .mini-cart {margin-left: 15px;}
.header-container.type10.header-newskin:not(.sticky-header) .mybag-link {
padding-right: 19px;
top: 0;
}
.header-container.type10.header-newskin .mybag-link .cart-qty {
color: #FFFFFF;
font-size: 10px;
}
@media (max-width: 991px) {
.header-container.type10.header-newskin .header-wrapper {display: block}
.header-container.type10.header-newskin .header .custom-block {display: none}
.header-container.type10.header-newskin .header .logo img {height: 50px}
.header-container.type10.header-newskin .header #search_mini_form {display: none;width: 0;margin: 0}
.cms-index-index .header-container.type10.header-newskin .dropdown-menu .menu-container > a {pointer-events: all}
.header-container.type10.header-newskin .cart-area {float: right;position: static;margin: 35px 0}
.header-container.type10.header-newskin .search-area {position: relative;left: 0;top: 0;float: right;margin: 35px 10px;z-index: 2}
.header-container.type10.header-newskin .search-area .search-icon {display: block;line-height: 40px;font-size: 18px;}
.header-container.type10.header-newskin .mybag-link i {font-size: 25px;}
.header-container.type10.header-newskin .mybag-link .cart-qty {right: 15px;top: -9px;}
.header-container.type10.header-newskin .header .form-search {width: 450px;position: absolute;right: -60px;top: 40px;overflow: visible;border-width: 5px;border-radius: 25px;border-color: #CCCCCC}
.header-container.type10.header-newskin .header .form-search:before {content: "";display: block;position: absolute;right: 64px;top: -20px;width: 20px;height: 20px;border: 10px solid transparent;border-bottom-color: #FFFFFF}
.header-container.type10.header-newskin .dropdown-menu .menu-container > .menu.side-menu {display: none !important}
}
@media (max-width: 767px) {
.header-container.type10.header-newskin .logo {padding-left: 0;}
.header-container.type10.header-newskin .cart-area {padding-right: 0;}
.header-container.type10.header-newskin .header .form-search {right: -80px;}
.header-container.type10.header-newskin .header .form-search:before {right: 84px;}
}
@media (max-width: 640px) {
.header-container.type10.header-newskin .links {display: none;position: absolute;right: 0;z-index: 9;background-color: #FFFFFF !important;border-radius: 3px;margin: 0;padding: 5px 0;text-align: right;border: 1px solid #CCCCCC}
.header-container.type10.header-newskin .links li {display: block;border: 0;padding: 0}
.header-container.type10.header-newskin .links li a {color: #777777 !important;white-space: nowrap;padding: 0 10px;display: block;transition: all .2s;font-weight: 400}
}
@media (min-width: 992px) {
.header-container.type10.header-newskin .mobile-nav.side-block {display: none !important}
}
input, select, textarea, button,
input.input-text,
.btn, button.button span,
.sorter .view-mode i, .sorter .view-mode strong i, .sorter .view-mode a:hover i,
.pager li > a, .pager li > span, .pager .pages li,
.product-label span,
a.quickview-icon, a.addtocart, a.comparelink, a.addtowishlist,
.product-view .product-img-box li.etalage_thumb, .product-view .product-img-box li.etalage_small_thumbs li,
.qty-changer > a, .add-to-cart button.button span,
.product-view .product-shop .add-to-links a,
.sharing-tool-area .addthis_32x32_style .at300bs,
.product-tabs > ul li, .product-tabs .tab-content,
.form-list input.input-text, .form-list textarea, .form-list select,
.block.block-related .product .product-image img,
.cart .cart-table-wrap, .cart .discount h2, .cart .shipping h2, .cart .cart-collaterals h2,
.cart .discount h2 + *, .cart .shipping h2 + *, .cart .cart-collaterals h2 + *,
.cart .discount h2:before, .cart .shipping h2:before,
.featured-box, .featured-box .box-content, .featured-box .block-flickr-photos a.flickr-image,
.contacts-index-index .col-main .contact-info i,
.dashboard .welcome-msg,
.box .box-title, .box .box-content, .address-list li.item, .form-wrap, #form-validate,
.postBanner, .postWrapper .post-date .day, .postWrapper .post-date .month, .postBanner img, .block.block-blog-recent ul li div.post-image,
.commentWrapper i.icon-user, .commentWrapper .comment-area,
.fancybox-opened .fancybox-skin,
a.single-image,
.cart .discount h2.opened, .cart .shipping h2.opened,
.recent-posts .item .post-image, .recent-posts .item .post-image img,
.menu.side-menu > li.menu-item-has-children .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist, .form-wrap, #form-validate, #login-form, a.at300b .at4-icon, a.at300m .at4-icon,
.prev-next-products .product-nav .product-pop, input.input-text, select, textarea, body.boxed .header-container .top-links-container, .main-nav .menu > li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist, .error-msg, .success-msg, .note-msg, .notice-msg {border-radius: 0}
.header .form-search #search,
.header .form-search,
.header-container .selectbox .dropdown,
.header-container .links,
.menu-wrapper,
ul.menu > li,
.menu > li .nav-sublist-dropdown,
.topCartContent,
.block,
.block .block-title,
.block .block-title:before,
.block .block-content,
.block-layered-nav dt,
.block-layered-nav dt:before,
.block-layered-nav dd,
.block-layered-nav #narrow-by-list .layered-navigation-swatch,
.product-image-area, .item .product-image,
.product-swatches-container li a,
#success-message-container,
#after-loading-success-message,
.opc-wrapper-opc .login-trigger, .review-menu-block a.review-total,
.opc-wrapper-opc #opc-review-block, .md-content,
.tooltip-popup,
.category-boxed-banner .owl-item .item,
blockquote, .img-thumbnail, a.quickviewlink.quickview-icon, .compare-popup, .selectbox .select, .panel-title > a, .add-to-cart button.button span, body.boxed .page, #narrow-by-list dd .swatch-label, #narrow-by-list dd .swatch-label img, .swatch-link, .swatch-label, .swatch-link img {border-radius: 0 !important}
.product-image-area {padding: 0;border: 0}
.footer-middle .block.block-subscribe .input-box input.input-text {border: 1px solid #CCCCCC;background-color: transparent;border-radius: 4px;height: 34px}
.footer-middle .block.block-subscribe .input-box button {border-left: 1px solid #CCCCCC}
.footer-middle .block.block-subscribe .input-box button span {background-color: transparent;color: #777777;height: 34px;line-height: 34px}
/**
* WARNING: Do not change this file. Your changes will be lost.
* 2018-02-10 20:12:30 */
a, a:hover, input.qty, .form-wrap h2, #form-validate h2, .col-main .page-title h2, .sub-title, .data-table .product-name a, .cart-table .link-wishlist, .cart-table .link-wishlist:hover, .btn-remove, .btn-remove:hover, .header-container .links, .mini-cart .qty-price, .mini-cart .totals, .header-container.type4 .mybag-link i, .header-container.type4.header-newskin .mybag-link i, .header-container.type5 .mybag-link i, .header-container.type6 .mybag-link i, .header-container.type6 .menu-icon, .header-container.type6.header-newskin .mybag-link i, .header-container.type6.header-newskin .menu-icon, .header-container.type7 .mybag-link i, .header-container.type13 .mybag-link i, .header-container.type26 .mybag-link i, .header-container.type9 .top-links a, .header-container.type9 .mybag-link i, .header-container.type10 .top-links a, .fixed-header ul.menu > li > a, .main-nav ul.menu > li > a, .fixed-header .mybag-link i, .menu.side-menu > li.menu-static-width > a:after, .menu.side-menu > li.menu-item-has-children > a:after, .menu.side-menu > li.menu-full-width > a:after, .mini-products-list li .product-name a:hover, .block-category-nav .category-list a.plus, .col-main.filter-products li.item:hover .price-box .price, .review-area .review-by b, .add-to-cart .qty, .product-tabs > ul li a, .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .cart-table td.td-total .cart-price, .sp-methods .price, .opc .step-title .number, .opc .step-title h2, #opc-review tr td.last .cart-price .price, #wishlist-table .product-name a, #totop, .block.block-related .owl-theme .owl-controls .owl-buttons div, .order-products-table .price, .block-account ul li strong, .block-account ul li a:hover, .block.block-blog-categories a:hover, p .alternative-font, .entry-content h3, .history h4, .block.block-blog-recent ul li a, .postWrapper .post-date .day, .postDetails > span a:hover, .postBookmarks a:hover, .post-share h3, .postComments .postTitle h2, #postComment h4.legend, .cms-index-index .tp-caption.very_large_text, .cms-index-index .tp-caption.large_thin, .cms-index-index .tp-caption.title1, .cms-index-index .tp-caption a.btn-white, .cms-index-index .tp-caption a.btn-white:hover, .slide .product .price, h3.filter-title, .filterproducts-tab .filter-title ul li.active a, .feature-box.secundary .feature-box-icon, .owl-top-narrow .owl-controls .owl-buttons div, .owl-bottom-narrow .owl-controls .owl-buttons div, .recent-posts .post-date .day, .true-color, ul.list.icons li i.icon, .owl-middle-narrow .owl-controls .owl-buttons div, .featured-post h4, .post-a-day, .post-a-year, .owl-theme.banner-carousel .owl-controls .owl-buttons div, .product-options .product-swatches-container .has-swatches a.active, .col-main .page-title h1, .col-main .page-title h2, .product-view .product-options .swatch-attr .select-label, .availability-only strong, .product-image-area .actions a.addtocart, .opc-wrapper-opc a:hover, .opc-wrapper-opc .opc-review-actions .view-agreement:hover, .header-container.type9 .main-nav ul.menu > li.act > a, .header-container.type9 .main-nav ul.menu > li:hover > a, .header-container.type10 .main-nav ul.menu > li.act > a, .header-container.type10 .main-nav ul.menu > li:hover > a, .price-excluding-tax .price, .price-including-tax .price, .checkout-progress li.active, .header-container.type1.sticky-header .menu-wrapper .mybag-link .cart-qty, .header-container.sticky-header .menu-wrapper .mybag-link i, .multiple-checkout .place-order .grand-total .price, .header-container.type14 .mybag-link .cart-info, .header-container.type14 .mybag-link i, .header-container.type14 .menu-icon, .owl-item.loading:before, .filter-products .products .owl-item.loading .product-image:before {color: #DB3570}
@-moz-keyframes f_fadeG {
0% {background-color: #DB3570}
100% {background-color: #FFFFFF}
}
@-webkit-keyframes f_fadeG {
0% {background-color: #DB3570}
100% {background-color: #FFFFFF}
}
@-ms-keyframes f_fadeG {
0% {background-color: #DB3570}
100% {background-color: #FFFFFF}
}
@-o-keyframes f_fadeG {
0% {background-color: #DB3570}
100% {background-color: #FFFFFF}
}
@keyframes f_fadeG {
0% {background-color: #DB3570}
100% {background-color: #FFFFFF}
}
.theme-color {color: #DB3570 !important}
.theme-hover-color:hover {color: #DB3570 !important}
.theme-bg-color {background-color: #DB3570 !important}
.theme-border-color {border-color: #DB3570 !important}
.theme-hover-bg-color:hover {background-color: #DB3570}
button.button span, .pager li > a:hover, .pager li > a:focus, .pager .pages .current, .sorter .view-mode strong i, .sorter .view-mode a:hover i, .data-table button.button:hover > span, .link-cart:hover, .header-container.type2 .mybag-link, .header-container.type5 .top-links-container, .header-container.type6 .top-links-container, .header-container.type6.header-newskin .top-links-container, .header-container.type7 .top-links-container, .header-container.type13 .top-links-container, .header-container.type26 .top-links-container, .header-container.type8 .top-links-container, .fixed-header ul.menu > li:hover, .main-nav ul.menu > li:hover, .fixed-header ul.menu > li.act, .main-nav ul.menu > li.act, .menu.side-menu > li:hover, .menu.side-menu > li.menu-item-has-children .nav-sublist-dropdown, .menu.side-menu > li.menu-item-has-children .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist, .block-layered-nav dt:hover:before, .block-category-nav .block-title:hover:before, .price-filter-slider .text-box input.go, .item:hover .details-area .actions a.addtocart, .col-main .category-products .products-list li.item .details-area .actions a.addtocart, .cart .crosssell button.button:hover > span, .cart .discount h2:hover:before, .cart .shipping h2:hover:before, .block.block-facebook-like .block-title a.btn-like, .btn-primary, .contacts-index-index .col-main .contact-info i, .block.block-blog-tags ul li a:hover, .postWrapper .post-date .month, .feature-box .feature-box-icon, .full-screen-slider .item > div.content .sale-bar a .icon-angle-down, .recent-posts .post-date .month, .post-a-month, .owl-theme .owl-controls .owl-page.active span, .footer-ribbon, .owl-theme .owl-controls.clickable .owl-page:hover span, .btn-default, .btn-default:hover, a.quickview-icon, .product-options .product-swatches-container .has-swatches a.active.selected, .cms-index-index blockquote.testimonial, .expand_plus, .review-menu-block a.review-total, .image-link span.category-title, .category-products .products-grid.flex-grid .item .details-area .actions a.addtocart, .header-container.type14 .top-links-container {background-color: #DB3570}
.pager li > a:hover, .pager li > a:focus, .pager .pages .current, .sorter .view-mode strong i, .sorter .view-mode a:hover i, .data-table button.button:hover > span, .link-cart:hover, .item:hover .details-area .actions a.addtocart, .col-main .category-products .products-list li.item .details-area .actions a.addtocart, .cart .crosssell button.button:hover > span, .cart .discount h2:hover:before, .cart .shipping h2:hover:before, .btn-primary, i.ajax-loader, #narrow-by-list dd .swatch-link:hover .swatch-label, .configurable-swatch-list .hover .swatch-link, .configurable-swatch-list .selected .swatch-link, .swatch-link:hover, .block-layered-nav #narrow-by-list ol.swatches li a:hover .layered-navigation-swatch, .product-image-area .actions a.addtocart, .opc-wrapper-opc #opc-review-block, .newsletter_popup {border-color: #DB3570}
.form-wrap, #form-validate, .option-detail .item-options, .header-container.type2, .header-container.type4, .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown, .block.block-subscribe.home-sidebar-block, .product-tabs > ul li.active, .history .featured-box .box-content, .homepage-grid-banner .ribbon:before, .owl-banner-carousel .content.type2 h2, .featured-box .box-content, .cms-index-index .testimonial-arrow-down, #success-message-container, .checkout-progress li.active, .form-wrap, #form-validate, #login-form, .fixed-header ul.menu > li .nav-sublist-dropdown, .main-nav ul.menu > li .nav-sublist-dropdown, .image-link span.category-title:before, body.boxed .page {border-top-color: #DB3570}
.topCartContent:before, .availability-only span, .availability-only a, .prev-next-products .product-nav .product-pop:before, .compare-popup:before, .panel-title > a {border-bottom-color: #DB3570}
.opc-wrapper-opc #opc-review-block:before {border-bottom-color: #DB3570 !important}
.product-tabs.vertical > ul li.active, .panel-title > a {border-left-color: #DB3570}
.image-link span.category-title:before {border-right-color: #DB3570}
.menu.side-menu > li .nav-sublist-dropdown {
border-left-color: #DB3570}
@media (max-width: 1199px) {
.owl-banner-carousel .content.type2 h2 {border-top-color: #DB3570}
}
@media (max-width: 991px) {
.header-container.type5 .top-links-icon, .header-container.type5 .top-links-icon a {color: #DB3570}
.owl-banner-carousel .content.type2 h2 {border-top-color: #DB3570}
}
@media (max-width: 767px) {
.owl-banner-carousel .content.type2 h2 {border-top-color: #DB3570}
}
.data-table button.button:hover > span,
button.button span {
}
button.button:hover span {
}
.data-table button.button:hover > span {}
span.new-product-icon {
background-color: #0FC567;
}
span.sale-product-icon {
background-color: #FE5858;
}
.fixed-header .menu > li > a > span.cat-label.cat-label-label1, .main-nav .menu > li > a > span.cat-label.cat-label-label1, .fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1, .main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label1, div.mobile-nav .sw-mobile-menu li > a span.cat-label.cat-label-label1, .menu.side-menu li > a span.cat-label.cat-label-label1 {
}
.fixed-header .menu > li > a > span.cat-label.cat-label-label2, .main-nav .menu > li > a > span.cat-label.cat-label-label2, .fixed-header .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2, .main-nav .menu > li .nav-sublist-dropdown ul li a > span > span.cat-label.cat-label-label2, div.mobile-nav .sw-mobile-menu li > a span.cat-label.cat-label-label2, .menu.side-menu li > a span.cat-label.cat-label-label2 {
}
.top-container > .breadcrumbs {background-color: #FFFFFF}
.top-container > .breadcrumbs {color: #777777}
.breadcrumbs li a {color: #777777}
.breadcrumbs li a:hover {color: #777777}
.header-container.type2 .top-links-container,
.header-container.type3 .top-links-container, .header-container.type3.header-newskin .top-links-container,
.header-container.type19 .top-links-container,
.header-container.type20 .top-links-container,
.header-container.type4 .top-links-container,
.header-container.type4.header-newskin .top-links-container,
.header-container.type5 .top-links-container,
.header-container.type6 .top-links-container,
.header-container.type6.header-newskin .top-links-container,
.header-container.type14 .top-links-container,
.header-container.type27 .top-links-container,
.header-container.type7 .top-links-container,
.header-container.type13 .top-links-container,
.header-container.type26 .top-links-container,
.header-container.type10.header-newskin .top-links-container,
.header-container.type9 .top-links-container,
.header-container.type10 .top-links-container {
background-color: #FFFFFF;
}
.header-container.type1 ul.links a, .header-container.type1 .search-area > a, .header-container.type1 .selectbox .select, .header-container.type1 .welcome-msg, .header-container.type1 .top-links-icon, .header-container.type1 .top-links-icon a, .header-container.type1 .menu-icon a,
.header-container.type2 .selectbox .select, .header-container.type2 .welcome-msg, .header-container.type2 .top-links ul.links a, .header-container.type2 .top-links-icon,
.header-container.type3 .selectbox .select, .header-container.type3 .welcome-msg, .header-container.type3 .top-links ul.links a, .header-container.type3 .top-links-icon, .header-container.type3 .top-links-icon a, .header-container.type3.header-newskin .selectbox .select, .header-container.type3.header-newskin .welcome-msg, .header-container.type3.header-newskin .top-links ul.links a, .header-container.type3.header-newskin .top-links-icon, .header-container.type3.header-newskin .top-links-icon a,
.header-container.type19 .selectbox .select, .header-container.type19 .welcome-msg, .header-container.type19 .top-links ul.links a, .header-container.type19 .top-links-icon, .header-container.type19 .top-links-icon a,
.header-container.type20 .selectbox .select, .header-container.type20 .welcome-msg, .header-container.type20 .top-links ul.links a, .header-container.type20 .top-links-icon, .header-container.type20 .top-links-icon a,
.header-container.type4 .selectbox .select, .header-container.type4 .welcome-msg, .header-container.type4 .top-links ul.links a, .header-container.type4 .top-links-icon,
.header-container.type4.header-newskin .selectbox .select, .header-container.type4.header-newskin .welcome-msg, .header-container.type4.header-newskin .top-links ul.links a, .header-container.type4.header-newskin .top-links-icon,
.header-container.type5 .welcome-msg, .header-container.type5 .selectbox .select,
.header-container.type6 .selectbox .select, .header-container.type6 .welcome-msg, .header-container.type6 .top-links ul.links a, .header-container.type6 .top-links-icon, .header-container.type6 .top-links-icon a,
.header-container.type6.header-newskin .selectbox .select, .header-container.type6.header-newskin .welcome-msg, .header-container.type6.header-newskin .top-links ul.links a, .header-container.type6.header-newskin .top-links-icon, .header-container.type6.header-newskin .top-links-icon a,
.header-container.type14 .selectbox .select, .header-container.type14 .welcome-msg, .header-container.type14 .top-links ul.links a, .header-container.type14 .top-links-icon, .header-container.type14 .top-links-icon a,
.header-container.type27.header-newskin .selectbox .select, .header-container.type27 .welcome-msg, .header-container.type27 .top-links ul.links a, .header-container.type27 .top-links-icon, .header-container.type27 .top-links-icon a,
.header-container.type7 .selectbox .select, .header-container.type7 .welcome-msg, .header-container.type7 .top-links ul.links a, .header-container.type7 .top-links-icon, .header-container.type7 .top-links-icon a,
.header-container.type13 .selectbox .select, .header-container.type13 .welcome-msg, .header-container.type13 .top-links ul.links a, .header-container.type13 .top-links-icon, .header-container.type13 .top-links-icon a,
.header-container.type26 .selectbox .select, .header-container.type26 .welcome-msg, .header-container.type26 .top-links ul.links a, .header-container.type26 .top-links-icon, .header-container.type26 .top-links-icon a,
.header-container.type9 .selectbox .select, .header-container.type9 .welcome-msg, .header-container.type9 .top-links ul.links a, .header-container.type9 .top-links-icon, .header-container.type9 .top-links-icon a,
.header-container.type10 .selectbox .select, .header-container.type10 .welcome-msg, .header-container.type10 .top-links ul.links a, .header-container.type10 .top-links-icon, .header-container.type10 .top-links-icon a,
.header-container.type10.header-newskin .selectbox .select, .header-container.type10.header-newskin .welcome-msg, .header-container.type10.header-newskin .top-links ul.links a, .header-container.type10.header-newskin .top-links-icon, .header-container.type10.header-newskin .top-links-icon a,
.header-container.type8 .selectbox .select, .header-container.type8 .welcome-msg, .header-container.type8 .top-links-area ul.links a, .header-container.type8 .header .search-area > a.search-icon, .header-container.type8 .top-links-icon, .header-container.type8 .top-links-icon a, .header-container.type8 .header .search-area a.search-icon, .header-container.type8 .menu-icon a, .header-container.type2 .compare-link > a, .header-container.type3 .compare-link > a, .header-container.type3.header-newskin .compare-link > a, .header-container.type4 .compare-link > a, .header-container.type5 .compare-link > a, .header-container.type6 .compare-link > a, .header-container.type6.header-newskin .compare-link > a, .header-container.type14 .compare-link > a, .header-container.type7 .compare-link > a, .header-container.type13 .compare-link > a, .header-container.type26 .compare-link > a, .header-container.type8 .compare-link > a, .header-container.type9 .compare-link > a, .header-container.type10 .compare-link > a, .header-container.type19 .compare-link > a, .header-container.type20 .compare-link > a, .header-container.type4.header-newskin .compare-link > a,
.header-container.type12 ul.links a, .header-container.type12 .search-area > a, .header-container.type12 .selectbox .select, .header-container.type12 .top-links-icon, .header-container.type12 .top-links-icon a, .header-container.type12 .menu-icon a, .header-container.type13 .top-links a, .header-container.type26 .top-links a {
color: #999999;
}
.header-container.type1,
.header-container.type2,
.header-container.type3, .header-container.type3.header-newskin,
.header-container.type19,
.header-container.type20,
.header-container.type4.header-newskin,
.header-container.type4,
.header-container.type5,
.header-container.type6,
.header-container.type6.header-newskin,
.header-container.type14,
.header-container.type7,
.header-container.type13,
.header-container.type26,
.header-container.type8,
.header-container.type9,
.header-container.type10,
.header-container.type11,
.header-container.type23,
.header-container.type24,
.header-container.header-newskin,
.header-container.type12,
.header-container.type1.sticky-header .header-wrapper,
.header-container.type2.sticky-header .header-wrapper,
.header-container.type4.sticky-header .header-wrapper,
.header-container.type5.sticky-header .header-wrapper,
.header-container.type6.sticky-header .header-wrapper,
.header-container.type6.header-newskin.sticky-header .header-wrapper,
.header-container.type14.sticky-header .header-wrapper,
.header-container.type7.sticky-header .header-wrapper,
.header-container.type13.sticky-header .header-wrapper,
.header-container.type26.sticky-header .header-wrapper,
.header-container.type8.sticky-header .header-wrapper,
.header-container.type9.sticky-header .header-wrapper,
.header-container.type11.sticky-header .header-wrapper,
.header-container.type23.sticky-header .header-wrapper,
.header-container.type24.sticky-header .header-wrapper,
.header-container.type29,
.header-container.type12.sticky-header .header-wrapper {
background-color: #DB3570;
}
.header, .header-container.type3 .header, .header-container.type3.header-newskin .header {
color: #FFFFFF;
}
.header-container.type2 .main-nav .menu-wrapper,
.header-container.type3 .main-nav, .header-container.type3.header-newskin .main-nav,
.header-container.type19 .main-nav,
.header-container.type20 .main-nav,
.header-container.type4.header-newskin .main-nav .menu-wrapper,
.header-container.type4 .main-nav .menu-wrapper,
.header-container.type9 .main-nav .menu-wrapper,
.header-container.type10 .header-wrapper,
.header-container.type10.header-newskin .header-wrapper,
.header-container.type3.sticky-header .header-wrapper, .header-container.type3.header-newskin.sticky-header .header-wrapper,
.header-container.type20.sticky-header .header-wrapper,
.header-container.type4.header-newskin.sticky-header .header-wrapper,
.header-container.type4.sticky-header .header-wrapper,
.header-container.type10.sticky-header .header-wrapper,
.header-container.type30 .header-wrapper {
background-color: #FFFFFF;
}
.header-container.type1 .main-nav ul.menu > li > a,
.header-container.type2 .main-nav ul.menu > li > a,
.header-container.type3 .main-nav ul.menu > li > a, .header-container.type3.header-newskin .main-nav ul.menu > li > a,
.header-container.type19 .main-nav ul.menu > li > a,
.header-container.type20 .main-nav ul.menu > li > a,
.header-container.type4.header-newskin .main-nav ul.menu > li > a,
.header-container.type4 .main-nav ul.menu > li > a,
.header-container.type5 .main-nav ul.menu > li > a,
.header-container.type6 .main-nav ul.menu > li > a,
.header-container.type6.header-newskin .main-nav ul.menu > li > a,
.header-container.type14 .main-nav ul.menu > li > a,
.header-container.type7 .main-nav ul.menu > li > a,
.header-container.type13 .main-nav ul.menu > li > a,
.header-container.type26 .main-nav ul.menu > li > a,
.header-container.type8 .main-nav ul.menu > li > a,
.header-container.type9 .main-nav ul.menu > li > a,
.header-container.type10 .main-nav ul.menu > li > a,
.header-container.type10.header-newskin .main-nav ul.menu > li > a,
.header-container.type11 .main-nav ul.menu > li > a,
.header-container.type23 .main-nav ul.menu > li > a,
.header-container.type24 .main-nav ul.menu > li > a,
.header-container.type30 .main-nav ul.menu > li > a,
.header-container.type12 .menu.side-menu > li > a,
.header-container.header-newskin .menu.side-menu > li > a {
color: #465157;
}
.header-container.type1 .main-nav ul.menu > li:hover, .header-container.type1 .main-nav ul.menu > li.act,
.header-container.type2 .main-nav ul.menu > li:hover, .header-container.type2 .main-nav ul.menu > li.act,
.header-container.type3 .main-nav ul.menu > li:hover, .header-container.type3 .main-nav ul.menu > li.act, .header-container.type3.header-newskin .main-nav ul.menu > li:hover, .header-container.type3.header-newskin .main-nav ul.menu > li.act,
.header-container.type19 .main-nav ul.menu > li:hover, .header-container.type19 .main-nav ul.menu > li.act,
.header-container.type20 .main-nav ul.menu > li:hover, .header-container.type20 .main-nav ul.menu > li.act,
.header-container.type4.header-newskin .main-nav ul.menu > li:hover, .header-container.type4.header-newskin .main-nav ul.menu > li.act,
.header-container.type4 .main-nav ul.menu > li:hover, .header-container.type4 .main-nav ul.menu > li.act,
.header-container.type5 .main-nav ul.menu > li:hover, .header-container.type5 .main-nav ul.menu > li.act,
.header-container.type6 .main-nav ul.menu > li:hover, .header-container.type6 .main-nav ul.menu > li.act,
.header-container.type6.header-newskin .main-nav ul.menu > li:hover, .header-container.type6.header-newskin .main-nav ul.menu > li.act,
.header-container.type14 .main-nav ul.menu > li:hover, .header-container.type14 .main-nav ul.menu > li.act,
.header-container.type7 .main-nav ul.menu > li:hover, .header-container.type7 .main-nav ul.menu > li.act,
.header-container.type13 .main-nav ul.menu > li:hover, .header-container.type13 .main-nav ul.menu > li.act,
.header-container.type26 .main-nav ul.menu > li:hover, .header-container.type26 .main-nav ul.menu > li.act,
.header-container.type8 .main-nav ul.menu > li:hover, .header-container.type8 .main-nav ul.menu > li.act,
.header-container.type9 .main-nav ul.menu > li:hover, .header-container.type9 .main-nav ul.menu > li.act,
.header-container.type10 .main-nav ul.menu > li:hover, .header-container.type10 .main-nav ul.menu > li.act,
.header-container.type11 .main-nav ul.menu > li:hover, .header-container.type11 .main-nav ul.menu > li.act,
.header-container.type23 .main-nav ul.menu > li:hover, .header-container.type23 .main-nav ul.menu > li.act,
.header-container.type24 .main-nav ul.menu > li:hover, .header-container.type24 .main-nav ul.menu > li.act,
.header-container.type30 .main-nav ul.menu > li:hover, .header-container.type30 .main-nav ul.menu > li.act,
.header-container.header-newskin .main-nav ul.menu > li:hover, .header-container.header-newskin .main-nav ul.menu > li.act,
.header-container.header-newskin .menu.side-menu > li:hover, .header-container.header-newskin .menu.side-menu > li.act,
.header-container.type12 .menu.side-menu > li:hover, .header-container.type12 .menu.side-menu > li.act {
background-color: transparent;
}
.header-container.type1 .header .form-search,
.header-container.type2 .header .form-search,
.header-container.type3 .header .form-search, .header-container.type3.header-newskin .header .form-search,
.header-container.type19 .header .form-search,
.header-container.type19 .selectbox .select,
.header-container.type20 .header .form-search,
.header-container.type4.header-newskin .header .form-search,
.header-container.type4 .header .form-search,
.header-container.type5 .header .form-search,
.header-container.type6 .header .form-search,
.header-container.type6.header-newskin .header .form-search,
.header-container.type15 .header .form-search,
.header-container.type14 .header .form-search,
.header-container.type7 .header .form-search,
.header-container.type13 .header .form-search,
.header-container.type26 .header .form-search,
.header-container.type8 .header .form-search,
.header-container.type9 .header .form-search,
.header-container.type10 .header .form-search,
.header-container.type10.header-newskin .header .form-search,
.header-container.type11 .header .form-search,
.header-container.type23 .header .form-search,
.header-container.type24 .header .form-search,
.header-container.type12 .header .form-search {
background-color: #FFFFFF;
}
.header-container.type1 .header .form-search #cat, .header-container.type1 .header .form-search button.button,
.header-container.type2 .header .form-search #cat, .header-container.type2 .header .form-search button.button,
.header-container.type3 .header .form-search #cat, .header-container.type3 .header .form-search button.button, .header-container.type3 .header .search-icon, .header-container.type3 .menu-icon > a, .header-container.type3.header-newskin .header .form-search #cat, .header-container.type3.header-newskin .header .form-search button.button, .header-container.type3.header-newskin .header .search-icon, .header-container.type3.header-newskin .menu-icon > a,
.header-container.type19 .header .form-search #cat, .header-container.type19 .header .form-search button.button, .header-container.type19 .header .search-icon, .header-container.type19 .menu-icon > a, .header-container.type19 .selectbox .select,
.header-container.type20 .header .form-search #cat, .header-container.type20 .header .form-search button.button, .header-container.type20 .header .search-icon, .header-container.type20 .menu-icon > a,
.header-container.type4.header-newskin .header .form-search #cat, .header-container.type4.header-newskin .header .form-search button.button,
.header-container.type4 .header .form-search #cat, .header-container.type4 .header .form-search button.button,
.header-container.type5 .header .form-search #cat, .header-container.type5 .header .form-search button.button,
.header-container.type6 .header .form-search #cat, .header-container.type6 .header .form-search button.button,
.header-container.type6.header-newskin .header .form-search #cat, .header-container.type6.header-newskin .header .form-search button.button,
.header-container.type14 .header .form-search #cat, .header-container.type14 .header .form-search button.button,
.header-container.type7 .header .form-search #cat, .header-container.type7 .header .form-search button.button,
.header-container.type13 .header .form-search #cat, .header-container.type13 .header .form-search button.button,
.header-container.type26 .header .form-search #cat, .header-container.type26 .header .form-search button.button,
.header-container.type8 .header .form-search #cat, .header-container.type8 .header .form-search button.button,
.header-container.type9 .header .form-search #cat, .header-container.type9 .header .form-search button.button, .header-container.type9 .header .search-icon, .header-container.type9 .menu-icon > a,
.header-container.type10 .header .form-search #cat, .header-container.type10 .header .form-search button.button,
.header-container.type10.header-newskin .header .form-search #cat, .header-container.type10.header-newskin .header .form-search button.button,
.header-container.type11 .header .form-search #cat, .header-container.type11 .header .form-search button.button,
.header-container.type23 .header .form-search #cat, .header-container.type23 .header .form-search button.button,
.header-container.type24 .header .form-search #cat, .header-container.type24 .header .form-search button.button,
.header-container.type15 .header .form-search #cat, .header-container.type15 .header .form-search button.button, .header-container.type15 .header .search-icon,
.header-container.type12 .header .form-search #cat, .header-container.type12 .header .form-search button.button {
color: #777777;
}
.header-container.type1 .header .form-search #search,
.header-container.type2 .header .form-search #search,
.header-container.type3 .header .form-search #search, .header-container.type3.header-newskin .header .form-search #search,
.header-container.type19 .header .form-search #search,
.header-container.type20 .header .form-search #search,
.header-container.type4.header-newskin .header .form-search #search,
.header-container.type4 .header .form-search #search,
.header-container.type5 .header .form-search #search,
.header-container.type6 .header .form-search #search,
.header-container.type6.header-newskin .header .form-search #search,
.header-container.type14 .header .form-search #search,
.header-container.type15 .header .form-search #search,
.header-container.type7 .header .form-search #search,
.header-container.type13 .header .form-search #search,
.header-container.type26 .header .form-search #search,
.header-container.type8 .header .form-search #search,
.header-container.type9 .header .form-search #search,
.header-container.type10 .header .form-search #search,
.header-container.type10.header-newskin .header .form-search #search,
.header-container.type11 .header .form-search #search,
.header-container.type23 .header .form-search #search,
.header-container.type24 .header .form-search #search,
.header-container.type12 .header .form-search #search {
color: #999999;
}
.main-nav .menu > li.menu-full-width .nav-sublist-dropdown, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown, .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown {
}
.footer-top {
background-color: #2F2727;
}
.footer-top {
color: #FFFFFF;
}
.footer-top a {
color: #FFFFFF;
}
.footer-top a:hover {
background-color: #FFFFFF;
}
.footer-middle {
background-color: #2F2727;
}
.footer-middle, .footer-middle p, .footer-middle .contact-info i {
color: #FFFFFF;
}
.footer-middle a {
color: #FFFFFF;
}
.footer-middle a:hover {
color: #FFFFFF;
}
.footer-middle .block .block-title strong {
color: #FFFFFF;
}
.footer-bottom {
background-color: #2F2727;
}
.footer-bottom, .footer-bottom p {
color: #FFFFFF;
}
.footer-bottom a {
color: #FFFFFF;
}
.footer-bottom a:hover {
color: #FFFFFF;
}
#totop {
bottom: 90px;
}
#totop:hover {
}
/**
* WARNING: Do not change this file. Your changes will be lost.
* 2018-02-10 20:09:52 */
@media (min-width: 576px) {
.header-container.type10.header-newskin {
width: 510px;
margin: 0 auto;
}
}
select {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
border: 1px solid #E4E4E4;
height: 37px;
background: #FFFFFF url(../image/select-bg.svg) no-repeat 100% 48%;
background-size: 30px 60px;
padding-right: 25px;
text-indent: .01em;
text-overflow: '';
}
.newsletter_popup {
display: none;
}
.icon-right-open:before {
content: '\e81a';
margin: 0;
}
.icon-left-open:before {
content: '\e819';
margin: 0;
}
.owl-top-narrow .sidebar-list .owl-controls {
top: -28px;
right: 0;
}
.header-container.type10.header-newskin .header .form-search { border: 0;border-radius: 20px !important; }
.header-container.type10.header-newskin .header .form-search #cat { border-color: #CCCCCC; }
.menu.side-menu > li > a, .menu.side-menu > li:not(:first-child):hover > a {padding: 18.5px 10px;border-top: #E6EBEE solid 1px;font-family: 'Arial';font-size: 15px;}
.menu.side-menu a, .menu.side-menu a:hover {
color: #465157;
}
.menu.side-menu > li.menu-static-width:hover > a:after, .menu.side-menu > li.menu-item-has-children:hover > a:after, .menu.side-menu > li.menu-item-has-children li.menu-item-has-children:hover > a:after, .menu.side-menu > li.menu-full-width:hover > a:after {color: #838B90;}
.menu.side-menu > li.menu-static-width > a:after, .menu.side-menu > li.menu-item-has-children > a:after, .menu.side-menu > li.menu-item-has-children li.menu-item-has-children > a:after, .menu.side-menu > li.menu-full-width > a:after {
content: "\e81a";
color: #838B90;
right: 10px;
}
.menu.side-menu > li .nav-sublist-dropdown {
border: solid 1px #DAE2E6;
box-shadow: 0 3px 15px -2px rgba(0, 0, 0, 0.3);
width: 220px;
}
.menu.side-menu > li .nav-sublist-dropdown:before, .menu.side-menu > li .nav-sublist-dropdown:after {
border-bottom-style: solid;
content: '';
display: block;
height: 0;
position: absolute;
width: 0;
}
.menu.side-menu > li .nav-sublist-dropdown:before {
border: 8px solid;
border-color: transparent #FFFFFF transparent transparent;
z-index: 3;
left: -16px;
top: 19.5px;
}
.menu.side-menu > li .nav-sublist-dropdown:after {
border: 9px solid;
border-color: transparent #DAE2E6 transparent transparent;
z-index: 2;
left: -18px;
top: 18.5px;
right: auto;
}
.menu.side-menu > li.menu-static-width .nav-sublist-dropdown {
padding: 10px 0 10px 15px;
}
.menu.side-menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1, .menu.side-menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1 {
font-size: 13px;
font-weight: 700;
color: #434D53;
letter-spacing: -0.001em;
margin-bottom: 9px;
}
.menu.side-menu > li .nav-sublist-dropdown .container ul > li a {
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
color: #696969;
line-height: 24px;
}
.menu.side-menu > li .nav-sublist-dropdown .container ul .nav-sublist.level1 {
margin-bottom: 10px;
}
.menu.side-menu > li.menu-item-has-children .nav-sublist-dropdown,
.menu.side-menu > li.menu-item-has-children .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist {
background-color: #FFFFFF;
}
.menu.side-menu li.menu-item-has-children .nav-sublist-dropdown .container ul > li:hover > a {
background-color: #F4F4F4;
}
.menu.side-menu li.menu-item-has-children .nav-sublist-dropdown .container > ul > li a {
line-height: 18px;
}
.homepage-bar {
border: none;
background-color: transparent;
}
.homepage-bar .col-lg-4 {
border-color: #FFFFFF;
}
.homepage-bar i {
color: #465157;
}
.homepage-bar .text-area {
display: inline-block;
vertical-align: middle;
text-align: left;
margin-left: 5px;
}
.homepage-bar h3 {
font-size: 14px;
font-weight: 600;
color: #465157;
line-height: 19px;
}
.homepage-bar p {
font-size: 13px;
font-weight: 300;
color: #839199;
line-height: 19px;
}
div.filter-title, h2.filter-title {
background: none;
font-family: 'Oswald';
font-size: 18px;
letter-spacing: 0.05em;
color: #282D3B;
text-align: center;
text-transform: uppercase;
font-weight: 400;
margin-bottom: 16px;
}
div.filter-title .content, h2.filter-title .content {
background: none;
padding: 0;
position: relative;
}
div.filter-title .content, h2.filter-title .content:after {
content: '';
position: absolute;
width: 11px;
height: 2px;
background-color: #DB3570;
left: 0;
right: 0;
margin: 0 auto;
bottom: -6px;
}
.owl-top-narrow .owl-controls {
right: 6px;
top: -50px;
}
.one-product .filter-products .products div.item {
padding: 0 !important;
}
.one-product .filter-products .products div.item .details-area {
text-align: left;
position: relative;
}
.one-product .filter-products .products div.item .details-area .price-box {
position: absolute;
bottom: 6px;
right: 10px;
}
.one-product .filter-products .products div.item .details-area .old-price {
display: block;
text-align: right;
}
.one-product .filter-products .products div.item .details-area .special-price {
display: block;
text-align: right;
}
.one-product .filter-products .owl-controls {
border-top: #EEEEEE solid 1px;
border-bottom: #EEEEEE solid 1px;
padding: 14px 0 12px;
}
.category-products .products-grid li.item .details-area {
padding: 20px 10px;
}
.filter-products .products:not(.small-list):not(.related-product) div.item {
padding: 10px 15px;
}
.cms-index-index .category-products .products-grid.columns4, .cms-index-index .category-products .products-grid {margin-left: -10px;margin-right: -10px;}
.cms-index-index .category-products .products-grid li.item, .cms-index-index .category-products .products-grid.columns4 li.item {
padding: 10px;
}
.filter-products .products:not(.small-list) div.item .item-area,
.category-products .products-grid li.item .item-area {
background-color: #FFFFFF;
}
.ratings {background: none;margin: 5px 0}
.filter-products .products:not(.small-list) div.item .item-area .product-name a,
.category-products .products-grid li.item .item-area .product-name a {
font-size: 15px;
}
.product-name a {
color: #282D3B;
font-family: 'Arial';
font-size: 15px;
letter-spacing: 0.005em;
font-weight: 500;
}
.price-box {
margin: 12px 0 12px;
}
.regular-price .price {
font-family: 'Oswald';
font-size: 18px;
letter-spacing: 0.005em;
color: #282D3B;
font-weight: 400;
}
.special-price .price {
font-family: 'Oswald';
font-size: 18px;
color: #FF0000;
font-weight: 400;
}
.old-price .price {
font-family: 'Oswald';
color: #2B2B2D;
font-size: 14px;
font-weight: 400;
}
span.new-product-icon, span.sale-product-icon {
border-radius: 20px;
}
.product-label {
top: 15px;
}
.product-label span {
font-size: 11px;
}
a.addtocart i.icon-cart {
font-size: 17px;
vertical-align: middle;
}
a.addtocart i.icon-cart:before {
content: "\e87f";
}
.item .details-area .actions a.addtocart {
text-transform: uppercase;
font-size: 12.53px;
font-family: 'Oswald';
font-weight: 400;
letter-spacing: 0.025em;
color: #6F6E6C;
line-height: 34px;
border-color: #DEE5E8;
height: 36px;
}
.item .details-area .actions a.addtocart span {
display: inline-block;
vertical-align: middle;
}
a.addtowishlist, a.comparelink {
color: #2B2B2D;
border-color: #F4F4F4;
background-color: #F4F4F4;
}
.icon-wishlist:before {
content: '\e88a';
}
.top-container > .breadcrumbs .container {
width: 100%;
padding: 0;
}
.top-container > .breadcrumbs {
padding: 5px 0 5px;
margin-bottom: -15px;
}
.breadcrumbs li {
line-height: 30px;
display: inline-block;
}
.breadcrumbs li.home a {
width: 15px;
display: inline-block;
text-indent: 30px;
line-height: 30px;
overflow: hidden;
position: relative;
}
.breadcrumbs li.home a:after {
content: "\e883";
font-family: 'porto';
position: absolute;
left: 0;
top: 0;
text-indent: 0;
}
.catalog-category-view .col2-left-layout .col-left.sidebar:before {
content: '';
position: absolute;
left: 15px;
right: 12px;
border: solid 1px #DAE2E6;
top: 0;
bottom: 0;
border-radius: 2px;
}
.block-category-nav {
margin-bottom: 0;
}
.block-layered-nav dt, .block-layered-nav .currently .block-subtitle, .block-category-nav .block-title {
border: none;
background-color: transparent;
padding: 16px 20px 4px 20px;
font-size: 15px;
text-transform: uppercase;
font-weight: 600;
color: #21293C;
letter-spacing: 0.01em;
}
.block-category-nav .category-list a.plus .icon-plus-squared:before {
content: '\e873';
}
.block-category-nav .category-list a.plus .icon-minus-squared:before {
content: '\e874';
}
.block-category-nav .category-list a.plus {
font-size: 11px;
right: -3px;
color: #21293C;
}
.block-category-nav .block-title {
padding: 30px 20px 0 20px;
}
.block-category-nav .block-title strong {
font-weight: 600;
}
.block-layered-nav dt:before, .block-category-nav .block-title:before {
right: 11.6px;
}
.block-layered-nav dd, .block-category-nav .block-content {
border: none;
background-color: transparent;
padding: 10px 20px 26px 20px;
border-bottom: #EFEFEF solid 1px;
position: relative;
z-index: 2;
}
.block-category-nav .block-content {
padding-bottom: 24px;
}
.block.block-layered-nav {
margin-bottom: 10px;
margin-top: 0;
}
.block.block-layered-nav .block-title {
padding: 0 20px;
margin-bottom: -15px;
margin-top: 25px;
text-transform: uppercase;
}
.block-layered-nav .currently ol {
border: none;
background-color: transparent;
padding-left: 0;
padding-right: 20px;
}
.block-layered-nav .currently li {
padding: 5px 20px 5px 20px;
}
.block-layered-nav .actions {
border: none;
background-color: transparent;
border-bottom: #EFEFEF solid 1px;
padding-left: 0;
padding-right: 20px;
padding-bottom: 35px;
}
.block-layered-nav .currently .btn-previous, .block-layered-nav .currently .btn-remove {
right: 0;
color: #21293C;
}
.block-layered-nav .actions a {
color: #21293C;
}
#narrow-by-list dd .swatch-label {
background-color: #FFFFFF;
border: solid 1px #E9E9E9;
}
#narrow-by-list dd .swatch-link:hover .swatch-label {
border-color: #DB3570;
background-color: #DB3570;
color: #FFFFFF;
}
.block-layered-nav dt:before, .block-category-nav .block-title:before {
content: '\e81b';
border: 0;
color: #21293C;
font-size: 17px;
margin-top: -7px;
}
.block-category-nav .block-title:before {
margin-top: 2px;
}
.block-layered-nav dt.closed:before, .block-category-nav .block-title.closed:before {
content: '\e81c';
}
.block-layered-nav dt:hover:before, .block-category-nav .block-title:hover:before {
background-color: transparent !important;
color: inherit;
}
.block-category-nav .category-list a,
.block-layered-nav dd a {
font-size: 14px;
line-height: 33px;
letter-spacing: 0.01em;
color: #7A7D82;
}
.price-filter-slider .text-box input.go {
border-radius: 0;
}
.price-filter-slider .text-box {
margin: 0 -5px;
}
.owl-top-narrow .sidebar-list .owl-controls {
top: -28px;
right: -9px;
}
.owl-top-narrow .sidebar-list .owl-controls .owl-buttons div {color: #21293C;font-size: 19px;}
.owl-top-narrow .sidebar-list .owl-controls .owl-buttons div i:before {margin: 0 2px;}
.sidebar h2.sidebar-title {
padding: 30px 20px 0;
font-size: 15px;
font-weight: 600;
color: #21293C;
letter-spacing: 0.01em;
margin-bottom: 20px !important;
}
.sidebar .custom-block {
background-image: none;
border-bottom: solid 1px #EFEFEF;
margin-bottom: 30px;
padding: 0 20px 15px;
}
.sidebar-filterproducts.custom-block + h2 {
font-size: 15px !important;
text-transform: uppercase;
font-weight: 600;
color: #21293C !important;
letter-spacing: 0.01em;
padding: 0 20px;
}
.sidebar-filterproducts.custom-block + h2 + h5 {
font-family: 'Open Sans' !important;
font-weight: 600 !important;
font-size: 14px !important;
color: #7A7D82 !important;
letter-spacing: 0.022em;
padding: 0 20px;
}
.sidebar-filterproducts.custom-block + h2 + h5 + p {
color: #21293C !important;
font-size: 15px !important;
letter-spacing: 0.01em;
padding: 0 20px;
}
.filter-products .products.small-list div.item .product-image {
border: solid 1px #ECECEC;
}
.filter-products .products.small-list div.item .details-area .ratings {
margin-top: 0;
}
.category-image {
margin: 0 0 25px;
}
.full-width-image-banner {
height: 300px;
}
.full-width-image-banner:after {
display: none;
}
.full-width-image-banner h2 {
font-size: 36px;
font-weight: 900;
letter-spacing: -0.025em;
text-transform: uppercase;
line-height: 38px;
}
.full-width-image-banner p {
font-size: 18px;
line-height: 38px;
font-weight: 700;
text-transform: uppercase;
}
.full-width-image-banner .btn-default {
font-size: 14px;
line-height: 25px;
letter-spacing: 0.025em;
padding: 10px 20px;
background-color: #010204;
color: #FFFFFF;
font-family: 'Oswald';
text-transform: uppercase;
border-radius: 2px;
margin-top: 31px;
}
.toolbar .sorter {
margin-bottom: 10px;
}
.sorter .view-mode i {
border: none;
font-size: 15px;
width: 15px;
height: 15px;
color: #000000;
}
.toolbar .sorter .sort-by select {
min-width: 100px;
}
.icon-mode-grid:before {
content: "\e880";
}
.icon-mode-list:before {
content: "\e87b";
}
.sorter .view-mode strong i, .sorter .view-mode a:hover i {
background-color: transparent;
color: #000000;
}
.sorter .view-mode {
float: right;
margin-right: 0;
line-height: 28px;
height: 28px;
margin-left: 20px;
margin-top: 7px;
}
.toolbar-bottom .pager .pages {
display: block;
}
.pager li > a, .pager li > span {
background: transparent;
color: #706F6C;
border: 0;
line-height: 30px;
height: 32px;
width: 32px;
display: inline-block;
vertical-align: middle;
font-weight: 600;
}
.pager .pages li {
background: none !important;
height: 32px;
line-height: 30px;
width: 32px;
font-size: 15px;
font-weight: 600;
}
.pager .pages li a {
color: #706F6C;
background: none;
display: block;
border: solid 1px #E9E9E9;
}
.toolbar .pages {
display: none;
}
.toolbar-bottom {
border-top: solid 1px #EFEFEF;
padding-top: 25px;
}
.toolbar-bottom .toolbar {
width: 100%;
}
.toolbar-bottom .pages {
display: block;
}
.toolbar-bottom .sorter .limiter {
float: left;
}
.pager .pages li .icon-right-dir:before {
content: '\e81a';
}
.pager .pages li .icon-left-dir:before {
content: '\e819';
}
.pager .pages li a.i-next, .pager .pages li a.i-previous {
color: #78755C;
font-size: 20px;
line-height: 28px;
vertical-align: middle;
display: block;
background: none;
border: 0;
}
.pager li > a:hover {
background-color: transparent;
}
.pager .pages .current {
color: #706F6C;
}
.products-grid .ratings {
margin: 0 0 9px;
}
.product-view .product-img-box li.etalage_thumb, .product-view .product-img-box li.etalage_small_thumbs li {
padding: 0;
border-color: #DAE2E6;
border-radius: 2px;
}
.product-view .product-img-box li.etalage_small_thumbs li.etalage_smallthumb_active {
border-color: #282D3B;
position: relative;
}
.product-view .product-img-box li.etalage_small_thumbs li.etalage_smallthumb_active:before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border: solid 1px #282D3B;
}
.product-view .product-img-box .etalage-control a.etalage-next {
right: 7px;
}
.glyphicon-search:before {
content: '\e873';
font-family: 'porto';
font-size: 14px;
color: #21293C;
}
.product-view .product-name h1 {
font-size: 25px;
font-weight: 600;
letter-spacing: -0.01em;
color: #21293C;
margin: 0 0 15px;
}
.quickview-index-view .product-view .product-name h1 {
margin: 15px 0;
}
.prev-next-products .product-nav {
padding-bottom: 10px;
}
.prev-next-products a {
line-height: 23px;
}
.ratings .rating-links .separator, .ratings .rating-links .separator + a {
display: none;
}
.product-view .product-shop .short-description {
font-size: 14px;
font-weight: 400;
letter-spacing: 0.005em;
line-height: 27px;
border-bottom: solid 1px #DAE2E6;
}
.product-view .product-info, .product-options-bottom {
border-bottom: none;
}
.product-view .product-shop .price-box .regular-price .price {
font-size: 21px;
font-weight: 700;
color: #282D3B;
}
.product-view .product-shop .price-box .special-price .price {
font-size: 21px;
font-weight: 700;
color: #282D3B;
}
.product-view .product-shop .price-box .old-price .price {
font-size: 14px;
line-height: 1;
}
.product-view .product-shop .availability {
color: #7B858A;
font-weight: 400;
}
.product-view .product-options .swatch-attr label {
text-transform: uppercase;
color: #21293C;
font-size: 15px;
font-weight: 600;
letter-spacing: 0.005em;
}
.product-view .product-options .swatch-attr label .select-label {
text-transform: capitalize;
color: inherit;
}
.product-view .product-shop .short-description .std {
line-height: 27px;
}
.qty-holder {
display: inline-block;
vertical-align: middle;
margin-right: 7px;
width: 104px;
position: relative;
text-align: center;
}
.add-to-cart .qty {
font-family: 'Oswald';
display: inline-block;
vertical-align: middle;
height: 43px;
width: 44px !important;
font-size: 14px;
font-weight: 400;
text-align: center;
color: #21293C;
margin: 0;
border-color: #DAE2E6;
}
.qty-changer {
display: block;
}
.qty-changer > a {
position: absolute;
top: 0;
width: 30px;
height: 43px;
border: solid 1px #DAE2E6;
line-height: 41px;
font-size: 11px;
color: #8798A2;
}
.qty-changer .qty_inc {
right: 1px;
}
.qty-changer .qty_inc i:before {
content: '\e873';
}
.qty-changer .qty_dec {
left: 1px;
}
.qty-changer .qty_dec i:before {
content: '\e874';
}
.add-to-cart button.button {
height: 43px;
}
.add-to-cart button.button span {
height: 43px;
text-transform: uppercase;
font-family: 'Oswald';
font-size: 14px;
letter-spacing: 0.05em;
font-weight: 400;
line-height: 41px;
}
.add-to-cart button.button span i {
font-size: 18px;
margin-right: 4px;
}
.add-to-cart button.button span i:before {
content: '\e87f';
}
.product-view .add-to-links {
margin: 0;
}
.product-view .add-to-links a {
width: 43px;
height: 43px;
line-height: 41px;
}
.product-view .add-to-links .link-wishlist i:before {
content: '\e889';
}
a.addtowishlist, .link-wishlist, a.comparelink, .link-compare,
a.addtowishlist:hover, .link-wishlist:hover, a.comparelink:hover, .link-compare:hover {
border-color: #D8D8D6;
color: #302E2A;
}
.product-tabs > ul li {
border: none;
background: none;
border-right: 0;
}
.product-tabs > ul li.active {
border-bottom: #0088CC;
background-color: transparent;
}
.product-tabs > ul li a {
font-size: 14px;
font-weight: 700;
padding: 10px 0 14px;
margin-right: 37px;
color: #818692;
text-transform: uppercase;
}
.product-tabs > ul li.active a {
color: #21293C;
position: relative;
}
.product-tabs > ul li.active a:after {
content: '';
position: absolute;
height: 2px;
background-color: #282D3B;
left: 0;
right: 0;
bottom: 0;
}
.product-tabs .tab-content {
border: none;
border-top: solid 1px #DAE2E6;
box-shadow: none;
padding: 32px 0;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.005em;
line-height: 27px;
}
.product-tabs .tab-content img {
height: auto !important;
}
.product-tabs .tab-content p {
font-size: 14px;
font-weight: 400;
letter-spacing: 0.005em;
line-height: 27px;
}
.catalog-product-view .sidebar .custom-block {
border: none;
color: #6B7A83;
padding-bottom: 0;
margin-bottom: 33px;
}
.catalog-product-view .sidebar .custom-block-1 > div i {
color: #282D3B;
border: none;
font-size: 40px;
}
.catalog-product-view .sidebar .custom-block-1 > div {
min-height: 65px;
clear: both;
padding: 18px 0;
border-bottom: solid 1px #DEE5E8;
margin-bottom: 0;
}
.catalog-product-view .sidebar .custom-block-1 > div:last-child {
border-bottom-width: 0;
}
.block-manufacturer {
text-align: center;
padding: 10px 20px 0;
margin-bottom: 0;
}
.block-manufacturer hr {
border-color: #DEE5E8;
margin-bottom: 0;
}
.catalog-product-view .sidebar .custom-block-1 > div h3 {
font-size: 14px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0.005em;
color: #6B7A83;
margin-left: 80px;
}
.block.block-related .block-title strong {
font-size: 15px;
font-weight: 600;
color: #21293C;
letter-spacing: 0.01em;
margin-bottom: 20px !important;
padding-top: 0;
text-transform: uppercase;
}
.block.block-related .owl-theme .owl-controls {
top: -78px;
right: 5px;
}
.block.block-related .owl-theme .owl-controls .owl-buttons div {
font-size: 19px;
width: 13px;
position: relative;
color: #21293C;
}
.block.block-related {
padding: 0 20px;
}
.block.block-related .product {
margin: 30px 0;
}
.block.block-related .product-name {
font-size: 14px;
font-weight: 600;
letter-spacing: 0.001em;
color: #7A7D82;
margin: 5px 0 0;
}
.block.block-related .product-name a {
color: #7A7D82;
}
.block.block-related .col-6 {
width: 40%;
}
.block.block-related .product-details {
width: 60%;
}
.product-tabs .tab-content .std ul li {
line-height: 36px;
}
.bottom-container {
background-color: #F4F4F4;
padding: 60px 0 45px;
margin-top: -60px;
}
.bottom-container .box-up-sell > h2,
.product-view .box-up-sell > h2 {
background: none;
font-size: 18px;
border-bottom: #E1E1E1 solid 1px;
font-weight: 700;
margin-bottom: 16px;
padding-bottom: 10px;
text-transform: uppercase;
text-align: left;
color: #302E2A;
}
.bottom-container .box-up-sell > h2 span,
.product-view .box-up-sell > h2 span {
background: none;
}
.block.block-related .product .product-image {
padding: 0;
border-color: #ECECEC;
}
.cart .discount h2:before, .cart .shipping h2:before {
content: '\e81c';
border: 0;
color: #21293C;
font-size: 17px;
background-color: transparent;
}
.cart .discount h2:hover:before, .cart .shipping h2:hover:before {
background-color: transparent;
border: 0;
color: #21293C;
}
.cart .discount h2.opened:before, .cart .shipping h2.opened:before {
content: '\e81b';
}
.cart .crosssell .product-image {
border: none;
padding: 0;
}
.footer-top {
text-align: left;
padding: 10px 0 6px;
border-bottom: 1px solid #3D3232;
}
.footer-top .block .block-title {
display: inline-block;
vertical-align: middle;
}
.footer-top .block .block-title strong {
font-family: 'Oswald';
font-size: 14px;
font-weight: 400;
letter-spacing: 0.075em;
text-transform: uppercase;
color: #FFFFFF;
}
.footer-container .validation-advice {position: absolute;}
.footer-top .input-box {
width: 56%;
max-width: 400px;
float: right;
}
.footer-top .input-box input {
background-color: #FFFFFF;
color: #6B7074;
height: 42px;
border: none;
font-size: 13px;
padding-left: 15px;
float: left;
max-width: 370px;
width: 100%;
border-radius: 0;
padding-right: 105px;
font-family: 'Arial';
}
.footer-top .input-box button {
float: left;
width: 120px;
margin-left: -120px;
border-left: solid 1px #3B3B3B;
}
.footer-top .input-box button span {
height: 42px;
line-height: 42px;
padding: 0 10px;
text-transform: uppercase;
border-radius: 0;
opacity: 1;
background-color: #3B3131;
font-family: 'Arial';
font-size: 12px;
letter-spacing: 0.005em;
}
.footer-top .block-content {
display: inline-block;
vertical-align: middle;
}
.footer .social-icons {float: right}
.footer-top .social-icons a {
background-image: none;
background-color: #33332F;
text-indent: 0;
color: #FFFFFF;
border-radius: 0;
font-size: 18.6px;
width: 48px;
height: 48px;
text-align: center;
margin-left: 0;
margin-right: 4px;
float: left;
line-height: 46px;
}
.footer-middle i, .footer-middle .contact-info i {
display: none;
}
.footer-middle {font-family: 'Arial';}
.footer-middle .footer-logo {
margin-top: 30%;
}
.footer-middle .block .block-title {
margin-bottom: 20px;
margin-top: 15px;
}
.footer-middle .block .block-title strong, .footer-top .block-title strong, .footer-top .block-title span {
font-family: 'Oswald';
font-size: 15px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.05em;
color: #FFFFFF;
}
.footer-middle ul.links li, .footer-middle ul.features li {
padding: 0;
line-height: 26px;
}
.footer-middle a {
font-size: 13px;
font-weight: 300;
letter-spacing: 0.005em;
}
.footer-middle, .footer-middle p {
font-size: 13px;
letter-spacing: 0.005em;
font-weight: 400;
line-height: 26px;
}
.footer-middle .contact-info {
margin-top: 17px;
}
.footer-middle .contact-info p {
line-height: 1;
}
.footer-middle .contact-info li {
padding: 9px 0;
}
.footer-middle .contact-info b {
font-family: 'Oswald';
font-weight: 400;
font-size: 13px;
margin-bottom: 7px;
color: #FFFFFF;
display: inline-block;
text-transform: uppercase;
}
.footer-container .validation-advice {position: absolute;}
.footer-middle .input-box input {
background-color: #FFFFFF;
color: #6B7074;
height: 42px;
border: none;
font-size: 13px;
padding-left: 15px;
float: left;
max-width: 410px;
width: 100%;
}
.footer-middle .input-box button {
float: left;
width: 120px;
margin-left: -120px;
}
.footer-middle .input-box button span {
height: 42px;
line-height: 42px;
padding: 0 12px;
text-transform: uppercase;
background-color: #E2E0DE;
color: #63656D;
font-size: 12px;
}
.footer-bottom {
padding: 30px 0 35px;
}
.footer-bottom .container {
position: relative;
}
.footer-bottom .container:before {
content: '';
position: absolute;
background-color: #3D3232;
left: 0;
right: 0;
top: -30px;
height: 1px;
width: calc(100% - 30px);
}
.footer-bottom address {
float: left;
line-height: 36px;
}
.footer-bottom .custom-block {
margin: 0;
}
.footer-bottom .custom-block img {
vertical-align: top;
}
.footer-bottom .social-icons a {
background-image: none;
background-color: #3B3131;
text-indent: 0;
color: #FFFFFF;
border-radius: 0;
font-size: 12.86px;
width: 34px;
height: 34px;
text-align: center;
margin-left: 4px;
float: left;
line-height: 35px;
}
@media (min-width: 768px) {
.header-container.type10.header-newskin { width: 690px; margin: 0 auto; }
.header-container.type10.header-newskin .container { width: 690px; }
.header-container.type10.header-newskin .form-currency {margin-left: -15px;}
.top-container > .breadcrumbs { width: 690px; margin: 0 auto -15px; }
.footer-container {
width: 100%;
}
.footer-container .container {
padding: 0 15px;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.menu.side-menu > li > a, .menu.side-menu > li:not(:first-child):hover > a {
font-size: 13px;
padding: 10px 10px;
}
.menu.side-menu > li .nav-sublist-dropdown:before {top: 10.5px;}
.menu.side-menu > li .nav-sublist-dropdown:after {top: 9.5px;}
.header-container.type10.header-newskin .dropdown-menu {
width: 25%;
min-width: 240px;
}
}
@media (min-width: 992px) {
.header-container.type10.header-newskin { width: 930px; margin: 0 auto; }
.header-container.type10.header-newskin .container { width: 930px; }
.top-container > .breadcrumbs { width: 930px; margin: 0 auto -15px; }
.footer-container {
width: 930px;
margin: 0 auto;
}
.footer-container .container {
padding: 0 40px;
width: 100%;
}
}
@media (min-width: 1200px) {
.header-container.type10.header-newskin { width: 1110px; margin: 0 auto; }
.header-container.type10.header-newskin .container { width: 1110px; }
.top-container > .breadcrumbs { width: 1110px; margin: 0 auto -15px; }
.footer-container {
width: 1110px;
margin: 0 auto;
}
.footer-container .container {
width: 100%;
padding: 0 40px;
}
}
@media (max-width: 1199px) {
.footer .social-icons {
float: left;
margin-top: 20px;
}
}
@media (max-width: 767px) {
.header-container.type10.header-newskin .menu-wrapper > .custom-menu-block {
float: none;
}
.top-container > .breadcrumbs .container {
padding: 0 15px;
}
.add-to-cart button.button {
width: 140px;
}
.footer-container {
width: 100%;
}
.footer-container .container {
padding: 0 15px;
}
.footer-middle .footer-logo {
margin-top: 10px;
padding-bottom: 20px;
}
.footer-top .input-box {
width: 100%;
margin-bottom: 20px;
}
.footer-top .footer-top-inner .block {
padding: 25px 0 0 !important;
}
.footer-top .footer-top-inner .block-title {
float: left;
margin-bottom: 15px;
}
.footer-middle .block .block-title {
padding-top: 25px;
}
.footer-top .contact-info {
margin-top: 0 !important;
}
.footer .social-icons {
float: left;
margin-top: 10px;
}
.footer-middle .block-bottom .subcribe, .footer-middle .block-bottom .custom-block {
display: block;
padding: 15px 0;
float: left !important;
}
.footer-bottom .block-bottom .social-icons {
float: left !important;
padding: 15px 0 0;
}
}
@media (max-width: 480px) {
.footer .social-icons {
margin-top: 20px;
margin-left: 0;
}
}
@media (max-width: 375px) {
.product-view .product-options-bottom .add-to-links {
margin: 10px 0 0;
}
.product-view .add-to-links {
margin: 10px 0 0 -8px;
}
}
.product-label span {
padding: 5px 10px;
}
a.quickview-icon > i {
display: none;
}
a.quickview-icon {
left: 20px;
right: auto;
top: 20px;
font-family: 'Oswald';
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 5px 7px;
background-color: #2F2727;
}
.item .details-area .actions a:not(.addtocart) {
width: 36px;
height: 36px;
line-height: 34px;
}
a.addtowishlist .icon-wishlist:before {
content: '\e889';
}
.item .details-area .actions a:not(.addtocart) {
width: 36px;
height: 36px;
line-height: 34px;
background-color: transparent;
color: #302E2A;
}
.rating-box:before {
color: #D2D2D2;
}
.rating-box .rating:before {
color: #6A6A6D;
}
.owl-top-narrow .owl-controls .owl-buttons div {
color: #363636;
margin: 0 -3px;
}
.header-container.type10.header-newskin .header .form-search button.button {
color: #DB3570;
font-size: 15px;
margin-right: 2px;
}
@media (max-width: 991px) {
.footer-top .input-box {
width: 100%;
max-width: 100%;
}
.footer-top .block-title {
float: left;
}
}
@media (max-width: 480px) {
.sorter .limiter label {
min-width: 47px;
}
.owl-bottom-corner-narrow .owl-controls {
left: 10px;
}
}
.catalog-product-view .sidebar .custom-block-1 {
margin-top: -25px;
}
.catalog-product-view .sidebar .block-manufacturer + .custom-block-1 {
margin-top: 0;
}
.block-manufacturer {
padding: 0 20px;
}
.block-manufacturer hr {
border-width: 0 0 1px 0;
margin-top: 25px;
}
body.boxed .page {overflow: visible;}
.owl-top-narrow #category-slider-demo-7 .owl-controls {right: -2px}
.header .demo-tooltip, .footer .demo-tooltip {position: absolute;right: 15px;top: 5px;z-index: 9;width: 20px}
.header-container.sticky-header .header .demo-tooltip {display: none}
.footer .demo-tooltip {top: -20px}
a.tooltip-icon {border: 1px solid #FFFFFF;color: #FFFFFF;border-radius: 50%;display: block;width: 20px;height: 20px;text-align: center;line-height: 20px;font-size: 10px;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;-webkit-animation: tooltip-animation 1s ease-in infinite;-moz-animation: tooltip-animation 1s ease-in infinite;-ms-animation: tooltip-animation 1s ease-in infinite;animation: tooltip-animation 1s ease-in infinite}
.header-container.type2 a.tooltip-icon, .header-container.type3 a.tooltip-icon, .header-container.type4 a.tooltip-icon, .header-container.type5 a.tooltip-icon, .header-container.type6 a.tooltip-icon, .header-container.type7 a.tooltip-icon, .header-container.type8 a.tooltip-icon {color: #000000;border-color: #000000}
.tooltip-popup {position: absolute;right: -10px;top: 30px;width: 300px;background-color: #111111;box-shadow: 0 0 8px rgba(255, 255, 255, .5);padding: 20px;border-radius: 10px;font-size: 12px;line-height: 1.4;color: #FFFFFF;text-align: left}
.tooltip-popup h4 {font-size: 16px;color: #FFFFFF}
.tooltip-popup p {margin-bottom: 10px;color: #FFFFFF}
.tooltip-popup em {font-size: 10px}
a.tooltip-close {position: absolute;right: 10px;top: 10px;color: #FFFFFF}
.footer-middle > .container {position: relative}
.container:after {content: "";display: table;clear: both}
@-webkit-keyframes tooltip-animation {
0% {opacity: 1}
50% {opacity: 0}
100% {opacity: 1}
}
@keyframes tooltip-animation {
0% {opacity: 1}
50% {opacity: 0}
100% {opacity: 1}
}
@-webkit-keyframes tooltip-color {
0% {color: #FFFFFF}
50% {color: #333333}
100% {color: #FFFFFF}
}
@keyframes tooltip-color {
0% {color: #FFFFFF}
50% {color: #333333}
100% {color: #FFFFFF}
}
@-webkit-keyframes tooltip-color-white {
0% {color: #444444}
50% {color: #FFFFFF}
100% {color: #444444}
}
@keyframes tooltip-color-white {
0% {color: #444444}
50% {color: #FFFFFF}
100% {color: #444444}
}
.onepage-category {display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.onepage_category_ajax_loader {position: absolute;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.5);z-index: 4}
.onepage-category > .category-list {width: 80px;text-align: left;position: relative;float: left;background: #000000;padding: 46px 0 146px;z-index: 5}
.onepage-category > .category-list > ul {position: relative;z-index: 2;list-style: none;padding: 0;transition: all .3s;padding-top: 30px}
.onepage-category > .category-list > ul > li {margin-bottom: 0}
.onepage-category > .category-list > ul > li:last-child {margin-bottom: 0}
.onepage-category > .category-list > ul > li > a {color: #FFFFFF;width: auto;line-height: 78px;display: inline-block;white-space: nowrap;position: relative}
.onepage-category > .category-list > ul > li > a > em {font-size: 25px;width: 80px;display: inline-block;text-align: center;vertical-align: middle}
.onepage-category > .category-list > ul > li > a > em > img {vertical-align: middle;max-width: 80px}
.onepage-category > .category-list > ul > li > a > span {display: inline-block;vertical-align: middle;opacity: 0;visibility: hidden;width: 0;transition: all .3s;font-size: 16px;font-weight: 600;position: relative;overflow: hidden}
.onepage-category > .category-list > ul > li > a:after {content: "";width: 16px;height: 16px;position: absolute;display: block;right: -15px;top: 50%;margin-top: -8px;border: 8px solid transparent;transition: all .3s}
.onepage-category > .category-list > ul > li > a:hover, .onepage-category > .category-list > ul > li > a.active {background-color: #00D59D}
.onepage-category > .category-list > ul > li > a:hover > span {opacity: 1;visibility: visible;width: auto;padding-right: 50px}
.onepage-category > .category-list > ul > li > a:hover:after, .onepage-category > .category-list > ul > li > a.active:after {border-left-color: #00D59D}
.onepage-category > .category-details {float: right;width: calc(100% - 80px);padding: 0 100px;padding-bottom: 146px}
.onepage-category .category-detail {position: relative}
.onepage-category .category-detail .title-menu {position: relative}
.onepage-category .category-detail .title-menu > a {font-size: 26px;color: #000000;text-decoration: none;line-height: 100px;display: inline-block;font-weight: 300;margin-top: 70px}
.onepage-category .category-detail .title-menu > a > span {display: inline-block;vertical-align: middle}
.onepage-category .category-detail .title-menu > a.parent:after {display: inline-block;content: "\e81c";font-family: "porto";margin-left: 18px;font-size: 18px;vertical-align: middle;line-height: 36px}
.onepage-category .category-detail .title-menu > a.parent.opened:after {content: "\e81b"}
.onepage-category .category-detail .title-menu > .menu-popup {position: absolute;left: -25px;top: 100%;display: none;width: calc(100% + 50px);z-index: 3;background-color: #FFFFFF;border: 1px solid #BEBEBE;border-radius: 5px;padding: 50px 0}
.onepage-category .category-detail .title-menu > .menu-popup:before {content: "";border: 8px solid transparent;width: 16px;height: 16px;display: block;border-bottom-color: #BEBEBE;position: absolute;top: -16px;left: 90px}
.onepage-category .category-detail .title-menu > .menu-popup:after {content: "";border: 7px solid transparent;width: 14px;height: 14px;display: block;border-bottom-color: #FFFFFF;position: absolute;top: -13px;left: 91px}
.onepage-category .category-detail .menu-popup ul {list-style: none;padding: 0;margin: 0}
.onepage-category .category-detail .menu-popup > ul {display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.onepage-category .category-detail .menu-popup > ul > li {float: left;border-left: 1px solid #BEBEBE;margin: 10px 0;padding: 30px 0}
.onepage-category .category-detail .menu-popup > ul.columns5 > li {width: 20%;padding-left: 4%;padding-right: 4%}
.onepage-category .category-detail .menu-popup > ul.columns5 > li:nth-child(5n+1) {border-left: 0;clear: left}
.onepage-category .category-detail .menu-popup ul > li > a {color: #000000;font-size: 16px;line-height: 2.5}
.onepage-category .category-detail .menu-popup > ul > li > a {font-weight: 700;text-transform: uppercase}
.onepage-category .category-detail .products-area {margin: 0 -10px}
.onepage-category .category-detail .products-area .category-link {float: right;margin-top: -70px;margin-right: 10px;position: relative;z-index: 2;min-width: 119px;height: 40px;border: 2px solid #000000;color: #000000;border-radius: 5px;line-height: 36px;text-align: center;text-decoration: none;text-transform: uppercase;font-weight: 600}
.onepage-category .category-detail .products-area .category-link:hover {background-color: #000000;color: #FFFFFF}
.onepage-category .category-detail .products div.item {float: left;padding: 10px}
.onepage-category .category-detail .products div.item .item-area {width: 100%;position: relative}
.onepage-category .category-detail .product-image-area {border: 0;padding: 0;border-radius: 0}
.onepage-category .category-detail .products div.item .product-image {width: 100%;min-height: 60px;display: block;position: relative;z-index: 0;overflow: hidden;border-radius: 0;background: #FFFFFF}
.onepage-category .category-detail .products .owl-item.loading {background: transparent}
.onepage-category .category-detail .products .owl-item.loading div.item .product-image {background-image: url(../image/ajax_loader.gif);background-repeat: no-repeat;background-position: center center}
.onepage-category .category-detail .products div.item .product-image img {width: 100%;transition: opacity .3s}
.onepage-category .category-detail .products div.item .product-image img.defaultImage {opacity: 1;filter: alpha(opacity=100)}
.onepage-category .category-detail .products div.item .product-image img.hoverImage {position: absolute;top: 0;left: 0;opacity: 0;filter: alpha(opacity=0)}
.onepage-category .category-detail .products div.item .product-image-area:hover .product-image img.defaultImage {opacity: 0;filter: alpha(opacity=0)}
.onepage-category .category-detail .products div.item .product-image-area:hover .product-image img.hoverImage {opacity: 1;filter: alpha(opacity=100)}
.onepage-category .category-detail .products div.item .details-area {padding: 15px 0;text-align: left}
.onepage-category .category-detail .products div.item .details-area .product-name {margin: 0 0 3px}
.onepage-category .category-detail .products div.item .details-area .product-name a {font-size: 14px;font-weight: 600;color: #000000}
.onepage-category .category-detail .products div.item .details-area .price {font-weight: 300;font-size: 30px}
.onepage-category .category-detail .products div.item .details-area .old-price .price {font-size: 20px}
.onepage-category .category-detail .products div.item .details-area .actions {display: none;}
.onepage-category .category-detail .product-image-area:before {content: "";display: block;background: #000000;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;opacity: 0;visibility: hidden;transition: all .3s}
.onepage-category .category-detail .item-area:hover .product-image-area:before {opacity: .7;visibility: visible}
.onepage-category .category-detail a.quickview-icon {position: absolute;top: 50%;margin-top: -18px;text-align: center;width: 100%;background: none;text-transform: uppercase}
.onepage-category .category-detail a.quickview-icon span {margin-left: 8px;font-weight: 600}
.onepage-category .category-detail .product-image-area .actions {padding: 0 15px;z-index: 3}
.onepage-category .category-detail .product-image-area .actions a {background-color: transparent;border-color: #FFFFFF;color: #FFFFFF;width: 50px;height: 50px;line-height: 48px;font-size: 18px;margin: 0 1px}
.onepage-category .category-detail .product-image-area .actions a.addtocart i.icon-cart {font-size: 21px}
.onepage-cat.category-list {margin: -20px 0 -50px}
.onepage-cat.category-list + .main.container {float: left;max-width: calc(100% - 80px);padding: 0 100px}
.onepage-category > .category-list > ul.fixed-top {position: fixed;left: 0;top: 70px}
.onepage-category > .category-list > ul.fixed-bottom {position: fixed;left: 0;bottom: 0}
.onepage-category > .category-list > ul.absolute-bottom {position: absolute;top: auto;bottom: 0}
.onepage-category .additional-content img {max-width: 100%}
.onepage-category .menu-popup a > span {position: relative}
.onepage-category .menu-popup a > span > span.cat-label {top: 3px;right: -35px;font: inherit;font-size: 9px;padding: 2px;z-index: 1;border-radius: 2px;line-height: 1;border: 1px solid #777777;position: absolute}
#banner-slider-demo-19 .slide-content h2 {font-size: 80px;font-weight: 800;line-height: .9;letter-spacing: -6px;margin-left: -5px}
#banner-slider-demo-19 .slide-content p {font-size: 20px;margin-bottom: 50px;font-weight: 300}
#banner-slider-demo-19 .slide-content a.btn-line {color: #000000;font-size: 14px;font-weight: 700;border: 2px solid #000000;padding: 0 34px;height: 57px;display: inline-block;line-height: 53px;border-radius: 8px;text-decoration: none}
#banner-slider-demo-19 .slide-content a.btn-line:hover {color: #FFFFFF;background-color: #000000}
.category-description img {max-width: 100%}
@media (max-width: 1199px) {
#banner-slider-demo-19 .slide-content h2 {font-size: 40px;line-height: .9;letter-spacing: -3px;margin-left: -2.5px}
#banner-slider-demo-19 .slide-content p {font-size: 12px;margin-bottom: 20px}
#banner-slider-demo-19 .slide-content a.btn-line {font-size: 10px;padding: 0 16px;height: 30px;line-height: 26px;border-radius: 4px}
.onepage-cat.category-list + .main.container {padding: 0 50px}
.onepage-category .category-detail .menu-popup ul > li > a {font-size: 11px}
.onepage-category .category-detail .menu-popup > ul.columns5 > li {padding: 10px 2%}
.onepage-category .category-detail .title-menu > .menu-popup {padding: 10px 0}
.onepage-category .category-detail .title-menu > a {margin-top: 46px}
}
@media (max-width: 767px) {
.onepage-category {display: block}
.onepage-category > .category-list {width: auto;float: none;padding: 0}
.onepage-category > .category-list > ul {padding: 0}
.onepage-category > .category-list > ul > li {margin: 0;display: inline-block}
.onepage-category > .category-list > ul > li > a:hover > span, .onepage-category > .category-list > ul > li > a:after {display: none}
.onepage-cat.category-list + .main.container {float: none;padding: 0 15px;width: auto}
.onepage-category > .category-details {float: none;width: auto;padding: 0 15px}
.onepage-category > .category-list > ul {position: static !important}
.onepage-category .category-detail .menu-popup > ul {display: block}
.onepage-category .category-detail .menu-popup > ul.columns5 > li {width: 50%;padding: 10px 15px}
.onepage-category .category-detail .menu-popup > ul.columns5 > li:nth-child(5n+1) {border-left: 1px solid #BEBEBE;clear: none}
.onepage-category .category-detail .menu-popup > ul.columns5 > li:nth-child(2n+1) {border-left: 0;clear: left}
.onepage-category .category-detail .menu-popup ul > li > a {font-size: 14px}
}
.form-list .field {margin-left: 4%}
.form-list .fields .field:first-child {margin-left: 0}
.box {margin-bottom: 30px}
.box .box-title {margin: 0}
.product-tabs-container {position: fixed;left: 0;top: 0;width: 100%;padding: 15px 0;z-index: 1;background-color: #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)}
.product-tabs-container.has-sticky-header {top: 45px}
.sticky-tab > li {display: inline-block;font-size: 13px;padding: 0 10px}
.sticky-tab > li:first-child {padding-left: 0}
.sticky-tab > li > a {color: #777777;padding: 10px 0}
.bounce-loader {transition: all .2s;text-align: center;width: 70px;display: inline-block}
.bounce-loader .bounce1, .bounce-loader .bounce2, .bounce-loader .bounce3 {animation: 1.4s ease-in-out 0 normal both infinite running bouncedelay;background-color: #CCCCCC;border-radius: 100%;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);display: inline-block;height: 18px;width: 18px;margin: 0 1.5px}
.bounce-loader .bounce1 {animation-delay: -.32s}
.bounce-loader .bounce2 {animation-delay: -.16s}
@keyframes bouncedelay {
0%, 80%, 100% {transform: scale(0)}
40% {transform: scale(1)}
}
@media (max-width: 991px) {
.product-tabs-container.has-sticky-header:not(.has-mobile-sticky-header) {top: 0}
.product-tabs-container.has-sticky-header.has-mobile-sticky-header {top: 110px}
}
ul.scene {width: 100%;height: 100%}
ul.scene > li.layer {width: 100%;height: 100%}
.animation-wave {-webkit-animation: wave 20s 0.1s infinite linear;-moz-animation: wave 20s 0.1s infinite linear;animation: wave 20s 0.1s infinite linear}
.animation-spin {
-moz-animation: spin 20s infinite linear;
-o-animation: spin 20s infinite linear;
-webkit-animation: spin 20s infinite linear;
animation: spin 20s infinite linear;
}
@-webkit-keyframes wave {
0% {
-webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
-moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
}
100% {
-webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
-moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
}
}
@-moz-keyframes wave {
0% {
-webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
-moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
}
100% {
-webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
-moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
}
}
@-ms-keyframes wave {
0% {
-webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
-moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
}
100% {
-webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
-moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
}
}
@keyframes wave {
0% {
-webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
-moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
}
100% {
-webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
-moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
}
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
/*==========================================*/
@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Version - 3.4.0
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2015 Daniel Eden
*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
.animated.flipOutX,
.animated.flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
/*==========================================*/
/*
* Title: jQuery Etalage plugin CSS
* Author: Berend de Jong, Frique
* Author URI: http://www.frique.me/
* Version: 1.3.1 (20120705.1)
*
* ------------------------------------ STYLE ------------------------------------
* Edit this section to style your thumbnails, zoom area, magnifier etc.
* If the id of your Etalage instance is different, do a find/replace on #etalage.
* -------------------------------------------------------------------------------
*/
/* Etalage container (large thumb + small thumbs): */
#etalage{
display: none;
}
/* Large thumbnail: */
#etalage .etalage_thumb{
background: white url(../image/loading.gif) center no-repeat;
padding: 6px;
}
/* Large thumbnail - image (in case you want to add a border around the image within the frame) */
#etalage .etalage_thumb_image{ }
/* Small thumbnails: */
#etalage .etalage_small_thumbs li{
background: white;
margin: 10px;
padding: 3px;
}
/* The one on the left that makes them slide */
#etalage ul li.etalage_smallthumb_first{ }
/* The one on the right that makes them slide */
#etalage ul li.etalage_smallthumb_last{ }
/* The currently active one */
#etalage ul li.etalage_smallthumb_active{
}
/* Zoomed image area: */
#etalage .etalage_zoom_area,
.etalage_zoom_area{
background: white url(../image/loading.gif) center no-repeat;
padding: 6px;
}
/* Magnifier area (thumbnail hovering rectangle): */
#etalage .etalage_magnifier{
background: white;
border: 1px solid #bbb;
}
/* Icon that will apear at the left bottom of the large thumbnail (optional): */
#etalage .etalage_icon{
background: url(../image/zoom.png) no-repeat;
width: 14px;
height: 14px;
}
/* Hint that will apear at the top right of the large thumbnail (optional): */
#etalage .etalage_hint{
background: url(../image/hint.gif) no-repeat;
width: 130px;
height: 57px;
}
/* Description area (optional) */
#etalage .etalage_description{
background: white;
font-style: italic;
margin: 10px;
padding: 6px 10px;
}
/*
* ------------------------------------ FUNCTIONALITY --------------------------------------
* The following CSS serves to make Etalage function properly. Don't edit or edit carefully.
* -----------------------------------------------------------------------------------------
*/
.etalage, .etalage_thumb, .etalage_thumb_image, .etalage_source_image, .etalage_zoom_preview, .etalage_icon, .etalage_hint{ display:none }
.etalage, .etalage ul, .etalage li, .etalage img, .etalage_hint, .etalage_icon, .etalage_description{ margin:0; padding:0; border:0; list-style:none }
.etalage, .etalage_magnifier div, .etalage_magnifier div img, .etalage_small_thumbs ul, ul .etalage_small_thumbs li, .etalage_zoom_area div, .etalage_zoom_img{ position:relative }
.etalage img, .etalage li{ -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; -webkit-user-drag:none; -moz-user-drag:none; user-drag:none }
.etalage, .etalage_small_thumbs li{ float:left }
.etalage_right{ float:right }
.etalage li{ position:absolute }
.etalage img{ vertical-align:bottom; max-width:none }
.etalage_magnifier{ cursor:default }
.etalage_magnifier div, .etalage_small_thumbs{ overflow:hidden }
.etalage_magnifier div img{ display:none }
.etalage_icon, .etalage_hint{ cursor:default; width:0; height:0; overflow:hidden }
.etalage_small_thumbs li.vertical{ float:none }
.etalage_zoom_area{ z-index:996 }
.etalage_zoom_area div{ overflow:hidden; z-index:997 }
.etalage_zoom_preview{ position:absolute; z-index:998 }
.etalage_zoom_img, .etalage_hint{ z-index:999 }
.etalage{ direction:ltr; float: none; }
div.etalage_description{ position:absolute; bottom:0; left:0; z-index:999 }
div.etalage_description.rtl{ direction:rtl; text-align:right }
/*==========================================*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
margin: 40px 0;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('../imagefancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('../image/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('../image/blank.gif'); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('../image/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('../image/fancybox_sprite@2x.png');
background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
background-image: url('../image/fancybox_loading@2x.gif');
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}
/*==========================================*/
/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under ()
*/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../image/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/*==========================================*/
/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under ()
*/
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/*==========================================*/
.full-width {
width: 100% !important;
margin: auto !important;
}
h1, h2, h3, h4, h5, h6, p, a, * {line-height: 1.425;}
/*==========================================*/
.form-control {height: 40px;}
/*==========================================*/
#btn_show_cart, .modal.bs-popupcart-modal-lg {display: none;}
/*==========================================*/
.footer .footer-top-inner .block {margin-bottom:0;padding: 23px 0;}
.footer .footer-top-inner .newsletter {text-align:right;margin-top:15px;}
.footer .footer-top-inner .newsletter .block-title {display:inline-block;margin: 15px 30px 5px 0;}
.footer .footer-top-inner .newsletter .valid {float: left;width: 100%; padding: 15px;}
.header-container.header-newskin .mini-cart .mini-products-list li a.btn-remove {line-height: 20px;}
/*slider home*/
.owl-carousel .owl-dots {text-align: center;}
.owl-carousel .owl-dots .owl-dot {display: inline-block;}
.owl-carousel .owl-dots .owl-dot span {
width: 8px;
height: 8px;
background-color: #a0a09f;
float: left;
margin: 0 5px;
border-radius: 100px;
}
.owl-carousel .owl-dots .owl-dot:hover span,
.owl-carousel .owl-dots .owl-dot.active span {background-color:#db3570;}
.owl-carousel .owl-nav {
position: absolute;
top: -45px;
right: 15px;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
display: inline-block;
padding: 5px;
margin-left: 10px;
font-size: 18px;
color: #db3570;
}
.owl-carousel .owl-nav .owl-prev {}
.owl-carousel .owl-nav .owl-next {}
.owl-carousel .owl-nav .owl-prev i,
.owl-carousel .owl-nav .owl-next i{}
.owl-bottom-corner-narrow.owl-carousel .owl-nav {
position: absolute;
left: 25px;
bottom: 20px;
margin: 0;
text-align: left;
top: auto;
}
.owl-bottom-corner-narrow.owl-carousel .owl-nav > * {
color: #2f2727;
margin: 0;
font-size: 18px;
float: left;
display: inline-block;
padding: 0;
border-radius: 1000px;
border: 1px solid #fff;
background-color: rgba(255,255,255,0.4);
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
margin-right: 10px;
}
.owl-bottom-corner-narrow.owl-carousel .owl-nav > * > i:before {margin: 0;}
.top-container .owl-carousel .owl-dots {
position: absolute;
bottom: 25px;
z-index: 999;
left: 50%;
transform: translateX(-50%);
}
/*service*/
.service-module {
background-color:#EFF3F5;
margin-top:27px;
}
.service-module .homepage-bar {margin: 0;}
.product-module {
margin-top:20px;
margin-bottom:20px;
}
.filter-products .products div.item .product-image-area:hover .product-image img.defaultImage,
.category-products li.item .product-image-area:hover .product-image img.defaultImage {opacity: 1;}
.col-main {padding-bottom: 0}
.main-container {padding-bottom: 15px;}
/*
.cms-index-index:not(.common-home) .header-container.type10.header-newskin .dropdown-menu:hover .menu-container > a,
body:not(.common-home) .header-container.type10.header-newskin .dropdown-menu .menu-container > a {pointer-events: auto;}
*/
.breadcrumbs ul {margin-top: -35px;}
.feedback-module .history .thumb {margin-bottom: 0;}
.feedback-module .history .thumb img {width: auto;}
.feedback-module .history .featured-box .box-content h4 {margin-right: 20px;}
.feedback-module .history .featured-box .box-content p {margin-left: 0;}
.text-danger {color:#f00;}
.contact-info i {
float: left;
width: 43px;
height: 43px;
color: #fff;
line-height: 43px;
text-align: center;
font-size: 16px;
margin-bottom: 15px;
background-color: #db3570;
}
.contact-info p {
margin-left: 55px;
margin-bottom: 0;
font-size: 14px;
line-height: 21px;
}
.block-category-nav {border: 1px solid rgba(0,0,0,.1);}
.pagination {font-size: 14px;}
.pagination > li {
float: left;
margin-right: 10px;
border: 1px solid;
}
.pagination > li:hover {border-color: #DB3570;}
.pagination>li>a, .pagination>li>span {
width: 25px;
height: 25px;
display: block;
text-align: center;
line-height: 25px;
border:none;
background:none;
color:#DB3570;
padding: 0;
}
.pagination > li:hover > a,
.pagination > li:hover > span {
color: #fff;
background-color: #DB3570;
text-decoration: none;
border-radius: 0;
}
.pagination > li.active {
color: #fff;
background-color: #DB3570;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
border-radius: 0;
background: none;
border: none;
}
.toolbar .sorter .view-mode .switcher {float: left;}
.toolbar .sorter .view-mode .switcher i {
height: auto;
width: auto;
}
.toolbar .sorter .pager {
margin-right: 15px;
}
.toolbar .sorter .pager a {
color: #fff;
}
.product-label { right: 10px; }
.block-category-nav .block-title {padding: 15px;}
.block-category-nav .block-title:before {transform: translateY(-50%);}
.block-category-nav.no-collapse .block-title:before {content: none;}
.block-category-nav.no-collapse .block-content {padding: 10px 15px 20px;}
.sidebar .product-sidebar .item-area .short-desc,
.sidebar .product-sidebar .item-area .action-area .actions {display: none;}
.sidebar .product-sidebar .filter-products .products.small-list div.item .details-area .product-name a {
white-space: normal;
font-size: 14px;
font-weight: 400;
}
.sidebar-filterproducts {margin-bottom: 0;}
.sidebar .product-module .owl-carousel .owl-nav,
.sidebar .product-module .owl-carousel .owl-nav .owl-prev,
.sidebar .product-module .owl-carousel .owl-nav .owl-next {
margin: 0 0 0 10px;
color: #000;
background-color: transparent;
right: 0;
}
.product-view .product-img-box #etalage li.etalage_thumb,
.product-view .product-img-box #etalage li.etalage_small_thumbs li {padding: 0;}
.product-view .product-img-box #etalage li.etalage_thumb {border:none;}
.product-view .product-essential .ratings .rating-box {
font-size: 14px;
line-height: 1;
text-indent: 0;
color: #ffc500;
display: flex;
float: left;
height: 100%;
align-items: center;
}
.product-view .product-essential .ratings .rating-box:before {content: none;}
.product-view .product-essential .ratings .rating-box .fa-stack {
width: auto;
height: auto;
line-height: normal;
margin-right: 2px;
}
.tab-content .tab-pane {display: none;}
.tab-content .tab-pane.active {display: block;}
.item-comment {margin-bottom: 20px;}
.item-comment .panel-body {padding: 5px 0 0}
.product-view #product-customer-reviews {margin-top: 0;}
.product-view #product-customer-reviews li {padding: 0;}
.category-products.related-products .products-grid.columns4 li.item {padding-bottom: 10px !important;}
.category-products.related-products .owl-carousel .owl-nav {top: -55px;}
.alert {
/*position: absolute;*/
left:0;
top: 0;
width: 100%;
z-index:999;
background-color: #BBBBBB;
padding: 10px 20px;
border-radius: 5px;
color: #fff;
font-size: 14px;
}
.alert button {
float:right;
border: none;
background: none;
color: #fff;
font-size: 20px;
line-height: 1;
}
.alert.alert-success {background-color:#70C070}
.table-cart-content input[name^="quantity"] {min-width: 60px;}
.news-module .item .details-area .actions {margin: 0;}
#select-language,
#select-currency {
display:inline-block;
position:relative;
}
.top-select .select {
float:left;
position:relative;
z-index:10000
}
.top-select .dropdown {
position: absolute;
z-index: 9999;
overflow-y: auto;
overflow-x: hidden;
list-style: none;
top: 26px;
display: none;
/*width: 57.375px;*/
}
.top-select:hover .dropdown {
display: block;
}
.product-tabs > ul li {
list-style: none;
margin-left: -20px;
}
.sidebar .product-tabs > ul li {
display: block;
float: left;
width: 50%;
margin: 0;
/*text-align: center;*/
}
.sidebar .product-tabs > ul li a {margin:0;}
.sidebar .product-tabs .tab-content {padding-top:0}
.newsletter_popup button.button {
margin-left: -65px;
width: 60px;
}
.header-container .header-wrapper {margin-bottom: 0 !important;}
.product-view #product-customer-reviews .pagination li {border-color:#777;}
.product-view #product-customer-reviews .pagination li.active,
.product-view #product-customer-reviews .pagination li:hover {border-color:#DB3570;}
#comment .col-sm-1 {padding-right:0;}
#comment .col-sm-11 .panel > * {padding: 10px 15px;}
#comment .col-sm-11 .panel .panel-heading {}
/* please mercy, dont broken T_T */
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
top: 50%;
transform:translateY(-50%);
}
/*zombie custom*/
/*too lazy for design each page -_-' */
.account-login [class*="col-xs"],
.account-login [class*="col-sm"],
.account-login [class*="col-md"],
.account-login [class*="col-lg"] {float: left;}
.account-login label {line-height: 40px;}
.account-login .form-group {
float: left;
display: block;
width: 100%;
margin-bottom: 15px;
}
.account-login .form-control {
padding: 0 15px;
width: 100%;
}
label.control-label[for="input-sort"] {line-height: 40px;}
select#input-sort {
-webkit-appearance: menulist;
-moz-appearance: menulist;
-ms-appearance: menulist;
appearance: menulist;
}
.product-view .product-collateral .product-tabs > ul > li {margin-left: 0;}
.product-view .product-name h1 {line-height: 1.425}
.product-tabs .tab-content {min-height: 0;}
#checkout_form input.form-control[type="text"],
#checkout_form input.form-control[type="email"],
#checkout_form select.form-control,
#checkout_form textarea.form-control,
.table-cart-content input[type="text"] {
border-radius: 0;
min-width: 50px;
padding: 6px 10px;
height: auto;
}
#checkout_form .panel.panel-default .panel-body {padding: 20px 15px}
#checkout_form .panel-body table.table_order_items {width: 100%}
#form_payment_method .adr-oms.radio label .adr-oms.payment-method > .description > .subtitle {
margin: 0;
clear: none;
}
.module_filter .category-list label {
display: inline;
cursor: pointer;
font-size: 14px;
line-height: 33px;
letter-spacing: 0.01em;
color: #7A7D82;
}
.module_filter .category-list label:hover {text-decoration: underline}
.module_filter .category-list label input {margin: 0}
/*==========================================*/
@media (min-width: 481px) {}
@media (min-width: 561px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {
.owl-banner-carousel {width: 75%;float: right;padding-left: 2px;}
}
@media (min-width: 1200px) {}
/*==========================================*/
@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {
.breadcrumbs .a-right {text-align: left !important;}
.breadcrumbs ul {margin-top: 10px;}
.toolbar .sorter .limiter,
.toolbar .sorter .pager {
float: left;
width: 100%;
display: block;
margin-bottom: 10px;
}
.toolbar .sorter .limiter {width: auto;}
.toolbar .sorter .pager { margin-right: 0;}
.toolbar .sorter .pager a { width: 100%; }
.header-container.type10.header-newskin .dropdown-menu {width: 100%;}
.newsletter_popup {padding: 20px 15px;}
.newsletter_popup button.button {
width: 100%;
position: unset;
margin: 10px auto;
border: 1px solid #CCCCCC;
}
}
@media (max-width: 560px) {
.col-6.col-xs-12 {
width: 100%;
max-width: 100%;
flex: unset;
margin-bottom: 15px;
}
.owl-carousel .owl-nav {
top: 0;
left: 0;
right: 0;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
position: absolute;
top: -55px;
left: 0;
margin: 0;
}
.owl-carousel .owl-nav .owl-next {
left: auto;
right: 0;
}
.product-tabs > ul li {margin:0;}
.category-products.related-products .owl-carousel .owl-nav {
top: 50%;
transform: translateY(-50%);
}
.category-products.related-products .owl-carousel .owl-nav .owl-prev,
.category-products.related-products .owl-carousel .owl-nav .owl-next {background-color: rgba(64,64,64,.5)}
.col_button_shopping, .col_button_checkout,
.button_shopping, .button_checkout {
display: block;
float: left;
width: 100%;
margin:5px auto;
}
.header-container.type10.header-newskin:not(.sticky-header) .mybag-link {padding:0}
.header-container.type10.header-newskin .mybag-link .cart-qty {right:0}
}
@media (max-width: 480px) {
.toolbar .sorter .limiter {clear: left;}
/* .header-container.type10.header-newskin .header .form-search {width: auto;}
.header-container.type10.header-newskin .header a.logo {
margin: 30px auto 0;
width: 100%;
float: left;
max-width: 100%;
text-align: center;
}
.header-container.type10.header-newskin .cart-area {
float: right;
width: 50%;
}
.header-container.type10.header-newskin .search-area {
float: left;
width: 50%;
margin: 35px 0;
}*/
.header-container.type10.header-newskin .header .form-search {right:-90px; left: auto;}
.header-container.type10.header-newskin .header .form-search #search {
right: auto;
left: 20px;
}
.header-container.type10.header-newskin .header .form-search #search {width: 150px; float: right;}
}
@media (max-width: 360px) {
.toolbar .sorter .sort-by {
margin-right: 0;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
}
/*==========================================*/
@media (max-width: 1199px) and (min-width: 992px) {}
@media (max-width: 1199px) and (min-width: 768px) {}
@media (max-width: 991px) and (min-width: 768px) {} |