/** Generated by FG 
@font-face {
  font-family: 'Berthold Akzidenz Grotesk Bold Extended Italic';
  src: url('../fonts/Berthold Akzidenz Grotesk Bold Extended Italic.eot');
  src: local('☺'), url('../fonts/Berthold Akzidenz Grotesk Bold Extended Italic.woff') format('woff'), url('../fonts/Berthold Akzidenz Grotesk Bold Extended Italic.ttf') format('truetype'), url('../fonts/Berthold Akzidenz Grotesk Bold Extended Italic.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}**/


html, body {
  margin: 0px;
  padding: 0px;
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 600
}

body {
  margin: 0px;
  padding: 0px;
  background: #bbe2f9;

}

#top-menu-wrapper {
  margin-bottom: 0px;
  min-height: 0;
}
#top-menu-wrapper li a {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  margin-bottom: 3px !important;
  color: #777;
  text-align: center;
}

#box-regional-store-picker {
  padding-left: 14px !important;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
  background-color: #fff0f7;
}

#top-menu-wrapper-mob {
  margin-bottom: 0px;
  min-height: 0;
}
#top-menu-wrapper-mob li a {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
  color: #777;
}

#header {
  position: relative;
  background: #f7f6f5;
  margin-bottom: 8px;
  padding: 30px;
  border: 1px #e7e7e7 solid;
}

#header .logotype {
  max-width: 500px;
  max-height: 80px;
}
@media only screen and (max-width: 500px) {
  #header .logotype {
    max-width: 200px;
  }
}
@media only screen and (max-width: 400px) {
  #header .logotype {
    max-width: 150px;
  }
}

#page {
  background: #fff;
}

#region {
  display: inline-block;
  color: #777;
  white-space: nowrap;
}
#region .language {
  display: inline;
}
#region .currency {
  display: inline;
  padding: 0px 5px;
}
#region .currency span {
  padding: 1px 5px;
  border-top: 1px solid #d1d1d1;
  border-left: 1px solid #d1d1d1;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  background: #e3ece0;
}
#region .country {
  display: inline;
}
#region .country img {
  vertical-align: baseline;
}
#region .change {
  padding-left: 0px;
}

#cart-wrapper {
  position: absolute;
  bottom: 15px;
  right: 30px;
  display: inline-block;
}
#cart {
  position: relative;
  white-space: nowrap;
}
#cart > a img {
  float: left;
  vertical-align: bottom;
  margin: -5px 5px 0px 0px;
  width: 64px;
  height: 64px;
}
#cart > a.content {
  display: inline-block;
  text-align: left;
  color: inherit;
  white-space: nowrap;
  vertical-align: middle;
}
#cart strong {
  color: #b0c600;
}
@media (max-width: 640px) { /* WVGA 480x800 and lower */
  #cart > a.content, #cart > a.link {
    display: none;
  }
}

#site-menu-wrapper {
  position: relative;
  left: 0px;
  bottom: 0px;
  margin-bottom: 8px;
}

#site-links {
  font-size: 11px;
}
#site-links li {
  border-left: 1px solid #ccc;
  padding: 0px 5px;
}
#site-links li:first-child {
  border: none;
  padding-left: 0px;
}
#site-links li:last-child {
  padding-right: 0px;
}

#main-wrapper {
  margin-bottom: 20px;
  min-height: 400px;
  width: 100%;
}

#main .middle {
  margin-bottom: 20px;
}
#main .middle > .left, #main .middle  > .content {
  display: table-cell;
  vertical-align: top;
  /*border: 1px #f00 solid;*/
}
#main .middle  > .content {
  width: 100%;
}
#main .middle  > .left {
  padding-right: 20px;
}

@media (max-width: 640px) {
  #main .middle > .left {
    display: block;
    vertical-align: top;
    padding-right: 0px;
  }
  #main .middle > .left > * {
    display: block;
    width: auto;
    max-width: 100%;
    margin-right: 0px;
  }
  #main .middle  > .left > *:last-child {
    margin-bottom: 20px;
  }
  #main .middle > .content {
    display: block;
    vertical-align: top;
  }
}

#navigation .columns {
  display: table;
  width: 100%;
}
#navigation .column {
  display: table-cell;
}
#navigation .toggle {
  display: none;
  padding-right: 15px;
  box-sizing: border-box;
}
#navigation .toggle > label {
  cursor: pointer;
}
#navigation .search {
  width: 100%;
}
#navigation .search form {
  display: inline;
}
#navigation .search .input-wrapper {
  display: block;
  white-space: nowrap;
}
#navigation .search .input-wrapper input[name=query] {
  width: 100%;
}

@media (max-width: 640px) {
  .column-left {
    width: auto;
  }
  #navigation {
    border: none;
    background: rgb(164,214,243);
    padding: 10px 15px;
  }
  #navigation .toggle {
    display: inline-block;
  }
  #navigation .search .input-wrapper input[name=query] {
  }
  #navigation > .content {
    display: none;
  }
  #navigation > input#toggle-menu:checked + .content {
    display: block;
  }
}

#breadcrumbs-wrapper {
  overflow: hidden;
}
#breadcrumbs {
  padding: 0px 20px;
  display: inline-block;
  float: left;
}

#footer {
  background: #575656;
  overflow: hidden;
  padding: 15px;
}
#footer * {
  color: #fff;
}

#footer ul { margin: 0; padding: 0; list-style: none; }
#footer ul li { margin-left: 5px; }

@media (max-width: 640px) {
  #footer tr > .categories {
    display: none;
  }
  #footer tr > .manufacturers {
    display: none;
  }
  #footer tr > .contact {
    display: none;
  }
}
#copyright {
  background: #373736;
}
#copyright p {
  padding: 15px;
  font-size: 0.9em;
  color: #fff;
}

#scroll-up {
  position: fixed;
  bottom: 10px;
  right: 40%;
  display: none;
  opacity: 0.3;
  width: 48px;
  height: 48px;
}

aside.column-left {
  box-sizing: border-box;
  width: 250px;
  padding: 0 20px;
  background-color: rgba(255, 255, 255, 1);
}
aside.column-left .box:last-child {
  margin-bottom: 0px;
}
@media (max-width: 640px) {
  #main .left aside:not(:first-child) {
    display: none;
  }
}

#cookies-acceptance {
  border: 1px #ddd solid;
  margin-bottom: 20px;
  text-align: center;
  padding: 5px 0px;
}

.navbar-default {
    background-color: #9fd6f1;
    border-color: #e7e7e7;
}

.navbar-default {
    background-image: -webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);
    background-image: -o-linear-gradient(top,#fff 0,#f8f8f8 100%);

    background-image: linear-gradient(to bottom,#bbe2f9 0,#bbe2f9 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-radius: 4px;
}
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
    background-image: -webkit-linear-gradient(top,#dbdbdb 0,#e2e2e2 100%);
    background-image: -o-linear-gradient(top,#dbdbdb 0,#e2e2e2 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#dbdbdb),to(#e2e2e2));
    background-image: linear-gradient(to bottom,#bbe7f9 0,#bbe7f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
    background-repeat: repeat-x;
}
.navbar {
  margin-bottom: 00px;
}

/* Comparision product page */

i.my_check {
    color: green;
}
.divider{
    background:gray;
    color: white;
    text-align:center;
}
.divider:hover{
    color: black;
}

/* Timeline */

#timeline {
  list-style: none;
  position: relative;
}
#timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 2px;
  background-color: #c3d600;
  left: 50%;
  margin-left: -1.5px;
}
#timeline .clearFix {
  clear: both;
  height: 0;
}
#timeline .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  font-size: 1.2em;
  text-align: center;
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -25px;
  background-color: #c3d600;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
#timeline .timeline-badge span.timeline-balloon-date-day {
  font-size: 1.4em;
}
#timeline .timeline-badge span.timeline-balloon-date-month {
  font-size: .7em;
  position: relative;
  top: -10px;
}
#timeline .timeline-badge.timeline-filter-movement {
  background-color: #ffffff;
  font-size: 1.7em;
  height: 35px;
  margin-left: -18px;
  width: 35px;
  top: 40px;
}
#timeline .timeline-badge.timeline-filter-movement a span {
  color: #c3d600;
  font-size: 1.3em;
  top: -1px;
}
#timeline .timeline-badge.timeline-future-movement {
  background-color: #ffffff;
  height: 35px;
  width: 35px;
  font-size: 1.7em;
  top: -16px;
  margin-left: -18px;
}
#timeline .timeline-badge.timeline-future-movement a span {
  color: #c3d600;
  font-size: .9em;
  top: 2px;
  left: 1px;
}
#timeline .timeline-movement {
  border-bottom: dashed 1px #c3d600;
  position: relative;
}
#timeline .timeline-movement.timeline-movement-top {
  height: 60px;
}
#timeline .timeline-movement .timeline-item {
  padding: 20px 0;
}
#timeline .timeline-movement .timeline-item .timeline-panel {
  border: 1px solid #d4d4d4;
  border-radius: 3px;
  background-color: #FFFFFF;
  color: #666;
  padding: 10px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
#timeline .timeline-movement .timeline-item .timeline-panel .timeline-panel-ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul {
  text-align: right;
}
#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li {
  color: #666;
}
#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li span.importo {
  color: #666;
  font-size: 1.3em;
  font-family: 'Berthold Akzidenz Grotesk Bold Extended Italic','akzidenz-grotesk-extended', "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul {
  text-align: left;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul span.importo {
  color: #666;
  font-size: 1.3em;
  font-family: 'Berthold Akzidenz Grotesk Bold Extended Italic','akzidenz-grotesk-extended', "Helvetica Neue",Helvetica,Arial,sans-serif;
}

hr {
    display: block;
    margin-top: 0.1em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;

}

/* One Pege Product Pages */
.one_header-image {
    display: block;
    width: 100%;
    text-align: center;
    background: url('/images/rocket/front.jpg') no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.one_header-image_veloped {
    display: block;
    width: 100%;
    text-align: center;
    background: url('/images/veloped/front.jpg') no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.one_headline {
    padding: 120px 0;
}

.one_headline h1 {
    font-size: 80px;
    background: #fff;
    background: rgba(255,255,255,0.5);
}

.one_headline h2 {
    font-size: 50px;
    background: #fff;
    background: rgba(255,255,255,0.5);
}


.one_featurette-divider {
    margin: 80px 0;
}

.one_featurette {
    overflow: hidden;
}

.one_featurette-image.pull-left {
    margin-right: 40px;
}

.one_featurette-image.pull-right {
    margin-left: 40px;
}

.one_featurette-heading {
    font-size: 50px;
}

@media(max-width:1200px) {
    .one_headline h1 {
        font-size: 140px;
    }

    .one_headline h2 {
        font-size: 63px;
    }

    .one_featurette-divider {
        margin: 50px 0;
    }

    .one_featurette-image.pull-left {
        margin-right: 20px;
    }

    .one_featurette-image.pull-right {
        margin-left: 20px;
    }

    .one_featurette-heading {
        font-size: 35px;
    }
}

@media(max-width:991px) {
    .one_headline h1 {
        font-size: 105px;
    }

    .one_headline h2 {
        font-size: 50px;
    }

    .one_featurette-divider {
        margin: 40px 0;
    }

    .one_featurette-image {
        max-width: 50%;
    }

    .one_featurette-image.pull-left {
        margin-right: 10px;
    }

    .one_featurette-image.pull-right {
        margin-left: 10px;
    }

    .one_featurette-heading {
        font-size: 30px;
    }
}

@media(max-width:768px) {
    .one_container {
        margin: 0 15px;
    }

    .one_featurette-divider {
        margin: 40px 0;
    }

    .one_featurette-heading {
        font-size: 25px;
    }
}

@media(max-width:668px) {
    .one_headline h1 {
        font-size: 70px;
    }

    .one_headline h2 {
        font-size: 32px;
    }

    .one_featurette-divider {
        margin: 30px 0;
    }
}

@media(max-width:640px) {
    .one_headline {
        padding: 75px 0 25px 0;
    }

    .one_headline h1 {
        font-size: 60px;
    }

    .one_headline h2 {
        font-size: 30px;
    }
}

@media(max-width:375px) {
    .one_featurette-divider {
        margin: 10px 0;
    }

    .one_featurette-image {
        max-width: 100%;
    }

    .one_featurette-image.pull-left {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .one_featurette-image.pull-right {
        margin-bottom: 10px;
        margin-left: 0;
    }
}


/* 360 Banner */

#slide-bannerwalker{background-color:#679da7;}
.slide-bannerwalker-cont{background:url(/ext/360banner/images/banner-bott-sad.png) left bottom repeat-x;  transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s;}

#slide-banner{background-color:#80ac15;}
.slide-banner-cont{background:url(/ext/360banner/images/banner-bott-sad.png) left bottom repeat-x;  transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s;}
.left-part{ padding:15px 0 25px 40px;  transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s;}
.left-part h2{color:#fff; font-family: 'Berthold Akzidenz Grotesk Bold Extended Italic', 'akzidenz-grotesk-extended'; font-size:50px;  transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s;}
.left-part h4{color:#000; margin:20px 0 25px 0; font-family: 'akzidenz-grotesk-extended'; font-size:30px;  transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s;}
.left-part p{color:#000; font-size:19px; line-height:30px; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s;}
.conf-bott{margin:40px 0 0 0; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s;}
.conf-bott h4{margin:0 0 20px 0; color:#fff; font-family: 'akzidenz-grotesk-extended'; font-size:30px;}
.conf-bott p{color:#000; font-family: 'akzidenz-grotesk-extended'; font-size:22px; margin:10px 0;}
#viewer{z-index:10;background:url(/ext/360banner/ui_images/slider-glow.png) center center no-repeat; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s;}
.slider_banner_inn{position:relative; padding:0 0 20px 0; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s;}
.slide-banner-cont{position:relative; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s;}
.banner_sidebar {text-align:center;  transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s;
 min-height:100%;  position: absolute;
  right: 3px; width:90px;
  top: 0;
}
#right_inn{padding:10px 0 0 0; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s;}
.logo-angle{vertical-align:bottom; position:absolute; bottom:20px; right:15px; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s;}
.size_info{background:#000; min-width:69px; margin-bottom:3px; margin-right:7px;  padding:15px; text-align:center; vertical-align:middle; display:table-cell; color:#fff; font-family: 'akzidenz-grotesk-extended'; font-size:13px; float:right; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s;}
.size_info::before{content:""; display:block; position:absolute; left:7px; background:url(/ext/360banner/ui_images/box-left-cor-blk.png) center center no-repeat;
width:8px; height:18px; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s;}



@media screen and (max-width: 1200px) {
.left-part h2 {font-size: 40px; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s;}
.left-part h4 {font-size: 22px; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s;}
.slider_banner_inn{text-align:center; float:none;}
}



@media screen and (max-width: 991px) {
.left-part{text-align:center; padding: 5px 10px 40px 10px; display:block; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s;}
.left-part h2 {font-size: 40px; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s;}
.left-part h4 {font-size: 22px; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s;}
.slider_banner_inn{text-align:center; float:none;}
#viewer > div {text-align: center !important;margin: 0 auto !important;}
}

/* Customer Grid */

/* Grid */

#posts { margin: 30px auto 0; }
.post {
  margin: 0 0 25px;
  text-align: center;
  width: 100%;
}
.post img { padding: 0 15px; width: 100%; }

#grid.container .post img { padding: 0; }

/* Small devices */

@media (min-width: 375px) {
  #grid > #posts .post { width: 150px; }
  #grid > #posts .post.cs2 { width: 330px; }
  .post img { padding: 0; }
  .post p { font-size: 0.85em; }
}

/* Small devices */

@media (min-width: 640px) {
  #grid > #posts .post { width: 150px; }
  #grid > #posts .post.cs2 { width: 330px; }
  .post img { padding: 0; }
}

/* Medium devices */

@media (min-width: 768px) {
  #grid > #posts .post { width: 280px; }
  #grid > #posts .post.cs2 { width: 590px; }
  .post img { padding: 0; }
}



/* Medium devices */

@media (min-width: 992px) {
  #grid > #posts .post { width: 280px; }
  #grid > #posts .post.cs2 { width: 590px; }
}

/* small devices */

@media (min-width: 492px) {
  #grid > #posts .post { width: 180px; }
  #grid > #posts .post.cs2 { width: 390px; }

  #posts { margin: 30px auto 0; }
    .post {
              margin: 0 0 25px;
              text-align: center;
              width: 100%;
          }
}


/* Large devices */

@media (min-width: 1200px) {
  #grid > #posts .post { width: 280px; }
  #grid > #posts .post.cs2 { width: 590px; }
}



/* Large devices min-width (1200px) + a .post margin (50px) * 2 (100px) = 1300px */
/* 1300px gives me the clearance I need to keep the margins of the entire #grid (the
bleed if you will) the same width as the .post margins posts (50px). Basically I'm
being really picky about whitespace. If you don't care, no problem, just delete this.
Can this be done with Masonry options? */

@media (min-width: 1300px) {
  #grid {
    left: -20px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
      }
  #grid.container {
    left: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* Vimeo Video Wrapper */

.videowrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
    height: 0; 
    overflow: hidden;
}
.videowrapper iframe, 
.videowrapper object,
.videowrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}