html,

body {

    height: 100%;

    overflow-x: hidden; 

}
 
body {
    position: relative;

    font-family: 'Cabin', sans-serif;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.7em;

    background-color: #fff;

    color: #333;

    /*-webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;*/

}

/* Retina support */


@media only screen and (-webkit-min-device-pixel-ratio: 1.5),

only screen and (-moz-min-device-pixel-ratio: 1.5),

only screen and (-o-min-device-pixel-ratio: 3/2),

only screen and (min-device-pixel-ratio: 1.5) {

    .icheckbox_square-blue,

    .iradio_square-blue {

        background-image: url(blue.png);

        -webkit-background-size: 240px 24px;

        background-size: 240px 24px;

    }

}



@media (min-width: 1199px) {

    .container-fluid {

        padding-right: 100px;

        padding-left: 100px;

    }

    .navbar-collapse {

        padding-right: 0;

        padding-left: 0;

    }

}



.page-wrap {

    min-height: 100%;

    /* equal to footer height */

    margin-bottom: -320px;

}



.page-wrap:after {

    content: "";

    display: block;

}



footer,

.page-wrap:after {

    height: 290px;

}



*:focus,

*:focus:active {

    outline: 0 !important;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

}



.loading-state {

    display: none;

    position: absolute;

    left: 0;

    right: 0;

    top: -24px;

    bottom: 0;

    background: rgba(255, 255, 255, 0.8);

    padding-top: 17%;

    z-index: 1000;

    text-align: center;

    font-size: 19px;

    font-weight: bold;

}



.form-control {

    -webkit-box-shadow: none !important;

    border-radius: 0;

}



.input-group-addon {

    border-radius: 0;

}



p {

    font-size: 16px;

    font-weight: 400;

    line-height: 1.5;

    color: #737f96;

    margin: 0px;

}



ul{

    list-style-type: none

}



.text-primary {

    /*#3FAE29*/

    color: #333;

}



.text-dark-blue {

    color: #2d5076;

}



.bg-dark-blue {

    background: #2d5076;

}



.bg-primary {

    background: #32355d !important;

}



.bg-gray-light {

    background: #EAEDF0 !important;

}



a {

    color: #3fae29;

    text-decoration: none;

}



a:hover,

a:active,

a:focus {

    outline: none;

    text-decoration: none;

    color: #3fae29;

}



.link-animated {

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.btn {

    border-radius: 0;

    text-transform: uppercase;

    padding: 10px !important;

}



.btn-primary {

    background: #3fae29;

    border-color: #3fae29;

    color: #fff !important;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    padding: 0 20px;

}



.btn-primary:hover,

.btn-primary:active,

.btn-primary:focus {

    background: #1f5315 !important;

    border-color: #1f5315 !important;

    color: #fff !important;

}



.text-info{

    color: #007eff !important

}



.buy-show {

    background: #d61011;

    border-color: #d61011;

    color: #fff !important;

    border-radius: 50px;

    margin: 0 auto;

    padding: 8px 15px;

    display: block;

    font-size: 16px;

    text-align: center;

    margin-bottom: 3px;

}



.btn-primary:hover,

.btn-primary:active,

.btn-primary:focus,

.btn-primary:active:focus {

    background: #d61011;

    border-color: #d61011;

}



.btn-primary.disabled:hover,

.btn-primary[disabled]:hover,

fieldset[disabled] .btn-primary:hover,

.btn-primary.disabled:focus,

.btn-primary[disabled]:focus,

fieldset[disabled] .btn-primary:focus,

.btn-primary.disabled.focus,

.btn-primary[disabled].focus,

fieldset[disabled] .btn-primary.focus {

    background: #999;

    border-color: #999;

}



.input-newsletter {

    width: 125% !important;

    border: 1px solid #333;

    height: 50px;

    padding: 0 15px;

    border-radius: 50px !important;

    -webkit-transition: .3s linear;

    -o-transition: .3s linear;

    transition: .3s linear;

    margin-top: 15px;

}



.btn-black {

    background: #333;

    margin-bottom: -30px;

    margin-top: 20px;

    cursor: pointer;

    font-weight:bold;

    color: #fff;

    border-radius: 50px !important;

    padding: 0 50px;

    border: none;

}



.btn-black:hover{

    color: #fff;

}



.form-group {

    margin-bottom: 10px;

}



label {

    font-size: 13px;

    font-weight: normal;

    margin-bottom: 0;

    color: #333;

}



label .label {

    font-size: 90%;

    font-weight: normal;

    line-height: 5px;

    padding: 2px 6px;

    letter-spacing: 0.5px;

}



.radio-inline,

.checkbox-inline,

.radio,

.checkbox {

    font-size: 14px;

    font-weight: normal;

    text-transform: none;

    color: #6D6E71;

}



.radio-inline:after,

.checkbox-inline:after,

.checkbox:after,

.radio:after {

    display: none;

}



.checkbox-inline,

.radio-inline {

    padding-left: 0;

}



.form-group-lg .form-control {

    border-radius: 0;

}



h1,

h2,

h3,

h4,

h5 {

    font-weight: 600;

    color: #000;

}



.panel {

    margin-bottom: 20px;

    background-color: #fff;

    border-radius: 5px;

}



.pagination {

    display: inline-block;

    padding-left: 0;

    margin: 20px 0 30px;

    border-radius: 4px;

}



.pagination .disabled {

    display: none;

}



.pagination>li>a,

.pagination>li>span {

    margin: 3px;

    color: #777;

    background-color: #f9f9f9;

    border: none;

    border-radius: 30px;

    padding: 7px 0;

    font-size: 15px;

    width: 36px;

    height: 36px;

    text-align: center;

}



.pagination>li:last-child>a,

.pagination>li:last-child>span,

.pagination>li:first-child>a,

.pagination>li:first-child>span {

    border-radius: 50px !important;

}



.pagination>li>a:hover,

.pagination>li>span:hover,

.pagination>li>a:focus,

.pagination>li>span:focus {

    color: #000;

    background-color: #ddd;

    border-color: #ddd;

}



.pagination>.active>a,

.pagination>.active>span,

.pagination>.active>a:hover,

.pagination>.active>span:hover,

.pagination>.active>a:focus,

.pagination>.active>span:focus {

    background-color: #191919;

    border-color: #191919;

}



.nav>li.disabled>a:hover,

.nav>li.disabled>a:focus {

    color: #777;

    text-decoration: none;

    cursor: not-allowed;

    background-color: #f2f2f2;

}



.impulsion {

    position: absolute;

    top: -3000px;

}



.impulsion h1,

.impulsion h2 {

    font-size: 12px;

    margin: 0;

}



.title {

    font-size: 22px;

    margin: 0 0 20px 0;

    text-transform: uppercase;

}



.breadcrumb {

    padding: 10px 0 0;

    font-size: 13px;

    font-weight: 300;

    margin-bottom: 10px;

    background-color: transparent;

}



.breadcrumb a {

    color: #000;

}



.breadcrumb a:hover,    

.breadcrumb a:focus {

    color: #3fae29;

}





/** 

 * Header

*/



.btn-add-car{

    display: inline-block;

    font-weight: 700;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    border: 0;

    padding: 0 20px;

    font-size: 16px;

    height: 45px;

    line-height: 45px;

    border-radius: 2px;

    color: #fff !important;

    cursor: pointer;

    z-index: 5;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -ms-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

    text-transform: uppercase;

    background-color: #3FAE29;

    letter-spacing: 1px;

}



.btn-add-car a:hover .btn-add-car a:active .btn-add-car a:focus{

    color: white !important;

}



header .label{

    text-transform: uppercase;

    color: #737f96;

    font-size: 12px;

    display: table;

    font-weight: 700;

}

.header-main-wrapper{

    padding: 10px 0;

}

.align-items-center{

    align-items: center!important;

}



.justify-content-between {

    justify-content: space-between!important;

}



.header-menu{

    border-top: 1px solid #d7dce6;

    border-bottom: 1px solid #d7dce6;

    position: -webkit-sticky;

    position: sticky;

    top: 0;

    z-index: 99;

    background-color: #fff;

}



.header-message {

    position: relative;

    padding: 6px 0;

    text-align: center;

    background: #3FAE29;

    color: #fff;

    box-shadow: 0px 2px 10px #000;

}



.header-message p {

    margin: 0;

}



.header-message a {

    color: #fff;

}



header .header-top > li > a{

    color: #8a8a8a;

    font-weight: 400;

    padding: 2px 5px;

    display: block;

}



header .main-options {

    margin: 23px 0 0 0;

    color: #555;

}



header .main-options > li > a {

    color: #333;

    font-size: 18px;

}



header .main-options > li > a:hover {

    color: #b88b21;

}



header .search-area {

    width: 480px;

    margin-top: 0;

    margin-bottom: 0;

    padding: 0 30px;

    color: #fff;

}





header .header-main {

    background-color: #fff;

    height: 105px;

}



header .header-main .logo {

    margin: 12px 0 0 0;

    display: block;

    float:left;

}



header .header-main .logo img {

    height: 45px;

    margin-top: 5px;

    margin-left: 15px;

}



header .header-main .search {

    background: rgb(62 62 62);

    border-radius: 25px;

    padding: 0px;

    margin: 0 0 -11px;

    height: 35px;

}



header .header-main .search input {

    border-radius: 0;

    width: 112%;

    height: 32px;

    border: none;

    color: #fff;

    padding: 15px;

    background: transparent;

    font-size: 14px;

    font-weight: 300;

}



header .header-main .search button {

    height: 35px;

    border: none;

    border-radius: 17px !important;

    padding: 6px 14px !important;

    background: transparent;

    color: #999;

}



header .navbar-default {

    background-color: #fff; 

    min-height: auto;

    border: none;

    margin: 0;

    z-index: 1001;

    height: 52px;

    margin-bottom: 0;

    position: relative;

    border-radius: 0;



}



header .navbar-default .container-fluid {

    padding:  0 !important;

}





/*header .navbar-default .navbar-nav > li > a {

    color: #3FAE29;

    font-weight: 600;

    font-size: 15px;

    margin-top: -4px;

    padding: 17px 24px;

    text-transform: uppercase;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}*/



header .navbar-default .navbar-nav>li>a {

    color: #333333;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: 700;

    margin-top: 0;

    padding: 15px 20px;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



header .navbar-default .navbar-nav>li:hover>a,

header .navbar-default .navbar-nav>li>a:hover,

header .navbar-default .navbar-nav>li>a:focus {

    color: #3FAE29;

    background: transparent;

}



header .navbar-default .navbar-nav>li>a.menu-btn {

    border-radius: 5px;

    background: #444;

    padding: 8px 5px;

    margin: 10px 0;

    height: auto;

}



header .navbar-default .navbar-nav>li>a.menu-btn:hover {

    background: #555;

}



header .navbar-default .navbar-nav>li>a.menu-btn.btn-primary {

    background: #3fae29;

}



header .navbar-default .navbar-nav>li>a.menu-btn.btn-primary:hover {

    background: #246118;

}



header .navbar-nav > li {

    position: initial !important;

}



header .navbar-nav>li>.dropdown-menu {

    position: absolute;

    width: 97.1%;

    left: 18px !important;

    right: 100px;

    top: 52px;

    border-top: none;

    padding: 15px 0;

    border-radius: 0 0 10px 10px;

}



header .navbar-default .navbar-nav>.active>a,

header .navbar-default .navbar-nav>.active>a:hover,

header .navbar-default .navbar-nav>.active>a:focus,

header .navbar-default .navbar-nav>.open>a,

header .navbar-default .navbar-nav>.open>a:hover,

header .navbar-default .navbar-nav>.open>a:focus {

    color: #fff;

    background: #32355d;

}



@media (max-width: 1199px) {

    header .navbar-default .navbar-nav>li>a {

        padding: 16px 0;

    }

}



@media (max-width: 991px) {

    header .container {

        width: 100%;

    }

    header .navbar-default .navbar-nav>li>a {

        padding: 13px 19px 13px 18px;

    }

}



@media (max-width: 768px) {

    header .container {

        width: 100%;

    }

    header .navbar-default .navbar-nav>li>a {

        padding: 17px;

        color: #3FAE29;

    }

}





/** AUTO ALIGN MENU **/



@media (min-width: 768px) {

    .navbar-nav {

        margin: 5 auto;

        display: table;

        table-layout: auto;

        float: none;

        width: 100%;

    }

    .navbar-nav>li {

        display: table-cell;

        float: none;

        text-align: center;

    }

}



header .dropdown-menu .submenu {

    display: none !important;

}



header .dropdown-menu>li:hover .submenu {

    display: block !important;

    top: -8px;

    left: 230px;

}



header .submenu {

    width: 1241px;

    padding-top: 38px;

    left: -410px !important;

    margin-top: -30px;

    z-index: -1;

}



header .dropdown:hover .dropdown-menu {

    display: block;

}



header .dropdown-menu.dropdown-3-cols {

    width: 557px;

}



header .dropdown-menu.dropdown-2-cols {

    width: 372px;

}



header a {

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



header .level-2>li {

    float: left;

    width: 226px;

    text-transform: uppercase;

    font-weight: bold;

    border-right: 1px solid #ddd;

    border-left: 1px solid #ddd;

    margin-left: -1px;

    padding: 0 5px;

}



header .level-2>li:first-child {

    border-left: none;

}



header .level-2>li:last-child {

    border-right: none;

}



header .level-2>li>a {

    padding: 5px 5px 7px;

    margin-top: 0;

    font-weight: 500;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    text-align: left;

    color: #3fae29;

}



header .level-2>li>a:hover {

    background: transparent;

    color: #3fae29;

}



header .level-3 {

    margin: 0px;

    padding: 0;

    list-style: none;

}



header .level-3>li {

    height: 28px;

}



header .level-3>li>a {

    width: 100%;

    display: inline-block;

    padding: 2px 5px;

    font-weight: normal;

    text-transform: capitalize;

    font-size: 15px;

    color: #000;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



header .level-3>li>a:hover {

    background-color: rgba(0, 0, 0, 0.1);

}



.carousel-control .fa-angle-left,

.carousel-control .fa-angle-right {

    border-radius: 50px;

    background-color: white;

}



.fa-angle-left:before,

.fa-angle-right:before {

    color: #32355d

}



.fa-angle-left:hover::before,

.fa-angle-right:hover::before {

    color: #3fae29;

}



.carousel-control .fa {

    padding: 12px 20px;

}



.carousel-control .fa:hover {

    background: #3fae29;

}





header a{

    /*color: #ffcc00;*/

    color: #8a8a8a;

    font-weight: 400;

}



/**

 * Shopping Basket

 */





/**

 * Footer

 */



footer {

    background: #1a1f28; /* Old browsers */

    color: #99a3b6;

}



footer .round-icon {

    background: #777;

    color: #000 !important;

    font-size: 20px;

    padding: 7px 5px !important;

    border-radius: 50px;

    width: 35px;

    height: 35px;

}



footer .round-icon:hover {

    background: #3FAE29;

}



footer .round-icon .icon,

footer .round-icon .fa {

    color: #191919;

}



footer .media-heading {

    font-size: 14px;

    text-transform: uppercase;

    margin-top: 15px;

}



footer .media.media-service p {

    font-size: 14px;

    line-height: 20px;

}



footer .links {

    padding: 10px 15px 50px 15px;

}



footer .links h4 {

    color: #fff;

    text-transform: uppercase;

    margin-bottom: 15px;

}



footer .links ul li a {

    color: #99a3b6;

    padding: 2px 0;

    font-weight: 300;

    display: block;

    text-align: left;

}



footer .links ul li a:hover {

    color: #3FAE29;

}



footer .form-newsletter input {

    border-radius: 50px 0 0 50px !important;

    font-size: 14px !important;

}





footer .form-newsletter button {

    border-radius: 0 50px 50px 0 !important;

}



.footer-payment-methods {

    background: #1a1f28;

}





.logo-block {

    display: inline-block;

    margin-left: 10px;

    margin-bottom: 5px;

    font-size: 14px;

    color: #999;

}



.footer-payment-methods .logo-block span {

    padding: 4px 10px;

    height: 35px;

    display: inline-block;

}



.credits {

    background: #000;

    padding: 10px 0;

    color: #808083;

    font-size: 12px;

}



.credits a {

    color: rgba(255, 255, 255, 0.7);

}



.credits a:hover,

.credits a:focus,

.credits a:active {

    color: #fff;

}



.credits p {

    font-weight: 300;

    font-size: 12px;

    color: rgba(255, 255, 255, 0.3);

}



.copyright {

    padding: 15px 0 20px;

}



.social-network p {

    margin-bottom: 5px;

    text-align: left;

}



.social-network a{

    font-size: 14px;

    color: #999;

}



.social-network a:hover{

    color: #82BC00;

}



.author img {

    height: 12px !important;

}



@media (min-width: 768px) {

    .newsletter .form-control {

        width: 400px !important;

    }

    footer .credits {

        text-align: center;

    }

}



@media (min-width: 991px) {

    .newsletter .form-control {

        width: 500px !important;

    }

}



@media (max-width: 767px) {

    footer .credits {

        text-align: center;

    }

    .newsletter {

        padding: 15px 0 10px;

    }

}





/**

 * Delivery conditions

 */



.delivery-conditions {

    background: #EFF0F0;

    padding: 30px 0;

    text-align: center;

    text-transform: uppercase;

}



.delivery-conditions h4 {

    font-weight: 400;

}





/**

 * Brands slider

 */

.stands a{

    border-radius: 10px;

    margin-bottom: 30px;

    border: 1px solid #fff;

    display: inline-block;

}

.card {
    height:250px;
    width:200px;
    font-size: 1em;
    overflow: hidden;
    padding: 0;
    border: none;
    border-radius: .28571429rem;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
}

.card-block {
    font-size: 1em;
    position: relative;
    margin: 0;
    padding: 1em;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, .1);
    box-shadow: none;
}

.card-img-top {
    display: block;
    width: 100%;
    height: 60%;
}

.card-title {
    font-size: 1.28571429em;
    font-weight: 700;
    line-height: 1.2857em;
}

.card-text {
    clear: both;
    margin-top: .5em;
    color: rgba(0, 0, 0, .68);
}

.card-inverse .btn {
    border: 1px solid rgba(0, 0, 0, .05);
}

.text-bold {
    font-weight: 700;
}

.meta {
    font-size: 1em;
    color: rgba(0, 0, 0, .4);
}

.meta a {
    text-decoration: none;
    color: rgba(0, 0, 0, .4);
}

.meta a:hover {
    color: rgba(0, 0, 0, .87);
}

.stands h5{

    font-weight: 500;

    font-style: normal;

    color: #333;

    position: absolute;

    font-size: 20px;

    text-align: center;

    left: 0;

    right: 0;

    bottom: 0;

    margin-top: -30px;

    text-transform: uppercase;

    padding: 19px 0;

    margin: 16px;

    border-radius: 0 0 10px 10px;

    height: 57px;

}



.icon-front {

    color: #3FAE29

}



.icon-front:hover {

    font-size: 530px;

}



.category-item img {

    margin-right: 20%;

    margin-left: 20%;

}



.category-item-img {

    display: flex;

    align-items: center;

    margin: 0 auto;

    width: 265px;

    height: 265px;

    padding: 45px;

}



.category-item h5 {

    font-weight: 500;

    font-style: normal;

    color: #293957;

    font-size: 17px;

    text-align: center;

    margin-top: -30px;

    text-transform: uppercase;

    padding: 19px 0;

}



.category-item {

    overflow: hidden;

    border-radius: 10px;

    margin-bottom: 30px;

    display: block;

    display: inline-block;

    padding: 100px;

    width: 100%;

    background-position: center;

    background-size: cover;

}



.brands {

    padding: 30px 0;

}



.brands .brands-slider {

    /*    margin-left: -10px;*/

}



.brands .slider-item {

    padding: 10px;

}



.brands .slider-item a {

    border: 1px solid #eee;

    display: block;

    text-align: center;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.brands .slider-item a:hover {

    border-color: #999;

}



.brands .slider-item a img {

    display: inline-block !important;

}



.brands .btn.btn-slider {

    background: transparent;

    border: 2px solid #eee;

    color: #ddd;

    font-size: 20px;

    padding: 0;

    margin-left: 10px;

    margin-right: -5px;

    width: 33px;

    height: 33px;

}



.brands .btn.btn-slider i {

    font-size: 25px;

    margin-top: 2px;

}



.brands .btn.btn-slider:hover {

    background: #eee;

    color: #fff;

}





/*--------------------------------------------------------------

# Other

--------------------------------------------------------------*/

.menu-home{

    padding-top: 50px;

    padding-bottom: 20px;

    background-color: #f2f2f2;

}



.menu-home li a{

    padding: 2px 6px;

    display: block;

    padding: 8px 15px;

    font-size: 14px;

    line-height: 14px;

    font-weight: 700;

    color: #293957;

    margin-right: 5px;

    border-radius: 3px;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -ms-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

    text-transform: uppercase;

}



.menu-home li a:hover{

    color: #fff;

    background-color: #3FAE29;

}



.other {

    background: #f7f7f7;

    padding: 15px 0px;

    margin-top: 50px;

}



.home-shop {

    background: linear-gradient(to right, #e52727, #e52727);

    display: inline-block;

    padding: 12px 50px;

    color: #fff;

    border-radius: 50px;

    cursor: pointer;

    transition: all .3s ease 0s;

    vertical-align: middle;

    box-shadow: none;

    text-decoration: none;

    border: none;

}



.other-title {

    color: #333;

    text-align: left;

}



.other h5 {

    background: #efefef;

    padding: 30px 0;

    margin-bottom: 0;

}



.other .icon-box {

    text-align: justify;

    padding: 30px 20px 10px 20px !important;

    transition: all ease-in-out 0.3s;

}



.other .icon-box .icon {

    margin: 0 auto;

    width: 100px;

    height: 100px;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: ease-in-out 0.3s;

    position: relative;

}



.other .icon-box .icon img {

    height: 100px

}



.other .icon-box .icon i {

    font-size: 36px;

    transition: 0.5s;

    position: relative;

}



.other .icon-box .icon svg {

    position: absolute;

    top: 0;

    left: 0;

}



.other .icon-box .icon svg path {

    transition: 0.5s;

    fill: #f5f5f5;

}



.other .icon-box h4 {

    margin: 23px 0 0px 15px;

    font-size: 18px;

    font-weight: 500;

    line-height: 20px;

    color: #333;

}



.other .icon-box h4 a {

    transition: ease-in-out 0.3s;

}



.other .icon-box p {

    line-height: 24px;

    font-size: 14px;

    margin-bottom: -100px;

    min-height: 140px;

    text-align: left;

    margin-left: 15px;

    color: #808080;

}





/**

*ADD CAR

*/



.add-car-step .step-title .step {

    font-size: 16px;

    font-weight: 700;

    font-family: "Montserrat", sans-serif;

    background-color: #ce8339;

    padding: 0 23px;

    border-radius: 3px;

    color: #fff;

    height: 35px;

    line-height: 35px;

    text-transform: uppercase;

    margin-right: 25px;

}





.add-car-step .step-title .title {

    -webkit-flex: 1;

    -moz-flex: 1;

    -ms-flex: 1;

    flex: 1;

    font-size: 30px;

    font-weight: 700;

    font-family: "Cabin", sans-serif;

}



.add-car-step .step-title {

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    padding-bottom: 20px;

    border-bottom: 1px solid rgba(41, 57, 87, 0.15);

}



.add-car-general-information {

    margin-top: 50px;

}



.add-car-title .title {

    font-weight: 700;

    font-size: 20px;

    font-family: "Cabin", sans-serif;

    text-transform: uppercase;

    color: #293957;

}





/**

*BLOG

*/



.blog .main-btn{

    background: #3fae29;

    color: white;

    padding: 10px 30px;

    font-weight: 700;

    height: 45px;

    line-height: 45px;

    border-radius: 2px;

}



.blog {

    padding: 100px 0 150px 0;

    background-color: white;

}



.blog .card{

    height: 450px;

    border: none;

    position: relative;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    min-width: 0;

    word-wrap: break-word;

    background-color: #fff;

    background-clip: border-box;

    border-radius: 0.25rem;

    margin-bottom: 15px;

}



.blog .card-img-top {

    width: 100%;

    height: 15vw;

    object-fit: cover;

}



.card-body {

    padding: 5px;

    flex: 1 1 auto;

    min-height: 1px;

    position: relative;

}



.blog-highlight {

    margin-top: 50px

}



.blog .btn-read {

    text-transform: uppercase;

    color: #333;

    text-align: right;

    width: 100%;

    font-weight: 700;

    position: absolute;

    bottom: 10px;

    left: -10px;

}



.blog .card-text {

    line-height: 26px;

    font-weight: 400;

    font-style: normal;

    font-size: 15px;

}



.blog .card-img-top {

    width: 100%;

    height: 15vw;

    object-fit: cover;

}

.blog .card-title {

    font-weight: 800;

    font-size: 1.5rem;

}



/**

 * Dealer

 */



.sidebar-dealer-contact{

    padding: 15px;

    background-color: #3FAE29;

    border: 1px solid #d7dce6;

    margin-top: 30px;

 }



.sidebar-dealer-contact h4{

    color:#fff;

}



.car-content p{

    color: #737f96;

    left: 0;

    right: 0;

    bottom: 0;

    font-weight: 500;

    font-style: normal;

    font-size: 12px;

    text-align: center;

    margin-top: -30px;

    text-transform: uppercase;

    padding: 19px 0;

    height: 57px;

}



.section-title .title {

    text-transform: uppercase;

    font-size: 19px;

    font-weight: normal;

    color: #3fae29;

    margin: 0px;

    padding-bottom: 15px;

}



.highlights_stands{

    padding: 30px 0px;

}



.highlights_stands .item{

    display: block;

    width: 261px;

    padding: 0 8px;

}



.highlights_stands a{

    display: block;

    position: relative;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -ms-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

    border-radius: 3px;

    overflow: hidden;

}



.highlights_stands img{

    width: 100%;

    display: block;

}



.card a::after{

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

}



.highlights_stands .card-body{

    position: absolute;

    color: #fff;

    z-index: 1;

    bottom: 13px;

    left: 12px;

    right: 12px;

    font-weight: 700;

    font-size: 17px;

}



.highlights_stands h5{

    text-align: left;

}



.img-announcement{

    width: 100%;

}



.dealer-info {

    padding: 25px;

    background-color: #f5f6f6;

    border: 1px solid #d7dce6;

 }



.dealer-info .name{

    font-family: "Montserrat", sans-serif;

    font-weight: 600;

    color: #3fae29;

    margin: 0px;

    font-size: 18px;

}



.dealer-info a{

    color: #293957;

}



/**

 * Products

 */



.panel-body .features{

    margin-top: 47px;

}



.features li{

    width: 33.33%;

    margin-top: 10px;

    font-size: 15px;

    color: gray;

}



.features i{

    color: #ce8339;

    font-size: 16px;

    margin-right: 5px;

}



.single-title{

    font-size: 16px;

    font-weight: normal;

    font-family: "Cabin", sans-serif;

    color: #3fae29;

    border-bottom: 1px solid rgba(41, 57, 87, 0.15);

    padding-bottom: 2px;

    text-transform: uppercase;

}



.specifications{

    margin-top:50px;

}



 .specifications .glance{

    position: relative;

    padding-left: 30px;

    padding-top: 0px;

    padding-bottom: 8px;

    border-right: 1px solid rgba(41, 57, 87, 0.15);

    display: block;

    margin-top: 0px;

}



 .specifications .label{

    font-size: 13px;

    line-height: 18px;

    color: gray;

    display: block;

    text-transform: none;

    font-weight: normal;

    padding: 0px 0px;

    text-align: left;

}



.specifications .value{

    font-size: 15px;

    font-weight: 700;

    color: #293957;

    display: block;

}



.squared-selection li {

    font-size: 14px;

    padding: 3px 0;

    text-align: left;

    font-weight: 300 !important;

    cursor: pointer;

    white-space: nowrap;

    border-bottom: 1px solid #eee;

}



.squared-selection li:hover {

    background: #d61011;

    color: white !important;

}



.squared-selection li.active,

.squared-selection li:focus {

    background: #d61011;

    color: #fff;

}



@media (min-width: 992px) and (max-width: 1199px) {

    .squared-selection li {

        width: 32.1%;

    }

}



@media (min-width: 768px) and (max-width: 991px) {

    .squared-selection li {

        width: 31.7%;

    }

}



.category-title {

    padding-bottom: 10px;

    margin-bottom: 10px;

    border-bottom: 2px solid #32355d;

}



.filter-box {

    box-shadow: 0px 2px 4px #ccc;

    background: #fff;

    padding: 15px;

    margin-bottom: 20px;

    border-radius: 10px;

}



.filter-box .category-title {

    font-size: 16px;

    text-transform: uppercase;

    color: #fff;

    background: #3FAE29;

    border-bottom: 3px solid #222;

    margin: -15px -15px 0 -15px;

    border-radius: 5px 5px 0 0;

    padding: 10px;

    display: block;

    height: 37px;

}



.breadcrumb-box {

    box-shadow: 0 1px 4px #ccc;

    background: #fff;

    padding: 15px 0;

    margin: 20px 0;

    border-radius: 10px;

}



.breadcrumb-box h4 {

    font-size: 16px;

    margin: 0 0 -3px;

}





.breadcrumb-box .select2-container--default .select2-selection--single .select2-selection__rendered {

    height: 32px;

}



.breadcrumb-box .filter-group {

    margin-top: -1px;

    margin-bottom: -10px;

}





.ribbon-gray {

    background-color: #3FAE29;

    position: absolute;

    font-size: 14px;

    top: 15px;

    right: 15px;

    color: #fff;

    padding: 3px 20px;

    border-radius: 20px;

    z-index: 10;

}





.product-item {

    min-height: 350px;

    background: #fff;

    margin-bottom: 15px;

    border-radius: 15px;

    position: relative;

}



.product-item .image {

    position: relative;

    overflow: hidden;

    border: 0px solid #ddd;

}



.product-item .image:after {

    opacity: 0;

    content: '';

    position: absolute;

    background: rgba(0, 0, 0, 0.2);

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.product-item .image img {

    padding: 3px;

}



.product-item .image .actions {

    opacity: 0;

    position: relative;

    color: none;

    font-size: 12px;

    height: 32px;

    z-index: 2;

    margin: -32px 0 0 0;

}



.product-item .image .actions.active {

    opacity: 1;

}



.product-item .image .actions .btn-buy {

    text-transform: uppercase;

    text-align: center;

    padding: 5px;

    right: 32px;

    left: 0;

    top: 0;

    bottom: 0;

    position: absolute;

}



.product-item .image .actions .btn-wishlist {

    text-align: center;

    float: right;

    width: 32px;

    padding: 5px;

}



.product-item .image .actions .btn-wishlist:hover,

.product-item .image .actions .btn-buy:hover,

.product-right-col .btn-wishlist.active {

    color: #d61011 !important;

}



.product-item .product-info {

    min-height: 90px;

    text-align: center;

}



.product-item .title {

    font-size: 17px;

    font-weight: 500;

    line-height: 18px;

    text-transform: none;

    color:#293957;

    max-height: 52px;

    overflow: hidden;

    margin: 5px 0 0 0;

}



.product-item .title:hover{

    color:#82BC00;

    text-decoration: underline;



}



/* Keep text in one line */

.text-in-one-line {

    overflow: hidden;

    text-overflow: clip;

    white-space: nowrap;

}





.product-item p {

    font-size: 12px;

    margin-bottom: 0;

    font-weight: 300;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    color: #737f96;

}



.product-item .price {

    font-size: 16px;

    font-style: italic;

    color: #3fae29;

    margin: 8px 0 5px 0;

    font-weight: normal;

    font-family: "Montserrat", sans-serif;

}



.product-item .old-price {

    color: #3fae29;

    font-size: 13px;

}



.product-item:hover .image {

    border-color: transparent;

    z-index: 0;

}



.product-item:hover .image:after,

.product-item:hover .image .actions {

    opacity: 1;

    color: none;

    background: none;

}



.product-item-more {

    border: 1px solid #ddd;

    width: 212px;

    display: table-cell;

    height: 180px;

    padding: 3px;

    background: #fcfcfc;

    font-size: 19px;

    color: #ccc;

    text-align: center;

    vertical-align: middle;

}



.product-item-more .fa {

    font-size: 200%;

    margin-bottom: 7px;

    margin-top: 10px;

}



@media only screen and (min-width: 481px) {

    .equal-height {

        display: flex;

        flex-wrap: inherit !important;

    }

}



.select-sizes {

    margin-left: 0px;

    width: 100% !important;

    cursor: default;

}



.select-sizes li {

    cursor: pointer;

    border-radius: 50px;

    padding: 5px;

    width: 15.9%;

    border: 1px solid #ccc;

    text-align: center;

    margin: 0;

    font-size: 12px;

    overflow: hidden;

    height: 36px;

}



.select-sizes li:hover {

    background: #eee;

}



.select-sizes li.active,

.select-sizes li.active:hover {

    background: #555;

    border-color: #555;

    color: #fff;

}



.select-sizes li.disabled,

.select-sizes li.disabled:hover {

    background: #fcfcfc;

    border-color: #eee;

    color: #ccc;

    cursor: default;

}



@media (min-width: 992px) and (max-width: 1199px) {

    .select-sizes li {

        width: 19%;

    }

}



@media (min-width: 768px) and (max-width: 991px) {

    .select-sizes li {

        width: 19.2%;

    }

}



#default_gallery .image-thumb {

    float: left;

    padding: 0 1em 0 0;

    width: 18.2%;

    margin-top: -4px;

}



#default_gallery .product-image {

    cursor: pointer;

    float: left;

    width: 78.7%;

    padding: 0;

}



#default_gallery .product-image img {

    width: 100%;

    background: transparent;

    border-radius: 3px;

}



.product-gallery .bx-wrapper {

    margin: 0 !important;

    box-shadow: none;

}



.product-gallery .image-thumb li a {

    width: 100%;

    border: 1px solid #e5e5e5;

    display: block;

    border-radius: 3px;

}



.product-gallery .image-thumb li a:hover,

.product-gallery .image-thumb li.active a {

    border-color: #3fae29;

}



.modal-fast-buy .form-group-qty {

    margin: 0;

}



.modal-fast-buy .form-group-qty .data-up button {

    border-left: 0;

}



.modal-fast-buy input.update-product {

    border-radius: 0 !important;

    border-left: 0;

    height: 42px;

}



/*.polaroid {

    background: white;

    padding: 4px;

    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);

    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);

    box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);

    color: 0 0 1px rgba(0, 0, 0, 0.25);

}*/



.sort-products label {

    font-weight: normal;

    font-size: 13px;

    color: #676767;

}



.sort-products .select2-selection.select2-selection--single {

    height: 31px;

    border: 0px solid white;

}



.sort-products .select2-container--bootstrap,

.sort-products .select2-selection--single,

.sort-products .select2-selection__rendered {

    font-size: 12px;

    height: 23px;

}



.select2-container--bootstrap .select2-results__option {

    font-size: 12px !important;

}



.select2-container--default .select2-selection--single .select2-selection__rendered {

    color: #333;

    line-height: 30px;

    font-size: 16px;

    height: 45px;

}



@media (min-width: 992px) {

    .sort-products {

        float: right;

        margin-top: -10px;

    }

}



.list-group.list-group-unbordered .list-group-item,

.list-group.list-group-unbordered .list-group-item:first-child,

.list-group.list-group-unbordered .list-group-item:last-child {

    border: none !important;

}



.list-group .list-group-item,

.list-group .list-group-item:first-child,

.list-group .list-group-item:last-child {

    position: relative;

    display: block;

    padding: 12px;

    margin-bottom: -1px;

    border: none;

    border-top: 1px solid #e3e3e3 !important;

    background: #f9f9f9;

    border-radius: 0;

    text-transform: uppercase;

    font-size: 13px;

}



.list-group .list-group-item:first-child {

    border-top: none !important;

}



.list-group .list-group-item:hover {

    background: #f9f9f9;

    color: #3FAE29;

}



.list-group-item.active,

.list-group-item.active:hover,

.list-group-item.active:focus {

    background-color: #3FAE29 !important;

    border-color: #3FAE29 !important;

    color: #fff;

}



.list-with-icon .fa {

    font-size: 22px !important;

}



.list-with-icon span {

    top: -3px !important;

    left: 5px;

    position: relative;

}



.categories-menu {

    padding-top: 15px;

    margin-top: -10px;

    margin-bottom: 10px;

}



.categories-menu li>a {

    display: block;

    text-align: left;

    color: #333;

    font-size: 15px;

    font-weight: bold;

    padding: 5px 0;

    text-transform: capitalize;

    border-bottom: 1px solid #ddd;

}



.categories-menu li:last-child > a {

    border-bottom: none;

}



.categories-menu li>a:hover,

.categories-menu li>a:focus {

    color: #3fae29

}



.filter-group .autoscroll{

    overflow-y: hidden !important;

}



.filter-group {

    margin-bottom: 15px;

}



.filter-group h4 {

    text-transform: uppercase;

    font-size: 14px;

    color: #000;

    margin: 0 -15px 10px;

    padding: 8px 15px 6px;

    background: #ccc;

    border-bottom: 1px solid #aaa;

}



.filter-group label {

    padding-left: 10px !important;

}



.filter-group label:hover {

    color: #3FAE29 !important;

}



.filter-group .pretty {

    color: #3FAE29;

    width: 100%;

}



.filter-group .badge {

    float: right;

    background: transparent;

    color: #777;

    font-weight: 400;

    margin-top: 0px;

    margin-right: 0;

    text-align: center;

    border-radius: 30px;

    width: 25px;

    height: 20px;

    padding: 4px 0;

    font-size: 11px;

}



.filter-group ul > li {

    padding: 0 6px;

    margin: 2px;

}



.squared-selection li {

    border: 1px solid #ddd !important;

    border-radius: 30px;

    width: 24%;

    text-align: center;

    overflow: hidden;

    font-size: 13px;

    margin: 0 !important;

}



.filter-group  ul > li > label {

    font-size: 14px !important;

}





.filter-group  .autoscroll {

    overflow-y: auto;

    overflow-x: hidden;

    max-height: 277px;

}



.pretty.p-icon input:checked~.state label:before{

    border-color: #3FAE29;

    background: #3FAE29;

}



.filter-group .checkbox {

    margin: 0;

}



.filter-group .icheckbox_minimal-blue {

    margin-top: -3px;

}



.filter-group ul {

    margin: 0px;

}



.filter-group ul li:last-child .checkbox {

    margin-bottom: 0;

}



.filter-group .hidden-filter {

    display: none;

}



.filter-group a {

    font-weight: 300;

    font-size: 13px;

    color: #3fae29;

}



.filter-group .show-more-arrow {

    background: #3fae29;

    color: #fff;

    width: 14px;

    height: 14px;

    padding: 2px 2px 0px 3px;

    font-weight: bold;

}





/**

 * Spinner

 */



@media ( max-width: 200px) {

    .input-group span.input-group-btn,

    .input-group input,

    .input-group button {

        display: block;

        width: 100%;

        border-radius: 0;

        margin: 0;

    }

    .input-group {

        position: relative;

    }

    .input-group span.data-up {

        position: absolute;

        top: 0;

    }

    .input-group span.data-dwn {

        position: absolute;

        bottom: 0;

    }

    .input-group-btn:last-child>.btn,

    .input-group-btn:last-child>.btn-group {

        margin-left: 0;

    }

}





/**

 * Products

 */



.color-square {

    width: 16px;

    height: 16px;

    display: block;

}



.color-square.color-square-20 {

    width: 20px;

    height: 20px;

}



.color-square.color-square-24 {

    width: 24px;

    height: 24px;

}



.product-right-col {

    border-radius: 10px;

    margin-bottom: 5px;

/*    box-shadow: 0 1px 4px #ccc*/

}



.product-right-col .ribbon-wrapper {

    right: 0;

    display: block;

    background: #d30000;

    padding: 3px 15px;

    border-radius: 50px;

    top: -5px;

    color: #fff;

    font-size: 16px;

    position: relative;

}



.product-right-col .product-title {

    margin-top: 0;

    margin-bottom: 20px;

    font-size: 27px;

    line-height: 35px;

    font-weight: bold;

    color: #000;

}



.product-right-col .product-title small {

    text-transform: none;

    font-size: 65%;

    font-weight: 300;

    line-height: 26px;

}



.product-right-col .product-status {

    position: relative;

}



.product-right-col .product-status .loading-verify-stock {

 /*   position: absolute;

    background: rgba(255, 255, 255, 0.8);

    left: 0;

    right: 0;

    top: 0;

    bottom: 70px;

    z-index: 1;

    text-align: center;*/

}



.product-right-col .product-status .loading-verify-stock div {

/*    position: relative;

    top: 50%;

    margin-top: -5px;

    color: #999;*/

}



.product-right-col .product-status p {

    margin-top: 11px;

    line-height: 18px;

    font-size: 13px;

    color: #000;

}



.product-right-col .product-status p b {

    font-weight: 500;

    font-size: 15px;

    color: #000;

}



.product-right-col .product-status .number-spinner .input-group-btn:first-child button {

    border-radius: 50px 0 0 50px;

    border-right: 0;

    padding: 3px 20px 4px 20px !important;

    height: 41px;

}



.product-right-col .product-status .number-spinner .form-control {

    height: 41px !important;

    border-radius: 0 !important;

    border-left: none;

    border-right: none;

    margin-left: -1px;

}



.product-right-col .product-status .number-spinner .input-group-btn:last-child button {

    border-radius: 0 50px 50px 0;

    border-left: 0;

    padding: 3px 20px 4px 20px !important;

    height: 41px;

}



.product-right-col .product-price h2 {

    color: rgb(214 16 17);

    font-weight: 500;

    font-size: 30px;

    margin-bottom: 10px;

}



.product-right-col .product-price h2 sup {

    font-size: 60%;

}



.product-right-col .product-promo-price h4 {

    font-weight: 700;

    font-size: 26px;

    color: #3FAE29;

    text-decoration: line-through;

}



.product-right-col .description-collapsed {

    min-height: 100px;

    overflow: hidden;

}



.category-product,

.tag-product {

    color: #333;

    font-weight: 500;

    display: block;

    margin-bottom: 20px;

    font-size: 18px;

}



.category-product a,

.tag-product a {

    color: #333;

    font-weight: 400;

    font-size: 15px;

    padding: 2px 20px;

    border-radius: 20px;

    margin-left: 10px;

    background: #f5f5f5;

    display: inline-block;

}



.category-product a:hover,

.tag-product a:hover {

    background: #3fae29;

    color: white;

}



.product-right-col .product-attribute-title {

    font-size: 14px;

    text-transform: uppercase;

}



.product-right-col .btn-wishlist {

    color: #d61011;

    margin: 5px 0 0 0;

}



.product-right-col .btn-wishlist:hover,

.product-right-col .btn-wishlist:active,

.product-right-col .btn-wishlist:focus {

    color: #d61011;

}



.product-share {

    margin: 0

}



.product-share p {

    text-transform: uppercase;

    font-size: 12px;

    font-weight: bold;

    color: #FFF;

    background: #777;

}



.product-share a {

    background: #777;

    display: inline-block;

    border-radius: 40px;

    color: #fff;

}



.product-share a:hover,

.product-share a:active,

.product-share a:focus {

    color: #000;

}



.product-share span {

    padding: 2px;

    width: 25px;

    height: 25px;

    display: inline-block;

    text-align: center;

    border-radius: 30px;

}



.product-colors {

    display: block;

    padding: 3px;

    border: 2px solid #eee;

    border-radius: 50px;

}



.product-colors.active,

.product-colors.active:hover {

    border-color: #191919;

}



.product-colors:hover {

    border-color: #3FAE29;

}



.product-colors img {

    border-radius: 50px;

    height: 45px;

}



.nav-tabs-products,

.nav-tabs-account {

    border-bottom: 2px solid rgb(243, 243, 243);

    margin: -15px -15px 0 -15px;

}



.nav-tabs-account li > a {

    font-size: 14px !important;

}



.nav-tabs-account .step-circle {

    padding: 2px;

    background: #444;

    border-radius: 50px;

    width: 25px;

    height: 25px;

    display: inline-block;

    text-align: center;

    color: #fff;

    margin-bottom: -10px;

}



.nav-tabs-account .active .step-circle {

    background: #d61011;

}



.nav-tabs>li>a {

    border: none;

    border-bottom: none;

    border-radius: 0;

    color: #333;

    text-transform: uppercase;

    font-size: 16px;

    font-weight: 600;

}



.nav-tabs>li>a:hover {

    border: none;

}



.nav-tabs>li.active>a,

.nav-tabs>li.active>a:hover,

.nav-tabs>li.active>a:focus {

    border-bottom: 3px solid #3fae29;

    border-top: none;

    border-right: none;

    border-left: none;

    color: #3fae29;

}



.tab-content {

    padding: 15px;

    border: 0px solid #ddd;

    border-top: 0;

    color: gray;

    font-size: 16px;

}



.update-product {

/*    border: 2px solid #333;

    height: 40px;

    padding: 0 3px;

    border-radius: 50px !important;

    width: 104px !important;*/

    padding: 0 12px 0 26px;

    border-radius: 50px !important;

    text-align: center;

}



.search-no-results {

    color: #8d8d8d;

    font-size: 15px;

    text-align: center;

    padding: 15px 0;

}



.search-page .form-control {

    padding: 22px 15px !important;

    border-radius: 50px 0 0 50px;

}



.search-page button {

    border-radius: 0 50px 50px 0 !important;

}



.shopping-basket {

    padding-left: 10px !important;

    padding-right: 10px !important;

    color: #000 !important;

    background: #333;

    padding: 5px 15px;

    border-radius: 50px;

    display: inline-block;

}





.shopping-basket:hover {

    background: #dfae00 !important;

}



.btn-resume-cuppon {

    border-radius: 30px !important;

    margin-top: 10px;

}



.sweet-alert .btn-lg {

    border-radius: 30px;

    height: 50px;

}



.destroy-cart {

    border-radius: 30px;

    padding: 10px 15px;

}



.brand-item {

    display: block;

    border: 1px solid #eee;

    border-radius: 3px;

    margin-bottom: 20px;

}



a.brand-item:hover {

    border-color: #999;

}



.contact-shop {

    min-height: 105px;

    padding: 10px 15px;

    border: 1px solid #ddd;

    margin-top: -1px;

    background: #FDFDFB;

}



.contact-shop h4 {

    margin: 5px 0;

    font-size: 16px;

    font-weight: 600;

}



.contact-shop p {

    line-height: 18px;

    color: #696969;

    margin: 0;

}



.register-panel {

    padding: 65px 0 60px 65px;

    background: #fff;

}



.register-panel .fa-angle-left:before,

.register-panel .fa-angle-right:before {

    color: #fff;

}



.cart-login-panel .input-group .input-group-addon {

    border-radius: 50px 0 0 50px;

    height: 41px;

    background: #fff;

    border-right: 0;

    padding: 13px 6px 12px 15px;

}



.cart-login-panel .input-group input {

    height: 41px;

    border-radius: 0 50px 50px 0;

    border-left: 0;

}



/**

 * ACCOUNT

 */



.login .input-group{

    display:block !important;

}



.login input{

    width: 100%;

    padding: 0 15px;

    height: 45px;

    border-radius: 3px;

    border: 1px solid #d7dce6;

    background-color: #f5f6f6;

    font-size: 16px;

    color: #293957;

}



.login h4{

    font-weight: 700;

    font-size: 28px;

    color: #293957;

}



.username-block {

    padding: 8px;

    margin-bottom: -1px;

    background: #333;

    border-radius: 2px;

}



.username-block .sidebar-user h2 {

    overflow: hidden;

    font-size: 16px;

    font-weight: normal;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: #fff;

    margin: 5px 0;

}



@media (min-width: 991px) and (max-width: 1199px) {

    .sidebar-user {

        width: 147px

    }

}



.panel-accordion .panel-heading {

    border-radius: 0;

}



.panel-group {

    margin-bottom: 10px;

}



.panel-accordion {

    background-color: #fff;

    border: 1px solid transparent;

    border-radius: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

    padding: 0;

}



.panel-accordion .panel-heading {

    padding: 0;

}



.panel-accordion .panel-heading a {

    display: block;

    padding: 15px;

    color: #444;

    border: 1px solid #eee;

}



.panel-accordion .panel-heading a:hover {

    background: #eee;

}



.table-shopping-cart>thead>tr>th,

.table-shopping-cart>tbody>tr>th,

.table-shopping-cart>tfoot>tr>th,

.table-shopping-cart>thead>tr>td,

.table-shopping-cart>tbody>tr>td,

.table-shopping-cart>tfoot>tr>td {

    border-top: none;

    border-bottom: 1px solid #ddd;

}



.cart-summary-item {

    text-align: right;

    margin-bottom: 7px !important;

}



.cart-summary-item span {

    width: 80px;

    display: inline-block;

    font-weight: normal;

}



.cart-summary {

    border: 1px solid #ddd;

    border-radius: 4px;

    box-shadow: 0 1px 1px #ddd;

    background: #FEFFFD;

    padding: 15px;

    margin-bottom: 30px;

}



.cart-summary h2 {

    text-align: left;

    padding: 22px 0 29px 15px;

    margin: 0 0 0 5px;

    margin-left: 5px;

    margin-top: 0;

    border-left: 1px dotted #ccc;

}



.cart-summary h2 small {

    margin-bottom: 5px;

    margin-top: 8px;

    display: block;

    text-transform: none;

}



.cart-summary h4 {

    margin-top: 0;

    margin-bottom: 5px;

}



.cart-resume-panel {

   /* position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;*/

    background: #dadada;

    padding: 15px;

    border-left: 1px solid #ddd;

    margin-top: -15px;

    margin-bottom: -15px;

    margin-right: -15px;

    margin-left: 15px;

    border-radius: 0 5px 5px 0;

}



.cart-resume-panel .promo-code .form-control {

    border-radius: 30px 0 0 30px;

}



.cart-resume-panel .promo-code button {

    height: 32px;

    background: #777;

    border-color: #777;

    padding: 0 15px !important;

}



.cart-payment-options .checkbox {

    border: 1px solid #ddd;

    border-radius: 50px;

    padding: 10px;

    margin-top: 0;

    margin-bottom: 15px;

    cursor: pointer;

}



.cart-payment-options .checkbox {

    border-radius: 10px;

}



.cart-payment-options .checkbox:hover,

.cart-payment-options .checkbox:active {

    background: #fefefe;

}



.cart-payment-options .checkbox.active {

    border-color: #3FAE29;

}



.cart-payment-options .media-object {

    width: 45px;

}



.cart-payment-options .media-heading {

    font-weight: normal;

}



.cart-payment-options .media-heading .label {

    font-size: 60%;

    top: -3px;

    position: relative;

}



.cart-payment-options p {

    margin: 0;

    color: #777;

}



.cart-payment-options .radio-circle {

    border-radius: 30px;

    margin: 2px 0 0 0;

    width: 18px;

    height: 18px;

    border: 1px solid #999;

}



.cart-payment-options .checkbox:hover .radio-circle span,

.cart-payment-options .checkbox:active .radio-circle span {

    background: #ccc;

    border-radius: 20px;

    width: 12px;

    height: 12px;

    position: absolute;

    margin: 2px;

}



.cart-payment-options .checkbox.active .radio-circle span,

.cart-payment-options .checkbox.active:hover .radio-circle span {

    background: #3FAE29;

    border-radius: 20px;

    width: 12px;

    height: 12px;

    position: absolute;

    margin: 2px;

}



.resume-panel-content td {

    border-color: #aaa !important;

}



.block-bordered {

    padding: 15px;

    border-radius: 3px;

    border: 1px solid #ddd;

    height: 100%;

}



.first-child>li>a {

    background: transparent;

    display: block;

    color: #3FAE29;

    padding: 4px 2px;

    margin-top: -1px;

    text-transform: uppercase;

}



.first-child {

    padding-top: 0 !important;

}



.second-child>li {

    border-bottom: 1px solid #ddd;

}



.second-child>li:last-child {

    border-bottom: none;

}



.second-child>li>a {

    padding: 4px 0;

    width: 100%;

    display: block;

    font-weight: normal;

    border: none;

}



.second-child>li>a.active {

    color: #3FAE29 !important;

}



.second-child>li>a .fa {

    margin-top: 3px;

}



.third-child>li>a {

    text-transform: none;

    color: #555;

    padding: 5px 0 0 10px;

    display: block;

    font-weight: normal;

    border-bottom: none;

}



.third-child>li>a.active {

    color: #3FAE29 !important;

}



.third-child {

    margin-bottom: 10px;

}



.order-summary-papper {

    padding: 15px;

    border: 1px solid #ddd;

    box-shadow: 0px 1px 1px #ddd;

    background: #fff;

}



.order-summary-papper .final-prices td {

    padding-bottom: 5px;

}





/**

 * CUSTOM PAGES

 */



.page-image {

    text-align: center;

    position: relative;

}



.page-image .caption {

    text-align: center;

    border: 1.5px solid #fff;

    padding: 10px;

    display: inline-block;

    top: -165px;

    position: relative;

}



.page-image .caption h1 {

    margin: 0;

    color: #fff;

}



.page-image .caption h3 {

    font-weight: normal;

    margin-top: 5px;

    margin-bottom: 5px;

    color: #fff;

    font-size: 22px;

}



.page-image .image {

    background-position: center;

    background-size: cover;

    height: 250px;

}



.bx-wrapper .bx-controls-direction a {

    z-index: 999 !important;

}



.bx-wrapper .bx-prev {

    left: 145% !important;

}



.bx-wrapper .bx-next {

    left: 640%;

}



.single-fact{

    margin-top: 10px;

    padding: 21px 0px;

}



.single-fact .count {

    font-size: 30px;

    font-weight: 800;

    font-style: italic;

    color: #fff;

    font-family: "Montserrat", sans-serif;

}



.single-fact p {

    font-size: 14px;

    text-transform: uppercase;

    color: #999;

}



.block-icon i{

    color: #3fae29;

}



.contacts-header i{

    display: flex;

    font-size: 22px;

    color: #82BC00;

}



.contacts-header .label{

    text-transform: uppercase;

    color: #737f96;

    font-size: 12px;

    display: block;

    font-weight: 700;

}



.contacts-header{

    color: gray;

    font-size: 13px;

    line-height: 1.25;

    font-weight: normal;

}
@media (min-width: 767px) {
    .carousel-inner{
    
        height:500px
    
    }
}



.products-slider-header {

    border-bottom: 2px solid #ddd;

    margin-bottom: 0px;

    margin-top: 40px;

}



.products-slider-header .products-slider-title {

    float: left;

    margin: 0;

    margin-top: -17px;

    text-transform: uppercase;

}



.products-slider-header .products-slider-filters {

    float: right;

    margin-top: -25px;

    margin-bottom: 15px;

    position: relative;

}



.products-slider-header .products-slider-filters li {

    padding: 0;

}



.products-slider-header .products-slider-filters a {

    text-transform: uppercase;

    font-size: 13px;

    color: #777;

    height: 40px;

    border-bottom: 2px solid transparent;

    margin-bottom: -18px;

    padding: 0 5px;

    display: block;

}



.products-slider-header .products-slider-filters a:hover {

    color: #000;

    border-bottom-color: #000;

}



.products-slider-header .products-slider-filters .active a,

.products-slider-header .products-slider-filters .active a:hover {

    color: #3fae29;

    border-bottom-color: #3fae29;

}



.products-slider-header .products-slider-filters .btn-slider {

    background: transparent;

    border: 2px solid #eee;

    color: #ddd;

    font-size: 18px;

    margin-left: 9px;

    margin-right: -5px;

    width: 30px;

    height: 30px;

    padding: 0;

}



.products-slider-content {

    position: relative;

    overflow: hidden;

    height: 900px;

    padding-top: 30px;

    padding-right: 10px;

}



.products-slider-content .loading {

    position: absolute;

    z-index: 1;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    background: rgba(255, 255, 255, 0.7);

    text-align: center;

    font-size: 18px;

    color: #777;

    padding-top: 10%;

}



.custom-page-section .container-fluid {

    padding-right: 0 !important;

    padding-left: 0 !important;

}



.custom-page-section .container-fluid .row {

    margin-right: 0 !important;

    margin-left: 0 !important;

}



.block-reassurance-page {

    text-align: center;

    margin: 30px 0;

    background: #fff;

    border-radius: 5px;

    border: 1px solid #ddd;

    padding: 30px;

    color: #777;

    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);

    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);

}



.block-reassurance-page img {

    height: 80px;

}



.credit-card-form .form-group-lg .select2-container .select2-selection--single {

    height: 46px;

}



.credit-card-form .form-group-lg .select2-container .select2-selection--single {

    height: 46px;

}



.credit-card-form .form-group-lg .select2-container--default .select2-selection--single .select2-selection__arrow {

    top: 9px;

    right: 3px;

}



.credit-card-form .form-group-lg .select2-container--default .select2-selection--single .select2-selection__rendered {

    line-height: 44px;

}



/**

 * Format XS screen

 */



@media (max-width: 767px) {

    body {

        font-size: 12px;

        line-height: 1.6em;

        margin-top: 70px;

    }

    label {

        font-size: 11px;

    }

    .breadcrumb {

        font-size: 11px;

    }

    /** HEADER **/

    .navbar-nav {

        margin: 5px -15px -1px -15px;

        overflow: auto;

        max-height: 450px;

    }

    .navbar-default .navbar-toggle {

        border-color: transparent;

        padding: 1px;

        margin: 0 15px -3px 0;

    }

    .navbar-default .navbar-toggle:hover,

    .navbar-default .navbar-toggle:focus {

        background: transparent;

    }

    .navbar-default .navbar-toggle .icon-bar {

        background-color: #3FAE29;

    }

    .navbar-default .navbar-collapse,

    .navbar-default .navbar-form {

        border-color: #333;

    }

    header {

        position: fixed;

        z-index: 100000;

        left: -15px;

        right: -15px;

        top: 26px;

    }



    header a {

        color: #333 !important;

    }



    header .navbar-default .navbar-nav>li>a {

        padding: 15px 15px;

        font-size: 20px !important;

        height: auto !important;

        color: #ffffff;

    }

    header .navbar-default .fa-angle-down {

        float: right;

    }

    /*header .header-top {

        background: #393939;

    }*/

    header .navbar-default {

        height: auto;

        min-height: 0px;

        border-top: none !important;

        border-right: none !important;

        border-left: none !important;

        border-bottom: 5px solid #3FAE29 !important;

        border-radius: 0 !important;

    }

    .header-main .row {

        margin-left: 0;

        margin-right: 0;

    }

    .header-main .row div[class*="col-"] {

        padding-left: 0;

        padding-right: 0;

    }

    header .logo {

        float: left;

        display: inherit !important;

    }

    header .logo img {

        margin: 15px 10px;

        height: 28px !important;

    }

    header .menu-icons .fa {

        font-size: 20px !important;

        margin: 0 !important;

    }

    header .menu-icons a {

        margin: 21px 2px;

    }

    header .menu-icons a:hover,

    header .menu-icons a:focus {

        color: #fff;

    }

    header .shopping-basket {

        width: auto !important;

        padding: 0 !important;

        float: none !important;

        margin-top: 8px;

        margin-bottom: 0px;

    }

    header .dropdown:hover .dropdown-menu {

        width: 99%;

        overflow: inherit;

        display: block;

        border-radius: 0;

        background: rgba(255, 255, 255, 0.1);

        position: relative;

        margin: -50px 0 70px -16px;

        z-index: 10000;

        position: relative;

    }

    header .level-2>li {

        float: none;

        width: 100%;

        border: none;

    }

    header .level-2>li>a {

        color: #fff !important;

        font-weight: normal;

        border: none;

        padding: 9px 5px 9px 10px;

    }

    header .level-3 {

        display: none;

    }

    header .search-area {

        background: #333;

    }

    header .search-area input {

        border: none;

        background: transparent;

        color: #fff;

    }

    header .search-area button {

        border-radius: 0;

        border: none;

        background: transparent;

        color: #777;

    }



    header .navbar-default .container-fluid {

        padding:  0 15px !important;

    }



    .shopping-basket {

        color: #333 !important;

        background: transparent;

        border-radius: 0px;

    }



    /** PRODUCTS **/

    .product-item {

        min-height: 235px !important;

    }

    .product-left-col {

        margin-bottom: 15px;

    }

    .product-right-col {

        border: none !important;

        padding: 0;

        box-shadow: none;

    }

    .product-right-col .panel-body {

        padding: 0;

    }

    .product-right-col .product-title {

        font-size: 20px;

        line-height: 22px;

    }

    .nav>li>a {

        font-size: 11px !important;

        padding: 8px 12px;

    }

    /*header .header-top ul>li>a {

        font-size: 12px;

    }*/

    .select-sizes li {

        width: 19%;

    }

    #default_gallery .image-thumb {

        width: 25%;

    }

    #default_gallery .product-image {

        width: 75%;

    }

    .sa-button-container .cancel {

        margin-bottom: 15px;

    }

    .filters-collapse-area {

        display: none;

    }

    .btn-collapse-filters {

        background: transparent;

        border: none;

        padding: 14px 0 0 0;

        font-size: 16px;

        width: 100%;

    }

    .categories-menu li>a {

        padding: 5px 10px;

        display: block;

    }

    .categories-menu {

        margin-top: 0;

        border-top: 0;

    }

    /** FOOTER **/



    footer .footer-top{    

        border-bottom:2px solid lightgray;

        padding-bottom: 10px;

    }



    footer {

        height: auto;

        margin-top: 30px;

    }

    footer .links {

        padding: 0 !important;

        margin: 0 !important;

        text-align: center;

    }

    footer .links .row {

        margin-left: 0;

        margin-right: 0;

    }

    footer .links .row div[class*="col-"] {

        padding-left: 0;

        padding-right: 0;

    }

    footer .links ul {

        margin-bottom: 0;

    }

    footer .links ul li a {

        color: #fff;

        padding: 15px 15px;

        text-align: center;

        font-size: 14px;

        font-weight: 300;

        display: block;

        border-bottom: 1px solid #d26565;

    }



    footer .social-network {

        text-align: center !important;

    }



    .footer-payment-methods {

        text-align: center !important;

    }



    .footer-payment-methods .logo-block span {

        padding: 3px 2px;

    }





    .register-panel {

        text-align: center;

        padding: 30px 15px;

        background: transparent;

        border-bottom: 1px solid #999;

        margin: -15px -15px 30px -15px;

        border-radius: 5px 5px 0 0;

        border-right: none;

    }

    register-panel .btn {}

    .page-image .caption {

        top: -190px;

        left: 30px;

        right: 30px;

        position: absolute;

    }



    .cart-resume-panel {

        background: #dadada;

        padding: 15px;

        border-left: 1px solid #ddd;

        margin-top: -14px;

        margin-bottom: -15px;

        margin-right: -15px;

        margin-left: -15px;

        border-radius: 0 0 5px 5px;

    }



    .number-spinner .update-product {

        border-radius: 0 !important;

    }



    .number-spinner button {

        padding: 0px 12px !important;

    }

}



@media (min-width: 768px) and (max-width: 991px) {

    .container {

        width: auto;

    }

    header .header-main .logo {

        margin: 22px 0 22px 25px !important;

    }

    .page-image .caption {

        top: -135px;

    }

}



@media (min-width: 992px) and (max-width: 1199px) {

    .products-slider-content {

        height: 370px;

    }

}



.notify {

    background: rgb(23 23 23);

    color: #fff;

    position: fixed;

    padding: 9px 20px;

    z-index: 10000000000;

    margin: 15px;

    bottom: 5px;

    right: 0;

    width: 329px;

    border-radius: 3px;

    box-shadow: 1px 1px 3px #333;

}



.notify p {

    margin: 0;

    font-size: 13px;

    opacity: 0.7;

    line-height: 18px;

}



.notify b {

    display: block;

    line-height: 18px;

}



.notify a.close-popup {

    position: relative;

    color: rgba(255, 255, 255, 0.4);

    margin-left: 10px;

}



.popup-message {

    top: 50% !important;

}



.popup-message.cookie {

    top: initial !important;

}



.modal-popup .popup-bg {

    background-position: center;

    background-size: cover;

    height: 300px;

}



@media (max-width: 767px) {

    .modal-popup .popup-bg {

        height: 220px;

    }

}



.modal-popup .close {

    position: absolute;

    top: -6px;

    right: -3px;

    opacity: 1;

    background: rgba(255, 255, 255, 0.8);

    border-radius: 40px;

    width: 21px;

    height: 21px;

    border: 2px solid #fff;

    line-height: 1px;

}



.popup-btn {

    position: absolute;

    bottom: 10px;

    left: 10px;

    right: 10px;

    text-align: center;

}



@media (min-width: 768px) {

    .modal-center {

        position: absolute;

        top: 50%;

        margin-top: -180px;

    }

}



@media (max-width: 767px) {

    .notify {

        background: rgba(0, 0, 0, 0.9);

        color: #fff;

        position: fixed;

        padding: 9px 20px;

        z-index: 10000;

        margin: 0;

        bottom: 0;

        left: 0;

        right: 0;

        border-radius: 0;

        text-align: center;

        box-shadow: none;

    }

    .notify a.close-popup {

        position: relative;

        color: #fff;

        margin-left: 10px;

    }

    .modal {

        position: absolute;

    }

}



.brand-item {

    max-height: 128px;

}



.lds-ellipsis {

    display: inline-block;

    position: relative;

    width: 80px;

    height: 50px;

}

.lds-ellipsis div {

    position: absolute;

    top: 33px;

    width: 13px;

    height: 13px;

    border-radius: 50%;

    background: #000;

    animation-timing-function: cubic-bezier(0, 1, 1, 0);

}

.lds-ellipsis div:nth-child(1) {

    left: 8px;

    animation: lds-ellipsis1 0.6s infinite;

}

.lds-ellipsis div:nth-child(2) {

    left: 8px;

    animation: lds-ellipsis2 0.6s infinite;

}

.lds-ellipsis div:nth-child(3) {

    left: 32px;

    animation: lds-ellipsis2 0.6s infinite;

}

.lds-ellipsis div:nth-child(4) {

    left: 56px;

    animation: lds-ellipsis3 0.6s infinite;

}

@keyframes lds-ellipsis1 {

    0% {

        transform: scale(0);

    }

    100% {

        transform: scale(1);

    }

}

@keyframes lds-ellipsis3 {

    0% {

        transform: scale(1);

    }

    100% {

        transform: scale(0);

    }

}

@keyframes lds-ellipsis2 {

    0% {

        transform: translate(0, 0);

    }

    100% {

        transform: translate(24px, 0);

    }

}