html, body{ font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 13px;  color: #5e5e5e; height: 100%; width: 100%; margin: 0 auto; }

h1, h2, h3, h4, h5, h6 { font-family: 'aileronheavy', Arial, sans-serif; text-transform: uppercase; color:#2f2f2f  }
h1 {font-size:30px; line-height:36px}
h2 {font-size:22px; line-height:30px}
h3 {font-size:18px; line-height:24px}

h2.title { }
p { line-height:20px; }

a {color:#88b440; text-decoration: none;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
a:hover, a:focus { outline: none; text-decoration: none}

/* Color */
.colorMain {color:#88b440 !important}
.bgMain, .bgOrange, .bgRed {color:#fff}
.bgMain { background-color: #88b440; }
.bgRed { background-color: #fb3001;}
.bgOrange { background-color: #ff6d0c;}
.overlayBlack { background-image: url("../images/bg-grad-black.png");}
.overlayWhite { background-image: url("../images/bg-grad-white.png")}
.bgGray{ background-color: #efefef; }

.fontSB {font-family: 'aileronsemibold', Arial, sans-serif; font-weight:normal;}
.fontB {font-family: 'aileronbold', Arial, sans-serif; font-weight:normal !important; -webkit-font-smoothing: antialiased;}
.fontEB {font-family: 'aileronheavy', Arial, sans-serif; font-weight:normal !important; /*aileronblack*/}
.fontH {font-family: 'aileronheavy', Arial, sans-serif; font-weight:normal !important;}
.fontR {font-family: 'Roboto', sans-serif; }
.bgCover {-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}

.borderFull {border:1px solid #e2e2e2}
.borderTop {border-top:1px solid #e2e2e2}
.borderBottom {border-bottom:1px solid #e2e2e2}
.roundedFull {-moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%;}
/* Layout */
.bgLight {background-color: #f6f6f6}
.dark {background-color: #1b1b1b; color:#949494}
.darkLight {background-color: #202020}

section {padding:25px 0; margin:0}
section.read {padding:15px 0 25px 0}
section.categories {padding-top:0}

/* Effects */
.tooltip {background-color: #1b1b1b; font-family: 'aileronheavy', Arial, sans-serif; padding:5px 8px; text-transform: uppercase; font-size:10px}
.truncate {white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
.anim {-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.grayscale {filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); filter: gray; -webkit-filter: grayscale(100%);}
.grayscale:hover {filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");  -webkit-filter: grayscale(0%);}

/* Elements */
.tag {font-size:12px; padding:5px 10px; font-family: 'aileronheavy', Arial, sans-serif; text-transform: uppercase; display:inline-block; margin-bottom: 5px; margin-right: 5px;}

.button {padding:10px 25px; margin-right: 15px; color:#fff; background-color: #88b440; display:inline-block; font-family: 'aileronheavy', Arial, sans-serif; text-transform: uppercase; font-size:14px;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-image: url("../images/btn-arrow-right-white.svg"); background-repeat:no-repeat; background-position: left center; -webkit-background-size: 16px; -moz-background-size: 16px; -o-background-size: 16px; background-size: 16px; padding-left:30px; background-position: left 8px center;}

.button:hover { background-color: #232328;  background-position: left 10px center; color:#fff; border-color:#232328}
.icoCart { background-image: url("../images/ico-cart-white.svg"); padding-left:35px;}

.buttonSm {padding:5px 15px; margin-right: 15px; color:#fff; background-color: #88b440; border-color:#88b440; display:inline-block; font-family: 'aileronheavy', Arial, sans-serif; text-transform: uppercase; font-size:13px;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-image: url("../images/btn-arrow-right-white.svg"); background-repeat:no-repeat; background-position: left center; -webkit-background-size: 16px; -moz-background-size: 16px; -o-background-size: 16px; background-size: 16px; padding-left:30px; background-position: left 8px center;}
.buttonSm:hover { background-color: #1b1b1b; border-color:#1b1b1b;  background-position: left 10px center;}


/* Typo */
.titleWrap { background-image: url("../images/bg-title-line.png"); background-repeat:repeat-x; background-position: left center; margin:20px 0 25px 0}
.catalog .titleWrap { margin:20px 0 10px 0}
.titleWrap.search { margin:20px 30px 25px 0}
.titleWrap h2.title, .titleWrap h3.title { background-color: #fff; display:inline-block; padding-right: 25px; margin:0}
.titleWrap.related {display:block}

.siteRead .titleWrap {margin-bottom:0}
.siteRead .titleWrap h2.title {font-size:18px}

.bgLight h2.title {background-color: #f6f6f6}

a.logoBig {width:150px; height:55px; display:block; background-repeat:no-repeat; background-position: top left;-webkit-background-size: contain; -moz-background-size: contain; -o-background-size:contain; background-size:contain; background-image: url("../images/ebike-logo.png"); margin:10px 0}

/* Main Navi */
nav.mainNavi { background-color:#f8f8f8; background-image: url("../images/bg-mainNavi.png"); background-repeat:repeat-y;; background-position: top right; position: relative; z-index:5000; height: 48px;}

/* Menu main */
ul.menuMain {list-style: none; padding:0; margin:0;float:left; }
ul.menuMain li {display:block; float:left; position: relative;}
ul.menuMain li a {display:block; font-size:13px; font-family: 'aileronbold', Arial, sans-serif; color:#2f2f2f; padding:15px 15px; text-transform: uppercase}
ul.menuMain li a:hover, ul.menuMain li a.active {color:#88b440}
ul.menuMain li:first-child a {padding-left:0}
ul.menuMain li:last-child a {margin-right: 30px}
ul.menuMain li.menuGrey a { background-color: #efefef}
ul.menuMain li ul li:nth-last-child(-n+4) a { background-color:#fff}
ul.menuMain li ul li:nth-last-child(-n+4) a { background-color: #fff!important; }

ul.menuMain li ul {position:absolute; display:none; width:200px; background-color: #ffffff; padding:0; margin:0;-webkit-box-shadow: 1px 1px 7px 0px rgba(50, 50, 50, 0.53);  -moz-box-shadow:    1px 1px 7px 0px rgba(50, 50, 50, 0.53);  box-shadow:         1px 1px 7px 0px rgba(50, 50, 50, 0.53);}
ul.menuMain li ul li {float:none; display:block; padding:0px; background-color: #fff}
ul.menuMain li ul li a {font-size:13px}
ul.menuMain li ul li:last-child a {border-bottom: 0}
ul.menuMain li ul li:first-child a {padding-left:15px}
ul.menuMain li ul li a {border-bottom:1px solid #efefef; border-left:4px solid #fff; padding:10px 15px}
ul.menuMain li ul li a:hover { border-left:4px solid #88b440}
ul.menuMain li ul ul {width:200px; left:200px; display: none; top:0; position:absolute}

.bigMenu {}
.bigMenu  > ul {list-style: none; padding:0; margin:0; width:750px !important; left:0; }
.bigMenu >  ul > li {width:25%; float:left !important; display:block !important;}
.bigMenu >  ul > li { background-color: transparent}
.bigMenu >  ul > li ul {display:block !important; left:auto !important; position: relative !important; width:auto !important; top:auto; -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow:none;}
.bigMenu >  ul > li ul li {float:none; width:auto}

ul.menuMain li.bigMenu ul li a {font-family: 'aileronheavy', Arial, sans-serif; border-bottom: 3px solid #efefef;border-left:0;margin:0px 10px; padding:8px 0px; background-color: transparent !important;}
ul.menuMain li.bigMenu ul li {position:relative}
ul.menuMain li.bigMenu ul li a:hover {color:#88b440}
ul.menuMain li.bigMenu ul li ul {margin-top:6px; margin-bottom: 10px;}
ul.menuMain li.bigMenu ul li:hover a {border-color:#88b440}
ul.menuMain li.bigMenu ul li ul li a {font-family: 'aileronbold', Arial, sans-serif; font-size:11px; border-bottom:0;  color:#515151;  background-image: url("../images/icon-menu-arrow-right.svg"); background-repeat:no-repeat; background-position: left top 5px;-webkit-background-size: 12px; -moz-background-size: 12px; -o-background-size: 12px; background-size: 12px; padding:5px 0px 5px 20px}
ul.menuMain li.bigMenu ul {padding:0}


.point {position:absolute; width:20px; height:10px; background-color: #fff; top:-15px; left:0}
.startSelling { display: block; margin-top:30px; height:45px; position: relative; padding-top:13px; padding-left:70px;  margin-right: 0;}
.startSelling:hover { background-color: #fb3001; color:#fff}
.startSelling span {position: absolute;left:0; top:0; bottom:0; width:45px; background-color: #232328; /*1b1b1b*/ background-image: url("../images/ico-selling-white.svg"); background-repeat:no-repeat; background-position: center;-webkit-background-size: 20px; -moz-background-size: 20px; -o-background-size: 20px; background-size: 20px;}

/* Menu banner */
.menuBanner {position: relative; background-repeat:no-repeat; background-position: top right;-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; height:200px; background-image: url("../images/image-menu-banner.jpg"); padding:15px}
.menuBanner h2 {margin-top:0px; color:#fff}
.menuBanner p {color:#fff; font-size:12px; text-transform: none; }
.menuBannerText {position:relative; background-color: transparent !important; z-index:5000;}
.menuBannerText a.bg {border-bottom: 0 !important; border:1px solid #88b440 !important; margin:10px 0 !important; color:#fff; padding-left:35px !important; padding-right:25px !important; display:inline-block !important}

/* Menu responsive */
a.rButton {display:block; width:50px; height:50px; margin-top:15px; background-repeat:no-repeat; background-position: center;-webkit-background-size: 60px; -moz-background-size: 60px; -o-background-size: 60px; background-size: 60px; background-image: url("../images/rButton.png");}
a.rButton.active {background-image: url("../images/rButton-active.png");}
a.rSearch {display:block; width:50px; height:50px;margin-top:15px; background-repeat:no-repeat; background-position: center top 12px;-webkit-background-size: 28px; -moz-background-size:28px; -o-background-size: 28px; background-size:28px;  background-image: url("../images/icon-rSearch.svg");}
a.rSearch.active {background-image: url("../images/icon-rSearch-active.svg");}

.rOptions {position:fixed; left:0; top:0; right:0; bottom:0; background-color:#1b1b1b; padding:15px; display:none; z-index: 10000}
.rOptions h3 {margin-top:0; border-bottom:1px solid #242424; padding-bottom:15px}

/*
ul.menuResponsive { list-style:none; padding:0; margin:0}
ul.menuResponsive li {display:block}
ul.menuResponsive li a { display:block; color:#fff; padding:15px 25px; text-align: left; text-transform: uppercase; font-size:18px; border-bottom:1px solid #242424; margin-right: 0px}
ul.menuResponsive li ul {display:none;list-style:none; padding:0; margin:0 -15px; background-color: #242424}
ul.menuResponsive li:last-child a {border:0}
ul.menuResponsive li a.arrow { background-image: url("../images/icon-arrow-down-green.svg"); background-repeat:no-repeat; background-position: right 15px center;-webkit-background-size: 20px; -moz-background-size: 20px; -o-background-size: 20px; background-size: 20px; padding-right:30px }
ul.menuResponsive li ul li a {font-size:15px; padding:10px 60px; border-bottom:1px solid #2e2e2e}*/


.rOptions { z-index: 10000}
ul.responsiveMenuTabs {margin:0; padding:0; list-style: none; position:absolute; bottom:0; left:0; right:0; top:auto; z-index:100;}
ul.responsiveMenuTabs li {float:left; width:50%; background-color: #1f1f1f}
ul.responsiveMenuTabs li.active a { background-color: #1b1b1b !important; border: 0 !important;}
ul.responsiveMenuTabs li a {display:block; text-align: center; text-transform: uppercase; color:#575757; font-size:8px; padding:0 0 5px 0; border:0 !important; padding-top:40px; background-repeat:no-repeat; background-position: top 10px center;-webkit-background-size: 20px; -moz-background-size: 20px; -o-background-size: 20px; background-size: 20px;}

.rMenuWrap .tab-content .tab-pane { position: relative;} /* Slide animation fix */
h2.responsiveTitle {color:#fff; margin-top: 5px}

ul.menuResponsive { list-style: none; margin: 0; padding: 0;}
ul.menuResponsive li {}
ul.menuResponsive li a {display:block; color:#cbcbcb; font-size:14px; padding:12px 0px; position:relative}
ul.menuResponsive li.separator { border-bottom: 1px solid #282828}
ul.menuResponsive li a:hover {color:#fff}
ul.menuResponsive li a.active {color:#88b440}
ul.menuResponsive li a .badge {background-color: #88b440; color:#1b1b1b; margin-left:10px}

ul.menuResponsive li a.arrow { background-image: url("../images/icon-arrow-down-green.svg"); background-repeat:no-repeat; background-position: right center;-webkit-background-size: 20px; -moz-background-size: 20px; -o-background-size: 20px; background-size: 20px; padding-right:30px }
ul.menuResponsive li a.arrow.active { background-image: url("../images/icon-arrow-down-white.svg");}
ul.menuResponsive li ul li a.arrow { background-position: right 18px center;-webkit-background-size: 16px; -moz-background-size: 16px; -o-background-size: 16px; background-size: 16px;}

.tabFeatured { background-image: url("../images/ico-rMenu-star.svg");}
ul.responsiveMenuTabs li.active a.tabFeatured { background-image: url("../images/ico-rMenu-star-green.svg");}
.tabMenu { background-image: url("../images/ico-rMenu-menu.svg");}
ul.responsiveMenuTabs li.active a.tabMenu { background-image: url("../images/ico-rMenu-menu-green.svg");}
.tabSearch { background-image: url("../images/ico-rMenu-search.svg");}
ul.responsiveMenuTabs li.active a.tabSearch { background-image: url("../images/ico-rMenu-search-green.svg");}
.tabCart{ background-image: url("../images/ico-rMenu-cart.svg");}
ul.responsiveMenuTabs li.active a.tabCart { background-image: url("../images/ico-rMenu-cart-green.svg");}
.tabAccount { background-image: url("../images/ico-rMenu-account.svg");}
ul.responsiveMenuTabs li.active a.tabAccount { background-image: url("../images/ico-rMenu-account-green.svg");}

/* Cart responsive */
.cartResponsive .table-responsive {border:0}
.cartResponsive .table-striped>tbody>tr:nth-of-type(odd) { background-color: #1f1f1f;}
.cartResponsive .table>tbody>tr>td, .cartResponsive .table>tbody>tr>th, .cartResponsive .table>tfoot>tr>td, .cartResponsive .table>tfoot>tr>th, .cartResponsive .table>thead>tr>td, .cartResponsive .table>thead>tr>th {border-top:0}
.cartResponsive table thead tr td {color:#fff}

.cartTable thead tr td {text-transform: uppercase; font-family: 'aileronheavy', Arial, sans-serif; }
.cartTable tr td { color:#cbcbcb}
.cartTable tr td a:hover {color:#fff;}
.cartTable tr td:nth-last-child(1) {text-align: right;}
.cartTable tr td:nth-last-child(2) {text-align: center}
.cartTable tr:last-child { color:#fff; text-transform: uppercase }
.cartTable tr td a {white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; }
a.btnCartResponsive { background-color: #88b440; color:#fff; text-transform: uppercase; height:45px; line-height: 32px }
a.btnCartResponsive span {background-image:url("../images/ico-cart-white.svg"); background-repeat:no-repeat; background-position: left center;-webkit-background-size: 16px; -moz-background-size: 16px; -o-background-size: 16px; background-size: 16px; padding-left: 25px;}


/* Menu main User */
ul.menuUser {list-style: none; padding:0; margin:0; background-color: #232328; text-align: right; float:right; height: 48px;}
ul.menuUser li {display:inline-block; position: relative;}
ul.menuUser li a {display:block; padding:15px 20px; color:#fff; font-family: 'aileronsemibold', Arial, sans-serif;  position:relative}
ul.menuUser li a:hover, ul.menuUser li a:active {color:#88b440}
ul.menuUser li:last-child a {padding-right:0}
ul.menuUser li a.cart, ul.menuUser li a.account, ul.menuUser li a.logout { background-repeat:no-repeat; background-position: left center;-webkit-background-size: 16px; -moz-background-size: 16px; -o-background-size: 16px; background-size: 16px; padding-left:20px}
ul.menuUser li a.cart {background-image: url("../images/ico-cart-green.svg");}
ul.menuUser li a.account {background-image: url("../images/ico-user-green.svg");}
ul.menuUser li a.logout {background-image: url("../images/ico-logout-green.svg");}
ul.menuUser li a .badge { position:absolute; left:10px; top:3px; font-size:12px;}
ul.menuUser li ul {display:none; position:absolute; top:50px; right:0; left:auto;min-width:200px }
ul.menuUser li ul li {display:block; background-color: #1b1b1b;white-space: nowrap;}
ul.menuUser li ul li a {padding:8px 15px; font-size:12px; }
ul.menuUser li ul li:last-child a {padding-right:15px}

.menuSeparator {border-bottom:1px solid #2f2f2f }

ul.rMain li {border-bottom:1px solid #2f2f2f}
ul.rMain li ul {display:none;list-style: none; margin-bottom: 0; padding:0; border-left:3px solid #88b440; background-color: #2a2a2a; margin-left: -15px; margin-right: -15px }
ul.rMain li ul li a {padding:10px 20px; font-size:14px;}
ul.rMain li ul li {border-color:#1e1e1e}
ul.rMain li ul li:last-child {border-bottom: 0}
ul.rMain li ul li ul {border-left:3px solid #88b440; margin-left: 0px; margin-right: 0px}

.rMenuClose {position:absolute; top:15px; right:5px; width:40px; height:40px; background-repeat:no-repeat; background-position: center;-webkit-background-size: 16px; -moz-background-size: 16px; -o-background-size: 16px; background-size: 16px; background-image: url("../images/ico-rMenu-close.svg"); z-index:100;}

/* RMenu search */
form.rMenuSearch {padding-top:150px;}

form.rMenuSearch .form-control {background-color: transparent; border:0; border-bottom:1px solid #575757; color:#fff }
form.rMenuSearch .btn-default {border:0; background-color: transparent}
form.rMenuSearch .btn-default {height:40px; width:40px; border-color:#292929; background-image: url("../images/btn-arrow-theme.svg"); background-repeat:no-repeat; background-position: center; -webkit-background-size: 16px; -moz-background-size: 16px; -o-background-size: 16px; background-size: 16px;}
form.rMenuSearch .btn-default:hover {background-image: url("../images/btn-arrow-white.svg");}


/* Top menu */
nav.topNav { background-color:#232328; display:block; position: relative; z-index:7000;}
ul.topMenu {list-style:none; margin:0; padding:0}
ul.topMenu li {display:inline-block;}
ul.topMenu li a {display:block; padding:10px 10px; text-transform: uppercase; color:#bababa; font-size:11px} /* Color:#7c7c7c */
ul.topMenu li a:hover {color:#fff;}
ul.topMenu li a.active {color:#88b440}
ul.topMenu li:first-child a {padding-left:0}

/* lang & currency */
ul.langMenu {list-style: none; margin: 0; padding:0; text-align: right;}
ul.langMenu li {display:inline-block; position: relative; background-image: url("../images/ico-lang-arrow-grey.svg"); background-repeat:no-repeat; background-position: right center; padding-right:15px; -webkit-background-size:16px; -moz-background-size:16px; -o-background-size:16px; background-size:16px;margin-right: 15px;}
ul.langMenu li a {display:block; padding: 10px 10px; color:#b7b6b6; font-size:11px;padding-left:30px; background-repeat:no-repeat; background-position: left center; -webkit-background-size:20px 13px; -moz-background-size:20px 13px; -o-background-size:20px 13px; background-size:20px 13px; }
ul.langMenu li a:hover {color:#fff;}
ul.langMenu li a.active {color:#88b440}
ul.langMenu li:last-child {margin-right:0;}
ul.langMenu li ul li:last-child a {padding-right:10px; margin-right: 0}

ul.langMenu li ul {position:absolute; right:0; top:34px; display:none; background-color: #232328; text-align: left; margin:0; padding:0; list-style: none}
ul.langMenu li ul li {display:block; background-image:none; padding-right:0;margin-right:0}
ul.langMenu li ul li a {padding:5px 20px; border-bottom:1px solid #3b3b3b; padding-left:30px; background-repeat:no-repeat; background-position: left center; -webkit-background-size:20px 13px; -moz-background-size:20px 13px; -o-background-size:20px 13px; background-size:20px 13px; margin:0px 5px; }

a.croatia, li.croatia { background-image: url("../images/flag-croatia-retina.jpg")}
a.germany, li.germany { background-image: url("../images/flag-germany-retina.jpg")}
a.english, li.english { background-image: url("../images/flag-united-kingdom-retina.jpg")}
a.switzerland, li.switzerland { background-image: url("../images/flag-switzerland-retina.jpg")}

ul.langMenu li:first-child ul li a {padding:5px 15px}

ul.langMenu li ul li:last-child a {border:0}

/* Responsive lang menu */
ul.rLangMenu {list-style: none; padding:0; margin:0; border-top:1px solid #88b440;}
ul.rLangMenu li {float:left; width:50%; background-repeat:no-repeat;background-position: right 15px top 8px; -webkit-background-size:25px 16px; -moz-background-size:25px 16px; -o-background-size:25px 16px; background-size:25px 16px;}
ul.rLangMenu li a {display:block;display:block; color:#fff; padding:5px 25px 5px 25px; text-align: left; font-size:16px;}
ul.rLangMenu li ul {display:none; list-style: none; margin:0; padding:0; background-color: #242424; margin-right:10px}
ul.rLangMenu li ul li {float:none; width:100%}
ul.rLangMenu li ul li a {display:block;font-size:12px;font-family: 'aileronlight', Arial, sans-serif; background-repeat:no-repeat; padding-left: 0px; background-position: right 15px center; border-bottom:1px solid #1b1b1b; -webkit-background-size:25px 16px; -moz-background-size:25px 16px; -o-background-size:25px 16px; background-size:25px 16px;}
ul.rLangMenu li ul li a:hover {color:#88b440}
ul.rLangMenu li ul li a span { padding:0 45px 0 20px;}

ul.rLangMenu li span {display:block; padding:0px 0px; margin-top:5px;background-repeat:no-repeat !important; background-position: right 15px center; -webkit-background-size:25px 16px; -moz-background-size:25px 16px; -o-background-size:25px 16px; background-size:25px 16px;}

ul.rLangMenu li a.arrow { background-image: url("../images/icon-arrow-down-green.svg"); background-repeat:no-repeat; background-position: left center;-webkit-background-size: 20px; -moz-background-size: 20px; -o-background-size: 20px; background-size: 20px; padding-left:30px }


/* Main search */
.searchWrap {border:2px solid #efefef; margin:30px 0; position:relative; z-index:6000}
.searchWrap .nice-select {border:0; line-height:43px; padding-right: 20px !important; }
.searchWrap .searchCategory {color:#2f2f2f;background-color: #fff !important}
.searchWrap .nice-select:after {margin-top:-2px; border-color:#88b440}

form.mainSearch .form-control {margin-top:8px; border:0; border-left:1px solid #efefef; height:28px;}
form.mainSearch .btn-default {border:0; background-color:#efefef !important; border-color:#efefef; line-height:2.4em;  text-transform: uppercase; background-image: url("../images/ico-search-dark.svg"); background-repeat:no-repeat; background-position: left 15px center; padding-left:50px; -webkit-background-size:16px; -moz-background-size:16px; -o-background-size:16px; background-size:16px; margin-right:-4px; margin-top:0px; margin-bottom: -2px;}
form.mainSearch .btn-default:hover {background-color: #88b440 !important; color:#fff; border-color:#88b440 !important;background-image: url("../images/ico-search-white.svg");}

form.mainSearch .form-control::-webkit-input-placeholder, form.mainSearch .form-control:-moz-placeholder, form.mainSearch .form-control::-moz-placeholder, form.mainSearch .form-control:-ms-input-placeholder { color:#414141; opacity: 1; filter: alpha(opacity=100); -moz-opacity:1;  opacity: 1;}

/* Mobile search */
.rSearchPanel {display:block; padding:0 15px 15px 15px; position: absolute; z-index: 11000; background-color: #fff; top:-200px; transition:all 0.3s ease;}
.rSearchPanel.showSearchPanel {
    top:0;
    transition:all 0.3s ease;
}

form.mobileSearch .nice-select {margin-bottom: 15px; position: relative;}
form.mobileSearch {}
form.mobileSearch .form-control {border:2px solid #efefef; height:40px;}
form.mobileSearch .btn {background-color: #efefef; text-transform:uppercase; border:2px solid #efefef; height:40px;}
form.mobileSearch .btn:hover {background-color: #88b440; border-color:#88b440; color:#fff}

form.mobileSearch .btn-default {border:0; background-color:#efefef !important; border-color:#efefef; line-height:2.4em;  text-transform: uppercase; background-image: url("../images/ico-search-dark.svg"); background-repeat:no-repeat; background-position: left 15px center; padding-left:50px; -webkit-background-size:16px; -moz-background-size:16px; -o-background-size:16px; background-size:16px; margin-right:-4px; margin-top:-2px; margin-bottom: -2px;}
form.mobileSearch .btn-default:hover {background-color: #88b440 !important; color:#fff; border-color:#88b440 !important;background-image: url("../images/ico-search-white.svg");}

form.mobileSearch .form-control::-webkit-input-placeholder, form.mobileSearch .form-control:-moz-placeholder, form.mobileSearch .form-control::-moz-placeholder, form.mobileSearch .form-control:-ms-input-placeholder { color:#5e5e5e; opacity: 1; filter: alpha(opacity=100); -moz-opacity:1;  opacity: 1;}

/* Search results */
.searchResultsMessage { text-align: center; font-size:18px; color:#2f2f2f; font-family: 'aileronbold', Arial, sans-serif;}
.searchResultsMessage span {display:block; font-size:14px;font-family: 'Roboto', sans-serif; font-weight:300; margin-top:5px}

/* Home slider */
section.homeSlider {padding:0}
.homeSliderWrap {position:relative; margin-left:-15px; margin-right:-15px;}
#homeSlider {width:100%;}
.slideOverlay { position:absolute;left:0;top:0;bottom:0;right:0; background-image: url("../images/homeSliderOverlay.png"); -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.slidePanel {display:table; height:100%; width:100%}
.slidePanel .row {vertical-align: middle; display:table-cell}
.slidePanel h1, .slidePanel p {color:#fff}
.slidePanel > .row > .col-xs-12.col-md-12.col-lg-6{ padding-left: 25px; }

.slidePanel .titleWelcome {font-family: 'Roboto', sans-serif; font-weight:300; text-transform: uppercase; margin-bottom: 5px; color:#fff}
.slidePanel .titleFeatured {font-family: 'Roboto', sans-serif; font-weight:300;  font-size:18px; margin-bottom: 20px;color:#fff}
.slidePanel .titleFeatured span {color:#88b440;text-transform: uppercase;}
.slidePanel p {font-family: 'Roboto', sans-serif; font-weight:300; font-size:13px; display:none; margin-bottom:20px}
.slidePanel a {text-decoration: none}
.slidePanel h1 {font-family: 'aileronheavy', Arial, sans-serif; font-size:24px; margin-top:0px}
a.button.outline { border: 1px solid #fff; background-color: transparent; margin-bottom: 10px}
a.button.outline:hover { background-color: #fff; color:#2f2f2f}

.royalSlider {overflow: hidden}

/* Home filters */
.homeFilters {display:none; background-color: #fff; z-index:1000;}
ul.filterTabs {padding:0; margin:0; list-style: none; background-color: #efefef}
ul.filterTabs li {display:inline-block}
ul.filterTabs li a {display:block; padding:15px 25px; color:#929292; text-transform: uppercase; font-family: 'aileronheavy', Arial, sans-serif; font-size:14px}
ul.filterTabs li a:hover {color:#2f2f2f;}
ul.filterTabs li.active a {color:#2f2f2f; background-color: #fff}
.filterTabs {padding:15px}
select {font-size:13px}

/* SELLER INFO PRODUCTS */
.sellerInfoProducts{ margin-top: 30px; }
.sellerInfoProducts .titleWrap{ margin-bottom: 25px; }
.sellerDetailsProductsList li:first-child a{ border-color: transparent !important; }

.filterBottom {border-top:1px solid #e2e2e2; margin-top: 15px; padding-top:15px;}
a.advancedSearch, a.textLink { line-height:40px; color:#2f2f2f }
a.advancedSearch:hover, a.textLink:hover {color:#88b440}

a.rFilters {display:block; padding:15px; background-color: #88b440;color:#fff; font-size:24px; text-transform: uppercase; background-image: url("../images/ico-search-white.svg"); background-repeat:no-repeat; background-position: right 15px center; padding-right:50px; -webkit-background-size:16px; -moz-background-size:16px; -o-background-size:16px; background-size:16px; }
a.rFilters.active {background-color: #1b1b1b; color:#fff;}

.homeFilters .nice-select.wide, .nice-select.wide { background-color: #efefef; border:0;-moz-border-radius:0;  -webkit-border-radius: 0;
    -khtml-border-radius: 0;  border-radius: 0; font-size:13px}
.homeFilters .nice-select {height:38px; margin-bottom: 15px;font-family: 'aileronsemibold', Arial, sans-serif; font-size:12px}
.homeFilters .nice-select.open {border-color:#88b440}
.homeFilters .form-control  {background-color: #efefef; border-color:#efefef;font-family: 'aileronsemibold', Arial, sans-serif; font-size:12px; height:38px}
.homeFilters .form-control:focus {border-color:#efefef !important}

.homeFilters .form-control::-webkit-input-placeholder, .homeFilters .form-control:-moz-placeholder, .homeFilters .form-control::-moz-placeholder, .homeFilters .form-control:-ms-input-placeholder { color:#5e5e5e; opacity: 1; filter: alpha(opacity=100); -moz-opacity:1;  opacity: 1;}

/* Categories */
ul.homeCategories {list-style: none; margin:0 -15px; padding:0}
ul.homeCategories li { background-repeat: no-repeat;-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
ul.homeCategories li a {display:block; padding:15px; background-repeat:repeat-y; background-position: top 0px right 0px; position: relative; padding-bottom:65px;}
ul.homeCategories li a h2 {margin:0}
ul.homeCategories li:nth-child(odd) a {background-image: url("../images/bg-grad-black.png"); color:#fff}
ul.homeCategories li:nth-child(even) a { background-image: url("../images/bg-grad-white.png"); color: #2f2f2f;}
ul.homeCategories li:nth-child(odd) a h2 {color:#fff}
ul.homeCategories li a:hover { background-position: top 0px right 30px; }

ul.homeCategories li a .button {position:absolute; bottom:15px; left:15px}
.categoryTagline {font-size:20px; text-transform: uppercase; font-family: 'aileronsemibold', Arial, sans-serif;}
.categoryTagline2 {display:block; color: #fff; font-size:18px; text-transform: none}

ul.homeCategories li:nth-child(even) a .categoryTagline2 {color: #2f2f2f}

.testbgImage { background-image: url("../images/thumb-category-home.jpg"); }
.testbgImage2 { background-image: url("../images/thumb-category-home2.jpg"); }

/* News home */
.newsFeatured {display:block; position: relative; text-align: center; overflow: hidden}
.newsFeatured img {display:inline-block; text-align: center; transform: translateX(-50%); left: 50%; position: relative;}
.newsInfo {position: absolute; bottom:0; left:0; right:0; padding:15px; text-align: left; color:#fff; background-image: url("../images/overlay-news-featured.png"); background-repeat:repeat-x;; background-position: top left; padding-top:130px}
.newsInfo h3 {color:#fff; font-size:24px; line-height:26px; margin-top: 10px}
.newsFeatured:hover .newsInfo {padding-top:150px}
.newsFeatured:hover img {margin-top:-5px;}

ul.homeNewsList {list-style: none; padding:0; margin:15px 0}
ul.homeNewsList li { margin-bottom: 25px;}
ul.homeNewsList li a {display:block; color: #5e5e5e;}
ul.homeNewsList li a:hover h3 {color:#88b440}
ul.homeNewsList li a h3 {margin-top:0;}
ul.homeNewsList li a .tag {position:absolute; top:5px; left:5px; font-size:10px}

ul.homeNewsList li a .imageWrap {float:left; margin-right:15px; margin-bottom: 5px; width:120px; height:120px; overflow: hidden; position: relative;}
ul.homeNewsList li a .imageWrap img {height:100%; transform: translateX(-50%); left: 50%; position: relative;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.newsDate {display: inline-block; background-color: #efefef; font-size:10px; font-weight:400; padding:2px 5px; margin-bottom: 5px}

/* Home news columns */
.newsListColumns a.asideMore {margin-bottom: 25px}
.newsListColumns ul.homeNewsList li:last-child {margin-bottom: 0}

/* Aside news list */
aside ul.homeNewsList {margin:0}
aside ul.homeNewsList li {margin: 0}
aside ul.homeNewsList li a {border-bottom:1px solid #efefef; padding-bottom:5px; margin-bottom: 10px}
aside ul.homeNewsList li a .imageWrap {width:80px; height:80px;}
aside .newsDate { background-color: transparent; color:#b4b4b4; margin-bottom:0px; font-size:11px}
aside ul.homeNewsList li a h3 {font-size:16px}
aside ul.homeNewsList li:last-child a {border-bottom:0; margin-bottom: 0}

/* Aside Routes */
ul.asideRoutes {list-style: none; margin:0; padding:0; }
ul.asideRoutes li {}
ul.asideRoutes li a {display:block;color:#b8b8b8;}
ul.asideRoutes li a:hover .asideRouteDistance  {background-image: url("../images/bg-locationIcon-green.svg"); color:#fff}

.asideRouteCountry { background-color: #88b440; color:#fff; display:inline-block; padding:2px 8px; font-size:10px; text-transform:uppercase}

.asideRouteDistance { width:80px; height:80px; font-size:16px; text-align: center; color:#9e9e9e; background-repeat:no-repeat; background-position: top center; background-image: url("../images/bg-locationIcon.svg"); padding-top:18px; float:left; margin-top: -15px; }
.asideRouteDistance span {display:block; font-size:13px; line-height: 13px}

ul.asideRoutes {list-style:none; padding:0; margin: 0}
ul.asideRoutes li { margin-bottom: 15px;}
ul.asideRoutes li:last-child { margin-bottom:0px}
ul.asideRoutes li:last-child a {border-bottom: 0;}
ul.asideRoutes li a {display:block; border-bottom: 1px solid #efefef }
ul.asideRoutes li a:hover h3 {/*color:#88b440*/}
ul.asideRoutes li a h3 { font-size:16px;white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; margin-top: 17px; margin-bottom: 0;}

ul.asideRouteSpecs{list-style:none; padding:0; margin:0}
ul.asideRouteSpecs li {display:inline-block; background-repeat:no-repeat; background-position: left center; -webkit-background-size:16px; -moz-background-size:16px; -o-background-size:16px; background-size:16px; padding-left:20px; margin-right: 5px;}
ul.asideRouteSpecs li.asideRouteDuration { background-image: url("../images/ico-route-duration.svg")}
ul.asideRouteSpecs li.asideRouteDifficulty {background-image: url("../images/ico-route-difficulty.svg")}

ul.routeList {margin-left:-15px; margin-right: -15px;}
ul.routeList li {margin-bottom: 0px; border-bottom: 1px solid #efefef; padding-top:15px}
ul.routeList li a {margin-bottom: 15px; padding-bottom:0; border-bottom: 0}
ul.routeList li a h3 span {background-color: #88b440; padding:4px 8px; color:#fff; text-transform: uppercase; font-size:11px;font-family: 'aileronbold', Arial, sans-serif; margin-left: 10px}
ul.routeList li a p {display:none}
ul.routeList li a ul.asideRouteSpecs li {border-bottom:0}
ul.routeList li a ul.asideRouteSpecs li {padding-top:5px; padding-left:25px}

.routeFilters {border-bottom:1px solid #efefef; display:block; padding-bottom: 20px}
.routeFilters .nice-select {margin-bottom: 15px}

/* News List */
.siteLists ul.homeNewsList li a {background-color: #fff}
.siteLists ul.homeNewsList li a .imageWrap {margin-bottom: 0}
.news_list_wrap.news_list_wrap{ font-weight: 400; color: #838383; }
.news_list_wrap.news_list_wrap li a{ padding: 0 15px 0 0; min-height: 122px; border-bottom: 3px solid; border-color: #e7e7e7; }
.news_list_wrap.news_list_wrap .published{ font-size: 11px; color: #888888; display: inline-block; margin-top: 15px; margin-bottom: 5px; }
.news_list_wrap.news_list_wrap h3{ margin-bottom: 5px; }
.news_list_wrap.news_list_wrap p{ padding-left: 15px; }
.news_list_wrap.news_list_wrap .tag{ bottom: 0; left: 0; top: auto; margin: 0; }
.news_list_wrap.news_list_wrap a.bgMain:hover{ border-color: #88b440; }
.news_list_wrap.news_list_wrap a.bgOrange:hover{ border-color: #ff6d0c; }
.news_list_wrap.news_list_wrap a.bgRed:hover{ border-color: #fb3001; }
.news_grid_wrap .cbp-item-wrapper > a{ margin: 0 !important; }

/* News Grid */
ul.newsGrid {list-style: none; margin:0; padding:0}
ul.newsGrid li {margin-bottom:15px}
ul.newsGrid li a {display:block; background-color: #fff; color: #5e5e5e;}
ul.newsGrid li a .textWrap {padding:15px; position: relative; overflow: hidden}
ul.newsGrid li a .imageWrap img {width:100%;}
ul.newsGrid li a h3 {margin-top:0;}
ul.newsGrid li a p {margin-bottom:0; position: relative;}
ul.newsGrid li a .textWrap::after { position:absolute; display:block; content:""; left:0; right:0; bottom:0px; width:100%; height:25px; background-image: url("../images/overlay-text-more.png"); background-repeat:repeat-x; background-position: top left; }

ul.newsGrid li a .imageWrap {position:relative; overflow: hidden}
ul.newsGrid li a .imageWrap .tag {position:absolute; bottom:0px; left:15px;top:auto; right:auto; margin-bottom: 0px}

/* Events home */
ul.homeEventsList {margin:0 -15px; padding:0; list-style: none}
ul.homeEventsList li { margin-bottom: 35px}
ul.homeEventsList li a {height:120px; display:block; overflow:hidden; position: relative; text-transform: uppercase; }
ul.homeEventsList li a img { width:100%; position: relative; top:50%; transform: translateY(-50%)}
ul.homeEventsList li a h3 {font-size:18px; margin: 0px; font-family: 'aileronbold', Arial, sans-serif; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}

ul.homeEventsList li a:hover img {margin-top:-5px;}


.eventDate {color:#fff; font-family: 'aileronsemibold', Arial, sans-serif; font-size:12px}
.eventMonth {color:#fff; font-size:12px; margin-top: 12px;}
.eventCountdown {color:#fff;font-family: 'aileronbold', Arial, sans-serif; margin-top:15px}
.soon h3.title {font-size:18px}

.overlayFull {position:absolute; top:0; left:0; right:0; bottom:0; background-image: url("../images/bg-overlay.png"); background-repeat:repeat; text-align: center; padding:15px 20px;}
.overlayFull h3.title {color:#fff}

ul.eventButtons {list-style:none; margin:0; padding:0; margin-top: 20px;}
ul.eventButtons li {float:left; width:50%}
ul.eventButtons li a {display:block; text-transform: uppercase; font-size:13px; position: relative; padding:9px 15px; padding-right: 45px; }
ul.eventButtons li a.going {background-color: #2f2f2f; color:#fff;}
ul.eventButtons li a.routes { background-color: #efefef; color:#2f2f2f;}
ul.eventButtons li a.going span {display:block; width:38px; position:absolute; right:0; bottom:0; top:0; background-color: #fd3001; background-image: url("../images/ico-event-ok.svg");-webkit-background-size:20px; -moz-background-size:20px; -o-background-size:20px; background-size:20px;  background-position: left 8px center;}
ul.eventButtons li a.routes span {display:block; width:38px; position:absolute; right:0; bottom:0; top:0; background-color: #2f2f2f; background-image: url("../images/ico-location-white.svg");-webkit-background-size:16px; -moz-background-size:16px; -o-background-size:16px; background-size:16px; background-position: left 14px center; }
ul.eventButtons li a span {background-repeat:no-repeat;}
ul.eventButtons li:first-child a {display:block; margin-right: 10px;}
ul.eventButtons li:last-child a {display:block; margin-left: 10px;}
ul.eventButtons li a:hover {background-color:#e6e6e6;color:#2f2f2f}

.eventRead .at-share-btn-elements a.at-icon-wrapper { background: transparent !important}
.eventRead .eventHome { margin-bottom: 25px;}
.eventRead .eventHome h2.title {font-size:24px}
.eventHome .newsDate { background-color:transparent}
.eventHome .newsDate span.listDistance {font-size:12px;}
.eventInfo h2.title {margin-bottom: 15px;}


/* Event list */
.eventList .titleWrap {margin-bottom: 15px}
.listControlsWrap { border-bottom:1px solid #efefef; margin-bottom:15px; margin-top:15px; padding-bottom:15px }

.eventList ul.homeEventsList li div {height:140px}
.eventList ul.homeEventsList li div {height:140px; display:block; overflow:hidden; position: relative; text-transform: uppercase; }

ul.homeEventsList li a:hover img {margin-top:-5px;}

/* Event read */
ul.eventInfoDate {list-style: none; margin:0; padding:0; }
ul.eventInfoDate li { float:left; width:50%;}
ul.eventInfoDate li a { display:block; font-size:14px; text-transform: uppercase; padding:10px 15px; background-repeat:no-repeat; background-position: left 12px center; padding-left:40px; -webkit-background-size:16px; -moz-background-size:16px; -o-background-size:16px; background-size:16px;  }
ul.eventInfoDate li a:hover {background-color:#e6e6e6;color:#2f2f2f !important}
ul.eventInfoDate li:first-child { background-color:#2f2f2f;}
ul.eventInfoDate li:first-child a { color:#fff}
ul.eventInfoDate li:last-child { background-color: #efefef}
ul.eventInfoDate li:last-child a {color:#2f2f2f}

ul.eventInfoDate li a.iconDate { background-image: url("../images/ico-event-calendar-white.svg"); pointer-events: none;}
ul.eventInfoDate li a.iconReminder { background-image: url("../images/ico-event-reminder-white.svg")}


ul.eventLinks {list-style:none; margin:0; padding:0; position: relative; z-index:100;}
ul.eventLinks li {float:left; width:50%; margin-bottom:5px; background-image: url("../images/dot-white.png"); background-repeat:repeat-x; background-position: bottom left; -webkit-background-size:1px; -moz-background-size:1px; -o-background-size:1px; background-size:1px; padding-bottom: 10px; text-align: center}
ul.eventLinks li a {display:inline-block; color:#fff; font-size:11px; text-transform: uppercase}
ul.eventLinks li a:hover {color:#88b440}
ul.eventLinks li h3 {font-size:14px; margin: 0px; font-family: 'aileronbold', Arial, sans-serif; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}

ul.eventLinks li a { background-repeat:no-repeat; background-position: left center; padding-left:20px}
ul.eventLinks li span { background-repeat:no-repeat; background-position: left center; padding-left:20px}
ul.eventLinks li span.location { background-image: url("../images/ico-location-white.svg"); color: #FFF; text-transform: uppercase; pointer-events: none }
ul.eventLinks li a.checkIn {background-image: url("../images/ico-checkin-white.svg");}
ul.eventLinks li a.checkedIn {background-image: url("../images/ico-route-checked.svg");}
ul.eventLinks.no_second li{ float: none; margin: 0 auto}

ul.eventList {list-style: none; margin:0; padding:0}
ul.eventList li { margin-bottom: 25px}

.eventList .nice-select { z-index:200;}
ul.eventList.full {margin:0 -15px}

.eventListItem {position:relative; height:auto; overflow: hidden;
    height: 100%;}
.eventListItem img {width:100%;
    height: 100%;  position: relative; /*top:50%; transform: translateY(-50%);*/}
.eventListItem h3 {font-size:26px; margin: 12px 0 10px 0; font-family: 'aileronbold', Arial, sans-serif; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
.eventListItem:hover h3 {color:#88b440}
.eventListItem:hover img { }

.eventListItem .overlayFull {padding:12px 20px 18px 20px}

.eventListItem a.eventText {display:table; position:absolute; left:0; top:0;bottom:0;right:0; width:100%; height:100%; text-transform: uppercase;}
.eventListItem a.eventText div {display:table-cell; vertical-align: middle; width:100%}
.eventListItem a.eventText div .eventMonth, .eventListItem a.eventText div .eventDate, .eventListItem a.eventText div .eventCountdown {display:block}
.eventListItem a.eventText div .eventCountdown {font-size:24px;}


/* Event read */
.eventGalleryWrap {position:relative}
.eventGalleryWrap .slick-arrow{ display: none !important;}
.eventGalleryWrap .prevSlide {position:absolute; display:block; width:40px; left:0; top:0; bottom:0; background-color: #000}
.eventGalleryWrap .nextSlide {position:absolute; display:block; width:40px; right:0; top:0; bottom:0; background-color: #000}
ul.eventGallery { list-style:none; margin:0; padding:0;}
ul.eventGallery li img {width:100%; outline: none !important;}
article .slick-dots {bottom:-20px}
.slick-initialized .slick-slide{ outline: none !important; }
/* Aside events */
aside ul.homeEventsList {margin-top:15px}
aside ul.homeEventsList li {margin-bottom: 10px}

/* Aside Sellers */
ul.asideSellers {list-style:none; margin:15px 0 0 0; padding:0}
ul.asideSellers li { border-bottom:1px solid #efefef; margin-bottom: 10px; padding-bottom:10px; color:#aaaaaa}
ul.asideSellers li h3 {font-size:14px; margin-top: 0px; line-height: 18px; margin-bottom: 2px; /* white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;*/ }
ul.asideSellers li:hover h3 {color:#88b440;}
ul.asideSellers li:last-child { padding:0; border-bottom:0}

.seller a.button {padding:8px 15px; font-size:11px; margin-right:0px; background-image: none; margin-top: 18px}
.sellerSlogan {text-transform: uppercase; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; font-size:11px}
.sellerTrust {color:#88b440; font-size:11px; text-transform: uppercase;}
img.sellerLogo {width:65px; height:65px; float:left; margin-right: 15px}

/* Article */
article {font-size:14px; color:#2f2f2f;}
article p {line-height: 22px;}
article a {font-weight:700}
article a:hover {color:#2f2f2f; text-decoration: underline}
article h1.title {text-transform: none; margin-top:10px; margin-bottom: 15px}
article h1, article h2, article h3, article h4, article h5, article h6 {text-transform: none}
article ul:not(.slick-slider):not(.slick-dots):not(.routeFeatures):not(.productFeatures):not(.productTabs){ margin: 0; padding: 0; list-style-type: none; margin-bottom: 10px; }
article ul:not(.slick-slider):not(.slick-dots):not(.routeFeatures):not(.productFeatures):not(.productTabs) li{ margin-left: 15px; padding-left: 15px; position: relative; }
article ul:not(.slick-slider):not(.slick-dots):not(.routeFeatures):not(.productFeatures):not(.productTabs) li:before{ content: " "; width: 6px; height: 6px; background-color: #88b440; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: 7px; left: 0; display: block; }
article blockquote{ font-size: 14px; font-style: italic; margin-top: 20px; }

.authorWrap {border-bottom:1px solid #efefef; border-top:1px solid #efefef; padding:10px 0; margin-bottom: 15px; font-size:11px;font-weight:400}
.authorWrap a.author {font-weight:700}
img.articleImage {width:100%; margin-bottom:20px}

article table.table-responsive {margin:35px 0px}
article table tfoot {font-size:12px;}
article .table>tbody>tr>td, article .table>tbody>tr>th, article .table>tfoot>tr>td, article .table>tfoot>tr>th, article .table>thead>tr>td, article .table>thead>tr>th {border-color:#efefef; border-top:0}
article table thead {font-family: 'aileronheavy', Arial, sans-serif;}

/* Article, upload Gallery */
ul.articleGallery, ul.galleryUpload {list-style: none; margin:0 -5px 25px -5px; padding:0}
ul.articleGallery li, ul.galleryUpload li {}
ul.articleGallery li a, ul.galleryUpload li a {display:block; padding:0px 5px}
ul.galleryUpload li a { cursor: default; width: 203px; height: 128px; position: relative; overflow: hidden;}
ul.galleryUpload li a img{ width:100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
ul.articleGallery li a img, ul.galleryUpload li a img {width:100%}

ul.galleryUpload {margin-right:190px;}
ul.galleryUpload li.default_img > a{ pointer-events: none; }
.galleryUploadWrap {position:relative}
form.imageUpload {position:absolute; top:0;right:0; bottom:0; width:180px; background-color: #efefef}
form.imageUpload img {width:100%; cursor:pointer;}
form.imageUpload > input {display:none;}
.galleryUploadWrap .slick-dots {margin-bottom:-15px}
.galleryUploadWrap.progress:before{ content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 0.95); z-index: 2; }
.galleryUploadWrap:after{ content: " "; display: block; border: 4px solid #f3f3f3; border-top: 4px solid #88b440; border-radius: 50%; width: 60px; height: 60px;animation: spin 1s linear infinite; position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px; display: none; z-index: 3; }
.galleryUploadWrap.progress:after{ display: block; }
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.mapWrap {display:block; height:470px; width:100%; margin-bottom: 20px}
.map_pois_wrap{ padding: 0; }
.map_pois_wrap .mapWrap { height: 600px; margin: 0;}
.map_pois_wrap .filterBox{ background-color: #f6f6f6; padding-left: 0; padding-right: 0; }
.map_pois_wrap .productFilterGroup:first-child h3{ padding-left: 0; background-color: #f6f6f6; }
.map_pois_wrap ul.sideFilter li{ width: 25%; }
.map_pois_wrap ul.sideFilter li:nth-child(n+5){ display: block; }
.poilist_wrap{ padding-top: 0; }

/* Point of interest POI */
.titleWrap.poiTop h2.title {font-size:24px}
.titleWrap.poiTop {margin-bottom: 15px}

.poiSliderWrap {}
.poiSliderWrap .infoBlockLeftBlack { left:0px; right:0px; bottom:0px; top:auto; padding:15px 15px 15px 15px; background-image:url("../images/bg-overlay.png"); background-repeat:repeat;}
.poiSliderWrap h1 {color:#fff; font-size:24px; margin-top: 0px; margin-bottom: 5px;}
.poiSliderWrap span.country { text-transform:uppercase; margin-bottom:0px; background-color: #ff6d0c; color:#fff; font-size:10px; padding:2px 10px; display:inline-block; line-height:14px}
.poiSliderWrap a {text-decoration: none}
.poiSliderWrap .btnControl { text-align: left; margin-top: 10px;}
.poiSliderWrap p {display:none}

/* POI Filters */
.poiFiltersWrap { margin: 15px 0;}
.poiFiltersWrap .nice-select {margin-bottom: 15px; font-size:12px; height:36px; line-height:36px}
ul.poiFilters { list-style: none; margin:0; padding:0}
ul.poiFilters li {float:left; width:50%; font-size:12px;}

ul.poiFilters li .icheckbox_square {margin-right: 15px;}
ul.poiFilters li label:hover { cursor: pointer}

/* Article comments */
.articleCommentsWrap {margin:35px 0}
.articleCommentsWrap .titleWrap {margin-bottom: 15px}

/* Aside */
.asideBox {margin-bottom: 15px}
aside .asideTitle h3.special {color:#b1b1b1; margin-left: -10px; font-size:16px;}
a.asideMore {display:block; background-color: #efefef; font-size:10px; text-align: center; padding:5px 15px; text-transform: uppercase; color:#959595}
a.asideMore:hover { background-color: #88b440; color:#fff}

/* Aside news */
.asideNewsFeatured {margin-bottom:15px;}
.asideNewsFeatured .imageWrap {position:relative; overflow: hidden}
.asideNewsFeatured .imageWrap img {width:100%;}
.asideNewsFeatured .textWrap {position:absolute; bottom:0; left:0; right:0; padding:10px 15px;}
.asideNewsFeatured .textWrap h2 {margin-top:0; color:#fff; font-size:22px; line-height:24px; margin-bottom: 5px}
.asideNewsFeatured .newsImageOverlay {position:absolute; display:block; background-color: #000; top:0;left:0;right:0; bottom:0; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity:0.5;  opacity:0.5;}
.asideNewsFeatured .tag {padding:3px 8px;}
.newsPublished {color:#d9d9d9; font-size:10px}
.asideNewsFeatured:hover .textWrap h2 {color:#88b440}

/* Aside POI's */
.poi .textWrap h2 { margin-bottom: 10px}
.poi .asidePoiDistance{color:#fff; font-size:11px; background-image: url("../images/ico-location-white.svg"); background-repeat:no-repeat; background-position: top left; padding-left:18px; text-transform: uppercase}
.poi .newsDate {font-size:10px;}
ul.homeNewsList.poi  h3 {line-height:20px; font-size:15px; margin-top: 5px !important}
.poi .listDistance {display:inline-block; background-image: url("../images/ico-location-green.svg"); background-repeat:no-repeat; background-position: top left; padding-left:18px; text-transform: uppercase; margin-left: -8px; margin-right: 5px; color:#2f2f2f;}

/* POI's */
ul.routeFeatures {list-style:none; margin:0; padding:0; margin-bottom: 20px; overflow: hidden; border-bottom:1px solid #efefef; padding-bottom:15px}
ul.routeFeatures li {width:25%; float:left; color:#2f2f2f; text-align:left;}
ul.routeFeatures li span {display:block; color:#5e5e5e;}

.routeFeatureItem {background-repeat:no-repeat !important; background-position: top left; -webkit-background-size:40px; -moz-background-size:40px; -o-background-size:40px; background-size:40px; padding-left:50px}
.iconRouteType { background-image: url("../images/ico-route-type.svg") !important; }
.iconRouteDifficulty { background-image: url("../images/ico-route-difficulty2.svg") !important; }
.iconRouteDuration { background-image: url("../images/ico-route-durration.svg") !important; }
.iconRouteLength { background-image: url("../images/ico-route-length.svg") !important; }

/* Aside tags */
ul.asideTags {list-style: none; margin:15px 0 25px 0; padding:0}
ul.asideTags li {float:left}
ul.asideTags li a {display:block; padding:5px 10px; background-color: #efefef; margin-right: 5px; margin-bottom: 5px; color:#2f2f2f; font-family: 'aileronsemibold', Arial, sans-serif;}
ul.asideTags li a:hover {background-color: #88b440; color:#fff}

/* Section partners */
ul.sectionPartners {margin:0; padding:0; list-style: none}
ul.sectionPartners li a {display:block; padding:0 5px}
ul.sectionPartners li a img {width:100%;}

/* Product list */
ul.productList {list-style: none; padding:0; margin:0; margin-left: -15px; margin-right: -15px;}
ul.productList li { margin-bottom: 15px; border-bottom:1px solid #efefef;}
ul.productList li a {display:block; padding:0; color: #5e5e5e; position: relative; background-color: #fff}
ul.productList li a h3 {margin-top:0px; font-size:16px; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;
    margin-bottom: 0;}
ul.productList li a p {margin:0; max-height:40px; overflow: hidden; height: 40px;}
ul.productList li a:hover .productImageWrap {border-color:#bcbcbc}

ul.productList li a div.button {display:none}
.productImageWrap { width: 120px; height:120px; position: relative; float: left; margin-right: 15px; margin-bottom: 15px; border:1px solid #efefef; overflow: hidden}
.productImageWrap img {width:auto; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.productListPrice {font-size:16px; color:#88b440; padding-top: 5px; padding-right:5px; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.productListPrice span {padding:0 10px; font-size:14px; color:#aeaeae; font-family: 'Roboto', sans-serif; font-weight: 400;  text-decoration: line-through}

.productCategory {position:absolute; right:0; top:8px; padding:3px 8px; font-size:9px; background-color: #e2e2e2; font-weight:700; text-transform: uppercase}
.buy {padding:5px 20px; padding-left: 45px; font-size:13px; position: relative}
.buy span {position:absolute; left:0; top:0; bottom:0; width:28px; background-color: #232328; /*1b1b1b*/ display:block; background-image: url("../images/ico-cart-white.svg"); background-repeat:no-repeat; background-position: left center; -webkit-background-size: 12px; -moz-background-size: 12px; -o-background-size: 12px; background-size: 12px; background-position: left 8px center;}
.buy:hover span { background-position: left 10px center; width:30px;}

aside ul.productList {margin:15px -15px 0 -15px;}
aside ul.productList li a h3 {white-space:normal;  overflow: auto; text-overflow: clip;}
aside ul.productList li {border-bottom: 0; margin-bottom: 0}
aside ul.productList li a p {display:none}
aside ul.productList li a .productImageWrap {width:90px; height:90px;}

/* Banner */
.bannerWrap { text-align: center;}

.bannerWrap .banner970x250 {width:300px; margin: auto}
.bannerWrap .banner970x250 img {width:100%}

/* Product read */
.productImageMain {position:relative; margin-left: -15px; margin-right:-15px}
.productImageMain img {width:100%}

.productTitleWrap {margin-bottom:18px}
.productTitleWrap h1 {margin-top:5px}

.siteRead .addthis_inline_share_toolbox {text-align: right}
.siteRead .authorText {line-height:30px; }
.siteRead .at-resp-share-element .at-share-btn {margin:0}
.productRead .addthis_inline_share_toolbox {margin-top:5px; text-align: right;}

/* Product images gallery */
ul.productImages {list-style: none; padding:0; margin:0}
ul.productImages li a {display:block}
ul.productImages li a img {width:100%;}

/* Product summary table */
aside .productSummary .titleWrap {margin-bottom: 10px}
form.productSummary table { margin-bottom: 15px}
.productShortInfo tr td {line-height: 30px; border-bottom:1px solid #efefef}
.productShortInfo tr td:first-child {width:80px; text-align: left}
.productShortInfo tr td:last-child {text-align: right}
.manufacturerLink {text-transform: uppercase; font-weight:600}
.manufacturerLink:hover {color:#000}

.nice-select.pickerSize, .nice-select.pickerColor { border:0px}
.nice-select .list {border-radius:0}
.nice-select.pickerColor span.current span {display:inline-block; margin-right:10px; width:10px; height:10px; background-color: #000}
.nice-select.pickerSize .option, .nice-select.pickerColor .option {padding-left:15px; padding-right:15px}

.nice-select.pickerColor span.current.colorGrey span, .nice-select.pickerColor ul.list li span.colorGrey { background-color: #adadad}
.nice-select.pickerColor span.current.colorRed span, .nice-select.pickerColor ul.list li span.colorRed { background-color: #fb0101}
.nice-select.pickerColor span.current.colorOrange span, .nice-select.pickerColor ul.list li span.colorOrange { background-color: #fb3001}
.nice-select.pickerColor span.current.colorGreen span, .nice-select.pickerColor ul.list li span.colorGreen { background-color: #29c60a}
.nice-select.pickerColor span.current.colorBlue span, .nice-select.pickerColor ul.list li span.colorBlue { background-color: #4f56e0}
.nice-select.pickerColor ul.list li span {display:inline-block; width:10px; height:10px; margin-right: 10px}

ul.productButtons {list-style:none; margin:0 -5px 0 -5px; padding:0; padding-bottom: 25px;}
ul.productButtons li {float:left;width:33.3333%}
ul.productButtons li a {display:block; background-color: #ebebeb; color:#888888; font-size:12px; text-transform: uppercase; padding:10px 10px; margin: 0px 5px;background-repeat:no-repeat; background-position: left center; padding-left:40px; -webkit-background-size:38px; -moz-background-size:38px; -o-background-size:38px; background-size:38px;}
ul.productButtons li a:hover {background-color: #232328; color:#fff}
ul.productButtons li:first-child a {background-color: #232328; color:#fff; }
ul.productButtons li a.tunning {background-image: url("../images/ico-btn-tunning.png")}
ul.productButtons li a.wishlist {background-image: url("../images/ico-btn-wishlist.png")}
ul.productButtons li a.wishlist:hover {background-image: url("../images/ico-btn-wishlist-active.png")}
ul.productButtons li a.compare {background-image: url("../images/ico-btn-compare.png")}
ul.productButtons li a.compare:hover {background-image: url("../images/ico-btn-compare-active.png")}
ul.productButtons li a:hover.tunning {background-color: #fb3001; color:#fff;}

.compareTools {position:fixed; right:0; top:50%;width:60px; margin-top:-30px; background-color: #232328; height:60px; display:block; z-index:5000;}
.compareTools:hover { background-color: #88b440}
.compareTools:hover a.btnCompare .compareNum { color: #88b440}
.compareTools a.btnCompare { display:block; width:100%; height:100%; background-image: url("../images/ico-compare.svg"); background-repeat:no-repeat; background-position: center center; -webkit-background-size:31px; -moz-background-size:31px; -o-background-size:31px; background-size:31px; position: relative;}
.compareTools a.btnCompare .compareNum {position:absolute; top:10px; right:10px; background-color: #fff; color:#232328; display:block; width:15px; height:15px;-moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; font-size:10px; line-height: 15px; text-align: center; font-weight:bold;}

form.compareModels label {font-size:12px}
form.compareModels .input_clear_wrap {margin-bottom: 18px}

/* Product tabs */
ul.productTabs {padding:0; margin:30px -15px 0 -15px; list-style: none; background-color: #efefef; height: 50px;}
ul.productTabs li {display:inline-block; }
ul.productTabs.productTabsIcons li {width: 33.33333333333%; margin-right: -4px;}
ul.productTabs li a {display:block; color:#929292; font-family: 'aileronbold', Arial, sans-serif; border-top:2px solid #efefef; padding: 15px 25px; position: relative; font-size:13px; font-weight:normal}
ul.productTabs.productTabsIcons li a{ text-indent: -9999999999px; white-space: nowrap; overflow: hidden; }
ul.productTabs li a:before{ content: " "; display: block; width: 30px; height: 30px; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-background-position-x: 0; -moz-background-position-x: 0; -ms-background-position-x: 0; -o-background-position-x: 0; background-position-x: 0; -webkit-background-position-y: 0; -moz-background-position-y: 0; -ms-background-position-y: 0; -o-background-position-y: 0; background-position-y: 0; position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; -webkit-opacity: 0.55; -moz-opacity: 0.55; -ms-opacity: 0.55; -o-opacity: 0.55; opacity: 0.55; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
ul.productTabs li.active a:before{ -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1;}
ul.productTabs li a.icon_shipment:before{ background-image: url(../images/icon_shipment.svg); }
ul.productTabs li a.icon_details:before{ background-image: url(../images/icon_details.svg); }
ul.productTabs li a.icon_specifications:before{ background-image: url(../images/icon_specifications.svg); }
ul.productTabs li a:hover {color:#2f2f2f; text-decoration: none; }
ul.productTabs li.active a {color:#2f2f2f; background-color: #fff; border-top:2px solid #88b440}
.productTabs {padding:15px}
select {font-size:13px}
.productTabArea {margin-bottom: 30px;}

/* Product features */
ul.productFeatures {list-style: none; margin:0 -15px 0 -15px; padding: 0; border-bottom:1px solid #efefef; overflow: hidden}
ul.productFeatures li {float:left; width:50%; background-repeat:no-repeat !important; background-position: top left !important; -webkit-background-size:60px !important; -moz-background-size:60px !important; -o-background-size:60px !important; background-size:60px !important; padding:15px 15px 15px 60px}
ul.productFeatures li span {display:block; font-family: 'Roboto', sans-serif; font-weight:300;}

ul.productFeatures li.featureWeight { background-image: url("../images/ico-product-weight.svg"); background-position: top 5px left -10px;}
ul.productFeatures li.featureMotor {background-image: url("../images/ico-product-engine.svg"); -webkit-background-size:40px; -moz-background-size:40px; -o-background-size:40px; background-size:40px; background-position: top 15px left;}
ul.productFeatures li.featureSpeed {background-image: url("../images/ico-product-speed.svg");-webkit-background-size:40px; -moz-background-size:40px; -o-background-size:40px; background-size:40px;background-position: top 15px left;}
ul.productFeatures li.featureRange {background-image: url("../images/ico-product-range.svg");-webkit-background-size:50px; -moz-background-size:50px; -o-background-size:50px; background-size:50px;background-position: top 8px left;}

ul.productFeatures li:nth-child(-n+2) {border-bottom:1px solid #efefef}

/* Product details tables */
table.productTable {/*margin: 30px 0px;*/font-size:13px}
table.productTable tr td:first-child {color:#232328;font-family: 'aileronbold', Arial, sans-serif;}

a.help {font-size:12px; background-image: url("../images/ico-btn-help.svg"); background-repeat:no-repeat; background-position: left center; padding-left:20px; -webkit-background-size:16px; -moz-background-size:16px; -o-background-size:16px; background-size:16px; line-height:20px; display:inline-block; margin-left:15px}
a.help:hover {background-image: url("../images/ico-btn-help-hover.svg");}
a.help.no_text{ width: 20px; height: 20px; vertical-align: middle; margin-left: 2px}

table.productTable50 { /*margin: 30px 0;*/ font-size:13px}
.productTable50 tr td {line-height: 30px}
.productTable50 tr td:first-child {width:100px; text-align: left; font-family: 'aileronbold', Arial, sans-serif;}
.productTable50 tr td:last-child {text-align: right}
.manufacturerLink {text-transform: uppercase; font-weight:600}
.manufacturerLink:hover {color:#000}


/* Buy */
button.productBuy { background-color: #fb3001; color:#fff; padding-top:10px; padding-bottom: 10px; width:100%; border-color:#fb3001; text-transform: uppercase; font-size:18px; position:relative; margin-bottom: 10px}
button.productBuy:hover {background-color: #232328; border-color:#232328; color:#fff;}
button.productBuy span { background-repeat: no-repeat; -webkit-background-size: 18px; -moz-background-size: 18px; -o-background-size: 18px; background-size: 18px; padding-left:30px}
button.productBuy .amountIn {position:absolute; right:-1px; bottom:-1px; width: 0; height: 0; border-style: solid; border-width: 0 0 40px 40px; border-color: transparent transparent #232328 transparent; line-height: 0px; border-color: #232328 #232328 #232328 #232328;  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#232328');}
button.productBuy span.amount {position:absolute; bottom:8px; right:5px; color:#fff; font-size:11px; display:block; width:10px; height:10px}


.tagDiscount {position:absolute; width:90px; height:90px; top:0; left:0;color:#fff; font-size:14px; padding:5px 10px 5px 10px; background-image: url("../images/bg-product-discount.svg"); background-repeat:no-repeat; background-position: top right;-webkit-background-size:960px 560px; -moz-background-size:960px 560px; background-size:960px 560px; font-size:18px}
.tagDiscount span {display:block; font-size:14px}

/* Catalog */
.catalog section.catalog {padding:0; margin-bottom: 25px}

ul.catalogGrid {list-style: none; margin:0; padding:0}
ul.catalogGrid > li { margin-bottom: 15px; clear: both; }
ul.catalogGrid li .catalogProductWrap {border-bottom: 1px solid #efefef; padding-bottom:15px; display:block; position: relative }
ul.catalogGrid li a.productImage {display:block; float:left; position:relative; width:120px; margin-right:15px; margin-bottom: 10px}
ul.catalogGrid li a.productImage .discount {position:absolute; bottom:0; left:0; color:#fff; text-transform: uppercase; padding:2px 8px; background-color: #2e3030;}
ul.catalogGrid li a.productImage img {width:100%}
ul.catalogGrid li h2 {margin-top:0px; font-size:16px}
ul.catalogGrid li h2 a { color: #2f2f2f;}
ul.catalogGrid li .productListPrice {margin-bottom:0}
ul.catalogGrid li p {clear: both}
ul.catalogGrid li .productCategory {display:none}
ul.catalogGrid.related {margin-top: 15px}

#result_set{ position: relative; }
#result_set .overlay{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; z-index: -1; visibility: collapse; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#result_set .overlay:after{ content: " "; display: block; border: 4px solid #f3f3f3; border-top: 4px solid #1abc9c; border-radius: 50%; width: 40px; height: 40px; animation: spin 0.6s linear infinite; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
#result_set .overlay.active{ -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; visibility: visible; z-index: 51; }

@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }
}

.catalogProductWrap ul.productButtons {list-style: none; margin: 0; padding:0; text-align: right; width:100%}
.catalogProductWrap ul.productButtons li {border: 0; margin-bottom: 0; clear: none; padding-bottom:0; float:none; display:inline-block; width:auto}
.catalogProductWrap ul.productButtons li a.wishlist, .catalogProductWrap ul.productButtons li a.compare {display:block; width:40px; height:28px; padding:0; margin:0; background-color: transparent;  }
.catalogProductWrap ul.productButtons li a:hover { background-color: #88b440;}
.catalogProductWrap ul.productButtons li a.wishlist {background-image: url("../images/ico-btn-wishlist.png")}
.catalogProductWrap ul.productButtons li a.wishlist:hover {background-image: url("../images/ico-btn-wishlist-active.png")}
.catalogProductWrap ul.productButtons li a.compare {background-image: url("../images/ico-btn-compare.png")}
.catalogProductWrap ul.productButtons li a.compare:hover {background-image: url("../images/ico-btn-compare-active.png")}

/* Product toolbar */
.productCountWrap {display:block; margin-bottom: 15px; border-bottom:1px solid #efefef; padding-bottom:15px; position: relative; z-index:100}
.productCountText {line-height:42px; font-size:18px; color:#2f2f2f}

/* Catalog filters */
.noScroll {position: fixed; overflow-y: scroll;}
.filterMenuPanel {position:fixed; z-index: 5000; left:0; bottom:0; top:0; width:0%; right:auto; background-image: url("../images/bg-overlay.png"); background-repeat:repeat; overflow: hidden;}
.filterMenuPanel.opened {width:100%;}
.filterMenuWrap {background-color: #fff; margin-right:10%; padding:10px 5px 15px 15px; position: absolute; top:0; left:0; bottom:0}
.filterMenuPanel .overlay{ position: absolute; top: 0; right: 0; bottom: 0; left:0; z-index:-1; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; visibility: collapse; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: #fff; }
.filterMenuPanel .overlay.active{ -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; visibility: visible; z-index:2; }

.filterControls {display:block; border-bottom: 1px solid #efefef}
.filterControls h2 {margin-top:0}
.filterScrollArea {padding:10px 0px; height:96%}

ul.listTools {margin:0; list-style: none; padding:0}
ul.listTools li {float:left;}

a.filterClose {display:inline-block; width:40px; height:40px; background-repeat:no-repeat; -webkit-background-size:16px; -moz-background-size:16px; -o-background-size:16px; background-size: 16px; background-image: url("../images/ico-filters-close.svg"); background-position: center center; margin-top: -5px; }
a.filterClose:hover {background-image: url("../images/ico-filters-close-hover.svg");}
.mCSB_inside > .mCSB_container {margin-right:20px}

a.filterButton {display:inline-block; margin-right: 5px; width:42px; height:42px; background-color: #efefef; -webkit-background-size:16px; -moz-background-size:16px; -o-background-size:16px; background-size: 16px; background-image: url("../images/ico-filter.svg"); background-position: center center; background-repeat:no-repeat;}
a.filterButton:hover {background-color: #2f2f2f;background-image: url("../images/ico-filter-hover.svg"); }

.productFilterGroup { position:relative; }
.productFilterGroup h3 {font-size:14px; margin-bottom: 5px; padding-left: 0px;}
.productFilterGroup:first-child h3 {margin-top: 0}

.filterBox {background-color: #f9f9f9; padding:15px; font-size:12px !important;}
.filterBox.active {height:auto}

ul.sideFilter {list-style:none; margin:0; padding:0}
ul.sideFilter li {float:left; width:50%; }

ul.sideFilter li {-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
ul.sideFilter li:nth-child(n+5) {display:none}
ul.sideFilter.active li:nth-child(n+5) { display:block}

ul.sideFilter li:hover label {cursor: pointer}
ul.sideFilter li label {display:block; margin-bottom:10px; font-size:12px !important; font-weight:normal}
ul.sideFilter li label div {margin-right: 15px; line-height:20px}
ul.sideFilter li:nth-last-child(-n+2) label {margin-bottom: 0}

ul.filterColors li .checked { background-image: url("../images/filter-colors-check.png"); background-position: center center; -webkit-background-size:22px; -moz-background-size: 22px; -o-background-size:22px; background-size: 22px;}
ul.filterColors li.white .icheckbox_square.checked {background-image: url("../images/filter-colors-check-gray.png");}

ul.filterColors li.red .icheckbox_square, ul.filterColors li.red label .icheckbox_square  { background-color: #eb0000; border-color:#eb0000}
ul.filterColors li.green .icheckbox_square, ul.filterColors li.green label .icheckbox_square { background-color: #00ce30; border-color:#00ce30}
ul.filterColors li.blue .icheckbox_square, ul.filterColors li.blue label .icheckbox_square { background-color: #004eff; border-color:#004eff}
ul.filterColors li.black .icheckbox_square, ul.filterColors li.black label .icheckbox_square { background-color: #000; border-color:#000}
ul.filterColors li.white .icheckbox_square, ul.filterColors li.white label .icheckbox_square { background-color: #fff; border-color:#fff}
ul.filterColors li.purple .icheckbox_square, ul.filterColors li.purple label .icheckbox_square { background-color: #5c00ce; border-color:#5c00ce}
ul.filterColors li.orange .icheckbox_square, ul.filterColors li.orange label .icheckbox_square { background-color: #ffa200; border-color:#ffa200}
ul.filterColors li.brown .icheckbox_square, ul.filterColors li.brown label .icheckbox_square { background-color: #7e5102; border-color:#7e5102}

.productFilterGroup .yearDdown .nice-select { background-color: #fff}

.filterMore { text-align: right;}
.filterMore a {color:#5e5e5e; font-size:11px; line-height:24px; display:inline-block; background-image: url("../images/ico-arrow-down-filters.svg"); padding-left: 20px; background-position: left center; background-repeat:no-repeat; -webkit-background-size:20px; -moz-background-size:20px; -o-background-size:20px; background-size:20px;}
.filterMore a:hover {color:#88b440; background-image: url("../images/ico-arrow-down-filters-green.svg"); }
.filterMore a.active {background-image: url("../images/ico-arrow-up-filters-green.svg");}

/* Seller info */
.sellerProfile {margin-bottom: 25px;}
.sellerImage { display:inline-block; float:left; width:80px; margin-right: 15px; margin-bottom: 10px;}
.sellerProfile h1 {font-size:20px; line-height:20px; margin-top: 5px;}
.sellerImage img {width:100%}

ul.sellerDetails {list-style: none; padding:0; margin:0; margin-top: 15px}
ul.sellerDetails li {display:block;}
ul.sellerDetails li a {display:block;border-top:1px solid #efefef; padding:8px 15px; padding-left:0; padding-right:20px; text-transform: uppercase; font-size:11px; color:#2f2f2f; background-repeat:no-repeat; background-position: right center; background-image:url("../images/ico-mini-menu-right.svg");-webkit-background-size:16px; -moz-background-size:16px; -o-background-size:16px; background-size:16px;}
ul.sellerDetails li a:hover {color:#88b440;background-image:url("../images/ico-mini-menu-right-green.svg"); background-position: right 5px center;}

ul.sellerDetails li a.active {color:#88b440;background-image:url("../images/ico-mini-menu-right-green.svg"); background-position: right 5px center;}

/* Product compare */
.productCompareImage {width:100%}
table.compareTable thead {font-size:16px;  font-family: 'aileronbold', Arial, sans-serif; color:#2f2f2f; text-transform: uppercase}
table.compareTable thead h3 {margin:0; padding:0}
table.compareTable tr td {width:25%; border:0}
table.compareTable tr td a {font-weight:normal}
table.compareTable a.button {margin:15px 0px; font-size:13px}

.featureOk, .featureNo { background-repeat: no-repeat; -webkit-background-size:20px; -moz-background-size:20px; -o-background-size:20px; background-size:20px; background-position: left 5px center; }
.featureOk { background-image: url("../images/ico-feature-ok.svg")}
.featureNo { background-image: url("../images/ico-feature-no.svg")}

/* User rating */
ul.ratingStars {list-style:none; margin:0; padding:0; overflow: hidden}
ul.ratingStars li {width:15px; height:15px; display:block; float:left; margin-right: 2px; -webkit-background-size:15px; -moz-background-size: 15px; -o-background-size:15px; background-size: 15px; background-image: url("../images/ico-rating-star.svg");}
ul.ratingStars li.active {background-image: url("../images/ico-rating-star-active.svg");}

/* Banner Featured */
.bannerCatalog {padding:15px; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; position: relative; background-repeat:no-repeat; background-position: top right; }
.bannerCatalog .overlay { position:absolute; left:0; bottom:0; top:0; right:0; background-image: url("../images/overlay-banner-featured.png"); background-position: top center; background-repeat:repeat-y; -webkit-background-size:874px 5px; -moz-background-size:874px 5px; -o-background-size:874px 5px; background-size:874px 5px;}
.bannerCatalog h2, .bannerCatalog p {color:#fff}
.bannerCatalog .title{ font-size: 22px; line-height: 30px; color: #fff; }
.bannerText  {position:relative; z-index:1; padding-top:30px;}
.banner_grid .bannerText{ padding-top: 0; }

/* Slick styling */
aside .slick-dots li button:hover:before, .slick-dots li button:hover:before {opacity: 0.7; filter: alpha(opacity=70); -moz-opacity:0.7;  opacity:0.7;}
aside .slick-dots li button:before, .slick-dots li button:before {font-size:10px; color:#e8e8e8; width:20px; height:18px;  -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%;opacity: 1; filter: alpha(opacity=100); -moz-opacity:1;  opacity:1; }
aside .slick-dots li.slick-active button:before, .slick-dots li.slick-active button:before {color:#88b440}
aside .slick-dots li {margin:0; width:20px; height:14px; line-height:14px;background-color:#fff;}

/* Footer */
footer {padding:35px 0px 35px 0px;}
footer h1, footer h2, footer h3, footer h4, footer h5 {color:#fff; text-transform: none}

.footerNav {margin-bottom: 0px}
ul.footerMenu { list-style: none; margin:0 0 15px 0; padding:0; font-family: 'aileronheavy', Arial, sans-serif; color:#fff }
ul.footerMenu li { font-size:20px;}
ul.footerMenu li a {display:block; padding:10px 0px;font-family: 'aileronheavy', Arial, sans-serif; color:#fff ;  border-bottom:1px solid #232328}
ul.footerMenu li a:hover { color:#88b440}
ul.footerMenu li ul {list-style:none; margin:0px 0px 0px 0px; padding:0; display:none}
ul.footerMenu li ul li a {font-family: 'Roboto', sans-serif; font-weight:300; color:#fff; font-size:13px;;padding:5px 15px; border-bottom: 0}

ul.footerMenu li a.arrow { background-image: url("../images/icon-arrow-down-white.svg"); background-repeat:no-repeat; background-position: right center;-webkit-background-size: 16px !important; -moz-background-size: 16px !important; -o-background-size: 16px !important; background-size: 16px !important; padding-right:30px }
ul.footerMenu li a.active.arrow {background-image: url("../images/icon-arrow-down-green.svg");}

/* Footer section */
.footerSection {display:block; padding:30px 0px; border-top:1px solid #232328; border-bottom:1px solid #232328; margin-top: 25px; }
.footerSection h2.title {margin:0}
.footerCredits {margin:25px 0 0 0; font-size:11px;color:#fff}
.credits { text-align: center; line-height: 25px}
.copy { text-align: center; line-height: 25px}

ul.footerLegal {display:inline-block; margin:0; padding:0}
ul.footerLegal li {display:inline-block;}
ul.footerLegal li a {color:#cecece; text-decoration: underline}
ul.footerLegal li a:hover {color:#fff}


/* Forms Newsletter */
form.footerNewsletter h2 {margin-top:0}
form.footerNewsletter .form-control { background-color: #292929; color:#fff; border-color:#292929; height:40px;}
form.footerNewsletter .btn-default {height:40px; width:40px; background-color: #292929;border-color:#292929; background-image: url("../images/btn-arrow-theme.svg"); background-repeat:no-repeat; background-position: center; -webkit-background-size: 16px; -moz-background-size: 16px; -o-background-size: 16px; background-size: 16px;}
form.footerNewsletter .btn-default:hover {background-image: url("../images/btn-arrow-white.svg");}
form.footerNewsletter .form-control::-webkit-input-placeholder, form.footerNewsletter .form-control:-moz-placeholder, form.footerNewsletter .form-control::-moz-placeholder, form.footerNewsletter .form-control:-ms-input-placeholder { color:#414141; opacity: 1; filter: alpha(opacity=100); -moz-opacity:1;  opacity: 1;}

/* Forms  filter */
form.homeSearch {}
form.homeSearch .btn-default.button {border:1px solid #88b440; margin-right: 0}
form.homeSearch .btn-default.button:hover {background-color: #232328;border-color: #232328; color:#fff}

/* Form Poll */
form.formPoll {display:block; padding:15px 0px}
form.formPoll .buttonSm:hover {color:#fff; }
form.formPoll p {margin-bottom: 15px}
form.formPoll .checkbox label, form.formPoll .radio label {padding-left:0; margin-bottom: 5px;}
.icheckbox_flat-green, .iradio_flat-green {margin-right: 10px}

/* Modal */
.remodal {padding:20px;}
.remodal-close {left:auto; right:0px; top:0px;}
.modalMain .titleWrap, .modalMain p {text-align: left !important; margin: 0}
.modalMain .titleWrap, .modalMain h2 {margin:0}
.modalMain .titleWrap, .modalMain p {margin-bottom: 15px}
.remodal-overlay { background: rgba(27, 27, 27, 0.9)}

form#checkform .form-control, form.ebikeLogin .form-control { background-color:#efefef; height:44px; border:0px; color:#b1b1b1}
form#checkform .input-group-addon, form.ebikeLogin .input-group-addon {border:0; background-color: #e9e9e9;}
form#checkform .input-group, form.ebikeLogin .input-group { margin-bottom: 15px;}
form#checkform .input-group-addon, form.ebikeLogin .input-group-addon {padding:6px 16px;}
input.form-control:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #f9f9f9 inset !important;}

.icoLoginEmail, .icoLoginPassword, .icoLoginUser {background-repeat:no-repeat; background-position: center; -webkit-background-size: 16px; -moz-background-size: 16px; -o-background-size: 16px; background-size: 16px;}
.icoLoginEmail span, .icoLoginPassword span { }
.icoLoginEmail {background-image: url("../images/ico-login-email.svg");}
.icoLoginPassword {background-image: url("../images/ico-login-password.svg");}
.icoLoginUser { background-image : url(../images/ico-user-gray.svg); }

.loginControls button.btnLogin {text-align: left}
.loginControls button.btnRegister {text-align: right}
.btnRegister { background-color: #fd3001; color:#fff;text-transform: uppercase; border:0; height:42px; padding-left:25px; padding-right:25px; line-height:32px}
.btnRegister.small{ background-color: transparent; color: #88b440; font-family: 'Roboto', sans-serif; font-weight: 300; padding: 0; text-transform: none; height: auto; line-height: 18px; margin-left: 10px; font-size: 18px; display: block; text-align: right; }
.btnRegister.small:hover{ color: #000; }
.btnRegister.small:active, .btnRegister.small:focus{ background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.btnLogin { background-color: #88b440; color:#fff; text-transform: uppercase; height:42px; position:relative; padding-left:65px; padding-right:25px; border:0}
.btnLogin span {position:absolute; left:0; top:0; bottom:0; width:42px; background-color: #2f2f2f; display:block; background-image: url("../images/ico-login-go.svg"); background-repeat:no-repeat; background-position: center; -webkit-background-size: 20px; -moz-background-size: 20px; -o-background-size: 20px; background-size: 20px;}
.btnForgot{ color: #adadad; }

form.ebikeLogin .form-control::-webkit-input-placeholder, form.ebikeLogin .form-control:-moz-placeholder, form.ebikeLogin .form-control::-moz-placeholder, form.ebikeLogin .form-control:-ms-input-placeholder { color:#b1b1b1}


/* Alerts */
.alert {-moz-border-radius:0; -webkit-border-radius:0; -khtml-border-radius:0; border-radius:0; border:0; padding-left:60px}
.alert strong {display:block}

.alert-success, .alert-info, .alert-warning, .alert-danger { background-repeat:no-repeat; background-position: left 15px center; -webkit-background-size: 30px; -moz-background-size: 30px; -o-background-size: 30px; background-size:30px;}

.alert-success { background-image: url("../images/alert-ok.svg"); }
.alert-info { background-image: url("../images/alert-info.svg"); }
.alert-warning { background-image: url("../images/alert-warning.svg"); }
.alert-danger { background-image: url("../images/alert-danger.svg"); }


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { border-color:#ededed}

ul.catalogGrid.related{ margin:20px -15px 40px -15px; }
ul.catalogGrid.related li a.productImage{ float: none; width: 100%; }
ul.catalogGrid.related .catalogProductWrap{ margin: 0 15px; height: 100%; padding-bottom: 50px; min-height: 358px; }
ul.catalogGrid.related .slick-dots{ bottom: -35px; }

.catalogProductBottom{ position: absolute; left: 10px; right: 10px; bottom: 15px; }

/* NAGRADNA IGRA */
.game_wrap{ background-color: #030305; margin-top: 20px; color: #fff; padding: 25px 25px 25px 60px; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-background-position-x: -100px; -moz-background-position-x: -100px; -ms-background-position-x: -100px; -o-background-position-x: -100px; background-position-x: -100px; -webkit-background-position-y: 100%; -moz-background-position-y: 100%; -ms-background-position-y: 100%; -o-background-position-y: 100%; background-position-y: 100%; background-image: url(../images/biker.png); margin-left: -15px; margin-right: -15px; }
.game_wrap.no_default_img{ -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }
.game_wrap .nadnaslov{ font-size: 14px; margin-bottom: 0; }
.game_wrap .podnaslov{ color: #88b440; font-size: 18px; }
.game_wrap .title{ font-size: 24px; font-weight: 700; color: #fff; margin: 0; line-height: 30px; }
.game_wrap .nadnaslov, .game_wrap .title, .game_wrap .podnaslov{ text-transform: uppercase; font-style: italic; }

.answers_list{ margin-top: 25px !important; }
.answers_list li{ padding: 0 !important; margin: 0 0 5px 0 !important; }
.answers_list li:before{ display: none !important; }

.game_wrap .game_content{ margin-top: 15px; }
.game_wrap .game_content p{ font-size: 13px; line-height: 19px; }
.game_wrap .game_answers{ position: relative; }
.game_wrap .game_answers .btn{ margin-top: 5px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; padding-top: 10px; padding-bottom: 10px; }
.game_wrap .game_answers .btn-default:hover{ background-color: #a0bf59; color: #fff; border-color: #a0bf59 }


/* GOOGLE MAPS */
.gm-style-iw{ top: 0 !important; right: 0 !important; left: 0 !important; width: 100% !important; }
.gm-style-iw > div{ width: 100% !important; }
.gm-style-iw a{ background-color: #88b440; color: #fff; display: block; padding: 10px; font-size: 14px; font-weight: 700; text-transform: uppercase; position: relative;
    margin-right: 0;
    text-align: center; }
.gm-style-iw a strong{ position: relative; z-index: 2; }
.gm-style-iw a:before{ content: " "; display: block; width: 60px; height:60px; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-background-position-x: -5px; -moz-background-position-x: -5px; -ms-background-position-x: -5px; -o-background-position-x: -5px; background-position-x: -5px; -webkit-background-position-y: 0; -moz-background-position-y: 10px; -ms-background-position-y: 10px; -o-background-position-y: 10px; background-position-y: 10px; background-image: url(../images/icon_biker.svg); position: absolute; left: 0; bottom: 0; -webkit-opacity: 0.25; -moz-opacity: 0.25; -ms-opacity: 0.25; -o-opacity: 0.25; opacity: 0.25;}
.gm-style-iw a:hover{ text-decoration: none; }
.gm-style-iw + div{ width: 10px; height: 10px; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-background-position-x: 0; -moz-background-position-x: 0; -ms-background-position-x: 0; -o-background-position-x: 0; background-position-x: 0; -webkit-background-position-y: 0; -moz-background-position-y: 0; -ms-background-position-y: 0; -o-background-position-y: 0; background-position-y: 0; background-image: url(../images/icon_close_white.svg) !important;  }
.gm-style-iw + div > img{ display: none !important; }
.marker_content{ padding: 15px 15px 0 15px; }

/* SHIPPING */
.shipping_table .icon_edit_small{ display: inline-block !important; }
.shipping_table .text-right{ text-align: right !important; }
.purchase_table.shipping_table tbody tr > td:nth-child(1){ padding: 14px 8px; }
.estimate_input{ width: 60px; display: inline-block; padding-right: 3px; }
.shipping_table_services tbody > tr > td{ vertical-align: middle; }
.shipping_table_services tbody > tr > td:nth-child(4){ width: 4%; }
.shipping_table_services tbody > tr > td:nth-child(3){ width: 30%; }
.shipping_table_services tbody > tr > td:nth-child(3) .estimate_input:first-child{ margin-right: 5px; }
.shipping_table_services tbody > tr > td:nth-child(3) .estimate_input:last-child{ margin-left: 5px; margin-right: 5px; }
.shipping_table_services tbody > tr > td:nth-child(2){ width: 20%; }
.shipping_table_services tfoot > tr > td{ padding-left: 0; padding-right: 0;}
.shipping_price{ font-size:12px; color: #a0a0a0; font-style: italic; }

/* Checkout */
.textPlaceholder { margin-top:0px; margin-bottom: 0px;}
.checkoutSelect { margin-bottom:20px}

.table.checkout_table>thead>tr>th:nth-child(3), .table.checkout_table>thead>tr>th:nth-child(2), .table.checkout_table>thead>tr>th:nth-child(4) { text-align: right !important}
.checkout_table tbody tr td { padding:5px 8px !important}

.checkout_table tbody tr td:first-child {/* width:40% !important*/ }
.seller_checkout_wrap.pageCheckout {margin-top:30px}

/* Modal product */
table.modalProductShipping thead td {text-align: left; font-weight: bold; border-bottom: 4px solid #f3f3f3}
table.modalProductShipping tr td {text-align: left}
table.modalProductShipping tr:last-child td {border-bottom: 4px solid #f3f3f3}
.icon_shipping_globe { padding-left:25px; background-image: url("../images/icon-shipping-globe.svg");background-repeat: no-repeat; -webkit-background-size: 20px; -moz-background-size:  20px; -ms-background-size:  20px; -o-background-size:  20px; background-size:  20px;}

.print_price_wrap{ display: none; }

@media (min-width : 480px) {

    /* Menu main User */
    ul.menuUser li a {width:auto; overflow:visible; text-indent: 0px}

    /* Events home */
    ul.homeEventsList li a {/*height:200px;*/}
    .eventCountdown {}

    /* Home Categories */
    ul.homeCategories li { float:left; width:50%;}
    ul.homeCategories li a { height:165px;}

    /* News Grid */
    ul.newsGrid:not(.news_grid_wrap) li {float:left; width:50%; vertical-align: top; margin-bottom: 30px}
    ul.newsGrid:not(.news_grid_wrap) li:nth-child(odd) a {margin-right:10px;}
    ul.newsGrid:not(.news_grid_wrap) li:nth-child(even) a {margin-left:10px;}
    ul.newsGrid:not(.news_grid_wrap) li:nth-child(odd) {clear: both}

    /* Product read */
    .tagDiscount {width:120px; height:120px; padding:10px 15px 10px 15px; font-size:24px}
    .tagDiscount span { font-size:16px}

    /* banner */
    .bannerWrap .banner970x250 {width:450px; margin: auto}

    /* Catalog */
    ul.catalogGrid li a.productImage {width:180px;}
    ul.catalogGrid li p {clear: none}
    ul.catalogGrid li h2 {font-size:16px}

    /* Filters */
    a.filterButton {width:100%; display:block}

    /* POI Filters */
    ul.poiFilters li {width:33.3333%;}

    /* NAGRADNA IGRA */
    .game_wrap{ padding-left: 120px; -webkit-background-position-x: -60px; -moz-background-position-x: -60px; -ms-background-position-x: -60px; -o-background-position-x: -60px; background-position-x: -60px; margin-left: 0; margin-right: 0; }
}

@media  (min-width : 768px) {

    /* Effects */
    .shadow:hover {-webkit-box-shadow: 1px 1px 7px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 1px 1px 7px 0px rgba(50, 50, 50, 0.2); box-shadow: 1px 1px 7px 0px rgba(50, 50, 50, 0.2);}

    /* Main search */
    form.mainSearch .input-group {margin-left:-25px;}


    /* Home slider */
    .homeSliderWrap {margin-left:0; margin-right:0}

    /* Home slider */
    .slidePanel .titleWelcome {margin-bottom: 10px; }
    .slidePanel .titleFeatured {font-size:24px; margin-bottom: 10px;}
    .slidePanel p {font-size:14px; display:block; padding-right:25% }
    .slidePanel h1 {font-size:36px; }

    /* Home categories */
    ul.homeCategories {margin:0; }

    /* Product list */
    ul.productList li { border-bottom:0;}
    ul.productList li a p {margin-bottom: 10px}

    ul.productList li a div.button {display:inline-block}

    .productCategory { right:auto; left:1px; top:1px}
    .productImageWrap {width:160px; height: 160px}

    /* Product read */
    .productImageMain {margin-left: 0; margin-right:0}

    /* Product features */
    ul.productFeatures {margin-left: 0; margin-right:0}

    /* Product tabs */
    ul.productTabs {margin:30px 0 0 0; }

    /* Aside news list */
    aside ul.homeNewsList li:last-child {display:none}

    /* Home news */
    ul.homeNewsList { margin:30px 0 25px 0}

    /* News list */
    .siteLists ul.homeNewsList li {width:50%; float:left;}

    /* News Grid */
    ul.newsGrid:not(.news_grid_wrap) li:nth-child(odd) a {margin-right:15px;}
    ul.newsGrid:not(.news_grid_wrap) li:nth-child(even) a {margin-left:15px;}
    ul.newsGrid:not(.news_grid_wrap) li a .textWrap {max-height:135px; overflow: hidden}

    /* Route list */
    ul.routeList {margin-left:0px; margin-right:0px;}
    ul.routeList li {float:left;width:50%}
    ul.routeList li:nth-child(even) a {border-right:0}
    ul.routeList li a {border-right:1px solid #efefef}
    ul.routeList li a h3 {font-size:18px; margin-bottom: 0}
    ul.routeList li a .asideRouteSpecs li {float:none; display:inline-block; width:auto}

    /* Footer */
    .footerNav {margin-bottom: 35px}
    ul.footerMenu {margin:0 0 0 0; overflow: hidden}
    ul.footerMenu li {float:left;width: 20%}
    ul.footerMenu li ul {display:block !important}
    ul.footerMenu li ul li {float:none; width:100%}
    ul.footerMenu li ul li a {padding:2px 0; }
    ul.footerMenu li a {background-image: none; font-size:22px; border-bottom: 0; padding-top: 0}
    ul.footerMenu li a.arrow, ul.footerMenu li a.arrow.active {background-image: none}

    /* Footer section */
    .credits { text-align: right;}
    .copy { text-align: left;}

    /* banner */
    .bannerWrap .banner970x250 {width:750px;}

    /* Catalog */
    ul.catalogGrid {margin: 0px -10px;}
    ul.catalogGrid li {clear:none; float:left; width:50%;}
    ul.catalogGrid li .productCategory {left:0; top:0; position:absolute; z-index:50; display:block;}
    ul.catalogGrid li:hover .catalogProductWrap {border-color:#e2e2e2}
    ul.catalogGrid li .catalogProductWrap { margin:0px 10px; display:block; padding:0px 15px 15px 15px; border:1px solid #efefef;}
    ul.catalogGrid li a.productImage {width:auto; margin-left:-15px; margin-right: -15px;}
    ul.catalogGrid li p {clear: both; position:relative; margin-bottom: 0px; height:65px; overflow: hidden}
    ul.catalogGrid li .discount {font-size:16px}
    ul.catalogGrid li p::after { position:absolute; display:block; content:""; left:0; right:0; bottom:0px; width:100%; height:25px; background-image: url("../images/overlay-text-more.png"); background-repeat:repeat-x; background-position: top left; background-color: #fff; }
    ul.catalogGrid.related li a.productImage{ width:auto; }

    .catalogProductWrap ul.productButtons { text-align: right;}
    .catalogProductWrap ul.productButtons li {width:auto; display:inline-block}

    ul.catalogGrid .slick-dots{ text-align: center; margin-top: 10px; }
    ul.catalogGrid .slick-dots li{ width: auto; float: none; }

    /* Filters */
    a.filterButton {width:42px; display:block}

    /* POI slider */
    .poiSliderWrap p {display:block}
    .poiSliderWrap .infoBlockLeftBlack { padding:25px;}


    /* Banner Featured */
    .bannerCatalog { margin-bottom: 15px}
    .bannerCatalog .overlay {  background-position: top left;}
    .bannerText  { padding-right:20%}

    /* Modal */
    .remodal {padding:35px;}
    .remodal-close {left:auto; right:5px; top:8px;}

    /* POI Filters */
    ul.poiFilters li {width:25%;}

    /* NAGRADNA IGRA */
    .game_wrap{ padding-left: 150px; -webkit-background-position-x: 0; -moz-background-position-x: 0; -ms-background-position-x: 0; -o-background-position-x: 0; background-position-x: 0; }
    .game_wrap .game_answers .btn{ position: absolute; right: 0; bottom: 0; margin-top: 0; }

    /* PRODUCT TABS */
    ul.productTabs li{ width:auto; }
    ul.productTabs.productTabsIcons li a{ white-space: normal; text-indent: 0; padding-left: 55px; }
    ul.productTabs li a:before{ left: 0; margin-left: 15px; }
}

@media (min-width : 992px) {

    a.logoBig {width:235px; height:86px;  margin:10px 0; background-image: url("../images/ebike-logo.png"); margin:11px 0 0 0}
    a.rButton {margin-top:25px}

    /* Product list */
    .productImageWrap {width:160px; height:160px; position: relative; }
    .productImageWrap img{ width:auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
    /*.productListPrice {padding-right:0}*/
    ul.productList li {margin-bottom: 20px}
    ul.productList li a {border:1px solid #efefef; padding:0 5px 15px 0; min-height: 160px; }
    .productCategory { right:auto; left:0; top:0}
    ul.productList li a:hover {border-color:#e2e2e2; -webkit-box-shadow: 1px 1px 7px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 1px 1px 7px 0px rgba(50, 50, 50, 0.2); box-shadow: 1px 1px 7px 0px rgba(50, 50, 50, 0.2);}

    /* Aside news list */
    aside ul.homeNewsList li:last-child {display:block}

    /* Aside ProductList */
    aside ul.productList li a {min-height:137px;}
    aside ul.productList li a .productImageWrap {width:125px; height:125px;}
    aside .slick-dots {bottom:auto; top:-42px; text-align: right; padding-right:10px;}
    aside .slick-dots li {margin:0; width:20px; height:14px; line-height:14px;background-color:#fff;}
    aside .slick-dotted.slick-slider {margin-bottom: 0}

    /* Product gallery images */
    .productGallery {position:absolute; bottom:0; left:0; padding-right:33.33%}
    ul.productImages { background-color: #fff}
    ul.productImages li a {margin:1px; opacity: 1; width:100px; height:66px;}
    ul.productImages li a:hover, ul.productImages li a.active {opacity: 1; filter: alpha(opacity=100); -moz-opacity:1;  opacity:1; width: 100px; height: 66px; overflow:hidden;}

    /* Product features */
    ul.productFeatures {margin-left: 0; margin-right: 0}
    ul.productFeatures li {width:25%; font-size:13px}
    ul.productFeatures li:nth-child(-n+2) {border-bottom:0}
    ul.productFeatures li div {border-right:1px solid #efefef}
    ul.productFeatures li:last-child div {border:0}

    /* News Grid */
    ul.newsGrid li a .textWrap {padding:20px; }
    ul.newsGrid li {width:33.3333%}
    ul.newsGrid:not(.news_grid_wrap) li:nth-child(odd) a {margin-right:0px;}
    ul.newsGrid:not(.news_grid_wrap) li:nth-child(even) a {margin-left:0px;}
    ul.newsGrid:not(.news_grid_wrap) li:nth-child(odd) {clear: none}
    ul.newsGrid:not(.news_grid_wrap) li:nth-child(3n+1) {clear: both}

    ul.newsGrid:not(.news_grid_wrap) {margin-left:-15px; margin-right:-15px;}
    ul.newsGrid li a {margin-left:15px !important; margin-right:15px !important;}

    ul.newsGrid li.everySecond a .imageWrap {height:120px;}
    ul.newsGrid li.everySecond a .textWrap {display:none;}
    ul.newsGrid li.everySecond a .imageWrap img {position:absolute; top:-50%}
    ul.newsGrid li.everySecond a .edited .tag {bottom:auto; top:15px}
    ul.newsGrid li.everySecond a .edited h3 {position:absolute; top:55px; color:#fff; padding:0px 15px; max-height: 50px;}
    .newsImageOverlay {display:none}
    ul.newsGrid li.everySecond .newsImageOverlay {position:absolute; display:block; background-color: #000; top:0;left:0;right:0; bottom:0; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity:0.5;  opacity:0.5;}


    /* Home categories */
    ul.homeCategories li a .button {bottom:25px; left:25px}
    ul.homeCategories li { float:left; width:33.3333%;}
    ul.homeCategories li:nth-child(odd) { clear: none;}
    /*ul.homeCategories li:nth-child(3n+1) {clear: both}*/
    ul.homeCategories li a {padding:25px; height:195px; padding-bottom:85px;}
    ul.homeCategories li a h2 {font-size:24px}

    /* News home */
    .newsFeatured {height:420px}
    ul.homeNewsList { margin:0}

    /* Events home */
    .overlayFull {padding: 35px 20px}
    ul.homeEventsList li a {height:150px;}
    .eventCountdown {}

    /* Route list */
    ul.routeList li a p {display:block}
    ul.routeList li a .asideRouteSpecs {margin-bottom: 10px}
    ul.routeList li a .asideRouteDistance {width:110px; height:110px; font-size:20px; padding-top:30px}
    ul.routeList li a .asideRouteDistance span { font-size:18px}
    ul.routeList li a .asideRouteSpecs li {float:none; display:inline-block; width:auto}
    ul.asideRoutes{ margin-top: 25px; }
    .asideRouteDistance{ margin-top: 0; }
    ul.asideRoutes li a h3{ margin-top: 5px; margin-bottom: 10px; }
    ul.routeList li{ padding-top: 15px; }
    ul.routeList li a{ padding-bottom: 0; }

    /* banner */
    .bannerWrap .banner970x250 {width:970px;}

    /* Home news columns */
    .newsListColumns a.asideMore {margin-bottom: 0px}

    /* Catalog filters */
    .filterMenuPanel {position:relative; left:auto; bottom:auto; top:auto; right:auto; background-image: none; width:100% !important; overflow: visible; z-index: 1000}
    .filterMenuWrap {width:100%; padding:0; position: relative;}
    .filterControls {display:none}
    .filterControls h3 {margin-top:-5px}
    ul.sideFilter li {float:none; width:100%; }
    .productFilterGroup h3 {padding-left: 0px;}

    /* Banner Featured */
    .bannerText  { padding-right:35%}
    .banner_grid .bannerText{ padding-top: 10px; padding-bottom: 17px; padding-left: 30px; }
    /* Event list */
    .listControlsWrap {}

    /* POI slider */
    .poiSliderWrap .btnControl { text-align: right;}

}

@media  (min-width : 1200px) {

    /* Layout */
    section.categories {padding-top:25px}

    /* Home filters */
    .homeFilters {display:block !important; }

    .startSelling, a.startSelling, button.startSelling { padding-top:10px; padding-left:80px; font-size:18px}
    /* Main Navi */
    nav.mainNavi { background-position: top center;}

    /* Home slider */
    .slidePanel p {padding-right:0 }

    /* Typo */
    .titleWrap { margin:20px 0 25px 0}
    .catalog .titleWrap { margin:20px 0 7px 0}

    /* Home filters */
    .homeFilters {position:absolute; top:20%; left:25px;
        width: 540px;}

    /* News home */
    .newsFeatured {height:434px}

    /* Product */
    aside .productSummary .titleWrap {margin-top:0; margin-bottom: 10px}

    /* Events home */
    ul.homeEventsList {margin-left:-15px; margin-right:-15px;}
    ul.homeEventsList li a {height:120px;}
    .eventCountdown { }
    .overlayFull {padding: 18px 20px}

    /* Catalog */
    ul.catalogGrid {margin: 0px -10px;}
    ul.catalogGrid > li {clear:none; float:left; width:33.33%}


    ul.catalogGrid li .productCategory {left:0; top:0; position:absolute; z-index:50;}
    ul.catalogGrid li:hover .catalogProductWrap {border-color:#e2e2e2}
    ul.catalogGrid li .catalogProductWrap { margin:0px 10px; padding:0px 15px 15px 15px; border:1px solid #efefef }
    ul.catalogGrid li a.productImage {width:auto; margin-left:-15px; margin-right: -15px;}
    ul.catalogGrid li p {clear: both}
    ul.catalogGrid li .discount {font-size:16px}

    .catalogProductWrap ul.productButtons { text-align: right; margin-right: -15px}
    .catalogProductWrap ul.productButtons li {width:auto; display:inline-block}
    .catalogProductWrap ul.productButtons li a.wishlist, .catalogProductWrap ul.productButtons li a.compare {height:34px}

    .catalogProductWrap a.button.buy {padding-top:8px; padding-bottom:8px; padding-left:50px;}
    .catalogProductWrap a.button.buy span {width:34px; background-position: left 10px center;}
    .catalogProductWrap a.button.buy:hover span { background-position: left 15px center;}

    ul.sideFilter li {float:left; width:50%; }

    /* Product toolbar */
    .productCountWrap {/*margin-bottom: 25px; padding-bottom:25px;*/}

    /* POI Filters */
    ul.poiFilters li {width:20%;}
}

@media  (min-width : 1600px) {
    /*.container {width:1400px}*/
}



form * { border-radius:0px !important; box-shadow:none;}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus, .poruka_input:focus, .form-control:focus, input[select] {
    border-color: rgb(195, 231, 106);; /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);*/ outline: 0 none;}
input[type="text"], input[type="email"], textarea {	resize:none; outline: none; box-shadow:none !important;}

.bill_upload {cursor:pointer;}