/* BACKGROUND */
/* MAIN PAGE */
/*CATEGORIES GRID*/
/*PRODUCT VIEW*/
/* ======================= Improved One Page Checkout with tabs  ======================== */
/*USER PANEL*/
/*BLOG*/
@font-face {
  font-family: 'journalregular';
  src: url('../fonts/journal/journal-webfont.eot');
  src: url('../fonts/journal/journal-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/journal/journal-webfont.woff2') format('woff2'), url('../fonts/journal/journal-webfont.woff') format('woff'), url('../fonts/journal/journal-webfont.ttf') format('truetype'), url('../fonts/journal/journal-webfont.svg#journalregular') format('svg');
  font-weight: normal;
  font-style: normal; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'journalregular';
    src: url('../fonts/journal/journal-webfont.svg#journalregular') format('svg'); } }

@font-face {
  font-family: 'bebas_neueregular';
  src: url('../fonts/bebas/bebasneue-webfont.eot');
  src: url('../fonts/bebas/bebasneue-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/bebas/bebasneue-webfont.woff2') format('woff2'), url('../fonts/bebas/bebasneue-webfont.woff') format('woff'), url('../fonts/bebas/bebasneue-webfont.ttf') format('truetype'), url('../fonts/bebas/bebasneue-webfont.svg#bebas_neueregular') format('svg');
  font-weight: normal;
  font-style: normal; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'bebas_neueregular';
    src: url('../fonts/bebas/bebasneue-webfont.svg#bebas_neueregular') format('svg'); } }

@font-face {
  font-family: 'NeoSansPro-Medium';
  src: url('../fonts/neosans/NeoSansPro-Medium.eot');
  src: url('../fonts/neosans/NeoSansPro-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/neosans/NeoSansPro-Medium.woff') format('woff'), url('../fonts/neosans/NeoSansPro-Medium.svg') format('svg'), url('../fonts/neosans/NeoSansPro-Medium.ttf') format('ttf'), url('../fonts/neosans/NeoSansPro-Medium.otf') format('opentype'); }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'NeoSansPro-Medium';
    src: url('../fonts/neosans/NeoSansPro-Medium.svg#NeoSansPro-Medium') format('svg'); } }

@font-face {
  font-family: 'NeoSansPro-Light';
  src: url('../fonts/neosans/NeoSansPro-Light.eot');
  src: url('../fonts/neosans/NeoSansPro-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/neosans/NeoSansPro-Light.woff') format('woff'), url('../fonts/neosans/NeoSansPro-Light.svg') format('svg'), url('../fonts/neosans/NeoSansPro-Light.ttf') format('ttf'), url('../fonts/neosans/NeoSansPro-Light.otf') format('opentype'); }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'NeoSansPro-Light';
    src: url('../fonts/neosans/NeoSansPro-Light.svg#NeoSansPro-Light') format('svg'); } }

@font-face {
  font-family: 'NeoSansPro-Regular';
  src: url('../fonts/neosans/NeoSansPro-Regular.eot');
  src: url('../fonts/neosans/NeoSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/neosans/NeoSansPro-Regular.woff') format('woff'), url('../fonts/neosans/NeoSansPro-Regular.svg') format('svg'), url('../fonts/neosans/NeoSansPro-Regular.ttf') format('ttf'), url('../fonts/neosans/NeoSansPro-Regular.otf') format('opentype'); }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'NeoSansPro-Regular';
    src: url('../fonts/neosans/NeoSansPro-Regular.svg#NeoSansPro-Regular') format('svg'); } }

html {
  height: auto !important; }

body {
  background: linear-gradient(#bac8d6 0%, #f5f5f5 50%) !important;
  background-size: contain;
  background-attachment: fixed;
  /* #background { background:#1c3244; }
#background,
#background:after {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: -100;
}
#background:after {
	content: '';
	background: transparent url(../images/pattern.png) repeat top left;
}
#background li {list-style-type: none;}
#background li span {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	color: transparent;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: none;
	opacity: 0;
	z-index: -100;
	-webkit-backface-visibility: hidden;
	-webkit-animation: imageAnimation 45s linear infinite 0s;
	-moz-animation: imageAnimation 45s linear infinite 0s;
	-o-animation: imageAnimation 45s linear infinite 0s;
	-ms-animation: imageAnimation 45s linear infinite 0s;
	animation: imageAnimation 45s linear infinite 0s;
}

#background li:nth-child(1) span { 
	background-image: url(../images/back.jpg);	
}
#background li:nth-child(2) span {
	background-image: url(../images/back2.jpg);
	-webkit-animation-delay: 15s;
	-moz-animation-delay: 15s;
	-o-animation-delay: 15s;
	-ms-animation-delay: 15s;
	animation-delay: 15s;
}
#background li:nth-child(3) span {
	background-image: url(../images/back3.jpg);
	-webkit-animation-delay: 30s;
	-moz-animation-delay: 30s;
	-o-animation-delay: 30s;
	-ms-animation-delay: 30s;
	animation-delay: 30s;
}

@-webkit-keyframes imageAnimation { 
	0% {
		opacity: 0;
		-webkit-animation-timing-function: ease-in;
	}
	16% {
		opacity: 1;
		-webkit-animation-timing-function: ease-out;
	}
	33% {
		opacity: 1;
	}
	40% {
		opacity: 0;
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
		opacity: 0;
		-moz-animation-timing-function: ease-in;
	}
	16% {
		opacity: 1;
		-moz-animation-timing-function: ease-out;
	}
	33% {
		opacity: 1;
	}
	40% {
		opacity: 0;
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
		opacity: 0;
		-o-animation-timing-function: ease-in;
	}
	16% {
		opacity: 1;
		-o-animation-timing-function: ease-out;
	}
	33% {
		opacity: 1;
	}
	40% {
		opacity: 0;
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
		opacity: 0;
		-ms-animation-timing-function: ease-in;
	}
	16% {
		opacity: 1;
		-ms-animation-timing-function: ease-out;
	}
	33% {
		opacity: 1;
	}
	40% {
		opacity: 0;
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
		opacity: 0;
		animation-timing-function: ease-in;
	}
	16% {
		opacity: 1;
		animation-timing-function: ease-out;
	}
	33% {
		opacity: 1;
	}
	40% {
		opacity: 0;
	}
	100% { opacity: 0 }
}

.no-cssanimations #background li span{
	opacity: 1;
}

@media only screen and (max-width: 1366px) {
	#background {display:none;}
	}
*/ }

#background {
  display: none;
  /* HEADER */ }

html body {
  font-family: 'Roboto', sans-serif; }

div.container {
  background: white;
  /*box-shadow: 0px 0px 30px #949494;*/
  /*@media only screen and (min-width: 1367px) { margin-top:50px; }*/
  overflow: hidden; }

div.container div.row:nth-child(1) div.logo {
  margin-top: 45px;
  margin-bottom: 10px; }
  @media only screen and (max-width: 767px) {
    div.container div.row:nth-child(1) div.logo {
      margin-top: 20px; } }
  div.container div.row:nth-child(1) div.logo > strong {
    position: absolute;
    text-indent: -10000px;
    font-size: 5px; }
  div.container div.row:nth-child(1) p.welcome-msg {
    font-family: 'journalregular';
    font-size: 25px;
    line-height: 1em;
    transform: scale(1, 0.8);
    margin: -30px 0px 3px 209px;
    color: #595959; }
  @media only screen and (max-width: 991px) {
    div.container div.row:nth-child(1) p.welcome-msg {
      display: none; } }
  div.container div.row:nth-child(1) #searchForm > div {
    width: 60%;
    background: #d5d5d5;
    transition: background 0.5s ease; }
  div.container div.row:nth-child(1) #searchForm > div:hover {
    background: #1b75bc; }
  div.container div.row:nth-child(1) #searchForm > div.focus {
    background: #1b75bc; }
  div.container div.row:nth-child(1) #search {
    background: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    color: white;
    height: 34px;
    width: 400px; }
  div.container div.row:nth-child(1) input#search::-webkit-input-placeholder, div.container div.row:nth-child(1) textarea::-webkit-input-placeholder {
    color: white; }
  div.container div.row:nth-child(1) input#search:-moz-placeholder, div.container div.row:nth-child(1) textarea:-moz-placeholder {
    color: white; }
  div.container div.row:nth-child(1) input#search::-moz-placeholder, div.container div.row:nth-child(1) textarea::-moz-placeholder {
    color: white; }
  div.container div.row:nth-child(1) input#search:-ms-input-placeholder, div.container div.row:nth-child(1) textarea:-ms-input-placeholder {
    color: white; }
  div.container div.row:nth-child(1) #btn-search {
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: none;
    height: 34px;
    outline: 0; }
  div.container div.row:nth-child(1) #btn-search .glyphicon-search {
    color: white;
    font-size: 1.2em;
    transition: all 0.2s linear; }
  div.container div.row:nth-child(1) #btn-search:hover .glyphicon-search {
    color: #ff9100;
    text-shadow: 0 1px 0 #ff9100; }
  div.container div.row:nth-child(1) div#search_autocomplete {
    display: none; }

div.hr {
  background-color: #ccc;
  height: 4px; }

ul#category-nav {
  font-family: 'bebas_neueregular', sans-serif; }
  ul#category-nav li {
    text-transform: uppercase;
    font-size: 100%; }
  ul#category-nav li a {
    text-decoration: none; }
  ul#category-nav > li ul {
    visibility: hidden;
    background: #1b75bc;
    position: absolute;
    left: 15px;
    padding: 10px;
    margin: 0;
    z-index: 200;
    height: 162px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.2s ease-in-out, visibility 0.2s linear; }
  @media only screen and (min-width: 768px) {
    ul#category-nav > li ul {
      width: 720px;
      top: 31px; } }
  @media only screen and (min-width: 992px) {
    ul#category-nav > li ul {
      width: 940px;
      top: 30px; } }
  @media only screen and (min-width: 1200px) {
    ul#category-nav > li ul {
      width: 1140px; } }
  ul#category-nav > li:nth-child(1) ul {
    background-image: url(/skin/frontend/epneumatic/default/images/cylinders.png); }
  ul#category-nav > li:nth-child(2) ul {
    background-image: url(/skin/frontend/epneumatic/default/images/tools.png); }
  ul#category-nav > li:nth-child(3) ul {
    background-image: url(/skin/frontend/epneumatic/default/images/valves.png); }
  ul#category-nav > li:nth-child(4) ul {
    background-image: url(/skin/frontend/epneumatic/default/images/frl.png); }
  ul#category-nav > li:nth-child(5) ul {
    background-image: url(/skin/frontend/epneumatic/default/images/fittings.png); }
  ul#category-nav > li:nth-child(6) ul {
    background-image: url(/skin/frontend/epneumatic/default/images/hoses.png); }
  ul#category-nav > li:hover ul {
    visibility: visible;
    opacity: 1; }
  ul#category-nav li.level-top > a {
    color: #8d8d8d;
    font-size: 1.5em; }
  @media only screen and (max-width: 991px) {
    ul#category-nav li.level-top > a {
      font-size: 1.4em; } }
  @media only screen and (max-width: 767px) {
    ul#category-nav li.level-top > a {
      font-size: 1.5em; } }
  ul#category-nav li.level-top:hover > a {
    color: #1a75bc; }
  @media only screen and (min-width: 768px) {
  ul#category-nav li.level-top:hover > a {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAAL0lEQVQIW2NkQAPSZXv+P+1yYUQWRuGAFMAkkRXCFSErQFcIVoRNAbJCRnwKYAoBNBISUjhgyMkAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 4px; } }
  ul#category-nav > li > ul > li {
    list-style-type: none; }
  ul#category-nav > li > ul > li > a {
    color: white;
    font-size: 1.2em;
    outline: 0; }
  ul#category-nav > li > ul > li > a:hover {
    color: #aee6ff; }
  ul#category-nav ul.level2 li:nth-child(n+7) {
    margin-left: 200px;
    top: -138px;
    position: relative; }
  ul#category-nav ul.level2 li:nth-child(n+13) {
    margin-left: 400px;
    top: -276px; }
  ul#category-nav ul.level2 li:nth-child(n+19) {
    margin-left: 600px;
    top: -414px; }

@media only screen and (max-width: 579px) {
  ul#category-nav li {
    margin: 0px 0px 5px;
    padding: 0; }
    ul#category-nav li a {
      display: block;
      background-color: #1b75bc;
      background-position: 50% 0%;
      width: 143px;
      height: 120px;
      background-size: 119px 100px;
      margin-left: 5px;
      margin-top: 4px;
      margin-bottom: -4px;
      transition: background 0.5s ease;
      background-repeat: no-repeat;
      text-align: center; }
      ul#category-nav li a:hover {
        background-color: #494949;
        background-position: 50% 0%; }
      ul#category-nav li a span {
        position: relative;
        font-size: 15px;
        color: white;
        line-height: 215px; }
    ul#category-nav li.leaf.level-top {
      display: none; }
    ul#category-nav > li:nth-child(1) a {
      background-image: url(/skin/frontend/epneumatic/default/images/s-cylinders.png); }
    ul#category-nav > li:nth-child(2) a {
      background-image: url(/skin/frontend/epneumatic/default/images/s-tools.png); }
    ul#category-nav > li:nth-child(3) a {
      background-image: url(/skin/frontend/epneumatic/default/images/s-valves.png); }
    ul#category-nav > li:nth-child(4) a {
      background-image: url(/skin/frontend/epneumatic/default/images/s-frl.png); }
    ul#category-nav > li:nth-child(5) a {
      background-image: url(/skin/frontend/epneumatic/default/images/s-fittings.png); }
    ul#category-nav > li:nth-child(6) a {
      background-image: url(/skin/frontend/epneumatic/default/images/s-hoses.png); } }

@media only screen and (max-width: 579px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 579px) and (-o-min-device-pixel-ratio: 3/2), only screen and (max-width: 579px) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 579px) and (min-device-pixel-ratio: 1.5) {
  ul#category-nav > li:nth-child(1) a {
    background-image: url(/skin/frontend/epneumatic/default/images/s-cylinders-retina.png);
    background-size: 119px 100px; }
    ul#category-nav > li:nth-child(2) a {
      background-image: url(/skin/frontend/epneumatic/default/images/s-tools-retina.png);
      background-size: 119px 100px; }
    ul#category-nav > li:nth-child(3) a {
      background-image: url(/skin/frontend/epneumatic/default/images/s-valves-retina.png);
      background-size: 119px 100px; }
    ul#category-nav > li:nth-child(4) a {
      background-image: url(/skin/frontend/epneumatic/default/images/s-frl-retina.png);
      background-size: 119px 100px; }
    ul#category-nav > li:nth-child(5) a {
      background-image: url(/skin/frontend/epneumatic/default/images/s-fittings-retina.png);
      background-size: 119px 100px; }
    ul#category-nav > li:nth-child(6) a {
      background-image: url(/skin/frontend/epneumatic/default/images/s-hoses-retina.png);
      background-size: 119px 100px; } }

div#contCatNav div#catMenuBtn {
  display: none; }

@media only screen and (max-width: 579px) {
  div#contCatNav {
    overflow: hidden;
    position: absolute;
    z-index: 300;
    width: 455px;
    background: #fff;
    padding-left: 15px;
    padding-right: 0px; }
    div#contCatNav ul#category-nav {
      margin-bottom: 4px;
      transition: all 0.5s ease;
      margin-top: -255px; }
    div#contCatNav div#catMenuBtn {
      display: block;
      cursor: pointer;
      font-family: 'bebas_neueregular', sans-serif;
      font-size: 2em;
      color: white;
      background: url("../images/menu-icon.png") 0% 50% no-repeat #1b75bc;
      padding: 0px 45px;
      width: 440px; }

  div#contCatNav.opened ul#category-nav {
    margin-top: 0; }

  div.text-right ul.cart-sidebar {
    margin-top: 50px;
    margin-bottom: 0px; }

  div.page-title {
    margin-top: 0px; }

  div#top-links {
    pointer-events: none; }

  div.links-cont, form#searchForm {
    pointer-events: all; }

  div.links-cont ul#inner-pages li.first {
    display: none; } }

@media only screen and (max-width: 480px) {
  div#contCatNav {
    width: 320px;
    padding: 0px; }
    div#contCatNav ul#category-nav {
      margin-top: -375px; }
    div#contCatNav div#catMenuBtn {
      width: 320px; } }

div.links-cont {
  margin-top: 0px; }
  div.links-cont div#topLinkMenu {
    width: 70px;
    height: 71px;
    background: url("../images/customer-links.png") no-repeat #1b75bc;
    display: none; }
  @media only screen and (max-width: 480px) {
  div.links-cont {
    background: #1b75bc;
    transition: all 0.5s ease;
    margin-left: 249px;
    margin-right: -249px;
    margin-top: -81px; }
    div.links-cont div#topLinkMenu {
      display: block;
      cursor: pointer; }

    div.links-cont ul.links li a {
      display: block;
      width: 49px;
      height: 60px;
      text-align: center;
      color: white;
      padding-top: 50px; }

    div.links-cont ul#customer-links ul li:nth-child(1) a {
      background: url("../images/login.png") 50% 50% no-repeat; }
      div.links-cont ul#customer-links ul li:nth-child(2) a {
        background: url("../images/register.png") 50% 50% no-repeat; }

    div.links-cont ul#inner-pages li:nth-child(2) a {
      background: url("../images/about-us.png") 50% 50% no-repeat; }
      div.links-cont ul#inner-pages li:nth-child(3) a {
        background: url("../images/contact.png") 50% 50% no-repeat; } }
  @media only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 480px) and (-o-min-device-pixel-ratio: 3/2), only screen and (max-width: 480px) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 480px) and (min-device-pixel-ratio: 1.5) {
  div.links-cont div#topLinkMenu {
    background: url("../images/customer-links-retina.png") no-repeat #1b75bc;
    background-size: 70px 71px; }
  div.links-cont ul#customer-links ul li:nth-child(1) a {
    background: url("../images/login-retina.png") 50% 50% no-repeat;
    background-size: 48px 38px; }
    div.links-cont ul#customer-links ul li:nth-child(2) a {
      background: url("../images/register-retina.png") 50% 50% no-repeat;
      background-size: 48px 38px; }
  div.links-cont ul#inner-pages li:nth-child(2) a {
    background: url("../images/about-us-retina.png") 50% 50% no-repeat;
    background-size: 48px 38px; }
    div.links-cont ul#inner-pages li:nth-child(3) a {
      background: url("../images/contact-retina.png") 50% 50% no-repeat;
      background-size: 48px 38px; } }

div.links-cont.opened {
  margin-left: 0;
  margin-right: 0; }

ul#customer-links {
  margin: 0px 0px 9px 7px; }

ul#inner-pages {
  margin: 10px 0px 0px 0px; }

div#google_translate_element {
  clear: both; }
  @media only screen and (max-width: 579px) {
  div#google_translate_element {
    display: none; } }

div.goog-te-gadget-simple {
  border: 0; }

.goog-te-gadget-simple::before {
  content: "\f0ac";
  font-family: "FontAwesome";
  font-size: 1.2em;
  padding: 2px; }

img.goog-te-gadget-icon {
  display: none; }

ul#inner-pages li a, ul#customer-links li a {
  color: #8d8d8d;
  font-size: 0.9em; }
  ul#inner-pages li a:hover, ul#customer-links li a:hover {
    color: #1b75bc;
    text-decoration: none; }
  @media only screen and (max-width: 579px) {
  ul#inner-pages li a, ul#customer-links li a {
    font-size: 1.3em; } }
  @media only screen and (max-width: 480px) {
  ul#inner-pages li a, ul#customer-links li a {
    font-size: 0.7em;
    color: white; }
    ul#inner-pages li a:hover, ul#customer-links li a:hover {
      color: #35bffc; } }

form#searchForm {
  margin-top: 17px; }

@media only screen and (max-width: 579px) {
    ul#extra-menu li.first {
      float: left; } }

ul.cart-sidebar li a, ul#extra-menu li a {
  font-family: 'bebas_neueregular', sans-serif;
  font-size: 1.5em;
  /*@media only screen and (max-width: 991px) { font-size:1em}*/
  color: #8d8d8d; }
  @media only screen and (max-width: 579px) {
  ul.cart-sidebar li a, ul#extra-menu li a {
    font-size: 2em; } }
  ul.cart-sidebar li a:hover, ul#extra-menu li a:hover {
    color: #1b75bc;
    text-decoration: none; }
  ul.cart-sidebar li a:focus, ul#extra-menu li a:focus {
    text-decoration: none;
    outline: 0; }

ul.cart-sidebar li a::before {
  font-family: FontAwesome;
  content: "\f07a";
  padding-right: 5px;
  font-size: 1.2em; }

ul.cart-sidebar {
  margin-left: 5px;
  margin-top: -4px; }

ol.breadcrumb {
  padding: 0px 15px;
  background: none;
  border-radius: 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  /*CONTAINER*/ }
  ol.breadcrumb a {
    font-size: 0.9em;
    color: grey; }
  ol.breadcrumb a:hover {
    color: #1b75bc;
    text-decoration: none; }

html input, button, select, textarea {
  font-family: 'Roboto', sans-serif; }

.no-display {
  display: none; }

div.ratings {
  display: none; }

div.page-title h1 {
  font-family: 'bebas_neueregular', sans-serif;
  color: #8d8d8d; }

div.category-title > a.more {
  line-height: 30px;
  display: block;
  /*padding-left: 35px;
	background: url(/skin/frontend/epneumatic/default/images/cat-description.png) no-repeat;
	background-position: 0% 0%;*/
  margin-left: 30px;
  /*div.std {
	font-family: 'Roboto', sans-serif;
	h2 { 
		font-size:1em;
		font-weight:700;
		background: #ff9600;
		padding:7px 10px;
		color:white;
		margin-bottom:2px;
	}
	p {
		padding-top: 10px;
		border-top:
		2px solid #8d8d8d;
	}
}*/ }
  div.category-title > a.more:hover {
    text-decoration: none; }
  div.category-title > a.more::before {
    font-family: FontAwesome;
    content: "\f05a";
    font-size: 30px;
    position: absolute;
    margin-left: -30px; }

#pgb-player {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
  padding: 0 1em; }

#pgb-player::-webkit-scrollbar {
  width: 3px; }

#pgb-player::-webkit-scrollbar-thumb {
  background-color: grey;
  outline: 1px solid slategrey; }

div.text-image {
  padding: 5px;
  border: 1px solid #ccc;
  /* CONTACT*/ }
  div.text-image div.image-container {
    overflow: hidden; }

div.company-info {
  margin-top: 80px;
  /*DIMENSZYN*/ }
  div.company-info li {
    list-style-type: none; }
  @media only screen and (min-width: 767px) {
  div.company-info {
    margin-top: 20px; } }
  @media only screen and (min-width: 992px) {
  div.company-info {
    margin-top: -62px; } }

@media only screen and (max-width: 767px) {
  div.container {
    width: 580px; }
    div.container div.row:nth-child(1) #search {
      width: 510px; }
    div.container div#top-links ul#customer-links {
      margin-top: -35px; }
      div.container div#top-links ul#inner-pages {
        margin-top: -35px;
        float: right; }
    div.container div.hr {
      margin-top: 2px;
      /* ul#category-nav li.level-top:hover > a { background-image: none;} */ }
    div.container div.row ul.level2 {
      display: none; }

  div.text-image {
    display: none; } }

@media only screen and (min-width: 770px) and (max-width: 991px) {
  div.main-info {
    float: left;
    width: 50%;
    height: 300px;
    margin-right: 15px; } }

@media only screen and (max-width: 579px) {
  div.container {
    width: 470px; }
    div.container div.row:nth-child(1) #search {
      width: 400px; }
    div.container div#top-links ul#customer-links {
      margin-top: -75px; } }

@media only screen and (max-width: 480px) {
  /*FOOTER*/
    body {
      background: none !important; }
    div.container div.row:nth-child(1) div.logo {
      margin-left: -15px; }
    div.container {
      width: 320px;
      padding: 0; }
      div.container div.row:nth-child(1) {
        margin-right: 0; }
        div.container div.row:nth-child(1) #search {
          width: 280px; }
      div.container div#top-links {
        padding-right: 0; }
        div.container div#top-links ul#customer-links {
          margin-top: -72px; }
        div.container div#top-links ul#inner-pages {
          margin-top: -72px; }
      div.container ul#category-nav li.level-top > a {
        width: 157.5px; }
      div.container div.best h2, div.container div.newp h2 {
        margin-left: 0; }
      div.container div.row {
        margin: 0px; }
      div.container div.map-info {
        display: none; }
      div.container div.std div.intro {
        margin: 5px 0px; }
    div#pgb-container div.input label {
      display: none; }
      div#pgb-container div.input input {
        width: 70%; }
      div#pgb-container div.input input, div#pgb-container div.input button {
        margin-right: 15%; }
    #ep_global_messages {
      width: 300px !important;
      margin-left: -150px !important; }
    div.links-cont.opened {
      margin-left: -15px; }
    .best, .newp {
      padding: 0 !important; } }

div.footer-container {
  background: #494949;
  margin-top: 30px;
  padding: 20px 0px; }
  div.footer-container ul.links li {
    list-style-type: none; }
    div.footer-container ul.links li a {
      color: #f0f0f0;
      transition: all 0.2s ease; }
      div.footer-container ul.links li a:hover {
        text-decoration: none;
        color: #aee6ff; }
  @media only screen and (max-width: 480px) {
    div.footer-container ul.links {
      padding: 0px;
      text-align: center; }
      div.footer-container ul.links li {
        padding: 10px; } }
  div.footer-container ul.footer-contact {
    padding: 0; }
  div.footer-container ul.footer-contact li {
    list-style-type: none;
    display: inline;
    color: #b2b2b2;
    margin-right: 15px; }
    @media only screen and (max-width: 480px) {
    div.footer-container ul.footer-contact li {
      margin-right: 0; } }
  @media only screen and (max-width: 991px) {
    div.footer-container ul.footer-contact {
      float: right;
      text-align : right;
      margin: -90px 20px 0px 0px; }
      div.footer-container ul.footer-contact li {
        display: list-item; } }
  @media only screen and (max-width: 480px) {
    div.footer-container ul.footer-contact {
      float: none;
      text-align : center;
      margin: 0; } }
  div.footer-container div.block-subscribe div.block-content div.form-subscribe-header label {
    color: #f0f0f0;
    font-size: 1.5em;
    font-weight: 300; }
    div.footer-container div.block-subscribe div.block-content div.input-box {
      float: left;
      width: 80%;
      margin-right: 2%; }
      div.footer-container div.block-subscribe div.block-content div.input-box input {
        width: 100%;
        height: 45px;
        border: none;
        font-size: 1.5em;
        color: #444;
        padding: 0px 10px; }
    div.footer-container div.block-subscribe div.block-content div.actions {
      width: 18%;
      float: right; }
      div.footer-container div.block-subscribe div.block-content div.actions button {
        width: 100%;
        height: 45px;
        background-color: #1b75bc;
        border: 1px solid #d2d2d2;
        transition: all 0.2s ease;
        font-family: 'bebas_neueregular', sans-serif;
        text-transform: uppercase;
        color: white;
        font-size: 1.5em; }
        div.footer-container div.block-subscribe div.block-content div.actions button:hover {
          background-color: #ff9100; }
  @media only screen and (max-width: 480px) {
    div.footer-container div.block-subscribe {
      display: none; } }

div.row.text-center {
  background: #494949;
  padding: 30px 0px 15px 0px;
  font-size: 0.8em;
  color: #888;
  /* IMAGE SHADOW */ }

div.logo a.logo, ol.products-list li.item, .blog-index-list div.postContent p {
  /*MESSAGES*/ }
  div.logo a.logo img, ol.products-list li.item img, .blog-index-list div.postContent p img {
    transition: all 0.2s; }
  div.logo a.logo img:hover, ol.products-list li.item img:hover, .blog-index-list div.postContent p img:hover {
    box-shadow: -2px 3px 5px #4a4a4a;
    margin: -2px 0px 2px 0px; }

#ep_global_messages {
  position: fixed;
  top: 10%;
  left: 50%;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: 0px 5px 5px #555;
  background: #fff;
  width: 600px;
  z-index: 200;
  margin-left: -300px;
  /*GG WIDGET*/ }
  #ep_global_messages > a {
    float: right;
    margin-right: 15px; }
  #ep_global_messages ul {
    padding: 0;
    margin: 10px 0px; }
  #ep_global_messages ul li {
    list-style-type: none;
    line-height: 2.5em; }
  #ep_global_messages ul li.success-msg {
    background: url("../images/message-success.png") 10px 50% no-repeat; }
    #ep_global_messages ul li.success-msg ul li {
      margin-left: 46px; }
  #ep_global_messages ul li.error-msg {
    background: url("../images/message-error.png") 10px 50% no-repeat; }
    #ep_global_messages ul li.error-msg ul li {
      margin-left: 46px; }
  #ep_global_messages ul li.warning-msg {
    background: url("../images/message-warning.png") 10px 50% no-repeat; }
    #ep_global_messages ul li.warning-msg ul li {
      margin-left: 46px; }
  #ep_global_messages ul li.notice-msg {
    background: url("../images/message-notice.png") 10px 50% no-repeat; }
    #ep_global_messages ul li.notice-msg ul li {
      margin-left: 46px; }

@media only screen and (max-width: 767px) {
  /*POPUP*/
    .ggu-bot-snapped-launcher {
      display: none; } }

body.shipping-tracking-popup {
  /* STRONA KATEGORII */ }
  body.shipping-tracking-popup #background {
    display: none; }
  body.shipping-tracking-popup .ggu-bot-snapped-launcher {
    display: none; }

div.category-more {
  display: none;
  clear: both;
  opacity: 0; }

div#catDesc {
  text-align: right; }

div#catDesc p, div#catDesc h1, div#catDesc h2, div#catDesc h3, div#catDesc ul {
  text-align: left; }

div.category-more.visible {
  display: block;
  opacity: 1; }

button#category-more-button {
  width: 200px;
  height: 40px;
  border: 0;
  background: #1b75bc;
  margin: 15px 0;
  color: white; }

button#category-more-button:hover {
  background: #ff9100;
  /* FORMULARZ ATLAS COPCO */ }

div#form-inquiry-products {
  margin-bottom: 15px; }
  div#form-inquiry-products table {
    width: 100%; }
  div#form-inquiry-products table th {
    padding: 0px 10px; }
  div#form-inquiry-products table tr td {
    width: 30%;
    padding: 10px; }
    div#form-inquiry-products table tr td input {
      padding: 0px 10px;
      height: 40px;
      box-shadow: 0px 8px 25px -15px #000;
      border: 1px solid #ccc;
      border-radius: 4px;
      width: 100%; }
    div#form-inquiry-products table tr td input::-webkit-input-placeholder {
      color: transparent; }
    div#form-inquiry-products table tr td input::-moz-placeholder {
      color: transparent; }
    div#form-inquiry-products table tr td input:-ms-input-placeholder {
      color: transparent; }
    div#form-inquiry-products table tr td input:-moz-placeholder {
      color: transparent; }
    div#form-inquiry-products table tr td:nth-last-child {
      width: 10%; }
  div#form-inquiry-products div.buttons-set {
    margin-top: 10px;
    height: 80px; }
  div#form-inquiry-products div.buttons-set button {
    margin-left: 10px; }

div.brands {
  display: inline-block;
  border-top: 3px solid #1b75bc; }

div#form-inquiry-contact {
  position: relative; }
  div#form-inquiry-contact div.form-group {
    margin-bottom: 15px;
    width: 30%;
    padding: 0px 10px;
    height: 60px; }
  div#form-inquiry-contact div.form-group:nth-child(4) {
    width: 68%;
    position: absolute;
    right: 0;
    top: 0;
    height: 210px; }
  div#form-inquiry-contact div.form-group:nth-child(4) textarea {
    height: 184px;
    resize: none; }
  div#form-inquiry-contact div.buttons-set {
    margin-top: 10px;
    height: 100px; }
  div#form-inquiry-contact div.buttons-set button {
    margin-left: 10px; }

.g-recaptcha {
  float: right;
  margin-right: 10px;
  margin-top: -30px; }

div#coupon-message {
  position: relative;
  background: url(/media/wysiwyg/ep/popup30.png) no-repeat 50% 50%;
  width: 600px;
  height: 429px; }

div#coupon {
  float: right;
  vertical-align: bottom;
  margin-top: 277px;
  font-size: 40px;
  margin-right: 155px;
  color: white; }

div#coupon button {
  position: absolute;
  right: 100px;
  bottom: 100px;
  width: 277px;
  height: 44px;
  border-radius: 8px;
  border: 1px solid white;
  background: transparent;
  color: white;
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 300;
  transition: all 0.5s ease; }

div#coupon button:hover {
  color: #104773;
  background: white; }

div.image-container.text-image div#photos {
  height: 450px; }

@media only screen and (max-width: 1199px) {
  div.brands {
    display: none; }

  div.image-container.text-image div#photos {
    height: 371px; } }

@media only screen and (max-width: 991px) {
  div.image-container.text-image div#photos {
    height: 285px; } }

@media only screen and (max-width: 768px) {
  div#form-inquiry-products table thead {
    display: none; }
    div#form-inquiry-products table tr {
      padding: 10px;
      display: list-item;
      list-style-type: decimal;
      list-style-position: inside; }
      div#form-inquiry-products table tr td {
        width: 100%;
        display: inline-block; }
        div#form-inquiry-products table tr td input::-webkit-input-placeholder {
          color: #a9a9a9; }
        div#form-inquiry-products table tr td input::-moz-placeholder {
          color: #a9a9a9; }
        div#form-inquiry-products table tr td input:-ms-input-placeholder {
          color: #a9a9a9; }
        div#form-inquiry-products table tr td input:-moz-placeholder {
          color: #a9a9a9; }
      div#form-inquiry-products table tr td:nth-last-child {
        width: 100%; }
    div#form-inquiry-products table tr:nth-child(odd) {
      background: #dde3e9; }

  div#form-inquiry-contact div.form-group, div#form-inquiry-contact div.form-group:nth-child(4) {
    width: 100%;
    position: relative;
    height: auto; }
    div#form-inquiry-contact div.form-group textarea, div#form-inquiry-contact div.form-group:nth-child(4) textarea {
      height: auto;
      resize: vertical; }
    div#form-inquiry-contact div.buttons-set button {
      padding: 0;
      width: 40%;
      float: left;
      margin: 0 5%; } }

@media only screen and (min-width: 768px) {
  /*************  CALLOUT SLIDE  ***************/
    div#form-inquiry-products table.mode-float thead {
      display: none; }
      div#form-inquiry-products table.mode-float tr {
        float: left;
        width: 31%;
        margin: 0 1%; }
        div#form-inquiry-products table.mode-float tr td {
          width: 70%; }
          div#form-inquiry-products table.mode-float tr td input::-webkit-input-placeholder {
            color: #a9a9a9; }
          div#form-inquiry-products table.mode-float tr td input::-moz-placeholder {
            color: #a9a9a9; }
          div#form-inquiry-products table.mode-float tr td input:-ms-input-placeholder {
            color: #a9a9a9; }
          div#form-inquiry-products table.mode-float tr td input:-moz-placeholder {
            color: #a9a9a9; }
    div.purechat {
      display: none; } }

div.std div#photos div {
  width: auto;
  border-right: 0;
  margin-top: 0; }

div.std div#photos div.photo-slide {
  position: absolute;
  margin-right: 15px;
  padding: 5px;
  border: 1px solid #ccc; }

div.std div#photos div img:nth-child(1) {
  position: relative; }

div.std div#photos div.text-image {
  padding: 0;
  border: 0; }

div.image-container.text-image {
  border: 0;
  padding: 0; }

div#panorama iframe {
  max-width: 100%; }

div#banners {
  overflow: hidden;
  position: relative;
  height: 300px; }
  @media only screen and (max-width: 579px) {
  div#banners {
    display: none; } }
  div#banners div.callout-slide {
    position: absolute;
    width: 100%; }
  div#banners div.callout-slide a img:nth-child(2) {
    animation-name: bslide;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-delay: 1s; }
  div#banners ol.proto-navigation {
    top: 270px;
    right: 30px; }
  div#banners ol.proto-navigation a {
    width: 16px;
    height: 16px;
    border-radius: 0;
    border: 2px solid #fff;
    box-shadow: 0px 0px 3px 1px #000; }

div.std {
  /*REGISTER & LOGIN & CONTACT*/ }
  div.std div.intro {
    margin: 5px 15px;
    padding: 15px;
    text-align: justify;
    padding: 10px 20px 20px;
    background: #444;
    color: white;
    font-size: 14px;
    line-height: 1.5;
    position: relative;
    border-top: 5px solid orange;
    box-shadow: inset 0 0 5px #333; }
  div.std div.intro::after {
    content: "";
    right: 10px;
    position: absolute;
    margin-left: -5px;
    width: 0;
    top: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid orange; }
  div.std div#callouts div {
    width: 33.33333%;
    margin-top: 15px;
    overflow: hidden;
    border-right: 15px solid white;
    padding-right: 0; }
  div.std div#callouts div img:nth-child(1) {
    position: absolute;
    z-index: 0; }
  div.std div#callouts div img:nth-child(2) {
    position: relative;
    float: right;
    z-index: 1; }
  @media only screen and (max-width: 991px) {
    div.std div#callouts div {
      float: left;
      width: 50%; }
      div.std div#callouts div:nth-child(3) {
        display: none; } }
  @media only screen and (max-width: 767px) {
    div.std div#callouts div {
      display: none; } }
  div.std div.best h2, div.std div.newp h2, div.std div.hoses h2 {
    font-weight: 700;
    font-size: 1em;
    color: white;
    padding: 7px 10px;
    margin-bottom: 2px; }
  div.std div.best div.show-window, div.std div.newp div.show-window, div.std div.hoses div.show-window {
    height: 180px; }
  div.std div.slider {
    padding-top: 10px;
    border-top: 2px solid #8d8d8d;
    overflow: hidden; }
  div.std div.best h2 {
    background: #ff9600; }
  div.std div.newp h2 {
    background: #1b75bc; }
  div.std div.hoses h2 {
    background: #d5d5d5; }
  div.std div.product h3 {
    font-size: 1em;
    text-align: center; }
  div.std div.product:hover h3 {
    color: #1b75bc; }
  @media only screen and (max-width: 480px) {
  div.std div.slider div.show-window {
    margin-left: 0px; }
  div.std div.show {
    margin-left: -20px; } }
  @media only screen and (min-width: 481px) {
  div.std div.slider div.show-window {
    width: 320px;
    margin-left: 55px; } }
  @media only screen and (min-width: 580px) {
  div.std div.slider div.show-window {
    width: 480px;
    margin-left: 28px; } }
  @media only screen and (min-width: 768px) {
  div.std div.newp, div.std div.best {
    padding: 0px 15px; }
  div.std div.slider div.show-window {
    width: 330px;
    margin-left: 7px; } }
  @media only screen and (min-width: 992px) {
  div.std div.hoses {
    display: none; }
  div.std div.newp {
    width: 50%;
    padding: 0px 15px 0px 6px; }
  div.std div.best {
    width: 50%;
    padding: 0px 6px 0px 15px; }
  div.std div.slider div.show-window {
    width: 480px;
    margin-left: -15px; } }
  @media only screen and (min-width: 1200px) {
  div.std div.hoses {
    display: block; }
  div.std div.newp, div.std div.best, div.std div.hoses {
    width: 33%;
    padding: 0px 15px; }
  div.std div.slider div.show-window {
    width: 330px;
    margin-left: 14px; } }

form.user-form div.col-sm-6 ul li, form#form-validate div ul li {
  list-style-type: none; }
  form.user-form div.col-sm-6 ul li div.input-box input[type=checkbox], form#form-validate div ul li div.input-box input[type=checkbox] {
    margin: 0px 5px 0px 0px;
    float: left; }
  form.user-form div.col-sm-6 ul li div.input-box input[type=text], form#form-validate div ul li div.input-box input[type=text], form.user-form div.col-sm-6 ul li div.input-box input[type=password], form#form-validate div ul li div.input-box input[type=password] {
    width: 60%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    margin-bottom: 20px; }
    form.user-form div.col-sm-6 ul li div.input-box input[type=text]:focus, form#form-validate div ul li div.input-box input[type=text]:focus, form.user-form div.col-sm-6 ul li div.input-box input[type=password]:focus, form#form-validate div ul li div.input-box input[type=password]:focus {
      border-color: #66afe9;
      outline: 0;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); }
    @media only screen and (max-width: 767px) {
        form.user-form div.col-sm-6 ul li div.input-box input[type=text], form#form-validate div ul li div.input-box input[type=text], form.user-form div.col-sm-6 ul li div.input-box input[type=password], form#form-validate div ul li div.input-box input[type=password] {
          width: 90%;
          height: 40px; } }
  form.user-form div.col-sm-6 ul li#remember-me-box div.input-box, form#form-validate div ul li#remember-me-box div.input-box {
    margin: 0; }

form label.required em {
  margin-right: 5px;
  color: red; }

form#form-validate div.fieldset ul li div.input-box input[type=text] {
  width: 30%; }
  @media only screen and (max-width: 767px) {
  form#form-validate div.fieldset ul li div.input-box input[type=text] {
    width: 90%;
    height: 40px; } }

form.user-form button {
  margin-left: 40px; }
  @media only screen and (max-width: 767px) {
  form.user-form button {
    float: right;
    margin-right: 10%;
    margin-left: 0; } }

form.user-form button, form#contactForm button, form#form-validate button {
  padding: 0px 50px;
  height: 45px;
  background-image: none;
  background-color: #1b75bc;
  border: 0;
  border-radius: 0;
  transition: all 0.2s ease;
  font-family: 'bebas_neueregular', sans-serif;
  text-transform: uppercase;
  text-shadow: none;
  color: white;
  font-size: 1.5em; }
  form.user-form button:hover, form#contactForm button:hover, form#form-validate button:hover {
    background-color: #ff9100; }

form#contactForm textarea {
  resize: vertical; }

@media only screen and (max-width: 767px) {
    form.login div.row:nth-child(1) div.col-sm-6:nth-child(2) {
      margin-top: 120px; }
    form.login div.row:nth-child(2) div.col-sm-6:nth-child(1) button {
      margin-top: -400px; } }

input.form-control, textarea.form-control {
  border-radius: 0; }

#pgb-wrapper {
  background: url(../images/pgb-bck3.png) 0% 100% no-repeat #fff;
  border-radius: 0; }

#pgb-info, #pgb-title {
  height: 30px; }

#pgb-player {
  animation: animationFrames ease 0.5s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames ease 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames ease 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames ease 0.5s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames ease 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%; }
  #pgb-player form#loginArea {
    margin-top: 10px; }
  #pgb-player form#loginArea div.input {
    padding: 10px 0px;
    text-align: right; }
  #pgb-player form#loginArea div.input label {
    padding-right: 5px;
    vertical-align: middle;
    line-height: 30px; }
  #pgb-player form#loginArea div.input input {
    margin-right: 40px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  #pgb-player form#loginArea div.input input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); }
  #pgb-player form#loginArea div.input button {
    margin-right: 40px;
    padding: 0px 30px;
    height: 40px;
    background-image: none;
    background-color: #1b75bc;
    border: 0;
    border-radius: 0;
    transition: all 0.2s ease;
    font-family: 'bebas_neueregular', sans-serif;
    text-transform: uppercase;
    text-shadow: none;
    color: white;
    font-size: 1.5em; }
  #pgb-player form#loginArea div.input button:hover {
    background-color: #ff9100; }
  #pgb-player .buttons-set {
    clear: both;
    margin: 3em 0 3em;
    padding: 8px 0 0;
    border-top: 1px solid #e4e4e4; }

@keyframes animationFrames {
  0% {
    transform: translate(0px, -250px);
    opacity: 0; }

  100% {
    transform: translate(0px, 0px);
    opacity: 1; } }

@-moz-keyframes animationFrames {
  0% {
    -moz-transform: translate(0px, -250px);
    opacity: 0; }

  100% {
    -moz-transform: translate(0px, 0px);
    opacity: 1; } }

@-webkit-keyframes animationFrames {
  0% {
    -webkit-transform: translate(0px, -250px);
    opacity: 0; }

  100% {
    -webkit-transform: translate(0px, 0px);
    opacity: 1; } }

@-o-keyframes animationFrames {
  0% {
    -o-transform: translate(0px, -250px);
    opacity: 0; }

  100% {
    -o-transform: translate(0px, 0px);
    opacity: 1; } }

@-ms-keyframes animationFrames {
  0% {
    -ms-transform: translate(0px, -250px);
    opacity: 0; }

  100% {
    -ms-transform: translate(0px, 0px);
    opacity: 1; } }

@keyframes bslide {
  0% {
    right: -500px; }

  100% {
    right: 0px; } }

@-moz-keyframes bslide {
  0% {
    right: -500px; }

  100% {
    right: 0px; } }

@-webkit-keyframes bslide {
  0% {
    right: -500px; }

  100% {
    right: 0px; } }

@-o-keyframes bslide {
  0% {
    right: -500px; }

  100% {
    right: 0px; } }

@-ms-keyframes bslide {
  0% {
    right: -500px; }

  100% {
    right: 0px; } }

div#categories div.category {
  position: relative;
  z-index: 10;
  margin: 1px;
  float: left;
  text-align: center;
  width: 226px;
  height: 240px;
  margin-bottom: 30px;
  overflow: hidden; }
  @media only screen and (max-width: 1199px) {
    div#categories div.category {
      width: 233px; } }
  @media only screen and (max-width: 991px) {
    div#categories div.category {
      width: 238px; } }
  @media only screen and (max-width: 767px) {
    div#categories div.category {
      width: 273px; } }
  @media only screen and (max-width: 579px) {
    div#categories div.category {
      width: 100%; } }
  div#categories div.category img {
    width: 140px;
    height: 140px;
    transition: all 0.5s ease;
    outline: 0; }
  div#categories div.category div.sd-cont {
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background: #1b75bc;
    box-shadow: inset 0 0 5px #333;
    color: white;
    border-top: 5px solid orange;
    top: 58%;
    transition: all 0.5s ease; }
  div#categories div.category div.sd-cont ::after {
    content: "";
    right: 10px;
    position: absolute;
    margin-left: -5px;
    width: 0;
    top: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid orange; }
  div#categories div.category div.sd-cont > p {
    margin-top: 5px;
    margin-bottom: 6px;
    font-family: 'bebas_neueregular', sans-serif;
    font-size: 1.8em;
    transition: all 0.5s ease; }
  div#categories div.category div.sd-cont > p a {
    color: white;
    transition: color 0.2s linear; }
  div#categories div.category div.sd-cont > p a:hover {
    color: #aee6ff;
    text-decoration: none; }
  div#categories div.category div.sd-cont div.short-cat p {
    text-align: justify;
    padding: 0px 10px;
    font-size: 0.9em; }
  @media only screen and (max-width: 579px) {
        div#categories div.category div.sd-cont div.short-cat p {
          font-size: 1.2em;
          padding-top: 6px; } }
  div#categories div.category:not(.open_content):hover img {
    width: 180px;
    height: 180px; }
  div#categories div.category:not(.open_content):hover div.sd-cont {
    top: 80%;
    background: #494949; }
  div#categories div.category:not(.open_thumb) div.sd-cont:hover {
    top: 0;
    background: #494949; }
  div#categories div.category:not(.open_thumb) div.sd-cont:hover h2 {
    margin-top: 45px; }

div.category-description {
  padding: 10px 30px;
  background: #f7f7f7;
  border: 1px solid #494949;
  border-top: 5px solid #1b75bc;
  position: relative; }
  div.category-description h2 {
    font-size: 25px;
    margin-top: 15px; }
  div.category-description h2::before {
    font-family: FontAwesome;
    content: "\f11d";
    margin-right: 10px; }
  div.category-description p {
    text-align: justify; }
  div.category-description p img {
    border: 1px solid #ccc;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15);
    margin: 30px;
    border-radius: 20px;
    shape-outside: circle(65% at 50% 50%); }
  div.category-description::after {
    content: "";
    right: 10px;
    position: absolute;
    margin-left: -5px;
    width: 0;
    top: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #1b75bc; }

div.category-description.final {
  width: 800px;
  height: 800px;
  /*PRODUCTS*/ }

div.category-products {
  /*---------------OTHERS BOUGHT --------------------*/ }
  div.category-products div.toolbar {
    background-color: #e0e0e0;
    height: 36px;
    border-top: 3px solid #1b75bc;
    clear: both;
    color: #636363;
    font-size: 0.9em;
    line-height: 1.7em;
    margin: 15px auto;
    padding: 5px 10px;
    /*LIST*/ }
  div.category-products div.toolbar div.pager {
    margin: 0;
    float: left;
    width: 100%; }
  div.category-products div.toolbar div.pager p.amount {
    text-align: left;
    float: left;
    width: 41%; }
  @media only screen and (max-width: 991px) {
        div.category-products div.toolbar div.pager p.amount {
          display: none; } }
  div.category-products div.toolbar div.pager div.limiter {
    text-align: right;
    float: right; }
  @media only screen and (max-width: 480px) {
        div.category-products div.toolbar div.pager div.limiter {
          display: none; } }
  div.category-products div.toolbar div.pager div.pages {
    float: left; }
  div.category-products div.toolbar div.pager div.pages strong {
    display: none; }
  div.category-products div.toolbar div.pager div.pages ol {
    padding: 0px; }
  div.category-products div.toolbar div.pager div.pages ol li a {
    border-radius: 0;
    padding: 0px 10px;
    border: 1px solid #c5c5c5;
    transition: all 0.2s linear; }
  div.category-products div.toolbar div.pager div.pages ol li a:hover {
    background-color: #1b75bc;
    color: white; }
  div.category-products div.toolbar div.pager div.pages ol li.current {
    padding: 2px 10px 3px 10px;
    border: 1px solid #1b75bc; }
  div.category-products div.toolbar div.sorter {
    display: none; }
  div.category-products div.toolbar div.sorter p.view-mode {
    float: right; }
  div.category-products div#filters {
    width: 24%;
    background: #f7f7f7;
    float: left; }
  @media only screen and (max-width: 767px) {
    div.category-products div#filters {
      display: none; } }
  div.category-products div#filters div.block-title {
    background: #bdbec1;
    padding: 5px;
    margin-bottom: 5px; }
  div.category-products div#filters a.btn-remove::before {
    font-family: "FontAwesome";
    content: "\f00d";
    float: left;
    margin: 1px 5px 0px 0px;
    color: white;
    background: red;
    padding: 0px 4px;
    font-size: 10px;
    border-radius: 10px;
    line-height: 15px; }
  div.category-products div#filters div.block-content p.block-subtitle {
    display: none; }
  div.category-products div#filters div.block-content dl#narrow-by-list dt {
    background: #1b75bc;
    color: white;
    padding: 5px;
    margin-bottom: 5px; }
  div.category-products div#filters div.block-content select#cylinder-stroke {
    width: 90%;
    margin: 5%;
    height: 30px;
    border: 1px solid #ccc;
    background: white;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 10px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDIwbDEwIDEwIDEwLTEweiIvPjxwYXRoIGQ9Ik0wIDBoNDh2NDhoLTQ4eiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
    background-position: 99% 50%;
    background-repeat: no-repeat;
    background-size: 10%; }
  div.category-products div#filters ol, div.category-products div#filters ul {
    padding-left: 25px; }
  div.category-products div#filters ol li, div.category-products div#filters ul li {
    list-style-type: none; }
  div.category-products div#filters ol li span.label, div.category-products div#filters ul li span.label {
    display: none; }
  div.category-products div#filters div.actions {
    padding: 10px; }
  div.category-products ol.products-list {
    width: 100%;
    float: right;
    padding: 0; }
  div.category-products ol.products-list li.item {
    list-style-type: none;
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 10px; }
  div.category-products ol.products-list li.item.even {
    background: #f5f5f5; }
  div.category-products ol.products-list li a.product-image {
    float: left; }
  div.category-products ol.products-list li a.product-image img {
    border: 1px solid #bbb; }
  @media only screen and (max-width: 480px) {
        div.category-products ol.products-list li a.product-image img {
          width: 100px;
          height: 100px; } }
  div.category-products ol.products-list div.product-shop {
    min-height: 135px;
    margin-left: 145px; }
  @media only screen and (max-width: 480px) {
      div.category-products ol.products-list div.product-shop {
        min-height: 170px;
        margin-left: 105px; } }
  div.category-products ol.products-list div.product-shop h2.product-name {
    float: left;
    width: 80%;
    margin-top: 0;
    font-size: 20px; }
  @media only screen and (max-width: 1199px) {
        div.category-products ol.products-list div.product-shop h2.product-name {
          width: 75%; } }
  @media only screen and (max-width: 991px) {
        div.category-products ol.products-list div.product-shop h2.product-name {
          width: 65%;
          font-size: 1.2em; } }
  @media only screen and (max-width: 579px) {
        div.category-products ol.products-list div.product-shop h2.product-name {
          width: 55%; } }
  @media only screen and (max-width: 480px) {
        div.category-products ol.products-list div.product-shop h2.product-name {
          width: 40%;
          font-size: 0.8em; } }
  div.category-products ol.products-list div.product-shop h2.product-name a {
    text-decoration: none; }
  div.category-products ol.products-list div.product-shop div.price-box {
    float: right; }
  div.category-products ol.products-list div.product-shop div.price-box span.regular-price {
    font-size: 3em;
    font-family: 'bebas_neueregular', sans-serif; }
  div.category-products ol.products-list div.product-shop div.price-box span.price {
    display: block;
    line-height: 1em; }
  div.category-products ol.products-list div.product-shop div.price-box span.tax-status {
    display: block;
    font-size: 12px;
    float: right; }
  div.category-products ol.products-list div.product-shop p.old-price span.price, div.category-products ol.products-list div.product-shop p.special-price span.price {
    display: inline-block; }
  div.category-products ol.products-list div.product-shop p.old-price span.price, div.category-products ol.products-list div.product-shop p.special-price span.price {
    display: inline-block; }
  div.category-products ol.products-list div.product-shop p.old-price span.price::after, div.category-products ol.products-list div.product-shop p.special-price::after {
    content: " excl tax"; }
  div.category-products ol.products-list div.product-shop p.special-price {
    font-weight: 700;
    font-size: 1.2em;
    color: red; }
  div.category-products ol.products-list div.product-shop p {
    float: right;
    clear: right; }
  div.category-products ol.products-list div.product-shop p button.btn-cart {
    border: 0;
    background: #1b75bc;
    color: white;
    font-size: 2em;
    margin-top: 15px;
    padding: 10px 15px;
    /*font-weight: bold;*/
    text-transform: uppercase;
    outline: 0;
    font-family: 'bebas_neueregular', sans-serif;
    transition: background 0.2s linear; }
    @media only screen and (max-width: 991px) {
        div.category-products ol.products-list div.product-shop p button.btn-cart {
          font-size: 1.2em;
          margin-top: 30px; } }
    @media only screen and (max-width: 579px) {
        div.category-products ol.products-list div.product-shop p button.btn-cart {
          font-size: 2em;
          width: 273px;
          margin-top: 15px; } }
    @media only screen and (max-width: 480px) {
        div.category-products ol.products-list div.product-shop p button.btn-cart {
          width: 268px; } }
    div.category-products ol.products-list div.product-shop p button.btn-cart:hover {
      background: #ff9100; }
  @media only screen and (max-width: 480px) {
        div.category-products ol.products-list div.product-shop p {
          clear: left; } }
  div.category-products ol.products-list div.product-shop div.desc {
    text-align: justify;
    width: 75%; }
  @media only screen and (max-width: 991px) {
        div.category-products ol.products-list div.product-shop div.desc {
          width: 65%; } }
  @media only screen and (max-width: 579px) {
        div.category-products ol.products-list div.product-shop div.desc {
          display: none; } }
  div.category-products ol.products-list div.product-shop div.desc a.link-learn {
    display: block; }
  div.category-products ol.products-list div.product-shop ul.add-to-links {
    margin-top: 15px;
    padding: 0px; }
  @media only screen and (max-width: 991px) {
        div.category-products ol.products-list div.product-shop ul.add-to-links {
          font-size: 0.8em; } }
  @media only screen and (max-width: 579px) {
        div.category-products ol.products-list div.product-shop ul.add-to-links {
          display: none; } }
  div.category-products ol.products-list div.product-shop ul.add-to-links li {
    display: inline-block; }
    div.category-products ol.products-list div.product-shop ul.add-to-links li span.separator {
      display: none; }
  div.category-products div#filters + ol.products-list {
    width: 75%; }
  @media only screen and (max-width: 767px) {
    div.category-products div#filters + ol.products-list {
      width: 100%; } }

@media only screen and (max-width: 767px) {
  div#others_bought {
    display: none; } }

div#others_bought ol#others-bought li.item {
  width: 23%;
  float: left;
  margin: 1%;
  text-align: center;
  min-height: 300px;
  position: relative; }
  div#others_bought ol#others-bought li.item a.product-image {
    float: none; }
  div#others_bought ol#others-bought li.item a.product-image img {
    border: 0;
    margin-bottom: 15px; }
  div#others_bought ol#others-bought li.item a.product-image img:hover {
    box-shadow: none;
    margin: 0; }
  div#others_bought ol#others-bought li.item div.product-details {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
  div#others_bought ol#others-bought li.item div.product-details div.price-box {
    font-size: 1.2em;
    font-weight: 700; }
  div#others_bought ol#others-bought li.item div.product-details button.btn-cart {
    border: 0;
    margin: 15px;
    padding: 10px;
    width: calc(100% - 30px);
    color: white;
    font-weight: 700;
    background: #1b75bc;
    transition: background 0.2s linear; }
  div#others_bought ol#others-bought li.item div.product-details button.btn-cart:hover {
    background: #ff9100; }

div.product-view {
  padding-top: 20px;
  margin-top: 10px;
  border-top: 1px solid #ccc; }
  div.product-view div.product-shop {
    float: right;
    width: 75%;
    padding: 0px 30px 20px 30px;
    border: 1px solid #ccc; }
  @media only screen and (max-width: 1199px) {
    div.product-view div.product-shop {
      width: 70%; } }
  @media only screen and (max-width: 991px) {
    div.product-view div.product-shop {
      width: 65%; } }
  @media only screen and (max-width: 579px) {
    div.product-view div.product-shop {
      width: 100%;
      margin-top: 210px; } }
  @media only screen and (max-width: 480px) {
    div.product-view div.product-shop {
      padding: 0px 10px 20px 10px;
      margin-top: 160px; } }
  div.product-view div.product-shop div.product-name h1 {
    font-family: 'bebas_neueregular'; }
  div.product-view div.product-shop div.short-description {
    width: 50%;
    float: left;
    text-align: justify; }
  div.product-view div.product-shop div.short-description a.include-related {
    display: block;
    margin-top: 20px; }
  @media only screen and (max-width: 579px) {
      div.product-view div.product-shop div.short-description {
        width: 100%; } }
  div.product-view div.product-shop div.availability {
    visibility: hidden; }
  div.product-view div.product-shop p.no-rating, div.product-view div.product-shop p.rating {
    display: none; }
  div.product-view div.product-shop div.ratings {
    display: none; }
  div.product-view div.product-shop div.price-box {
    text-align: right; }
  div.product-view div.product-shop div.price-box span.regular-price span.price {
    display: block;
    font-family: 'bebas_neueregular';
    font-size: 3em;
    line-height: 1em;
    color: #1478ba;
    text-shadow: -2px -2px 0 white, 2px -2px 0 white, -2px 2px 0 white, 2px 2px 0 white, 2px 2px 3px #000; }
  div.product-view div.product-shop div.price-box span.regular-price span.tax-status {
    margin-bottom: 10px;
    display: block; }
  div.product-view div.product-shop div.price-box p.special-price {
    font-weight: 700;
    color: red;
    font-size: 1.2em; }
  div.product-view div.product-shop div.price-box p.old-price::after, div.product-view div.product-shop div.price-box p.special-price::after {
    content: " excl. tax"; }
  div.product-view div.add-to-box, div.product-view div.product-options-bottom {
    float: right; }
  div.product-view div.add-to-box label, div.product-view div.product-options-bottom label, div.product-view div.add-to-box input, div.product-view div.product-options-bottom input {
    font-size: 1.2em; }
  div.product-view div.add-to-box input#qty, div.product-view div.product-options-bottom input#qty {
    width: 60px;
    height: 60px;
    text-align: right;
    padding: 5px;
    vertical-align: middle; }
  @media only screen and (max-width: 579px) {
      div.product-view div.add-to-box input#qty, div.product-view div.product-options-bottom input#qty {
        width: 80px; } }
  @media only screen and (max-width: 579px) {
      div.product-view div.add-to-box input#qty, div.product-view div.product-options-bottom input#qty {
        margin: 10px 0px; } }
  div.product-view div.add-to-box button.btn-cart, div.product-view div.product-options-bottom button.btn-cart {
    border: 0;
    background: #1b75bc;
    color: white;
    font-size: 2em;
    padding: 10px 15px;
    /*font-weight: bold;*/
    text-transform: uppercase;
    outline: 0;
    font-family: 'bebas_neueregular', sans-serif;
    transition: background 0.2s linear;
    vertical-align: middle; }
  @media only screen and (max-width: 579px) {
      div.product-view div.add-to-box button.btn-cart, div.product-view div.product-options-bottom button.btn-cart {
        width: 225px; } }
  @media only screen and (max-width: 480px) {
      div.product-view div.add-to-box button.btn-cart, div.product-view div.product-options-bottom button.btn-cart {
        width: 145px; } }
  div.product-view div.add-to-box button.btn-cart:hover, div.product-view div.product-options-bottom button.btn-cart:hover {
    background: #ff9100; }
  div.product-view div.add-to-box a.ask-btn > span, div.product-view div.product-options-bottom a.ask-btn > span {
    background: #909090;
    color: white;
    font-size: 2em;
    padding: 10px 15px;
    text-transform: uppercase;
    font-family: 'bebas_neueregular', sans-serif;
    transition: all 0.5s ease; }
  div.product-view div.add-to-box a.ask-btn:hover, div.product-view div.product-options-bottom a.ask-btn:hover, div.product-view div.add-to-box a.ask-btn:focus, div.product-view div.product-options-bottom a.ask-btn:focus {
    text-decoration: none; }
  div.product-view div.add-to-box a.ask-btn:hover > span, div.product-view div.product-options-bottom a.ask-btn:hover > span {
    background: #3a3a3a; }
  div.product-view div.product-options {
    float: right;
    width: 100%;
    text-align: right; }
  div.product-view div.product-options ul.options-list {
    list-style-type: none;
    float: right; }
  div.product-view div.product-options ul.options-list li input {
    margin: 5px 5px;
    display: inline-block;
    vertical-align: middle; }
  div.product-view div.product-options ul.options-list li label {
    color: #000; }
  div.product-view div.product-options-bottom div.price-box {
    display: none; }
  div.product-view div.product-options-bottom ul.add-to-links {
    display: none; }
  div.product-view div.product-img-box {
    float: left;
    width: 20%; }
  @media only screen and (max-width: 1199px) {
    div.product-view div.product-img-box {
      width: 25%; } }
  @media only screen and (max-width: 991px) {
    div.product-view div.product-img-box {
      width: 30%; } }
  @media only screen and (max-width: 579px) {
    div.product-view div.product-img-box {
      width: 40%;
      left: 30%;
      margin-top: 0px;
      position: absolute;
      border: 1px solid #ccc; } }
  div.product-view div.product-img-box img {
    width: 100%; }
  div.product-view div.product-img-box p.zoom-notice {
    display: none; }
  div.product-view div.product-img-box div.zoom {
    display: none; }
  div.product-view div.more-views {
    display: none; }
  div.product-view div.block.block-related {
    border-top: 3px solid #1b75bc;
    padding-top: 10px;
    margin-top: 10px; }
  div.product-view div.block.block-related .block-title {
    font-size: 1.2em; }
  div.product-view div.block.block-related ol#block-related {
    list-style-type: none;
    padding: 0; }
  div.product-view div.block.block-related ol#block-related li {
    display: inline-table;
    width: 159px;
    height: 170px;
    position: relative;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 3px; }
  @media only screen and (max-width: 1199px) {
        div.product-view div.block.block-related ol#block-related li {
          width: 153px; } }
  @media only screen and (max-width: 991px) {
        div.product-view div.block.block-related ol#block-related li {
          width: 141px; } }
  @media only screen and (max-width: 767px) {
        div.product-view div.block.block-related ol#block-related li {
          width: 134px; } }
  @media only screen and (max-width: 579px) {
        div.product-view div.block.block-related ol#block-related li {
          width: 144px; } }
  @media only screen and (max-width: 480px) {
        div.product-view div.block.block-related ol#block-related li {
          width: 158px; } }
  div.product-view div.block.block-related ol#block-related li input[type=checkbox] {
    float: left;
    margin-right: 20px;
    width: 20px; }
  div.product-view div.block.block-related ol#block-related li p.product-name {
    height: 65px; }
  div.product-view div.product-collateral {
    float: left;
    width: 100%; }
  div.product-view div.product-collateral div.box-description {
    display: none; }
  div.product-view div.product-collateral h2.clickable {
    font-family: 'bebas_neueregular';
    display: inline-block;
    margin-right: 40px;
    color: #8d8d8d;
    cursor: pointer; }
  div.product-view div.product-collateral h2.clickable:hover {
    color: #1b75bc; }
  div.product-view div.product-collateral h2.active {
    color: black !important;
    cursor: auto; }
  @media only screen and (max-width: 767px) {
    div.product-view div.product-collateral h2:nth-child(2) {
      display: none; } }
  div.product-view div.product-collateral div.box-additional table {
    width: 100%; }
  div.product-view div.product-collateral div.box-additional table col {
    width: 50%; }
  div.product-view div.product-collateral div.box-additional table tr {
    border: 1px solid #ccc;
    display: table-row;
    color: #626262;
    font-size: 1.1em; }
    div.product-view div.product-collateral div.box-additional table tr th.label {
      color: #626262;
      font-weight: normal;
      font-size: 100%;
      border-radius: 0;
      line-height: 1.7em;
      padding: 0px 10px; }
    div.product-view div.product-collateral div.box-additional table tr td.data {
      border-left: 1px solid #ccc;
      padding: 0px 10px; }
  div.product-view div.product-collateral div.box-up-sell {
    overflow: hidden; }
  div.product-view div.product-collateral div.box-up-sell h2 {
    font-size: 1.5em; }
  div.product-view div.product-collateral div.box-up-sell h3 {
    font-size: 1em; }
  div.product-view div.product-collateral div.box-up-sell td {
    padding-right: 20px;
    width: 100px; }
  @media only screen and (max-width: 480px) {
      div.product-view div.product-collateral div.box-up-sell td {
        padding-left: 17px; }
      div.product-view div.product-collateral div.box-up-sell td:nth-child(3) {
        display: none; } }

div#product-inquiry {
  /** 3D FLIP **/ }
  div#product-inquiry div.pi-image {
    float: left;
    width: 50%; }
  div#product-inquiry div.pi-data {
    float: right;
    width: 50%; }
  div#product-inquiry div.pi-data p.input {
    float: right; }
  div#product-inquiry div.pi-text {
    clear: both; }
  div#product-inquiry div.pi-text textarea {
    width: 100%;
    height: 160px;
    resize: none; }

div#productInfo.has-dimensions {
  position: relative;
  perspective: 2800px;
  height: 600px;
  transition: height 0.5s;
  /*********** CONFIGURATOR ***************/ }
  div#productInfo.has-dimensions #productData {
    /*height: 500px;
        position: absolute;*/
    width: 100%;
    transform-style: preserve-3d;
    transition: transform 0.5s; }
  div#productInfo.has-dimensions #productData #box-additional {
    opacity: 1;
    transition: opacity 0.5s; }
  div#productInfo.has-dimensions #productData #box-dimensions {
    opacity: 0;
    transition: opacity 0.5s; }
  div#productInfo.has-dimensions #productData > div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%; }
  @media only screen and (max-width: 767px) {
      div#productInfo.has-dimensions #productData > div {
        position: relative; } }
  div#productInfo.has-dimensions #productData div.side-back {
    transform: rotateX(180deg);
    border: 1px solid #ccc; }
  @media only screen and (max-width: 767px) {
      div#productInfo.has-dimensions #productData div.side-back {
        display: none; } }
  div#productInfo.has-dimensions #productData object {
    max-height: 480px;
    min-height: 380px; }
  div#productInfo.has-dimensions #productData.flipped {
    transform: rotateX(180deg); }
  div#productInfo.has-dimensions #productData.flipped #box-additional {
    opacity: 0; }
  div#productInfo.has-dimensions #productData.flipped #box-dimensions {
    opacity: 1; }

@media only screen and (min-width: 580px) and (max-width: 767px) {
    div.product-configurator div.product-shop {
      width: 100%;
      margin-top: 210px; }
    div.product-configurator div.product-img-box {
      width: 30%;
      left: 35%;
      margin-top: 0px;
      position: absolute;
      border: 1px solid #ccc; } }
  div.product-configurator div.product-shop div.price-box, div.product-configurator div.product-shop div.add-to-box {
    width: 100%; }
  div.product-configurator div.product-options {
    float: left;
    width: auto;
    text-align: left;
    margin-top: -40px; }
  @media only screen and (max-width: 1199px) {
    div.product-configurator div.product-options {
      margin-top: 0; } }
  @media only screen and (max-width: 480px) {
    div.product-configurator div.product-options {
      margin-top: 20px;
      width: 100%; } }
  div.product-configurator div.product-options dl {
    margin-bottom: 0; }
  div.product-configurator div.product-options dd {
    height: 50px; }
  div.product-configurator div.product-shop div.add-to-box div.add-to-cart {
    float: right; }
  div.product-configurator div.product-options label {
    line-height: 30px; }
  div.product-configurator div.product-options input {
    font-size: 1em;
    padding: 0px 5px; }
  div.product-configurator div.product-options input, div.product-configurator div.product-options select {
    height: 30px;
    float: right;
    width: 115px;
    margin: 0 10px;
    background: white;
    border: 1px solid #a9a9a9;
    border-radius: 0; }
  div.product-configurator div.msg {
    width: 300px;
    background: #fff;
    /* height: 30px; */
    border-radius: 5px;
    line-height: 40px;
    text-align: center;
    border: 0;
    position: relative;
    left: 0;
    right: 0;
    margin: AUTO;
    top: 15px;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.21); }

div.cart form#cart-form {
  width: 69%;
  float: right;
  border: 1px solid #ccc;
  padding: 20px;
  margin-bottom: 10px; }
  @media only screen and (max-width: 767px) {
    div.cart form#cart-form {
      width: 100%;
      float: none; } }
  @media only screen and (max-width: 991px) {
    div.cart form#cart-form {
      padding: 5px; } }
  div.cart form#cart-form table#shopping-cart-table {
    width: 100%; }
  div.cart form#cart-form table#shopping-cart-table h2 {
    font-size: 1.2em; }
  div.cart form#cart-form table#shopping-cart-table td, div.cart form#cart-form table#shopping-cart-table th {
    padding: 5px 10px; }
  div.cart form#cart-form table#shopping-cart-table thead {
    border-bottom: 1px solid #ccc; }
  div.cart form#cart-form table#shopping-cart-table tbody tr {
    border-bottom: 1px solid #ccc; }
  div.cart div.cart-collaterals h2 {
    font-family: 'bebas_neueregular';
    font-size: 2em;
    margin-top: 10px; }
  div.cart div.cart-collaterals form#discount-coupon-form div.input-box {
    margin-bottom: 10px; }
  div.cart div.cart-collaterals form#shipping-zip-form ul.form-list {
    list-style-type: none;
    padding-left: 0; }
  div.cart div.cart-collaterals form#shipping-zip-form ul.form-list select#country {
    width: 100%; }
  div.cart div.cart-collaterals form#co-shipping-method-form ul {
    padding-left: 20px;
    list-style-type: none; }
  div.cart div.cart-collaterals form#co-shipping-method-form input.radio {
    vertical-align: middle;
    margin: 0;
    display: inline-block; }
  div.cart div.cart-collaterals div.discount, div.cart div.cart-collaterals div.shipping {
    float: left;
    width: 29%;
    padding: 10px;
    background: #ccc;
    margin: 0px 10px 10px 0px; }
  @media only screen and (max-width: 767px) {
      div.cart div.cart-collaterals div.discount, div.cart div.cart-collaterals div.shipping {
        width: 100%; } }
  div.cart div.cart-collaterals div.totals {
    float: right; }
  div.cart div.cart-collaterals div.totals table#shopping-cart-totals-table {
    float: right;
    width: 70%;
    margin-bottom: 10px; }
  div.cart div.cart-collaterals div.totals ul.checkout-types li {
    display: inline-block; }
    div.cart div.cart-collaterals div.totals ul.checkout-types li span.paypal-or {
      margin: 0px 10px; }
    div.cart div.cart-collaterals div.totals ul.checkout-types li button {
      border: 0;
      margin: 0;
      background: #1b75bc;
      color: white;
      font-size: 2em;
      padding: 10px 15px;
      text-transform: uppercase;
      outline: 0;
      font-family: 'bebas_neueregular', sans-serif;
      transition: background 0.2s linear;
      vertical-align: middle; }
      div.cart div.cart-collaterals div.totals ul.checkout-types li button:hover {
        background: #ff9100; }
      @media screen and (max-width: 579px) {
        div.cart div.cart-collaterals div.totals ul.checkout-types li button {
          font-size: 1.6em; } }

@media screen and (max-width: 579px) {
  table#shopping-cart-table button {
    font-size: 0.9em;
    margin: 0px 3px;
    margin: 10px 0px;
    font-weight: bold;
    height: 40px; }

  table#shopping-cart-table thead tr th:nth-child(1) {
    display: none; }

  table#shopping-cart-table tbody tr td:nth-child(1) {
    display: none; } }

@media screen and (max-width: 480px) {
  table#shopping-cart-table button {
    font-size: 1.2em;
    margin: 10px;
    width: 248px; }

  div.cart form#cart-form table#shopping-cart-table h2.product-name {
    font-size: 0.8em; }

  table#shopping-cart-table td span {
    font-size: 0.9em; }

  table#shopping-cart-table td input.qty {
    width: 40px; }

  table#shopping-cart-table td a.btn-remove {
    font-size: 0.8em; }

  div.cart div.cart-collaterals div.totals table#shopping-cart-totals-table {
    margin-bottom: 25px; }

  div.cart form#cart-form table#shopping-cart-table td, div.cart form#cart-form table#shopping-cart-table th {
    padding: 5px 5px; }

  div.cart div.cart-collaterals div.totals ul.checkout-types {
    padding: 0;
    width: 305px; }
    div.cart div.cart-collaterals div.totals ul.checkout-types li button {
      width: 320px; }
    div.cart div.cart-collaterals div.totals ul.checkout-types li p.paypal-logo a img {
      content: url("../images/paypal.jpg"); }
    div.cart div.cart-collaterals div.totals ul.checkout-types li p.paypal-logo span {
      text-align: center;
      width: 300px;
      display: block; } }

.block-progress .block-title {
  background: none;
  margin: 0 0 34px;
  padding: 0; }

.checkout-onepage-index .col-main {
  padding: 0;
  border: 0; }
  .checkout-onepage-index .page-title {
    padding-right: 40px;
    width: auto; }
  .checkout-onepage-index .page-title h1 {
    background: none;
    padding: 0; }

.opc {
  position: relative;
  overflow: hidden;
  height: 970px;
  padding-top: 20px;
  text-align: center;
  border: 1px solid #bbafa0;
  background: #f9f3e3;
  margin: 0px auto;
  width: 100%; }
  .opc .buttons-set {
    margin: 15px 0 0;
    opacity: 1 !important; }
  .opc .buttons-set p.required {
    margin: 0;
    padding: 0 0 10px; }
  .opc .buttons-set .back-link {
    display: none; }
  .opc .buttons-set .please-wait {
    position: absolute;
    z-index: 99;
    top: 30%;
    left: 50%;
    margin: -80px 0 0 -146px;
    border: 5px solid #f3b66f;
    font-size: 12px;
    background: #fff;
    padding: 30px;
    white-space: nowrap;
    border: 1px solid #c0c0c0;
    border-radius: 6px;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.2); }
  .opc .buttons-set a {
    color: #214d90; }
  .opc .ul {
    list-style: disc outside;
    padding-left: 18px; }
  .opc li.section {
    display: inline; }
  .opc .step-title, .opc .allow .step-title {
    border: 1px solid #f9f3e3;
    height: 69px; }
  .opc .step {
    padding: 30px 20px;
    position: absolute;
    border: 0;
    top: 110px;
    left: 0;
    z-index: 1;
    background: #fbfaf6;
    height: 900px;
    border-bottom: 1px dotted #ccc;
    border: none;
    width: 95%;
    text-align: left;
    border-top: 1px solid #bbafa0; }
  .opc .step-title .number, .opc .allow .step-title .number, .opc .active .step-title .number {
    float: none;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px; }
  .opc .step-title h2, .opc .allow .step-title h2, .opc .active .step-title h2 {
    width: 100%;
    text-align: center; }
  .opc .step-title {
    width: 16.66%;
    position: relative;
    float: left;
    text-align: center;
    padding: 15px 11px 0;
    margin-left: -1px;
    background: none; }
  .opc .step-title a {
    display: none; }
  .opc .step-title .number {
    background: #ccc;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 20px;
    margin-bottom: 10px;
    padding: 0;
    border: 0; }
  .opc .step-title h2 {
    font-size: 12px;
    color: #888;
    clear: both; }
  .opc .allow .step-title {
    cursor: pointer;
    background: none; }
  .opc .allow .step-title .number {
    background: #000;
    color: #fff; }
  .opc .allow .step-title h2 {
    color: #000; }
  .opc .active .step-title {
    color: #ef0606;
    cursor: default;
    border: 1px solid #bbafa0;
    border-bottom: 1px solid #fbfaf6;
    z-index: 2;
    background: #fbfaf6 url(../images/bkg_checkout.gif) 0 0 repeat-x; }
  .opc .active .step-title .number {
    background: #f18200;
    border-color: #fff;
    color: #fff; }
  .opc .active .step-title h2 {
    color: #f18200; }
  .opc .form-list li fieldset {
    margin-bottom: 40px; }
  .opc .form-list label {
    float: left;
    width: 220px;
    text-align: right;
    padding: 4px 0 0; }
  .opc .form-list label.required em {
    float: none;
    position: relative;
    right: 4px; }
  .opc .form-list li.fields {
    margin: 0; }
  .opc .form-list div.fields {
    width: 100%;
    overflow: hidden;
    margin: 0 0 8px; }
  .opc .form-list .wide, .opc .form-list li.fields .field {
    width: 645px;
    margin: 0 0 8px; }
  .opc .form-list li.wide .input-box, .opc .form-list .input-box {
    clear: none;
    float: right;
    margin-right: 140px;
    width: 260px; }
  .opc .form-list li.wide select {
    width: 390px; }
  .opc .form-list li.wide input.input-text {
    width: 254px; }
  .opc .form-list .control input {
    margin: 8px 0 0 25px; }
  .opc .form-list li.control label {
    float: left; }
  .opc form .form-list li.wide {
    margin-bottom: 8px; }
  .opc form .address-select {
    margin: 8px 0 40px; }
  .opc:first-of-type .step {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .opc:first-of-type .step[style*='display:none;'], .opc:first-of-type .step[style*='display: none;'] {
    display: block !important; }
  .opc:first-of-type .section .step {
    left: 100%; }
  .opc:first-of-type .allow .step {
    left: -100%; }
  .opc:first-of-type .active .step {
    left: 0; }
  .opc:first-of-type li:last-child .step-title a {
    width: 50%; }
  .opc:first-of-type li:first-child .step-title a {
    width: 50%;
    left: 50%; }

.please-wait img {
  margin-right: 15px; }

#opc-login {
  display: block;
  width: 100%; }
  #opc-login p.required {
    display: none; }
  #opc-login h3 {
    margin-bottom: 18px; }
  #opc-login .col-2 {
    float: left; }
  #opc-login .col-2 form fieldset h4 {
    display: none; }
  #opc-login .col-2 fieldset {
    width: 300px; }
  #opc-login .col-2 .input-box {
    width: 188px;
    margin: 0;
    float: left; }
  #opc-login .col-2 .input-text {
    width: 182px; }
  #opc-login .col-2 .form-list label {
    text-align: left;
    width: 110px; }
  #opc-login .col-2 .form-list li.control label {
    float: none; }
  #opc-login .col-2 .form-list li.control input {
    margin: 0 8px 0 0; }
  #opc-login .col-1 {
    float: right;
    width: 290px; }
  #opc-login .col-1 h4, #opc-login .col-1 .ul {
    display: none; }

#checkout-step-review.step {
  width: 645px; }

#opc-review .step {
  padding: 30px 20px;
  border-top: 1px solid #bbafa0; }
  #opc-review .product-name {
    font-weight: bold;
    color: #0a263c; }
  #opc-review .item-options {
    margin: 5px 0 0; }
  #opc-review .buttons-set {
    padding: 20px 0;
    border: 0; }
  #opc-review .buttons-set p {
    margin: 0;
    line-height: 40px; }
  #opc-review .buttons-set .please-wait {
    line-height: 40px; }

#opc-shipping_method .buttons-set {
  border-top: 1px solid #e4e4e4;
  /* ==================== Improved One Page Checkout with progressbar  ===================== */ }

.block-progress .block-title {
  background: none;
  margin: 0 0 34px;
  padding: 0; }

.checkout-onepage-index .col-main {
  padding: 0;
  border: 0; }
  .checkout-onepage-index .page-title {
    padding-right: 40px;
    width: auto; }
  .checkout-onepage-index .page-title h1 {
    background: none;
    padding: 0; }

.opc {
  position: relative;
  overflow: hidden;
  height: 970px;
  padding-top: 20px;
  text-align: center;
  border: 1px solid #ccc;
  border-top: 3px solid #1b75bc;
  background: #f0f0f0;
  padding-left: 0; }
  .opc .buttons-set {
    margin: 0;
    opacity: 1 !important; }
  .opc .buttons-set p.required {
    margin: 0;
    padding: 0 0 10px; }
  .opc .buttons-set .back-link {
    display: none; }
  .opc .buttons-set .please-wait {
    position: absolute;
    z-index: 99;
    top: 30%;
    left: 50%;
    margin: -80px 0 0 -146px;
    border: 5px solid #f3b66f;
    font-size: 12px;
    background: #fff;
    padding: 30px;
    white-space: nowrap;
    border: 1px solid #c0c0c0;
    border-radius: 6px;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.2); }
  .opc .buttons-set a {
    color: #214d90; }
  .opc .ul {
    list-style: disc outside;
    padding-left: 18px; }
  .opc li.section {
    display: inline; }
  .opc .step-title, .opc .allow .step-title {
    border-color: #fbfaf6; }
  .opc .step {
    padding: 30px 20px;
    position: absolute;
    border: 0;
    top: 100px;
    left: 0;
    z-index: 1;
    background: #fff;
    width: 605px;
    height: 900px;
    border: none;
    width: 643px;
    text-align: left;
    border-top: 1px solid #ccc; }
  .opc .step-title, .opc .allow .step-title, .opc .active .step-title {
    position: relative;
    text-align: center;
    border: none;
    background: none;
    padding: 0;
    overflow: hidden !important;
    height: 80px;
    display: inline-block;
    vertical-align: top;
    *display: block;
    *float: left; }
  .opc .step-title .number, .opc .allow .step-title .number, .opc .active .step-title .number {
    float: none;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px; }
  .opc .step-title h2, .opc .allow .step-title h2, .opc .active .step-title h2 {
    width: 100%;
    text-align: center; }
  .opc .step-title {
    width: 16.66%; }
  .opc .step-title a {
    display: none; }
  .opc .step-title .number {
    background: #fff;
    color: #888;
    width: 115px;
    height: 32px;
    line-height: 30px;
    border-radius: 20px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    padding: 0;
    position: relative;
    z-index: 1; }
  @media only screen and (max-width: 1199px) {
      .opc .step-title .number {
        width: 100px; } }
  @media only screen and (max-width: 991px) {
      .opc .step-title .number {
        width: 80px; } }
  @media only screen and (max-width: 767px) {
      .opc .step-title .number {
        width: 60px; } }
  @media only screen and (max-width: 579px) {
      .opc .step-title .number {
        width: 50px; } }
  .opc .step-title h2 {
    font-size: 12px;
    color: #888;
    clear: both;
    margin-bottom: 10px; }
  .opc .allow .step-title .number {
    background: #1b75bc;
    border-color: #fff;
    color: #fff; }
  .opc .allow .step-title h2 {
    color: #000; }
  .opc .active .step-title .number {
    background: #f18200;
    border-color: #fff;
    color: #fff; }
  .opc .active .step-title h2 {
    color: #f18200; }
  .opc .form-list li fieldset {
    margin-bottom: 40px; }
  .opc .form-list label {
    float: left;
    width: 220px;
    text-align: right;
    padding: 4px 0 0; }
  .opc .form-list label.required em {
    float: none;
    position: relative;
    right: 4px; }
  .opc .form-list li.fields {
    margin: 0; }
  .opc .form-list div.fields {
    width: 100%;
    overflow: hidden;
    margin: 0 0 8px; }
  .opc .form-list .wide, .opc .form-list li.fields .field {
    width: 645px;
    margin: 0 0 8px; }
  .opc .form-list li.wide .input-box, .opc .form-list .input-box {
    clear: none;
    float: right;
    margin-right: 140px;
    width: 260px; }
  .opc .form-list li.wide select {
    width: 390px; }
  .opc .form-list li.wide input.input-text {
    width: 254px; }
  .opc .form-list .control input {
    margin: 8px 0 0 25px; }
  .opc .form-list li.control label {
    float: left; }
  .opc form .form-list li.wide {
    margin-bottom: 8px; }
  .opc form .address-select {
    margin: 8px 0 40px; }
  .opc:first-of-type .step {
    transition: all 0.5s ease-in-out; }
  .opc:first-of-type .step[style*='display:none;'], .opc:first-of-type .step[style*='display: none;'] {
    display: block !important; }
  .opc:first-of-type .section .step {
    left: 100%; }
  .opc:first-of-type .allow .step {
    left: -100%; }
  .opc:first-of-type .active .step {
    left: 0; }
  .opc:first-of-type li:last-child .step-title a {
    width: 50%; }
  .opc:first-of-type li:first-child .step-title a {
    width: 50%;
    left: 50%; }
  .opc:first-of-type .step-title a {
    display: block;
    height: 1px;
    border-bottom: 1px dashed #ccc;
    width: 100%;
    text-indent: -3000px;
    position: absolute;
    top: 15px;
    z-index: 0; }
  @media screen and (max-width: 480px) {
  .opc {
    border: 0; } }

#opc-login p.required {
  display: none; }
  #opc-login h3 {
    margin-bottom: 18px;
    margin-top: 0; }
  #opc-login .col-2 {
    float: left;
    width: 49%;
    border: 1px solid #ccc;
    padding: 20px;
    height: 320px; }
  #opc-login .col-2 form fieldset h4 {
    display: none; }
  #opc-login .col-2 fieldset {
    width: 300px; }
  #opc-login .col-2 .input-box {
    width: 188px;
    margin: 0;
    float: left; }
  @media screen and (max-width: 480px) {
      #opc-login .col-2 .input-box {
        width: 145px; } }
  #opc-login .col-2 .input-text {
    width: 182px; }
  @media screen and (max-width: 480px) {
      #opc-login .col-2 .input-text {
        width: 140px; } }
  #opc-login .col-2 .form-list label {
    text-align: left;
    width: 110px; }
  #opc-login .form-list li.control label {
    float: none;
    text-align: left; }
  @media screen and (max-width: 480px) {
    #opc-login .form-list li.control label {
      width: 80%; } }
  #opc-login li.control input {
    margin: 0px 5px 0px 0px;
    display: inline-block;
    vertical-align: middle; }
  @media screen and (max-width: 480px) {
    #opc-login li.control input {
      width: 10%; } }
  #opc-login .col-1 {
    float: right;
    width: 49%;
    border: 1px solid #ccc;
    padding: 20px;
    height: 320px; }
  #opc-login .col-1 h4, #opc-login .col-1 .ul {
    display: none; }
  #opc-login .col-1, #opc-login .col-2 {
    position: relative; }
  @media only screen and (max-width: 767px) {
    #opc-login .col-1, #opc-login .col-2 {
      width: 100%; } }
  #opc-login .col-1 .buttons-set, #opc-login .col-2 .buttons-set {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px; }
  #opc-login .col-1 .buttons-set a, #opc-login .col-2 .buttons-set a {
    line-height: 40px; }
  #opc-login .col-1 .buttons-set button, #opc-login .col-2 .buttons-set button {
    float: right;
    height: 40px;
    border: none;
    color: white;
    background: #1b75bc;
    padding: 10px 20px;
    transition: background 0.2s linear; }
  #opc-login .col-1 .buttons-set button:hover, #opc-login .col-2 .buttons-set button:hover {
    background: #ff9100; }

#checkout-step-review.step {
  width: 645px; }

#opc-review .step {
  padding: 30px 20px;
  border-top: 1px solid #bbafa0; }
  #opc-review .product-name {
    font-weight: bold;
    color: #0a263c; }
  #opc-review .item-options {
    margin: 5px 0 0; }
  #opc-review .buttons-set {
    padding: 20px 0;
    border: 0; }
  #opc-review .buttons-set p {
    margin: 0;
    line-height: 40px; }
  #opc-review .buttons-set .please-wait {
    line-height: 40px; }

#opc-shipping_method .buttons-set {
  border-top: 1px solid #e4e4e4; }

select.validation-failed {
  box-shadow: 0px 0px 2px 2px red; }

div.validation-advice {
  color: red;
  padding: 3px 0px;
  font-size: 0.8em;
  /* ================================= Solution by www.h-o.nl =============================== */ }

.opc .step {
  width: 100%;
  padding: 30px 2%; }
  .opc ul {
    list-style-type: none; }
  @media only screen and (max-width: 579px) {
    .opc .form-list {
      padding: 0; } }
  .opc .form-list label {
    float: none; }
  .opc .form-list li.fields label, .opc .form-list li.wide label {
    display: inline-block; }
  .opc .form-list li#remember-me-box {
    display: inline-block; }
  .opc .form-list li#remember-me-box div.input-box {
    float: left;
    margin: 4px;
    width: auto; }
  .opc .form-list li#remember-me-box div.input-box input {
    width: auto; }
  .opc .form-list li#remember-me-box label {
    width: auto;
    margin-right: 15px; }
  .opc .form-list li#remember-me-box a.link-tip {
    font-size: 0.8em; }

#opc-login div.col2-set {
  width: 100%;
  clear: both; }

#checkout-step-review.step {
  width: 100%; }

table#checkout-review-table {
  width: 100%; }

li#remember-me-box {
  /* ===================== STEP 2  ====================== */ }
  li#remember-me-box div.input-box {
    float: left;
    margin: 4px;
    width: auto; }
  li#remember-me-box div.input-box input {
    width: auto; }
  li#remember-me-box label {
    width: auto;
    margin-right: 15px; }
  li#remember-me-box a.link-tip {
    font-size: 0.8em; }

div#checkout-step-billing li#billing-new-address-form li.wide {
  float: left; }
  div#checkout-step-billing li#billing-new-address-form li div.input-box input {
    width: 254px;
    border: 1px solid #a8a8a8;
    padding: 3px 6px; }
  @media only screen and (max-width: 767px) {
        div#checkout-step-billing li#billing-new-address-form li div.input-box input {
          width: 365px; } }
  @media only screen and (max-width: 579px) {
        div#checkout-step-billing li#billing-new-address-form li div.input-box input {
          width: 340px; } }
  @media only screen and (max-width: 480px) {
        div#checkout-step-billing li#billing-new-address-form li div.input-box input {
          width: 230px; } }
  div#checkout-step-billing li#billing-new-address-form li div.input-box select {
    height: 28px;
    width: 254px;
    border: 1px solid #a8a8a8; }
  @media only screen and (max-width: 767px) {
        div#checkout-step-billing li#billing-new-address-form li div.input-box select {
          width: 365px; } }
  @media only screen and (max-width: 579px) {
        div#checkout-step-billing li#billing-new-address-form li div.input-box select {
          width: 340px; } }
  @media only screen and (max-width: 480px) {
        div#checkout-step-billing li#billing-new-address-form li div.input-box select {
          width: 230px; } }
  div#checkout-step-billing li#billing-new-address-form li#remember-me-box div.input-box {
    float: left;
    margin: 4px;
    width: auto; }
  div#checkout-step-billing li#billing-new-address-form li#remember-me-box div.input-box input {
    width: auto; }
  div#checkout-step-billing li#billing-new-address-form li#remember-me-box label {
    width: auto;
    margin-right: 15px; }
  div#checkout-step-billing li#billing-new-address-form li#remember-me-box a.link-tip {
    font-size: 0.8em; }
  div#checkout-step-billing li.control input {
    margin: 0px 5px 0px 0px;
    vertical-align: middle;
    display: inline-block; }
  div#checkout-step-billing li.control label {
    float: none;
    text-align: left; }

div#checkout-step-shipping li#shipping-new-address-form li.wide {
  float: left; }
  div#checkout-step-shipping li#shipping-new-address-form li div.input-box input {
    width: 254px;
    border: 1px solid #a8a8a8;
    padding: 3px 6px; }
  @media only screen and (max-width: 767px) {
        div#checkout-step-shipping li#shipping-new-address-form li div.input-box input {
          width: 365px; } }
  @media only screen and (max-width: 579px) {
        div#checkout-step-shipping li#shipping-new-address-form li div.input-box input {
          width: 340px; } }
  div#checkout-step-shipping li#shipping-new-address-form li div.input-box select {
    height: 28px;
    width: 254px;
    border: 1px solid #a8a8a8; }
  @media only screen and (max-width: 767px) {
        div#checkout-step-shipping li#shipping-new-address-form li div.input-box select {
          width: 365px; } }
  @media only screen and (max-width: 579px) {
        div#checkout-step-shipping li#shipping-new-address-form li div.input-box select {
          width: 340px; } }
  div#checkout-step-shipping li.control input {
    margin: 0px 5px 0px 0px;
    vertical-align: middle;
    display: inline-block; }
  div#checkout-step-shipping li.control label {
    float: none;
    text-align: left; }

div#checkout-step-payment ul#payment_form_bankpayment div.input-box {
  width: 100%;
  margin-right: 0px; }
  div#checkout-step-payment ul#payment_form_bankpayment div.input-box table td {
    padding: 0 10px; }
  div#checkout-step-payment ul#payment_form_bankpayment div.input-box table td label {
    width: auto; }

li#opc-billing div.buttons-set button, li#opc-shipping div.buttons-set button, li#opc-shipping_method div.buttons-set button, li#opc-payment div.buttons-set button, li#opc-review div.buttons-set button {
  float: right;
  border: none;
  color: white;
  background: #1b75bc;
  padding: 10px 20px;
  transition: background 0.2s linear;
  font-size: 1.5em;
  height: 55px;
  width: 22%;
  margin: 10px 0px; }
  @media only screen and (max-width: 767px) {
      li#opc-billing div.buttons-set button, li#opc-shipping div.buttons-set button, li#opc-shipping_method div.buttons-set button, li#opc-payment div.buttons-set button, li#opc-review div.buttons-set button {
        width: 100%; } }
  li#opc-billing div.buttons-set button:hover, li#opc-shipping div.buttons-set button:hover, li#opc-shipping_method div.buttons-set button:hover, li#opc-payment div.buttons-set button:hover, li#opc-review div.buttons-set button:hover {
    background: #ff9100; }

div#checkout-review-table-wrapper {
  /*================= PAY PAL REVIEW ORDER ==============*/ }
  div#checkout-review-table-wrapper table#checkout-review-table tr.odd, div#checkout-review-table-wrapper table#checkout-review-table tr.even {
    border-bottom: 1px solid #ccc; }
  div#checkout-review-table-wrapper table#checkout-review-table tr.odd h3, div#checkout-review-table-wrapper table#checkout-review-table tr.even h3 {
    font-size: 18px; }
  @media only screen and (max-width: 579px) {
    div#checkout-review-table-wrapper table#checkout-review-table th:nth-child(2) {
      width: 20%; }

    div#checkout-review-table-wrapper table#checkout-review-table th:nth-child(3) {
      width: 10%; }

    div#checkout-review-table-wrapper table#checkout-review-table th:nth-child(4) {
      width: 15%; } }
  @media only screen and (min-width: 580px) {
    div#checkout-review-table-wrapper table#checkout-review-table th:nth-child(2) {
      width: 15%; }

    div#checkout-review-table-wrapper table#checkout-review-table th:nth-child(3) {
      width: 10%; }

    div#checkout-review-table-wrapper table#checkout-review-table th:nth-child(4) {
      width: 15%; } }
  @media only screen and (min-width: 768px) {
    div#checkout-review-table-wrapper table#checkout-review-table th:nth-child(2) {
      width: 13%; }

    div#checkout-review-table-wrapper table#checkout-review-table th:nth-child(3) {
      width: 8%; }

    div#checkout-review-table-wrapper table#checkout-review-table th:nth-child(4) {
      width: 10%; } }
  @media only screen and (min-width: 992px) {
    div#checkout-review-table-wrapper table#checkout-review-table th:nth-child(2) {
      width: 10%; }

    div#checkout-review-table-wrapper table#checkout-review-table th:nth-child(3) {
      width: 5%; }

    div#checkout-review-table-wrapper table#checkout-review-table th:nth-child(4) {
      width: 10%; } }
  @media only screen and (min-width: 1200px) {
    div#checkout-review-table-wrapper table#checkout-review-table th:nth-child(2) {
      width: 8%; }

    div#checkout-review-table-wrapper table#checkout-review-table th:nth-child(3) {
      width: 5%; }

    div#checkout-review-table-wrapper table#checkout-review-table th:nth-child(4) {
      width: 5%; } }

body.paypal-express-review .info-set {
  float: left;
  width: 100%; }
  body.paypal-express-review .info-set h2.legend {
    font-size: 1.5em;
    background: #1b75bc;
    padding: 5px;
    color: white; }
  @media only screen and (max-width: 767px) {
      body.paypal-express-review .info-set h2.legend {
        font-size: 1.3em; } }
  @media only screen and (max-width: 480px) {
      body.paypal-express-review .info-set h2.legend {
        font-size: 1em; } }
  body.paypal-express-review .info-set h2.legend a {
    color: #8bc9ff; }
  body.paypal-express-review .info-set h2.legend a:hover {
    color: #ffce83; }
  body.paypal-express-review .info-set .box-title h3 {
    font-size: 1.25em; }
  body.paypal-express-review .info-set.col2-set {
    width: 50%;
    /*padding: 0px 20px;*/
    float: left; }
  @media only screen and (max-width: 767px) {
    body.paypal-express-review .info-set.col2-set {
      width: 100%; } }
  body.paypal-express-review div#details-reload {
    padding: 10px;
    background: #e4e4e4; }
  body.paypal-express-review div#details-reload table#details-table {
    width: 100%; }
  body.paypal-express-review div#details-reload table#details-table col:nth-child(2), body.paypal-express-review div#details-reload table#details-table col:nth-child(3), body.paypal-express-review div#details-reload table#details-table col:nth-child(4) {
    width: 100px; }
  @media only screen and (max-width: 991px) {
        body.paypal-express-review div#details-reload table#details-table col:nth-child(2), body.paypal-express-review div#details-reload table#details-table col:nth-child(3), body.paypal-express-review div#details-reload table#details-table col:nth-child(4) {
          width: 70px; } }
  @media only screen and (max-width: 579px) {
        body.paypal-express-review div#details-reload table#details-table col:nth-child(2), body.paypal-express-review div#details-reload table#details-table col:nth-child(3), body.paypal-express-review div#details-reload table#details-table col:nth-child(4) {
          width: 60px; } }
  body.paypal-express-review div#details-reload table#details-table tbody {
    border-bottom: 1px solid #ccc; }
  body.paypal-express-review div#details-reload table#details-table tbody td {
    padding: 1px 3px; }
  body.paypal-express-review div#details-reload table#details-table tbody h3.product-name {
    font-size: 1.2em;
    margin-top: 15px; }

dl.sp-methods input.radio {
  display: inline-block;
  /*================= DIMENSIONS ==================*/ }

@media only screen and (min-width: 768px) {
  ::-webkit-input-placeholder {
    color: white; }

  :-moz-placeholder {
    color: white; }

  ::-moz-placeholder {
    color: white; }

  :-ms-input-placeholder {
    color: white; }

  #billing-new-address-form fieldset ul li:nth-child(5) div.input-box input::-webkit-input-placeholder {
    color: #a9a9a9 !important; }

  #billing-new-address-form fieldset ul li:nth-child(5) div.input-box input:-moz-placeholder {
    color: #a9a9a9 !important; }

  #billing-new-address-form fieldset ul li:nth-child(5) div.input-box input::-moz-placeholder {
    color: #a9a9a9 !important; }

  #billing-new-address-form fieldset ul li:nth-child(5) div.input-box input:-ms-input-placeholder {
    color: #a9a9a9 !important; } }

@media only screen and (max-width: 767px) {
  .opc form .form-list li.fields, .opc form .form-list li.wide {
    margin-bottom: 0px; }
    .opc form .form-list li.fields label, .opc form .form-list li.wide label {
      display: none; }
    .opc form .form-list li.fields .input-box, .opc form .form-list li.wide .input-box {
      float: left;
      clear: both;
      margin: 6px 0px; }
      .opc form .form-list li.fields .input-box select[id="billing:country_id"] option:nth-child(1), .opc form .form-list li.wide .input-box select[id="billing:country_id"] option:nth-child(1) {
        color: #a9a9a9; } }

@media only screen and (max-width: 480px) {
  .opc {
    padding-top: 10px; }
    .opc div.step-title {
      overflow: visible !important;
      padding-left: 5px;
      height: 35px; }
      .opc div.step-title span.number {
        border-radius: 0; }
      .opc div.step-title h2 {
        display: none; }
    .opc .step {
      top: 52px; } }

div.my-account h2 {
  background: #1b75bc;
  color: white;
  font-size: 1.3em;
  padding: 5px; }
  div.my-account table {
    width: 100%; }
  div.my-account table#my-orders-table col {
    width: 18%; }
  div.my-account table#my-orders-table h3.product-name {
    font-size: 1em;
    margin: 0; }
  div.my-account table#my-orders-table span.label {
    padding: 0;
    font-weight: 300;
    color: #000; }
  div.my-account table#my-orders-table tfoot {
    border-top: 1px solid #ccc;
    line-height: 1.7em; }
  div.my-account table#my-orders-table tbody {
    border-top: 1px solid #ccc;
    line-height: 2em; }
  @media only screen and (max-width: 480px) {
  div.my-account table#my-orders-table th, div.my-account table#my-orders-table td {
    font-size: 0.9em; }
    div.my-account table#my-orders-table td {
      padding: 5px; }

    div.my-account table#my-orders-table td.a-right {
      border-left: 1px solid #ccc;
      background: #f1f1f1; } }
  div.my-account table.shipment-table h4.product-name {
    font-size: 1em;
    margin: 0; }
  div.my-account .pager {
    background: #ccc;
    padding: 10px 10px 6px; }
  div.my-account .pager p.amount {
    float: left;
    margin: 0; }
  div.my-account .pager div.limiter {
    float: right; }
  div.my-account div.fieldset li.control input[type=checkbox] {
    margin: 0px 3px 0px 0px;
    display: inline-block;
    vertical-align: middle; }
  div.my-account div.addresses-list ol li.item {
    list-style-type: none; }
  div.my-account table.shipment-table col:nth-child(1) {
    width: 50%; }
  div.my-account table.shipment-table col:nth-child(2), div.my-account table.shipment-table col:nth-child(3) {
    width: 25%; }
  div.my-account table.shipment-table thead {
    background: #ccc; }
  div.my-account table.shipment-table thead th {
    padding: 5px; }
  @media only screen and (max-width: 579px) {
  div.my-account a.link-print {
    display: none; } }

div.block-account .block-content ul {
  list-style-type: none;
  padding: 5px 0 0 10px; }

div.block-reorder ol#cart-sidebar-reorder {
  padding: 0; }
  div.block-reorder ol#cart-sidebar-reorder li {
    list-style-type: none; }
  div.block-reorder ol#cart-sidebar-reorder li input[type=checkbox] {
    margin: 0px 3px 0px 0px;
    display: inline-block;
    vertical-align: middle; }
  div.block-reorder ol#cart-sidebar-reorder li p {
    display: inline-block; }

@media only screen and (max-width: 767px) {
  div.block-account {
    width: 48%;
    margin-right: 2%;
    float: left;
    padding: 2.5%;
    border: 1px solid #ccc;
    font-size: 1.2em;
    margin-top: 20px; }

  div.block-reorder {
    width: 48%;
    margin-left: 2%;
    float: right;
    padding: 2.5%;
    border: 1px solid #ccc;
    margin-top: 20px; } }

@media only screen and (max-width: 480px) {
  div.block-account {
    width: 100%;
    margin-right: 0; }

  div.block-reorder {
    width: 100%;
    margin-left: 0; } }

body.sales-order-printshipment div.print-head img.logo, body.sales-order-print div.print-head img.logo {
  width: 250px;
  height: 86px; }
  body.sales-order-printshipment h1, body.sales-order-print h1 {
    font-size: 1em; }
  body.sales-order-printshipment div.col2-set, body.sales-order-print div.col2-set {
    font-size: 0.8em; }
  body.sales-order-printshipment div.col2-set div.col-1, body.sales-order-print div.col2-set div.col-1 {
    float: left;
    width: 46%;
    margin: 1% 1% 1% 0;
    padding: 1%;
    border: 1px solid #ccc; }
  body.sales-order-printshipment div.col2-set div.col-2, body.sales-order-print div.col2-set div.col-2 {
    float: right;
    width: 46%;
    margin: 1% 0 1% 1%;
    padding: 1%;
    border: 1px solid #ccc; }

body.sales-order-printshipment h2 {
  font-size: 1em;
  border-bottom: 1px solid #ccc;
  padding-bottom: 1%; }
  body.sales-order-printshipment h3 {
    width: 100%;
    float: left; }
  body.sales-order-printshipment table {
    font-size: 0.8em;
    width: 100%; }
  body.sales-order-printshipment table col:nth-child(1) {
    width: 50%; }
  body.sales-order-printshipment table col:nth-child(2), body.sales-order-printshipment table col:nth-child(3) {
    width: 25%; }
  body.sales-order-printshipment table thead {
    text-align: left; }
  body.sales-order-printshipment table h4 {
    margin: 1% 0; }

body.sales-order-print h2 {
  width: 100%;
  float: left;
  font-size: 1em;
  clear: both; }
  body.sales-order-print table {
    font-size: 0.8em;
    width: 100%; }
  body.sales-order-print table col:nth-child(1) {
    width: 40%; }
  body.sales-order-print table col:nth-child(2), body.sales-order-print table col:nth-child(3), body.sales-order-print table col:nth-child(4), body.sales-order-print table col:nth-child(5) {
    width: 15%; }
  body.sales-order-print table thead {
    text-align: left; }
  body.sales-order-print table h4 {
    margin: 1% 0; }

body.blog-index-list h1, body.blog-post-view h1 {
  font-size: 26px; }
  body.blog-index-list h2, body.blog-post-view h2 {
    font-size: 20px; }
  body.blog-index-list h3, body.blog-post-view h3 {
    font-size: 17px; }
  body.blog-index-list div.pager, body.blog-post-view div.pager {
    border-bottom: 1px solid #ccc; }
  body.blog-index-list div.pager p.amount, body.blog-post-view div.pager p.amount {
    display: none; }
  body.blog-index-list div.pager div.limiter, body.blog-post-view div.pager div.limiter {
    display: none; }
  body.blog-index-list div.pager div.sorter, body.blog-post-view div.pager div.sorter {
    float: left; }
  body.blog-index-list div.postTitle p, body.blog-post-view div.postTitle p {
    font-size: 12px;
    padding-top: 10px; }

body.blog-index-list h1 {
  font-size: 46px;
  background: url(http://e-pneumatic.com/media/wysiwyg/bannnnnn_2.jpg) no-repeat center;
  height: 120px;
  width: 100%;
  text-align: right;
  line-height: 120px;
  text-shadow: 2px 2px 1px #fff, -2px -2px 1px #fff, 2px -2px 1px #fff, -2px 2px 1px #fff;
  padding-right: 20px;
  color: #1b75bc;
  font-family: 'bebas_neueregular';
  box-shadow: -2px 2px 2px #807e7e; }
  body.blog-index-list div.postWrapper {
    min-height: 300px;
    /*padding:25px;*/
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    margin-bottom: 10px; }
  @media only screen and (max-width: 767px) {
    body.blog-index-list div.postWrapper img.main {
      display: none; } }
  body.blog-index-list div.postWrapper div.postTitle h2 {
    padding: 10px;
    background-color: #1e67a1; }
  body.blog-index-list div.postWrapper div.postTitle h2 a {
    color: white; }
  body.blog-index-list div.postWrapper div.postTitle p.time {
    padding: 10px; }
  body.blog-index-list div.postWrapper div.postContent {
    padding: 0px 20px; }
  body.blog-index-list div.postWrapper div.postContent img.left, body.blog-index-list div.postWrapper div.postContent img.right {
    display: none; }
  body.blog-index-list div.postWrapper div.postContent img.main {
    width: 180px;
    float: left;
    padding: 5px;
    border: 1px solid #ccc;
    margin: 0px 20px 20px 0px; }
  body.blog-index-list div.postWrapper div.tags {
    padding: 0px 20px; }
  body.blog-index-list div.postWrapper div.tags ul.tags {
    padding: 0px; }
  body.blog-index-list div.postWrapper div.postDetails {
    padding: 20px 20px 0px 20px; }
  @media only screen and (max-width: 767px) {
    body.blog-index-list div.postWrapper {
      padding: 10px; } }
  @media only screen and (max-width: 991px) {
    body.blog-index-list div.postWrapper {
      padding: 15px; } }

body.blog-post-view div.postWrapper {
  padding: 25px; }
  @media only screen and (max-width: 991px) {
    body.blog-post-view div.postWrapper {
      padding: 0px; } }
  body.blog-post-view div.postWrapper img.main {
    display: none; }
  body.blog-post-view div.postWrapper img {
    padding: 5px;
    border: 1px solid #ccc;
    max-width: 320px; }
  body.blog-post-view div.postWrapper img.left {
    float: left;
    margin: 10px 10px 10px 0px; }
  body.blog-post-view div.postWrapper img.right {
    float: right;
    margin: 10px 0px 10px 10px; }
  body.blog-post-view div.postWrapper div.postContent p, body.blog-post-view div.postWrapper div.postContent h2, body.blog-post-view div.postWrapper div.postContent h3, body.blog-post-view div.postWrapper div.postContent h4 {
    transform: scale(1, 0.9);
    line-height: 1.5em;
    font-size: 1.1em; }