/* 
    Author     : TomAtom.cz
*/
* {-webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
html {-webkit-font-smoothing: antialiased;}
body {padding-top: 135px; color: #000; font-family: "franklin-gothic-urw", sans-serif; font-size: 16px; line-height: 1.5em;}
img {max-width: 100%; height: auto!important;}
iframe {max-width: 100%;}
.bold, .bold a {font-weight: 700!important;}
.clear {clear: both;}
.uppercase {text-transform: uppercase;}
.pos-relative {position: relative;}

nav {background: none!important; box-shadow: none!important; background-color: #000!important; border: 0!important;}
nav .navbar-brand {padding: 0; display: block;}
nav .navbar-brand img {margin-top: 5px; height: 40px!important;}
nav #navbar a {color: #fff;}
nav #nav-search form {position: relative;}
nav #nav-search form .fulltext-input-query {padding: 14px 10px 14px 35px; border: 0; border-bottom: 2px solid #212324; color: #fff; background: transparent; outline:0;}
nav #nav-search form .fulltext-input-query:focus {border-color: #fff;}
nav #nav-search form .fulltext-input-submit {position: absolute; left: 0; top: 15px; width: 18px; height: 20px; padding: 0; border: 0; background: transparent url('/images/agogs2016/ico-search.svg') center center no-repeat; background-size: cover; text-indent: -10000px;}

footer {padding: 45px 0; color: #fff; font-size: 16px; background-color: #000;}
footer a {color: #787878;}
footer a:hover {color: #f0412f;}
footer h6 {color: #fff; font-size: 16px;}
.header-col-claim {color: #fff; font-size: 16px; font-weight: 500;}
.header-col-claim strong {color: #f0412f; font-weight: 500;}
.header-col-claim em {color: #787878; font-style:normal; font-weight: 400;}
footer .row-footer-menu {margin-top: 45px; margin-bottom: 45px; padding-top: 45px; padding-bottom: 45px; border-top: 1px solid #161616; border-bottom: 1px solid #161616;}
footer .col-socials a {margin: 0 0 0 15px; font-size: 24px; color: #fff;}
footer .col-socials a:hover {color: #f0412f;}
footer .col-copyright p {margin-bottom: 5px;}
footer .copy-tomatom {font-size: 14px;}
footer .col-contact {color: #787878; font-size: 14px; font-weight: 500;}
footer .col-contact .contacts, footer .col-contact .contacts a {color: #fff; font-size: 16px;}
footer .contacts-partners a {padding-left: 35px; color: #fff; font-size: 16px;background: transparent url('/images/agogs2016/footer-arr-partners.png') left center no-repeat;}
footer .lh-small {line-height: 1.2em;}
footer .row-footer-menu h6, footer .row-footer-menu h6 a {color: #fff; font-size: 16px; font-weight: 700;}
footer .agogs-product-list {list-style: none; padding: 0;}
footer .agogs-product-list li a {color: #777; font-weight: 500;}
footer .row-footer-menu ul {
    list-style: none;
    padding: 0;
}
footer .row-footer-menu li a {color: #777; font-weight: 500;}

main {background-color: #fff;}
main img {max-width: 100%; height: auto!important;}
/*main .btn-bike {display: inline-block; padding: 20px 25px 19px 75px; color: #fff; font-size: 14px; font-weight: 500; background: #f0412f url('/images/agogs2016/bg-btn-bike.png') 28px center no-repeat; border: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-transform: uppercase;}*/
main .btn-bike {display: inline-block; padding: 20px 25px 19px; color: #fff; font-size: 16px; font-weight: 500; background: #f0412f; border: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-transform: uppercase;}
main h1 {margin-bottom: 30px; padding-bottom: 20px; color: #000; font-size: 36px; background: transparent url('/images/agogs2016/product-line-sub-logo.png') left bottom no-repeat;}
main .text-input {padding: 13px 20px; min-width: 200px; border: 0; -moz-box-shadow: inset 0 0 5px 0 rgba(167,174,180,.7); -webkit-box-shadow: inset 0 0 5px 0 rgba(167,174,180,.7); box-shadow: inset 0 0 5px 0 rgba(167,174,180,.7); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
main .select-agogs {padding: 13px 20px; min-width: 200px; border: 0; background-color: #fff; -moz-box-shadow: inset 0 0 5px 0 rgba(167,174,180,.7); -webkit-box-shadow: inset 0 0 5px 0 rgba(167,174,180,.7); box-shadow: inset 0 0 5px 0 rgba(167,174,180,.7); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
main .select-agogs .bs-caret {color: #f0412f;}
main .row-warranty-text .controls-row input {display: inline-block; padding: 15px 25px 14px 75px; color: #fff; font-size: 14px; font-weight: 500; background: #f0412f url('/images/agogs2016/bg-btn-bike.png') 28px center no-repeat; border: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-transform: uppercase;}
main textarea {padding: 13px 20px; min-width: 200px; border: 0; -moz-box-shadow: inset 0 0 5px 0 rgba(167,174,180,.7); -webkit-box-shadow: inset 0 0 5px 0 rgba(167,174,180,.7); box-shadow: inset 0 0 5px 0 rgba(167,174,180,.7); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}

/* hp */
#carousel-hp .item {height: 550px;}
#carousel-hp .item-trek {background: transparent url('/images/agogs2016/bg-slide-trek.jpg') center top no-repeat;}
#carousel-hp .item-city {background: transparent url('/images/agogs2016/bg-slide-city.jpg') center top no-repeat;}
#carousel-hp .item-mtb {background: transparent url('/images/agogs2016/bg-slide-mtb.jpg') center top no-repeat;}
#carousel-hp .item-foldy {background: transparent url('/images/agogs2016/bg-slide-foldy.jpg') center top no-repeat;}

#carousel-hp .col-slide-caption {padding-top: 30px;}
@media (min-width: 992px) {
    #carousel-hp .col-slide-caption {padding-top: 190px;}
    #carousel-hp .item-foldy h1, #carousel-hp .item-city h1 {float: right;}
    #carousel-hp .item-foldy .btn-bike, #carousel-hp .item-city .btn-bike {clear: both; float: right;}
}

#carousel-hp h1 {margin: 0 0 40px; padding-bottom: 12px; color: #fff; font-size: 42px; font-weight: 500; text-shadow: 1px 2px 1px rgba(0,0,0,.15);}
#carousel-hp h1 span {padding: 5px 15px; background-color: rgba(0,0,0,0.46);}

#carousel-hp .carousel-indicators {width: 100%; left: 0; margin-left: 0; margin-bottom: 0;}
#carousel-hp .carousel-indicators li {width: auto; height: auto; display: inline-block; margin: 0 10px 10px; padding: 18px 25px; font-size: 16px; font-weight: 500; color: #fff; border: 1px solid #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-indent: 0; transition: padding 0s ease; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.46);}
#carousel-hp .carousel-indicators li.active, #carousel-hp .carousel-indicators li:hover {padding: 17px 24px; border: 2px solid #f0412f;}
@media (max-width: 991px) {
    #carousel-hp .carousel-indicators li {max-width: 20%!important;  padding: 9px 15px;}
}


#benefits {padding: 50px 0; background-color: #eef3f5;}
#benefits h2 {margin-bottom: 50px; font-size: 26px;}
#benefits .item {min-height: 350px; background-position: center 100px; background-repeat: no-repeat;}
#benefits .item ul {padding: 0; list-style: none;}
#benefits .item ul li {margin-bottom: 15px;}
#benefits .item .headline {color: #000; font-size: 18px; font-weight: 700; text-transform: uppercase;}
#benefits .hp-item-1 {background-image: url('/images/agogs2016/hp-benefit-1.png');}
#benefits .hp-item-2 {background-image: url('/images/agogs2016/hp-benefit-2.png');}
#benefits .hp-item-3 {background-image: url('/images/agogs2016/hp-benefit-3.png');}
#benefits .hp-item-4 {background-image: url('/images/agogs2016/hp-benefit-4.png');}
#benefits .item .inner {padding: 30px;}
#benefits .item .inner .text {display: none; padding-top: 30px;}
#benefits .item .inner .text ul li:last-child {margin-bottom: 0;}
#benefits .item:hover .inner {color: #fff!important; background-color: rgb(112,151,169); background-color: rgba(112,151,169,.9); -moz-box-shadow: 0 2px 10px rgba(0,0,0,.21); -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.21); box-shadow: 0 2px 10px rgba(0,0,0,.21); transition: color 0s ease;}
#benefits .item:hover .inner .text {display: block; font-weight: 700;}
#benefits .item:hover .inner .headline {color: #fff!important; transition: color 0s ease;}
#news {padding: 50px 0; background-color: #eef3f5;}
#news h2 {margin-bottom: 50px; font-size: 26px;}
#news .actuality-item a {color: #f0412f;}
#news .actuality-item h3 {margin-bottom: 20px;}
#news .actuality-item h3 a {font-size: 21px; font-weight: 700;}
#news .actuality-item .inner {float: left; width: 100%; min-height: 400px; margin-bottom: 30px; background-color: #fff; border: 1px solid #e9eef2; position: relative;}
#news .actuality-item .wrap-image, #news .actuality-item .wrap-text {clear:both; float: left; width: 100%; position: relative;}
#news .actuality-item .wrap-image {text-align: center;}
#news .actuality-item .wrap-text {top: -30px; padding: 30px; background: transparent url('/images/agogs2016/bg-news-crossed-30.png') center top no-repeat;}
#news .date {position: absolute; top: 15px; right: 15px; width: 50px; height: 50px; padding: 6px 15px 0; color: #fff; font-size: 14px; font-weight: 700; border: 2px solid #fff; background-color: rgba(0,0,0,0); line-height: 1.2em;}
#news .link-dot {position: absolute; right: 15px; top: -20px; display: block; width: 56px; height: 56px; background: transparent url('/images/agogs2016/arr-news-next.png') center center no-repeat; text-indent: -10000px;}
#bikes {padding: 20px 0; background-color: #fff;}
#bikes h2 {margin-bottom: 50px; font-size: 26px;}
.container-bikes .inner {padding-top: 30px; padding-bottom: 30px;}
.container-bikes .category-label {
    display: inline-block; 
    margin-top: 0px; 
    padding: 6px 14px; 
    font-size: 14px; 
    color: #fff; 
    background-color: #6f97a9; 
    text-transform: uppercase;
}
.container-bikes h3 a {color: #000; font-size: 21px; font-weight: 700;}
.container-bikes .category-label-9, .label-mesto {background-color: #8c8957;}
.container-bikes .category-label-11, .label-trek {background-color: #8ac731;}
.container-bikes .category-label-10, .label-cross {background-color: #f66e02;}
.container-bikes .inner:hover {background-color: #fff; -moz-box-shadow: 0 2px 10px rgba(0,0,0,.21); -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.21); box-shadow: 0 2px 10px rgba(0,0,0,.21);}
.container-bikes .inner:hover h3 a {color: #f0412f; text-decoration: underline;}

.container-bikes .inner {
    position: relative;
}
.container-bikes .product-item .category-label {
    position: absolute;
    left: 0;
    top: 0;
}

.container-bikes .product-item  #main-params {
    top: 50px;
    left: -20px;
    position: absolute;
}

.container-bikes .product-item  #main-params li {
    margin-top: 0;
    margin-bottom: 5px;
    position: relative;
}

.container-bikes .product-item  #main-params li .text-tooltip {
    display: none;
    left: calc(100% + 0px);
    top: 0;
    position: absolute;
    background: #000;
    padding: 5px 10px;
    width: 150px;
    color: #fff;
}

.container-bikes .product-item  #main-params li .text-tooltip:after{
	top: calc(50% - 10px);
	right: calc(100% + 0px);
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
    pointer-events: none;
    border-color: transparent;
	border-right-color: #000;
	border-width: 10px;
}
.container-bikes .product-item  #main-params li:hover .text-tooltip {
    display: block;
}


.container-bikes .product-item #main-params li .label-large {
    font-size: 16px;
    margin-bottom: 0;
}

.container-bikes .product-item #main-params li .label-small {
    font-size: 12px;
}

.container-bikes .product-item .category-benefit-text {
    color: #000;
    max-width: 220px;
    border-top: 1px solid #000;
    margin: 0 auto;
    padding: 20px 30px 0px 30px;
    margin-top: 1px;
}

.container-bikes .product-item .category-benefit-text a {
    color: #000;
    text-transform: uppercase;
}

.product-position-list .product-item {
    margin-bottom: 15px;
}

.product-position-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-wrap: wrap;
  }
  .product-position-list > [class*='col-'] {
    display: flex;
    flex-direction: column;
  }
  .product-position-list > [class*='col-'] > * {
    height: 100%;
  }


@media(max-width: 767px) {
    .container-bikes .product-item #main-params {
        left: 0;
    }
}


/* detail */
#breadcrumbs {margin: 30px 0 40px; font-size: #c5c5c5; color: #000;}
#breadcrumbs a {color: #ef412f; text-decoration: underline;}
#breadcrumbs strong {color: #000;}
#news #breadcrumbs {margin-top: 0;}

.row-product-logo .col-xs-12 {padding-bottom: 25px;}
#main-params {}
#main-params ul {margin: 0; padding: 0; list-style: none;}
#main-params li {min-height: 50px; margin-top: 30px; padding-left: 67px; background-size: 50px!important; text-align: left; line-height: 1.2em;}
#main-params li.vaha {background: transparent url('/images/agogs2016/ico-params-vaha.svg') left center no-repeat;}
#main-params li.dojezd {background: transparent url('/images/agogs2016/ico-params-dojezd.svg') left center no-repeat;}
#main-params li.nosnost {background: transparent url('/images/agogs2016/ico-params-nosnost.svg') left center no-repeat;}
#main-params li.baterie {background: transparent url('/images/agogs2016/ico-params-baterie.svg') left center no-repeat;}
#main-params li span {display: block;}
#main-params li .label-large {margin-bottom: 5px; font-size: 21px; font-weight: 700;}
#main-params li .label-small {font-size: 14px;}
.col-params-right {}
.col-params-right .label-large {font-weight: 700;}
.col-params-right .box-price {margin-bottom: 30px;}
.col-params-right .box-price .price {display: inline-block; color: #f0412f; font-size: 31px; font-weight: 500;}
.col-params-right .box-price .price-label {padding: 3px 10px; color: #fff; font-size: 14px; font-weight: 500; background-color: #f0412f; text-align: center;}
.col-params-right .box-share {}
.col-params-right .box-share a {color: #000; margin-left: 18px; font-size: 24px;}
.col-params-right .box-share a:hover {color: #f0412f;}

/*.btn-vyzkouset, .btn-koupit {margin: 0 10px; padding: 15px 30px 15px 70px; display: inline-block; font-size: 14px; font-family: "franklin-gothic-urw", sans-serif; text-transform: uppercase; border: 2px solid #f0412f; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; letter-spacing: 0.1em;}
.btn-vyzkouset {color: #f0412f; background: #fff url('/images/agogs2016/ico-btn-vyzkouset.svg') 25px center no-repeat; background-size: 25px;}
.btn-koupit {color: #f0412f; background: #fff url('/images/agogs2016/ico-btn-koupit.svg') 25px center no-repeat; background-size: 23px;}*/
.btn-vyzkouset, .btn-koupit {margin: 0 10px; padding: 15px 30px; display: inline-block; font-size: 14px; font-family: "franklin-gothic-urw", sans-serif; text-transform: uppercase; border: 2px solid #f0412f; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; letter-spacing: 0.1em; color: #f0412f; background-color: #fff;}
.btn-vyzkouset:hover, .btn-koupit:hover {color: #fff; background-color: #f0412f;}

.row-detail-tabs {padding-top: 50px; padding-bottom: 50px;}
.row-detail-tabs .nav-tabs {margin-bottom: 30px; border-bottom: 2px solid #d4e0e5!important;}
.row-detail-tabs .nav-tabs>li>a {border: 0!important; color: #a7aeb4; font-weight: 700; text-transform: uppercase;}
.row-detail-tabs .nav-tabs>li>a:hover {color: #f0412f; background-color: #fff;}
.row-detail-tabs .nav-tabs .active {margin-bottom: -2px; border-bottom: 4px solid #f0412f;}
.row-detail-tabs .nav-tabs .active a {color: #000;}
#product-attributes table th, #product-attributes table td {padding: 20px 0; border-bottom: 1px solid #d4e0e5;}
#product-attributes table th {width: 200px;}

main .col-headline {padding-top: 40px; padding-bottom: 30px;}
main .col-headline h3 {font-size: 22px; background: transparent url('/images/agogs2016/bg-line-detail-headline.png') left center repeat-x;}
main .col-headline h3 span {background-color: #fff; padding-right: 40px;}

#product-images .product-image {display: inline-block; margin-bottom: 15px;}
.product-morepics {display: table; cursor: pointer; border: 1px solid #eaeaea;}
.product-morepics-inner {display: table-cell; vertical-align: middle; text-align: center;}
.more-pics {color: #ef412f; font-size: 48px;}
.more-pics .more-plus {font-size: 32px;}
.row-actuality-read {padding-bottom: 70px;}

.row-zaruka-tabs .nav-tabs {border:0 !important;}
.row-zaruka-tabs li {margin-bottom: 10px;}
.row-zaruka-tabs li, .row-zaruka-tabs li a {margin-right: 0!important;}
.row-zaruka-tabs li a {display: block; border: 0!important; border-radius: 0!important;}
.row-zaruka-tabs li a span {display: block; padding: 25px 10px 25px 85px; color: #000; font-size: 16px; border: 1px solid #e5e5e5!important; border-radius: 0!important;}
.row-zaruka-tabs .tab1 a span {background: transparent url('/images/agogs2016/ico-zaruka-1.png') 15px center no-repeat;}
.row-zaruka-tabs .tab2 a span {padding-top: 14px; padding-bottom: 14px; background: transparent url('/images/agogs2016/ico-zaruka-2.png') 15px center no-repeat;}
.row-zaruka-tabs .tab3 a span {background: transparent url('/images/agogs2016/ico-zaruka-3.png') 15px center no-repeat;}
.row-zaruka-tabs li.active a span, .row-zaruka-tabs li a:hover span {border-color: #f0412f!important;}
.row-zaruka-tabs li a:hover {background-color: transparent;}
.row-zaruka-tabs li a {padding: 0 8px 0 0;}
.row-zaruka-tabs li.active a {background: transparent url('/images/agogs2016/ico-zaruka-arr.png') right center no-repeat; -webkit-transition: none; transition: none;}
.row-warranty-text th, .row-warranty-text td {clear: both; float: left; widows: 100%;}
.row-warranty-text th {margin-bottom: 5px;}
.row-warranty-text td {margin-bottom: 25px;}
.warranty_buy_date_row .select-agogs {max-width: 100px!important; min-width: auto!important;}
.warranty_buy_date_row .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:auto!important;}

.box-contact-showroom {padding: 30px; background-color: #ededed; background-color: rgba(237,237,237,0.5); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.box-contact-showroom .adr-showroom {padding: 0 0 0 50px; background: transparent url('/images/agogs2016/ico-home.svg') left 5px no-repeat; background-size: 27px;}
.box-contact-showroom .adr-showroom a {color: #f0412f; font-weight: 700;}

#vendors-map {height: 600px;}
#vendor-filter {margin: 20px 0;}
.vendor-item {padding: 30px;}
.vendor-item h3 {margin: 0; color: #000; font-size: 21px; padding: 0 0 0 45px; background: transparent url('/images/agogs2016/ico-home.svg') left top no-repeat; background-size: 27px;}
.vendor-item .moreinfo {color: #ef412f; font-size: 15px; text-decoration: underline; cursor: pointer;}
.vendor-item .col-vendor-details ul {margin: 0; padding: 0; list-style: none;}
.vendor-item .col-vendor-details ul li {margin: 0; padding: 0; list-style: none;}
.vendor-item .panel-body-vendor {padding-top: 30px;}
.vendor-item .col-address a {color: #4b4b4b;}
.vendor-item .col-address .address-moreinfo {font-size: 13px; color: #4b4b4b;}

.modal button.close {position: absolute; top: 10px; right: 20px; color: #000; font-size: 36px;}
#tryModal .modal-content {background: #fff url('/images/agogs2016/modal-bike.png') 0 250px no-repeat;}
#tryModal .modal-content h2, #buyModal .modal-content h2 {margin: 70px 0 50px; font-size: 32px;}
#tryModal .modal-content .try-contact-later {margin: 20px 0; max-width: 450px; display: inline-block;}
#tryModal .modal-content table {margin: 0 auto;}
#tryModal .modal-content table th, #tryModal .modal-content table td {display: block;}
#tryModal .modal-content table td {padding-bottom: 15px;}
#tryModal .contact_model_row td {text-align: left;}

#buyModal #vendor-detail-filter {margin-bottom: 30px;}
#vendor-detail-list-wrap {margin: 0 auto; max-width: 580px;}
#vendor-detail-list-wrap .vendor-item {margin: 10px; border: 1px solid #a7aeb4; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 15px; text-align: left;}
#vendor-detail-list-wrap .vendor-item h3 {margin-bottom: 9px; padding: 0; background: none; color: #ef412f; font-size: 16px;}
#vendor-detail-list-wrap .vendor-item .adresa {line-height: 1.5em; margin-bottom: 5px;}
#vendor-detail-list-wrap .vendor-item .adresa, #vendor-detail-list-wrap .vendor-item .adresa a {color: #000; font-size: 13px;}
#vendor-detail-list-wrap .vendor-item .open-web {color: #f75e4e; font-size: 13px; text-decoration: underline; font-weight: 700;}
#buyModal .btn-bike {padding: 11px 25px;}


@media (min-width: 768px) {
    nav .navbar-brand {
        position: relative;
    }
    nav .navbar-brand:after{
        width: 2px;
        height: 40px;
        background: #999;
        content: "";
        position: absolute;
        right: -25px;
        top: 40px;
    }
    body {padding-top: 135px;}
    nav {margin: 0; height: 124px;}
    nav .navbar-brand img {margin-top: 35px; height: 52px!important;}
    nav #nav-search {float: left; margin-top: 15px;}
    nav #nav-lang {float: right; margin-top: 10px; padding-top: 10px; width: 90px; height: 53px; background: transparent url('/images/agogs2016/bg-map-lang.png') center center no-repeat; text-align: center;}
    nav #nav-lang button {display: inline-block; background: none; border: 0; box-shadow: none; color: #fff; font-size: 16px; font-weight: 600;}
    nav #nav-lang .dropdown-menu {left: auto!important; right: 0; min-width: 100px;}
    nav #navbar {clear: both;}
    nav #navbar a {padding: 20px 12px 21px; color: #999; font-size: 14px;}
    nav #navbar a:hover {color: #fff; box-shadow: inset 0 -4px 0 #f0412f;}
    nav.shrink {height: 61px;}
    nav.shrink .navbar-brand img {margin-top: 10px; height: 40px!important;}
    
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {background: none!important; background-color: transparent!important; box-shadow: inset 0 -4px 0 #f0412f;}
    .nav { margin-bottom: 0; }
    .nav .dropdown-menu {border: 0;}
    .nav > li.dropdown.openX { position: static; }
    .nav > li.dropdown.open .dropdown-menu {display:table; width: 100%; text-align: center; left:0; right:0; background-color: #f0412f;}
    .nav .dropdown-menu>li { display: table-cell; }
    .nav > li.dropdown.open .dropdown-menu a {color: #fff!important; padding: 10px!important;}
    .nav > li.dropdown.open .dropdown-menu a:hover {background: none!important; text-decoration: underline!important;}

    
    
    
    .category-roots-list {display: none;}
    
    main .text-input, main .select-agogs {min-width: 400px; }

}
@media (min-width: 992px) {
    .modal-lg {width: 770px;}

    nav #navbar a {font-size: 16px; padding: 20px 15px 21px;}
    .carousel-control {width: 10%; background: none!important;}
    .row-detail-tabs .nav-tabs>li {margin-right: 50px;}
 
    #product-images .col-product-image:nth-child(3n+1) {clear: both;}
    .product-list .product-item:nth-child(3n+1) {clear: both;}
    main .text-input, main .select-agogs {min-width: 420px; }
    #contact_note {min-width: 420px; height: 100px;}
    #vendor-detail-filter .select-agogs {min-width: auto; max-width: 200px;}
    #vendor-detail-list-wrap .vendor-item {float: left; width: 270px;}
    #vendor-detail-list-wrap .vendor-item:nth-child(2n+1) {clear: both;}
}
@media (min-width: 1200px) {
    nav #navbar a {padding: 20px 20px 21px;}
    #benefits .item:hover .inner .text {min-height: 230px;}
    

}
@media (min-width: 1300px) {
    .container {width: 1270px;}
    .header-col-claim {font-size: 18px;}
}
@media (min-width: 1440px) {
    .nav > li.dropdown.open .dropdown-menu a {padding: 10px 20px!important;}
}

@media (min-width: 992px){
    .two-cols {clear: both; -moz-column-count: 2; -moz-column-gap: 40px; -webkit-column-count: 2; -webkit-column-gap: 40px; column-count: 2; column-gap: 40px;}
}

.bike-sizes {color: #4b4b4b;}
.bike-sizes .ico {display: inline-block; width: 42px; height: 42px; padding-top: 9px; color: #fff; background-color: #000; text-align: center; font-size: 18px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;}
.bike-sizes .bike-size {padding: 0 5px; font-weight: 600;}

.bike-colors {}
.bike-colors .bike-color {display: inline-block; width: 39px; height: 39px; margin-right: 10px; border: 3px solid #eee; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; text-indent: -10000px;}
.bike-colors .bike-color.c-e90dfb84e30edf611e326eeb04d680de {background-color: black;} /* black */
.bike-colors .bike-color.c-25a81701fbfa4a1efdf660a950c1d006 {background-color: white;} /* white */
.bike-colors .bike-color.c-f96e345fdc19cbd4cf15256c251a39a0 {background-color: silver;} /* silver */


.autocomplete-wrap {display: none; position: absolute; top: 0px; left: 0px; height: 700px; width: 500px; background-color: #fff; z-index: 9999;}
.page-links ul {padding: 0; margin: 0;}
.page-links li {list-style: none; float: left; margin-right: 10px; padding: 0;}


.header-col-logo {
    width: 220px;
}

.header-col-claim {
    width: calc(100% - 220px - 160px);
    height: 124px;  
    display: flex;
    align-items: center; 
}

.header-col-right {
    width: 160px;
}

@media(max-width: 767px) {
    .header-col-claim {
        display: none;
    }
    .header-col-logo {
        width: 100%;
    }
    .header-col-right {
        width: 100%;
    }
    #nav-lang {
        margin-top: 10px;
    }
    .header-col-right #navbar {
        margin-top: 10px;
    }
    .row-header {
        padding: 10px 0;
    }
}