/*!

    ----------------------------------



    * Mobel Furniture Template Theme

    * Version - 2.2.0

    * Copyright (c) 2017 ElaThemes.com



    ----------------------------------



    [Table of contents]



    1. Default body styles

    2. Page loader

    3. Headings

    4. Anchors

    5. Button styles

    6. Breadcrumbs

    7. Checkbox

    8. Sections

    9. Header

    10. Main Header

    11. Main navigation

    12. Categories

    13. Header content

    14. Blocks

    15. Sort bar

    16. Price filter

    17. Pagination

    18. Filters

    19. Products category

    20. Product page

    21. Product color buttons

    22. BLog

    23. Designer

    24. Tabs navigation

    25. Comments

    26. Wrapper more

    27. Stretcher

    28. Scroll to top

    29. Banner

    30. Main popup

    31. Instagram

    32. Checkout

    33. Checkout steps

    34. Login wrapper

    35. Contact

    36. Map Info window

    37. Shortcodes

    38. Tabsy wrapper

    39. History

    40. Intro

    41. Text blocks

    42. Quotes

    43. Team

    44. Owl-icons

    45. Footer

    46. Info icons

    47. Cards

    49. Single page



    ----------------------------------

 */

/*  

    ----------------------------------

    1. Default body styles

    ----------------------------------

*/



/*Toast Başlangıç*/
.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    color: #fff
}

.toast-message a,
.toast-message label {
    color: #fff
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    line-height: 1
}

.toast-close-button:focus,
.toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4
}

.rtl .toast-close-button {
    left: -.3em;
    float: left;
    right: .3em
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
    color: #fff
}

#toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#toast-container>div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999;
    -webkit-box-shadow: 0 0 12px #999;
    box-shadow: 0 0 12px #999;
    color: #fff;
    opacity: 1
}

#toast-container>div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center
}

#toast-container>div:hover {
    -moz-box-shadow: 0 0 12px #000;
    -webkit-box-shadow: 0 0 12px #000;
    box-shadow: 0 0 12px #000;
    opacity: 1;
    cursor: pointer
}

#toast-container>.toast-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important
}

#toast-container>.toast-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important
}

#toast-container>.toast-success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important
}

#toast-container>.toast-warning {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important
}

#toast-container.toast-bottom-center>div,
#toast-container.toast-top-center>div {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

#toast-container.toast-bottom-full-width>div,
#toast-container.toast-top-full-width>div {
    width: 96%;
    margin-left: auto;
    margin-right: auto
}

.toast {
    background-color: #030303
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #f89406
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: 1
}

@media all and (max-width:240px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }
    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px
    }
    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media all and (min-width:241px) and (max-width:480px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }
    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px
    }
    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media all and (min-width:481px) and (max-width:768px) {
    #toast-container>div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }
    #toast-container>div.rtl {
        padding: 15px 50px 15px 15px
    }
}

@media only screen and (max-width:991px) {
    .toast-top-right {
        top: 47px;
        right: 3px
    }
}
/*Toast BitiÅŸ*/





*{list-style:none; } 

.logomlight{display:none; }

.navbar-sticked .logom{display:none; }

.navbar-sticked .logomlight{ display:block;}



body {

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

    font-size: 13px;

    line-height: 1.3;

    color: #666666;

}

@media (max-width: 992px) {



		.logomlight{ display:block;width:100%;}

.logom{display:none; }



}





@media (min-width: 992px) {

    body {

        font-size: 16px;

        line-height: 1.4;

    }



}



body .wrapper {

    position: relative;

    overflow: hidden;

    width: 100%;

}



b,

strong,

label,

.label {

    font-weight: 500;

}



@media print {

    .container {

        width: 100% !important;

    }

}



/*  

    ----------------------------------

    2. Page loader

    ----------------------------------

*/

.page-loader {

    position: fixed;

    width: 100%;

    height: 100%;

    overflow: hidden;

    z-index: 999999;

    background-color: white;

}



.page-loader:before {

    font-family: 'LinearIcons';

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 40px;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    content: "\e810";

    position: fixed;

    font-size: 40px;

    left: 50%;

    top: 50%;

    z-index: 999999;

    width: 40px;

    height: 40px;

    text-align: center;

    margin-left: -20px;

    margin-top: -20px;

    -webkit-animation: fa-spin 2s infinite linear;

    animation: fa-spin 2s infinite linear;

    color: #ffbb00;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



.page-loader.loaded {

    width: 0;

    left: 0;

    -moz-transition: all 1s cubic-bezier(0.8, 0.2, 0.2, 0.9);

    -o-transition: all 1s cubic-bezier(0.8, 0.2, 0.2, 0.9);

    -webkit-transition: all 1s cubic-bezier(0.8, 0.2, 0.2, 0.9);

    transition: all 1s cubic-bezier(0.8, 0.2, 0.2, 0.9);

}



.page-loader.loaded:before {

    opacity: 0;

}



/*  

    ----------------------------------

    3. Headings

    ----------------------------------

*/

h1, h2, h3, h4, h5, h6,

.h1, .h2, .h3, .h4, .h5, .h6 {

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

    text-transform: uppercase;

    font-weight: 600;

}



h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child,

.h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child {

    margin-top: 0;

}



h1, .h1 {

    font-size: 23px;

    margin-top: 15px;

    margin-bottom: 15px;

}



@media (min-width: 992px) {

    h1, .h1 {

        font-size: 34px;

        margin-top: 26.66667px;

        margin-bottom: 26.66667px;

    }

}



h2, .h2 {

    font-size: 21px;

    margin-top: 15px;

    margin-bottom: 15px;

}



@media (min-width: 992px) {

    h2, .h2 {

        font-size: 30px;

        margin-top: 26.66667px;

        margin-bottom: 26.66667px;

    }

}



h3, .h3 {

    font-size: 19px;

    margin-top: 15px;

    margin-bottom: 15px;

}



@media (min-width: 992px) {

    h3, .h3 {

        font-size: 26px;

        margin-top: 26.66667px;

        margin-bottom: 26.66667px;

    }

}



h4, .h4 {

    font-size: 17px;

    margin-top: 15px;

    margin-bottom: 15px;

}



@media (min-width: 992px) {

    h4, .h4 {

        font-size: 22px;

        margin-top: 26.66667px;

        margin-bottom: 26.66667px;

    }

}



h5, .h5 {

    font-size: 15px;

    margin-top: 15px;

    margin-bottom: 15px;

}



@media (min-width: 992px) {

    h5, .h5 {

        font-size: 18px;

        margin-top: 26.66667px;

        margin-bottom: 26.66667px;

    }

}



h6, .h6 {

    font-size: 13px;

    margin-top: 15px;

    margin-bottom: 15px;

}



@media (min-width: 992px) {

    h6, .h6 {

        font-size: 14px;

        margin-top: 26.66667px;

        margin-bottom: 26.66667px;

    }

}



/*  

    ----------------------------------

    4. Anchors

    ----------------------------------

*/

a {

    color: #3a3d45;

}



a:focus, a:active, a:hover {

    color: #666666;

    text-decoration: none;

}



a, .btn {

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



@media print {

    a[href]:after,

    abbr[title]:after,

    a[href^="#"]:after {

        content: none !important;

    }

}



/* iPad fix */

input, textarea, select {

    -webkit-appearance: none;

    /*disable shaddow nav ipad*/

    -moz-appearance: none;

    /*disable shaddow nav ipad*/

    border-radius: 0;

    /*disable border-radius ipad*/

}



/*  

    ----------------------------------

    5. Button styles

    ----------------------------------

*/

.btn {

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

}



.btn.btn-main {

    background-color: #ffbb00;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);

}



.btn.btn-main:hover {

    background-color: #3a3d45;

}



.btn.btn-main, .btn.btn-main:hover, .btn.btn-main:focus, .btn.btn-main:active {

    color: #fff;

}



.btn.btn-clean {

    background-color: transparent;

    border-color: white;

    color: white !important;

}



.btn.btn-clean:hover {

    background-color: white;

    border-color: white;

    color: black !important;

}



.btn.btn-clean-dark {

    background-color: transparent;

    border-color: rgba(58, 61, 69, 0.5);

    color: #3a3d45 !important;

}



.btn.btn-clean-dark:hover {

    background-color: #3a3d45;

    border-color: #3a3d45;

    color: white !important;

}



.btn.btn-add {

    background: transparent;

    position: absolute;

    overflow: hidden;

    color: white;

    bottom: 0;

    right: 0;

    border: 0;

    width: 100px;

    height: 100px;

    font-size: 19px;

    cursor: pointer;

    z-index: 9;

}



.btn.btn-add:hover {

    color: white;

}



.btn.btn-add:hover:before {

    background-color: #000000;

}



.btn.btn-add .icon {

    position: absolute;

    bottom: 17px;

    right: 17px;

}



.btn.btn-add:before {

    background-color: #ffbb00;

    position: absolute;

    content: "";

    width: 200%;

    height: 200%;

    top: 0%;

    left: 50%;

    z-index: 0;

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.btn.btn-buy {

    background-color: #ffbb00;

    color: white;

    position: absolute;

    padding: 0;

    right: 10px;

    top: 0;

    width: 80px;

    height: 80px;

    font-size: 25px;

    line-height: 50px;

    text-align: center;

    overflow: hidden;

    -moz-border-radius: 100%;

    -webkit-border-radius: 100%;

    border-radius: 100%;

    z-index: 20;

}



.btn.btn-buy:after, .btn.btn-buy:before {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    line-height: 80px;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



.btn.btn-buy:before {

    font-family: 'LinearIcons';

    content: "\e82e";

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



.btn.btn-buy:after {

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

    text-transform: uppercase;

    font-weight: 600;

    content: attr(data-text);

    -moz-transform: translate3d(0, 100%, 0);

    -ms-transform: translate3d(0, 100%, 0);

    -o-transform: translate3d(0, 100%, 0);

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

}



.btn.btn-buy:hover:before {

    font-family: 'LinearIcons';

    content: "\e82e";

    -moz-transform: translate3d(0, 100%, 0);

    -ms-transform: translate3d(0, 100%, 0);

    -o-transform: translate3d(0, 100%, 0);

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

}



.btn.btn-buy:hover:after {

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}













.btn.btn-geri {

    background-color: #ffbb00;

    color: white;

    position: absolute;

    padding: 0;

    right:95px;

    top: 0;

    width: 80px;

    height: 80px;

    font-size: 25px;

    line-height: 50px;

    text-align: center;

    overflow: hidden;

    -moz-border-radius: 100%;

    -webkit-border-radius: 100%;

    border-radius: 100%;

    z-index: 20;

}



.btn.btn-geri:after, .btn.btn-geri:before {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    line-height: 80px;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



.btn.btn-geri:before {

    font-family: 'LinearIcons';

    content: "\e879";

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



.btn.btn-geri:after {

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

    text-transform: uppercase;

    font-weight: 600;

    content: attr(data-text);

    -moz-transform: translate3d(0, 100%, 0);

    -ms-transform: translate3d(0, 100%, 0);

    -o-transform: translate3d(0, 100%, 0);

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

}



.btn.btn-geri:hover:before {

    font-family: 'LinearIcons';

    content: "\e879";

    -moz-transform: translate3d(0, 100%, 0);

    -ms-transform: translate3d(0, 100%, 0);

    -o-transform: translate3d(0, 100%, 0);

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

}



.btn.btn-geri:hover:after {

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



/*  

    ----------------------------------

    6. Breadcrumbs

    ----------------------------------

*/

.breadcrumb {

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.breadcrumb.breadcrumb-inverted {

    background: transparent;

    margin: 0;

    padding: 0;

}



.breadcrumb.breadcrumb-inverted > li {

    color: white;

}



.breadcrumb.breadcrumb-inverted > li > a {

    color: white;

}



.breadcrumb > li.active,

.breadcrumb > li.active a {

    color: #ffbb00;

}



.breadcrumb > li a.active {

    color: #ffbb00;

}



@media (max-width: 767px) {

    .breadcrumb {

        overflow: auto;

    }

}



/*  

    ----------------------------------

    7. Checkbox

    ----------------------------------

*/

.checkbox {

    margin: 0;

    padding: 5px 0;

}



.checkbox label {

    padding-left: 35px;

    line-height: 1.8;

}



.checkbox label a {

    color: #8b8b8b;

    text-decoration: underline;

}



.checkbox label a:hover {

    color: #ffbb00;

}



.checkbox input[type="checkbox"], .checkbox input[type="radio"] {

    display: none;

}



.checkbox input[type="checkbox"] + label:before,

.checkbox input[type="radio"] + label:before {

    font-family: 'LinearIcons';

    content: "";

    line-height: 22px;

    font-size: 16px;

    position: absolute;

    border: 1px solid #bbc4c7;

    display: inline-block;

    height: 25px;

    width: 25px;

    padding: 0;

    left: 0;

    -moz-border-radius: 100%;

    -webkit-border-radius: 100%;

    border-radius: 100%;

    -moz-transform: scale(0.8);

    -ms-transform: scale(0.8);

    -o-transform: scale(0.8);

    -webkit-transform: scale(0.8);

    transform: scale(0.8);

    -moz-transition: all 0.2s;

    -o-transition: all 0.2s;

    -webkit-transition: all 0.2s;

    transition: all 0.2s;

}



.checkbox input[type="checkbox"]:checked + label:before,

.checkbox input[type="radio"]:checked + label:before {

    background: #ffbb00;

    color: white;

    border-color: #ffbb00;

    text-align: center;

    -moz-transform: scale(0.8);

    -ms-transform: scale(0.8);

    -o-transform: scale(0.8);

    -webkit-transform: scale(0.8);

    transform: scale(0.8);

}



.checkbox input[type="checkbox"]:checked + label:before {

    content: "\e870";

}



.checkbox input[type="radio"]:checked + label:before {

    content: "\e814";

}



.checkbox input[type="checkbox"]:checked + label:after,

.checkbox input[type="radio"]:checked + label:after {

    font-weight: bold;

}



/*  

    ----------------------------------

    8. Sections

    ----------------------------------

*/

section {

    padding-top: 30px;

    padding-bottom: 30px;

}



@media (min-width: 768px) {

    section {

        padding-top: 40px;

        padding-bottom: 40px;

    }

}



@media (min-width: 992px) {

    section {

        padding-top: 60px;

        padding-bottom: 60px;

    }

}



@media (min-width: 1200px) {

    section {

        padding-top: 80px;

        padding-bottom: 80px;

    }

}



/*  

    ----------------------------------

    9. Header

    ----------------------------------

*/

header {

    display: block;

    margin-bottom: 40px;

}



header .title {

    margin-top: 0;

    margin-bottom: 5px;

    color: #3a3d45;

    z-index: 1;

    position: relative;

}



header .title:last-child {

    margin-bottom: 0;

}



header .subtitle {

    text-transform: none;

}



header .text p:last-child {

    margin-bottom: 0;

}



@media (min-width: 768px) {

    header {

        margin-bottom: 40px;

    }

}



@media (min-width: 992px) {

    header {

        margin-bottom: 30px;

    }

}



@media (min-width: 1200px) {

    header {

        margin-bottom: 40px;

    }

}



/*  

    ----------------------------------

    10. Main Header

    ----------------------------------

*/

.main-header {

    padding-top: 128px;

    padding-bottom: 20px;

    background-color: #3a3d45;

    background-size: cover;

    background-position: center;

}



.main-header header, .main-header .title {

    color: white;

}



.main-header header {

    margin-bottom: 5px;

}



@media (min-width: 992px) {

    .main-header {

        padding-top: 200px;

    }

    .main-header.main-header-blog {

        padding-bottom: 100px;

    }

}



@media print {

    .main-header {

        padding: 40px 0 !important;

    }

}



/*  

    ----------------------------------

    11. Main navigation

    ----------------------------------

*/

nav {

    position: absolute;

    background-color: black;

    z-index: 9999;

    width: 100%;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



@media print {

    nav {

        display: none !important;

    }

}



nav.navbar-fixed {

    position: fixed;

    background-color: transparent;

}



nav.navbar-default {

    position: relative;

    background-color: black;

}



nav.navbar-sticked {

    background-color: #232529;

}



nav.navbar-sticked .navigation-top > ul {

    height: 0;

    border-color: transparent;

}



nav .container,

nav .navigation {

    position: relative;

}



nav .navigation ul,

nav .navigation ul li {

    margin: 0;

    padding: 0;

}



nav .navigation ul li {

    list-style-type: none;

}



nav .navigation > ul {

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}



nav .navigation > ul > li,

nav .navigation > ul > li > a {

    display: inline-block;

}



nav .navigation > ul > li > a {

    padding: 14px 20px;

}



nav .navigation > ul > li.active a, nav .navigation > ul > li.active a:hover {

    color: #7b7b7b;

}



nav .navigation .logo {

    display: block;

    padding-top: 4px;

    padding-bottom: 4px;

}







nav .navigation .nav-settings ul li {

    cursor: pointer;

    padding: 5px 0;

}



nav .navigation .nav-settings ul li:hover {

    color: black;

}



nav .navigation .nav-settings:hover .nav-settings-list {

    visibility: visible;

    opacity: 1;

}



nav .navigation .nav-settings .nav-settings-list {

    border-bottom: 5px solid black;

    visibility: hidden;

    opacity: 0;

    position: absolute;

    background-color: #ffbb00;

    color: white;

    top: 100%;

    z-index: 999;

    padding: 10px;

    text-align: left;

    min-width: 80px;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



nav .navigation-top {

    position: relative;

    z-index: 99999;

}



nav .navigation-top > ul {

    text-align: right;

    height: 28px;

    overflow: hidden;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



nav .navigation-top > ul > li > a {

    color: #ffbb00;

    padding: 5px 13px;

}



nav .navigation-top > ul > li > a:hover {

    color: #ffc933;

}



@media (min-width: 991px) {

    nav .navigation-top > ul {

        height: 35px;

    }

    nav .navigation-top > ul > li > a {

        padding: 5px 15px;

    }

}



nav .navigation-main .open-cart,

nav .navigation-main .open-login,

nav .navigation-main .open-search,

nav .navigation-main .open-settings,

nav .navigation-main .open-menu,

nav .navigation-main .close-menu-wrapper {

    display: none;

}



nav .navigation-main .open-dropdown {

    margin-left: 5px;

}



nav .navigation-main .floating-menu > ul > li > a {

    position: relative;

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

    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

}



nav .navigation-main .navbar-dropdown .navbar-box .row > div {

    margin-bottom: 15px;

    margin-bottom: 0;

}



nav .navigation-main .navbar-dropdown .navbar-box ul {

    margin-bottom: 20px;

}



nav .navigation-main .navbar-dropdown .navbar-box ul > li {

    padding: 0;

    list-style-type: none;

    margin-bottom: 5px;

}



nav .navigation-main .navbar-dropdown .navbar-box ul > li.label {

    padding: 5px 0;

    font-size: 14px;

    display: inline-block;

    margin-bottom: 6px;

    font-weight: normal;

    color: #ffbb00;

    text-transform: uppercase;

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

    font-weight: 600;

}



@media (min-width: 992px) {

    nav .navigation-main .navbar-dropdown .navbar-box ul > li.label {

        font-size: 18px;

        color: white;

        margin-bottom: 12px;

    }

}



nav .navigation-main .navbar-dropdown .navbar-box ul > li > a {

    color: white;

    display: block;

    padding-bottom: 5px;

    border-bottom: 1px solid #ffc933;

}



nav .navigation-main .navbar-dropdown .navbar-box ul > li > a span.label {

    padding: 2px 4px;

    vertical-align: super;

    font-size: 55%;

    display: inline-block;

}



@media (min-width: 992px) {

    nav .navigation-main .navbar-dropdown .navbar-box ul > li > a:hover {

        color: black;

    }

}



nav .navigation-main .navbar-dropdown .navbar-box ul > li:last-child > a {

    border-bottom: 0;

}



@media (min-width: 992px) {

    nav .navigation .floating-menu > ul > li,

    nav .navigation .floating-menu > ul > li > a {

        display: inline-block;

    }

    nav .navigation .logo {

        position: absolute;

        z-index: 1;

        top: 5px;

        left: 0;

    }

    nav .navigation-top {

        display: block;

    }

    nav .navigation-main .floating-menu > ul {

        position: relative;

        text-align: right;

        border-bottom: 0px solid #CCC;

    }

    nav .navigation-main .floating-menu > ul > li > a {

        color: white;

        padding: 20px 10px;

    }

    nav .navigation-main .floating-menu > ul > li > a.current:after, nav .navigation-main .floating-menu > ul > li > a:after {

        position: absolute;

        background-color: #ffbb00;

        content: "";

        left: 0;

        right: 0;

        bottom: 0;

        height: 5px;

        width: 100%;

        display: block;

        -moz-transition: all 0.3s;

        -o-transition: all 0.3s;

        -webkit-transition: all 0.3s;

        transition: all 0.3s;

        -moz-transform: rotateY(-90deg);

        -ms-transform: rotateY(-90deg);

        -o-transform: rotateY(-90deg);

        -webkit-transform: rotateY(-90deg);

        transform: rotateY(-90deg);

    }

    nav .navigation-main .floating-menu > ul > li .navbar-dropdown {

        position: absolute;

        overflow: hidden;

        color: white;

        width: 100%;

        left: 0;

        right: 0;

        top: 99%;

        text-align: left;

        z-index: 9999;

        -moz-transform-origin: 0% 0%;

        -ms-transform-origin: 0% 0%;

        -o-transform-origin: 0% 0%;

        -webkit-transform-origin: 0% 0%;

        transform-origin: 0% 0%;

        -moz-transform: scale(1, 0);

        -ms-transform: scale(1, 0);

        -o-transform: scale(1, 0);

        -webkit-transform: scale(1, 0);

        transform: scale(1, 0);

    }

    nav .navigation-main .floating-menu > ul > li .navbar-dropdown .navbar-box {

        display: table;

        width: 100%;

    }

    nav .navigation-main .floating-menu > ul > li .navbar-dropdown .navbar-box .image img {

        width: 100%;

    }

    nav .navigation-main .floating-menu > ul > li .navbar-dropdown .navbar-box > div {

        display: table-cell;

        vertical-align: top;

        width: 50%;

    }

    nav .navigation-main .floating-menu > ul > li .navbar-dropdown .navbar-box .box-1 {

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

        width: 40%;

    }

    nav .navigation-main .floating-menu > ul > li .navbar-dropdown .navbar-box .box-2 {

        width: 60%;

        background-color: #ffbb00;

    }

    nav .navigation-main .floating-menu > ul > li .navbar-dropdown .navbar-box .box {

        padding: 40px 50px;

    }

    nav .navigation-main .floating-menu > ul > li .navbar-dropdown .navbar-box ul {

        width: 100%;

    }

    nav .navigation-main .floating-menu > ul > li .navbar-dropdown .navbar-box ul:last-child {

        margin-bottom: 0;

    }

    nav .navigation-main .floating-menu > ul > li .navbar-dropdown.navbar-dropdown-single {

        width: auto;

        right: auto;

        left: auto;

        max-width: 250px;

    }

    nav .navigation-main .floating-menu > ul > li .navbar-dropdown.navbar-dropdown-single .navbar-box {

        min-height: inherit;

    }

    nav .navigation-main .floating-menu > ul > li .navbar-dropdown.navbar-dropdown-single .navbar-box .box {

        padding: 20px;

    }

    nav .navigation-main .floating-menu > ul > li .navbar-dropdown .btn {

        margin-top: 20px;

    }

    nav .navigation-main .floating-menu > ul > li.active a:hover {

        color: #ffbb00;

    }

    nav .navigation-main .floating-menu > ul > li a.current:after,

    nav .navigation-main .floating-menu > ul > li:hover a:after {

        -moz-transform: rotateY(0deg);

        -ms-transform: rotateY(0deg);

        -o-transform: rotateY(0deg);

        -webkit-transform: rotateY(0deg);

        transform: rotateY(0deg);

    }

    nav .navigation-main .floating-menu > ul > li:last-child > a {

        padding-right: 0;

    }

    nav .navigation-main .floating-menu > ul > li:last-child .navbar-dropdown.navbar-dropdown-single {

        right: 0;

    }

    nav .navigation-main .floating-menu > ul > li:hover .navbar-dropdown {

        -moz-transition: all 0.6s cubic-bezier(0, 0.95, 0.8, 0.99);

        -o-transition: all 0.6s cubic-bezier(0, 0.95, 0.8, 0.99);

        -webkit-transition: all 0.6s cubic-bezier(0, 0.95, 0.8, 0.99);

        transition: all 0.6s cubic-bezier(0, 0.95, 0.8, 0.99);

        -moz-transform: scale(1, 1);

        -ms-transform: scale(1, 1);

        -o-transform: scale(1, 1);

        -webkit-transform: scale(1, 1);

        transform: scale(1, 1);

        -moz-transition-delay: 0.2s;

        -o-transition-delay: 0.2s;

        -webkit-transition-delay: 0.2s;

        transition-delay: 0.2s;

    }

}



@media (max-width: 991px) {

    nav.navbar-fixed {

        position: absolute;

        background-color: black;

    }

    nav.navbar-single-page {

        position: fixed !important;

    }

    nav .container {

        padding: 0;

        margin: 0;

        width: 100%;

    }

    nav .navigation.navigation-top {

        background-color: black;

    }

    nav .navigation .logo {

        width: 165px;

        overflow: hidden;

        padding-left: 14px;

    }

    nav .navigation-main .open-menu,

    nav .navigation-main .close-menu-wrapper {

        display: block;

    }

    nav .navigation-main .open-menu {

        position: absolute;

        top: 0px;

        right: 0;

        width: 40px;

        height: 100%;

        color: #fff;

        text-align: center;

        border-left: 1px solid #333;

    }

    nav .navigation-main .open-menu .icon {

        font-size: 15px;

        line-height: 40px;

    }

    nav .navigation-main .floating-menu {

        position: absolute;

        padding: 0 10px;

        z-index: 9999;

        width: 100%;

        top: 0;

        right: 0;

        left: auto;

        background-color: #000000;

        -moz-transform: translate3d(0, -100%, 0);

        -ms-transform: translate3d(0, -100%, 0);

        -o-transform: translate3d(0, -100%, 0);

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

        -moz-transition: all 0.3s;

        -o-transition: all 0.3s;

        -webkit-transition: all 0.3s;

        transition: all 0.3s;

    }

    nav .navigation-main .floating-menu.expanded, nav .navigation-main .floating-menu.expanded .close-menu {

        display: block;

        -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

        -o-transform: translate3d(0, 0, 0);

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

    nav .navigation-main .floating-menu.expanded > ul > li {

        -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

        -o-transform: translate3d(0, 0, 0);

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        -moz-transition: all 0.2s;

        -o-transition: all 0.2s;

        -webkit-transition: all 0.2s;

        transition: all 0.2s;

    }

    nav .navigation-main .floating-menu .navbar-dropdown {

        display: none;

        background-color: #1a1a1a;

        padding: 0 10px;

        border-bottom-left-radius: 15px;

        border-bottom-right-radius: 15px;

        margin-bottom: 10px;

    }

    nav .navigation-main .floating-menu > ul {

        overflow: hidden;

    }

    nav .navigation-main .floating-menu > ul > li {

        -moz-transform: translate3d(100%, 0, 0);

        -ms-transform: translate3d(100%, 0, 0);

        -o-transform: translate3d(100%, 0, 0);

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

    }

    nav .navigation-main .floating-menu > ul > li:nth-child(1) {

        -moz-transition-delay: 0.1s;

        -o-transition-delay: 0.1s;

        -webkit-transition-delay: 0.1s;

        transition-delay: 0.1s;

    }

    nav .navigation-main .floating-menu > ul > li:nth-child(2) {

        -moz-transition-delay: 0.2s;

        -o-transition-delay: 0.2s;

        -webkit-transition-delay: 0.2s;

        transition-delay: 0.2s;

    }

    nav .navigation-main .floating-menu > ul > li:nth-child(3) {

        -moz-transition-delay: 0.3s;

        -o-transition-delay: 0.3s;

        -webkit-transition-delay: 0.3s;

        transition-delay: 0.3s;

    }

    nav .navigation-main .floating-menu > ul > li:nth-child(4) {

        -moz-transition-delay: 0.4s;

        -o-transition-delay: 0.4s;

        -webkit-transition-delay: 0.4s;

        transition-delay: 0.4s;

    }

    nav .navigation-main .floating-menu > ul > li:nth-child(5) {

        -moz-transition-delay: 0.5s;

        -o-transition-delay: 0.5s;

        -webkit-transition-delay: 0.5s;

        transition-delay: 0.5s;

    }

    nav .navigation-main .floating-menu > ul > li:nth-child(6) {

        -moz-transition-delay: 0.6s;

        -o-transition-delay: 0.6s;

        -webkit-transition-delay: 0.6s;

        transition-delay: 0.6s;

    }

    nav .navigation-main .floating-menu > ul > li:nth-child(7) {

        -moz-transition-delay: 0.7s;

        -o-transition-delay: 0.7s;

        -webkit-transition-delay: 0.7s;

        transition-delay: 0.7s;

    }

    nav .navigation-main .floating-menu > ul > li:nth-child(8) {

        -moz-transition-delay: 0.8s;

        -o-transition-delay: 0.8s;

        -webkit-transition-delay: 0.8s;

        transition-delay: 0.8s;

    }

    nav .navigation-main .floating-menu > ul > li:nth-child(9) {

        -moz-transition-delay: 0.9s;

        -o-transition-delay: 0.9s;

        -webkit-transition-delay: 0.9s;

        transition-delay: 0.9s;

    }

    nav .navigation-main .floating-menu > ul > li:nth-child(10) {

        -moz-transition-delay: 1s;

        -o-transition-delay: 1s;

        -webkit-transition-delay: 1s;

        transition-delay: 1s;

    }

    nav .navigation-main .floating-menu > ul > li:nth-child(11) {

        -moz-transition-delay: 1.1s;

        -o-transition-delay: 1.1s;

        -webkit-transition-delay: 1.1s;

        transition-delay: 1.1s;

    }

    nav .navigation-main .floating-menu > ul > li:nth-child(12) {

        -moz-transition-delay: 1.2s;

        -o-transition-delay: 1.2s;

        -webkit-transition-delay: 1.2s;

        transition-delay: 1.2s;

    }

    nav .navigation-main .floating-menu > ul > li:nth-child(13) {

        -moz-transition-delay: 1.3s;

        -o-transition-delay: 1.3s;

        -webkit-transition-delay: 1.3s;

        transition-delay: 1.3s;

    }

    nav .navigation-main .floating-menu > ul > li:nth-child(14) {

        -moz-transition-delay: 1.4s;

        -o-transition-delay: 1.4s;

        -webkit-transition-delay: 1.4s;

        transition-delay: 1.4s;

    }

    nav .navigation-main .floating-menu > ul > li:nth-child(15) {

        -moz-transition-delay: 1.5s;

        -o-transition-delay: 1.5s;

        -webkit-transition-delay: 1.5s;

        transition-delay: 1.5s;

    }

    nav .navigation-main .floating-menu > ul > li:nth-child(16) {

        -moz-transition-delay: 1.6s;

        -o-transition-delay: 1.6s;

        -webkit-transition-delay: 1.6s;

        transition-delay: 1.6s;

    }

    nav .navigation-main .floating-menu > ul > li:nth-child(17) {

        -moz-transition-delay: 1.7s;

        -o-transition-delay: 1.7s;

        -webkit-transition-delay: 1.7s;

        transition-delay: 1.7s;

    }

    nav .navigation-main .floating-menu > ul > li:nth-child(18) {

        -moz-transition-delay: 1.8s;

        -o-transition-delay: 1.8s;

        -webkit-transition-delay: 1.8s;

        transition-delay: 1.8s;

    }

    nav .navigation-main .floating-menu > ul > li:nth-child(19) {

        -moz-transition-delay: 1.9s;

        -o-transition-delay: 1.9s;

        -webkit-transition-delay: 1.9s;

        transition-delay: 1.9s;

    }

    nav .navigation-main .floating-menu > ul > li:nth-child(20) {

        -moz-transition-delay: 2s;

        -o-transition-delay: 2s;

        -webkit-transition-delay: 2s;

        transition-delay: 2s;

    }

    nav .navigation-main .floating-menu > ul > li > a {

        color: white;

        display: block;

        border-bottom: 1px solid #252525;

        padding: 15px 0;

        position: relative;

    }

    nav .navigation-main .floating-menu > ul > li .open-dropdown {

        position: absolute;

        display: block;

        width: 40px;

        height: 100%;

        right: 0;

        top: 0;

        font-size: 22px;

        line-height: 50px;

        text-align: center;

    }

    nav .navigation-main .floating-menu > ul > li .open-dropdown .fa:before {

        -moz-transform: rotate(-90deg);

        -ms-transform: rotate(-90deg);

        -o-transform: rotate(-90deg);

        -webkit-transform: rotate(-90deg);

        transform: rotate(-90deg);

        -moz-transition: all 0.3s;

        -o-transition: all 0.3s;

        -webkit-transition: all 0.3s;

        transition: all 0.3s;

        display: inline-block;

    }

    nav .navigation-main .floating-menu > ul > li.expanded .open-dropdown .fa:before {

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    nav .navigation-main .close-menu-wrapper {

        height: 50px;

        border-bottom: 1px solid #252525;

    }

    nav .navigation-main .close-menu {

        cursor: pointer;

        display: block;

        height: 50px;

        width: 50px;

        float: right;

        background-size: auto 50px;

        background-position: 100% center;

        background-repeat: no-repeat;

        color: white;

        text-align: right;

        -moz-transform: translate3d(0, -100%, 0);

        -ms-transform: translate3d(0, -100%, 0);

        -o-transform: translate3d(0, -100%, 0);

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

        -moz-transition: all 0.3s;

        -o-transition: all 0.3s;

        -webkit-transition: all 0.3s;

        transition: all 0.3s;

        -moz-transition-delay: 0.2s;

        -o-transition-delay: 0.2s;

        -webkit-transition-delay: 0.2s;

        transition-delay: 0.2s;

    }

    nav .navigation-main .close-menu .icon {

        font-size: 26px;

        line-height: 50px;

        padding-right: 8px;

    }

    nav .navigation-main .navbar-dropdown .box-1 {

        display: none;

    }

    nav .navigation-main .navbar-dropdown ul {

        margin: 20px 0;

        padding: 0;

    }

    nav .navigation-main .navbar-dropdown .navbar-box ul > li > a {

        border-color: #252525;

        font-size: 14px;

        padding-top: 8px;

        padding-bottom: 8px;

    }

    nav .navigation-main .navbar-dropdown .navbar-box ul > li > a.label {

        text-transform: uppercase;

        margin-bottom: 10px;

        display: inline-block;

    }

}



nav .open-login,

nav .open-cart,

nav .open-settings,

nav .open-search {

    border-left: 1px solid rgba(255, 255, 255, 0.2);

}



nav .open-login.open .icon:before,

nav .open-cart.open .icon:before,

nav .open-settings.open .icon:before,

nav .open-search.open .icon:before {

    content: "\e870";

}



nav .open-cart {

    position: relative;

}



nav .open-cart span {

    background-color: #cc0000;

    color: white;

    position: absolute;

    width: 15px;

    height: 15px;

    line-height: 15px;

    right: 4px;

    top: 5%;

    text-align: center;

    font-size: 10px;

    -moz-border-radius: 100%;

    -webkit-border-radius: 100%;

    border-radius: 100%;

}



nav .categories {

    background-color: transparent;

    padding: 20px;

}



nav .categories a {

    display: block;

    color: white;

}



nav .categories figure .f-icon {

    font-size: 76px;

    line-height: 45px;

}



nav .categories figure figcaption {

    white-space: nowrap;

}



@media (min-width: 992px) {

    nav .categories {

        padding: 40px;

    }

    nav .categories a {

        color: white;

    }

    nav .categories figure {

        margin-bottom: 20px;

    }

}



@media (max-width: 991px) {

    nav .categories {

        padding: 0;

    }

    nav .categories .row > div {

        padding: 1px;

    }

    nav .categories figure {

        background-color: #111;

        padding: 40px 5px;

    }

}



nav .search-wrapper {

    position: absolute;

    background: white;

    top: 100%;

    right: 15px;

    left: 15px;

    z-index: 9999;

    padding: 0;

}



nav .search-wrapper .form-control {

    padding-top: 20px;

    padding-bottom: 20px;

    height: inherit;

}



nav .search-wrapper .btn-search {

    position: absolute;

    right: 10px;

    top: 8px;

}



nav .search-wrapper .search-results {

    padding: 15px;

    border: 1px solid #dddddd;

}



nav .search-wrapper .search-results .search-result-items {

    margin-bottom: 20px;

}



nav .search-wrapper .search-results .search-result-items:last-child {

    margin-bottom: 0;

}



nav .search-wrapper .search-results .search-result-items ul {

    margin: 0;

    padding: 0;

}



nav .search-wrapper .search-results .search-result-items ul li {

    list-style-type: none;

    border-bottom: 1px solid #dddddd;

}



nav .search-wrapper .search-results .search-result-items ul li:last-child {

    border-bottom: 0;

}



nav .search-wrapper .search-results .search-result-items ul li a {

    display: block;

    padding: 7.5px 0;

}



nav .search-wrapper .search-results .search-result-items ul li a span {

    display: inline-block;

}



nav .search-wrapper .search-results .search-result-items ul li a .id {

    color: #ffbb00;

    padding-right: 7.5px;

}



nav .search-wrapper .search-results .search-result-items ul li a .name {

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

    font-weight: 500;

}



nav .search-wrapper .search-results .search-result-items ul li a .category {

    color: #b9bcc5;

    font-size: 85%;

}



@media (max-width: 767px) {

    nav .search-wrapper .search-results .search-result-items ul li a .category {

        display: block;

    }

}



nav .search-wrapper .search-results .search-result-items .title {

    margin-bottom: 15px;

}



@media (max-width: 991px) {

    nav .search-wrapper {

        left: 0;

        right: 0;

    }

    nav .search-wrapper .btn {

        top: 7px;

        right: 10px;

    }

}



nav .login-wrapper {

    width: 100%;

    background-color: #f8f8f8;

    border: 1px solid #ccc;

    border-top: 0;

    position: absolute;

    display: inline-block;

    text-align: left;

    padding: 20px;

    top: 100%;

    left: auto;

    right: 0;

    z-index: 999;

}



nav .login-wrapper .btn {

    margin-top: 20px;

}



nav .login-wrapper a {

    display: block;

    font-size: 20px;

    padding: 5px 0;

}



@media (min-width: 768px) {

    nav .login-wrapper {

        max-width: 300px;

    }

}



nav .cart-wrapper {

    position: absolute;

    width: 100%;

    top: 100%;

    right: 0;

    padding: 7.5px;

    max-width: 500px;

    background: #eeeeee;

    border: 1px solid #ffbb00;

    overflow: hidden;

}



nav .cart-wrapper .checkout {

    padding: 0 15px;

    opacity: 0;

    -moz-transition-delay: 0.1s;

    -o-transition-delay: 0.1s;

    -webkit-transition-delay: 0.1s;

    transition-delay: 0.1s;

    -moz-transition: all 0.2s;

    -o-transition: all 0.2s;

    -webkit-transition: all 0.2s;

    transition: all 0.2s;

    -moz-transform: translate3d(100%, 0, 0);

    -ms-transform: translate3d(100%, 0, 0);

    -o-transform: translate3d(100%, 0, 0);

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

}



nav .cart-wrapper .checkout hr {

    margin-top: 5px;

    margin-bottom: 5px;

}



nav .cart-wrapper .checkout .cart-block {

    padding: 10px;

    margin-bottom: 10px;

    width: 48%;

    float: left;

    margin: 1%;

    display: block;

}



nav .cart-wrapper .checkout .cart-block > div {

    display: block;

}



nav .cart-wrapper .checkout .cart-block > div.image {

    width: initial;

    float: left;

}



nav .cart-wrapper .checkout .cart-block > div.title {

    padding-left: 0;

    width: 100%;

}



nav .cart-wrapper .checkout .cart-block > div.quantity, nav .cart-wrapper .checkout .cart-block > div.price {

    width: 50%;

    float: left;

}



nav .cart-wrapper .checkout .cart-block > div.quantity {

    padding: 5px 0;

    text-align: left;

}



nav .cart-wrapper .checkout .cart-block > div.quantity .form-control {

    width: 60px;

    height: inherit;

}



nav .cart-wrapper .checkout .cart-block > div.price {

    padding-right: 10px;

}



nav .cart-wrapper .checkout .cart-block.cart-block-footer {

    padding: 5px 0;

    margin: 0;

    margin-bottom: 3px;

    width: 100%;

    background-color: transparent;

}



nav .cart-wrapper .checkout .cart-block.cart-block-footer > div {

    float: left;

    padding: 0;

}



nav .cart-wrapper .checkout .cart-block .icon-delete {

    padding: 2px;

}



nav .cart-wrapper .checkout .cart-block-buttons {

    margin: 20px 0;

}



nav .cart-wrapper.open .checkout {

    opacity: 1;

    -moz-transition-delay: 0.3s;

    -o-transition-delay: 0.3s;

    -webkit-transition-delay: 0.3s;

    transition-delay: 0.3s;

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



nav .search-wrapper,

nav .login-wrapper,

nav .cart-wrapper {

    -moz-transition-delay: 0.1s;

    -o-transition-delay: 0.1s;

    -webkit-transition-delay: 0.1s;

    transition-delay: 0.1s;

    -moz-transform: scale(1, 0);

    -ms-transform: scale(1, 0);

    -o-transform: scale(1, 0);

    -webkit-transform: scale(1, 0);

    transform: scale(1, 0);

    -moz-transform-origin: 50% 0;

    -ms-transform-origin: 50% 0;

    -o-transform-origin: 50% 0;

    -webkit-transform-origin: 50% 0;

    transform-origin: 50% 0;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



nav .search-wrapper.open,

nav .login-wrapper.open,

nav .cart-wrapper.open {

    -moz-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    -o-transform: scale(1, 1);

    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);

}



/*  

    ----------------------------------

    12. Categories

    ----------------------------------

*/

.categories {

    background: #f8f8f8;

}



.categories .test {

    color: white;

}



.categories figure {

    text-align: center;

}



.categories figure figcaption {

    font-size: 14px;

    text-transform: uppercase;

}



.categories figure .f-icon {

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    font-size: 100px;

}



.categories figure:hover .f-icon {

    -moz-transform: scale(1.3);

    -ms-transform: scale(1.3);

    -o-transform: scale(1.3);

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

}



/*  

    ----------------------------------

    13. Header content

    ----------------------------------

*/

.header-content {

    padding: 0;

    position: relative;

    overflow: hidden;

}



.header-content .item {

    height: 100vh;

    position: relative;

    overflow: hidden;

    background-position: center;

    background-size: cover;

}



.header-content .item .box {

    position: absolute;

    width: 100%;

    color: #fff;

    top: 50%;

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 99;

}



.header-content .item .title {

    color: white;

    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);

    text-transform: none;

}



.header-content .item .btn {

    margin-top: 40px;

}



@media (min-width: 768px) {

    .header-content .item {

        height: 100vh;

    }

    .header-content .item .title {

        font-size: 300%;

    }

}



@media (min-width: 1200px) {

    .header-content .item {

        height: 700px;

    }

    .header-content .item .title {

        font-size: 300%;

    }

}



.header-content .owl-theme .owl-controls .owl-pagination {

    text-align: end;

    padding-right: 20px;

}



.header-content .owl-theme .owl-controls .owl-buttons div span {

    color: white;

}



.header-content .owl-theme .owl-controls .owl-page span {

    background: white;

}



/*  

    ----------------------------------

    14. Blocks

    ----------------------------------

*/

.blocks {

    padding: 400px 0;

    position: relative;

}



.blocks .image {

    background-position: center;

    background-size: cover;

    position: absolute;

    width: 50%;

    height: 100%;

    right: 0;

    top: 0;

}



.blocks .item {

    width: 50%;

}



.blocks.rtl .item {

    padding-right: 50px;

}



.blocks.ltr .item {

    margin-left: 50%;

    padding-left: 50px;

}



.blocks.ltr .image {

    right: 50%;

}



.blocks.blocks-fluid {

    background-color: #e8e8e8;

    position: relative;

}



.blocks.blocks-boxed {

    padding: 0;

}



.blocks.blocks-boxed .container {

    position: relative;

}



.blocks.blocks-boxed .text {

    padding: 45px 0;

}



@media (max-width: 768px) {

    .blocks > div {

        display: flex;

        flex-flow: column;

    }

    .blocks .item {

        order: 2;

        width: 100%;

    }

    .blocks .image {

        width: 100%;

        order: 1;

        position: relative;

        min-height: 300px;

        left: 0;

        right: 0;

    }

    .blocks.ltr .item,

    .blocks.rtl .item {

        margin-left: 0;

        margin-right: 0;

        padding: 0;

    }

    .blocks .text,

    .blocks.blocks-boxed .text {

        padding: 20px 0 0 0;

    }

}



/*  

    ----------------------------------

    15. Sort bar

    ----------------------------------

*/

.sort-bar {

    margin-bottom: 15px;

    font-size: 14px;

}



.sort-bar select {

    background-color: white;

    padding: 5px;

    border: 1px solid #dddddd;

    outline: none;

}



.sort-bar .grid-list {

    padding-right: 0 !important;

}



.sort-bar .grid-list a {

    background: white;

    color: #666666;

    padding: 5px 8px;

    display: inline-block;

    -moz-border-radius: 100%;

    -webkit-border-radius: 100%;

    border-radius: 100%;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



.sort-bar .grid-list a:hover {

    background-color: #ffbb00;

    color: white;

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

}



.sort-bar strong {

    font-weight: 600;

    color: #616161;

}



.sort-bar a.toggle-filters-mobile {

    display: inline-block;

}



.sort-bar .sort-results > span {

    display: none;

    padding: 0 10px;

}



@media (min-width: 992px) {

    .sort-bar {

        padding: 0;

        margin-top: -45px;

        opacity: 0.2;

        -moz-transition: all 0.2s;

        -o-transition: all 0.2s;

        -webkit-transition: all 0.2s;

        transition: all 0.2s;

    }

    .sort-bar:hover {

        opacity: 1;

    }

    .sort-bar .sort-results > span {

        display: inline-block;

    }

    .sort-bar a.toggle-filters-mobile {

        display: none;

    }

}



@media (max-width: 767px) {

    .sort-bar {

        background-color: white;

        margin-top: -30px;

        margin-bottom: 1px;

        padding: 7.5px;

    }

}



/*  

    ----------------------------------

    16. Price filter

    ----------------------------------

*/

.price-filter {

    padding: 15px 0;

}



.price-filter.price-filter-top {

    padding: 0;

    margin-top: -20px;

    margin-bottom: 20px;

}



/* 

    ----------------------------------

    17. Pagination

    ----------------------------------

*/

.pagination-wrapper {

    position: relative;

    text-align: center;

}



@media (max-width: 767px) {

    .pagination-wrapper {

        margin: 0 15px;

        padding-top: 20px;

    }

}



.pagination-wrapper .pagination > li:first-child, .pagination-wrapper .pagination > li:last-child {

    position: absolute;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.pagination-wrapper .pagination > li:first-child:hover, .pagination-wrapper .pagination > li:last-child:hover {

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

}



.pagination-wrapper .pagination > li:first-child {

    left: 0;

}



.pagination-wrapper .pagination > li:last-child {

    right: 0;

}



.pagination-wrapper .pagination > li > a,

.pagination-wrapper .pagination > li > span {

    border: 0;

    border-radius: 100%;

    color: white;

    background-color: #ffbb00;

    margin: 0 3px;

    display: inline-block;

    padding: 6px 12px;

}



.pagination-wrapper .pagination > li > a:hover,

.pagination-wrapper .pagination > li > span:hover {

    background-color: black;

}



.pagination-wrapper .pagination .active > a, .pagination-wrapper .pagination .active > a:hover, .pagination-wrapper .pagination .active > a:focus,

.pagination-wrapper .pagination .active > span,

.pagination-wrapper .pagination .active > span:hover,

.pagination-wrapper .pagination .active > span:focus {

    background-color: black;

}



/*  

    ----------------------------------

    18. Filters

    ----------------------------------

*/

.filters .filter-box {

    margin-bottom: -1px;

    border: 1px solid #e4e4e4;

}



.filters .filter-box .title {

    cursor: pointer;

    padding: 10px;

    background-color: white;

    position: relative;

}



.filters .filter-box .title span {

    font-size: 70%;

    color: #ffbb00;

}



.filters .filter-box .title:after {

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

    content: "\e874";

    font-family: 'LinearIcons';

    position: absolute;

    display: inline-block;

    line-height: 42px;

    height: 42px;

    width: 42px;

    right: 0;

    top: 0;

    text-align: center;

}



.filters .filter-box.active .title:after {

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

}



@media (min-width: 992px) {

    .filters .filter-box {

        margin-bottom: 10px;

        border: 0;

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

    }

}



.filters .filter-content {

    display: none;

    padding: 10px;

    background-color: white;

    border-top: 1px solid #dddddd;

}



.filters .filter-content .checkbox label {

    display: block;

    -webkit-touch-callout: none;

    /* iOS Safari */

    -webkit-user-select: none;

    /* Chrome/Safari/Opera */

    -moz-user-select: none;

    /* Firefox */

    -ms-user-select: none;

    /* IE/Edge */

    user-select: none;

    /* non-prefixed version, currently*/

}



.filters .filter-content i {

    font-style: normal;

    display: block;

    font-size: 70%;

    float: right;

    line-height: 28px;

    margin-right: 5px;

}



.filters.filters-top .filter-box {

    position: relative;

}



.filters.filters-top .filter-update {

    display: none;

}



@media (min-width: 992px) {

    .filters.filters-top {

        padding-top: 40px;

        background-color: #eeeeee;

    }

    .filters.filters-top .filter-content {

        position: absolute;

        top: 100%;

        width: 100%;

        z-index: 99;

        border: 1px solid #e4e4e4;

        margin: 0;

        max-height: 300px;

        overflow: auto;

    }

    .filters.filters-top .filter-update {

        border-top: 1px solid #dddddd;

        padding: 10px;

        text-align: center;

        cursor: pointer;

        position: absolute;

        right: 0;

        top: 0;

        background-color: #ffbb00;

        color: white;

        display: none;

    }

    .filters.filters-top .filter-box {

        margin-bottom: 0;

    }

    .filters.filters-top .filter-box.active .filter-update {

        display: block;

    }

}



@media (max-width: 991px) {

    .filters.filters-top .container {

        padding: 0;

        width: 100%;

    }

}



.filters .toggle-filters-close {

    width: 100%;

}



@media (max-width: 991px) {

    .filters {

        background-color: white;

        position: fixed;

        width: 50%;

        height: 100%;

        z-index: 9999;

        top: 0;

        left: auto;

        right: 0;

        overflow: auto;

        -moz-transform: translate3d(100%, 0, 0);

        -ms-transform: translate3d(100%, 0, 0);

        -o-transform: translate3d(100%, 0, 0);

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

        -moz-transition: all 0.3s;

        -o-transition: all 0.3s;

        -webkit-transition: all 0.3s;

        transition: all 0.3s;

    }

    .filters .row {

        margin: 0;

    }

    .filters .row > div {

        padding: 0;

    }

    .filters.active {

        -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

        -o-transform: translate3d(0, 0, 0);

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5);

    }

    .filters .toggle-filters-close {

        -moz-border-radius: 0;

        -webkit-border-radius: 0;

        border-radius: 0;

    }

}



/*  

    ----------------------------------

    19. Products category

    ----------------------------------

*/

.products {

    background-color: #eeeeee;

}



.products .box-filters {

    text-align: center;

    padding: 40px 0 0;

}



.products .box-filters figure {

    width: 70px;

    height: 70px;

    display: inline-block;

    padding: 10px;

    background-color: white;

    color: #666666;

    -moz-border-radius: 100%;

    -webkit-border-radius: 100%;

    border-radius: 100%;

    cursor: pointer;

    margin: 0 5px;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

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

}



.products .box-filters figure.active {

    background-color: #3a3d45;

    color: #ffbb00;

}



.products .box-filters figure .f-icon {

    display: block;

    font-size: 38px;

    line-height: 27px;

}



@media (min-width: 992px) {

    .products .box-filters figure {

        width: 100px;

        height: 100px;

    }

    .products .box-filters figure .f-icon {

        font-size: 68px;

        line-height: 50px;

    }

}



.products .box-filters-results {

    padding: 0;

    position: relative;

}



.products article {

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

    background-color: white;

    position: relative;

    transition: all 0.5s;

    margin-bottom: 1px;

    overflow: hidden;

}



.products article .label {

    position: absolute;

    top: 10px;

    left: 10px;

    line-height: initial;

}



.products article sub, .products article sup {

    font-size: 100%;

}



.products article .text {

    width: 100%;

    padding: 10px;

}



.products article .text a:hover {

    color: #333;

}



.products article .text .title {

    display: block;

    margin: 0 0 5px 0;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.products article .text .title small {

    color: #3a3d45;

    font-size: 45%;

}



.products article .text sub, .products article .text sup {

    bottom: auto;

    top: auto;

    display: inline-block;

    margin-right: 10px;

}



.products article .text sub {

    text-decoration: line-through;

    font-weight: 300;

}



.products article .image {

    overflow: hidden;

    height: auto;

}



.products article .image a {

    display: block;

}



.products article .image img {

    width: 100%;

}



.products article .btn-add {

    -moz-transform: translate3d(100%, 0, 0);

    -ms-transform: translate3d(100%, 0, 0);

    -o-transform: translate3d(100%, 0, 0);

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.products article:hover .btn-add {

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



.products article .info {

    display: none;

    position: absolute;

    width: 35px;

    right: 15px;

    top: 15px;

    margin-right: 0;

    margin-top: 5px;

    z-index: 3;

}



.products article .info .add-favorite.added {

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    -webkit-transform: scale(1);

    transform: scale(1);

}



.products article .info .add-favorite.added a {

    background-color: #e71d36;

}



.products article .info .add-favorite.added a:hover:after {

    content: attr(data-title-added);

    background-color: inherit;

}



.products article .info a {

    position: relative;

    display: inline-block;

    padding: 0 5px;

    background-color: dimgray;

    color: white;

    text-align: center;

    border-radius: 30px;

    width: 30px;

    height: 30px;

    line-height: 30px;

    margin-bottom: 5px;

}



@media (min-width: 992px) {

    .products article .info a {

        margin-bottom: 10px;

    }

}



.products article .info a:hover {

    background-color: #000000;

    color: white;

}



.products article .info a:hover:after {

    position: absolute;

    content: attr(data-title);

    padding: 5px 6px;

    right: 110%;

    top: 3px;

    white-space: nowrap;

    z-index: 20;

    background-color: #000000;

    color: #fff;

    font-size: 10px;

    border-radius: 5px;

    line-height: normal;

}



.products article .info > span {

    display: block;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    -webkit-transform: scale(0);

    transform: scale(0);

}



@media (min-width: 992px) {

    .products article .info {

        display: block;

    }

}



.products article:hover .info > span {

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    -webkit-transform: scale(1);

    transform: scale(1);

}



.products article .info > span:nth-child(1) {

    -moz-transition-delay: 0.1s;

    -o-transition-delay: 0.1s;

    -webkit-transition-delay: 0.1s;

    transition-delay: 0.1s;

}



.products article .info > span:nth-child(2) {

    -moz-transition-delay: 0.2s;

    -o-transition-delay: 0.2s;

    -webkit-transition-delay: 0.2s;

    transition-delay: 0.2s;

}



.products article .info > span:nth-child(3) {

    -moz-transition-delay: 0.3s;

    -o-transition-delay: 0.3s;

    -webkit-transition-delay: 0.3s;

    transition-delay: 0.3s;

}



.products article .figure-list {

    display: table;

    width: 100%;

}



.products article .figure-list .image,

.products article .figure-list .text {

    display: table-cell;

    vertical-align: middle;

    width: 50%;

}



.products article .figure-list .text {

    position: relative;

    padding: 0 20px;

}



.products article .figure-list .text .title {

    white-space: inherit;

}



.products article .figure-list .text .description {

    display: none;

    margin-top: 15px;

}



.products article .figure-grid .text .description {

    display: none;

}



.products article .figure-block .text .description {

    position: relative;

    display: none;

    height: 80px;

    overflow: hidden;

    z-index: 1;

    padding-top: 5px;

}



.products article .figure-block .text .description:after {

    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);

    /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);

    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);

    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );

    /* IE6-9 */

    position: absolute;

    bottom: 0;

    width: 100%;

    height: 75px;

    content: "";

    display: block;

    z-index: 2;

}



@media (min-width: 768px) {

    .products article .figure-block .text .description {

        display: block;

    }

}



@media (min-width: 768px) {

    .products.products-category {

        padding-top: 40px;

        padding-bottom: 40px;

    }

    .products article {

        margin-bottom: 30px;

    }

    .products article .label {

        top: 10px;



        left: 10px;

    }

    .products article sub, .products article sup {

        font-size: 80%;

    }

    .products article:hover {

        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);

    }

    .products article .figure-grid .text {

        position: relative;

        padding: 20px;

        top: 0;

    }

    .products article .figure-list .image {

        width: 30%;

    }

    .products article .figure-list .text {

        width: 70%;

    }

    .products article .figure-list .text .description {

        display: block;

    }

    .products article .figure-block .text {

        padding: 20px;

    }

}



@media (max-width: 767px) {

    .products .row {

        margin: 0;

    }

    .products .container,

    .products .row > div {

        padding-left: 1px;

        padding-right: 1px;

        padding-bottom: 1px;

    }

    .products .btn-add {

        display: none;

    }

}



/*  

    ----------------------------------

    20. Product page

    ----------------------------------

*/

.product {

    position: relative;

    padding: 0;

    overflow: hidden;

}



.product .main {

    padding: 20px 0;

}



.product .product-info-wrapper {

    position: relative;

    margin-bottom: 10px;

}



.product .title {

    color: black;

    font-weight: 600;

    position: relative;

}



.product .title:before {

    content: attr(data-title);

    font-size: 550%;

    color: rgba(99, 99, 99, 0.07);

    position: absolute;

    width: inherit;

    white-space: nowrap;

    left: -30%;

    top: -100%;

    z-index: 1;

}



.product .title small {

    display: block;

    text-transform: none;

    color: black;

    font-size: 40%;

    margin: 5px 0;

}



.product .price {

    margin-bottom: 20px;

}



.product .price small {

    text-decoration: line-through;

    margin-left: 10px;

}



.product .info-box {

    margin-bottom: 2px;

    padding: 5px 0;

    display: table;

    width: 100%;

}



.product .info-box > span {

    display: table-cell;

    vertical-align: middle;

    text-align: left;

}



.product .info-box > span:first-child {

    width: 35%;

}



.product .info-box > span:last-child {

    width: 65%;

}



.product .info-box:last-child {

    margin-bottom: 0;

    padding-bottom: 0;

}



.product .info-box .checked {

    border-color: #ffbb00;

}



.product .info-box strong {

    display: block;

    font-weight: 600;

}



.product .info-box.info-cell {

    display: table;

    width: 100%;

}



.product .info-box.info-cell > span {

    display: table-cell;

    vertical-align: middle;

}



.product .info-box.info-box-addto {

    cursor: pointer;

}



.product .info-box.info-box-addto i {

    font-style: normal;

}



.product .info-box.info-box-addto .added {

    display: none;

    color: #ffbb00;

}



.product .info-box.info-box-addto .add {

    display: block;

}



.product .info-box.info-box-addto.added .added {

    display: block;

}



.product .info-box.info-box-addto.added .add {

    display: none;

}



.product .product-colors {

    display: block;

}



.product .info {

    background-color: #e2e2e2;

    padding: 20px 0;

    z-index: 1;

}



.product .info .content {

    padding: 30px 0;

}



.product .info .content hr {

    border-color: #c1c1c1;

}



.product .info .content .full-image {

    width: 100%;

}



.product .info .content h3 {

    position: relative;

    padding-bottom: 20px;

    margin-bottom: 20px;

}



.product .info .content h3:after {

    background: #fbb700;

    content: "";

    width: 50px;

    height: 1px;

    position: absolute;

    top: 100%;

    left: 0;

}



.product .info .products {

    background-color: transparent;

}



.product .owl-product-gallery.owl-theme .owl-controls .owl-buttons div span {

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

}



@media (min-width: 992px) {

    .product .main {

        padding: 50px 0;

        margin-bottom: 50px;

    }

    .product .title {

        margin-top: 0;

    }

    .product .product-info-wrapper {

        padding-top: 30px;

        margin-bottom: 50px;

    }

}



@media (max-width: 991px) {

    .product .product-flex {

        display: flex;

        flex-flow: column;

    }

    .product .product-flex .product-flex-gallery {

        order: 1;

    }

    .product .product-flex .product-flex-info {

        order: 2;

    }

}



/*  

    ----------------------------------

    21. Product color buttons

    ----------------------------------

*/

.color-btn {

    display: block;

    float: left;

    position: relative;

    width: 25px;

    height: 25px;

    background-color: #f8f8f8;

    border: 2px solid transparent;

    margin-right: 10px;

    text-align: center;

    font-size: 10px;

    line-height: 21px;

    color: black;

}



.color-btn:hover {

    cursor: pointer;

}



.color-btn.checked {

    border-color: black;

}



.color-btn.color-btn-red {

    background-color: #d20f0f;

}



.color-btn.color-btn-blue {

    background-color: #2863bd;

}



.color-btn.color-btn-green {

    background-color: #3c763d;

}



.color-btn.color-btn-gray {

    background-color: #adadad;

}



.color-btn.color-btn-biege {

    background-color: #ece3b4;

}



/*  

    ----------------------------------

    22. BLog

    ----------------------------------

*/

.blog {

    position: relative;

    background-color: #eeeeee;

    background-position: center;

    background-size: cover;

    background-attachment: fixed;

}



.blog .title {

    color: #3a3d45;

}



.blog .pre-header {

    margin-bottom: 15px;

    padding-bottom: 7.5px;

    display: table;

    width: 100%;

}



.blog .pre-header .sort-bar {

    background-color: transparent;

    padding: 0;

}



.blog .pre-header > div {

    display: table-cell;

    vertical-align: middle;

    width: 50%;

}



.blog .pre-header > div > * {

    margin: 0;

}



@media (min-width: 992px) {

    .blog .pre-header {

        margin-bottom: 20px;

        padding-bottom: 7.5px;

    }

}



.blog .blog-title,

.blog .blog-subtitle {

    text-transform: none;

    color: #3a3d45;

}



.blog strong {

    font-weight: 600;

}



.blog .wrapper-more {

    margin: 20px 10px 0;

}



@media (min-width: 992px) {

    .blog .wrapper-more {

        margin: 30px 20px 0;

    }

}



.blog aside .box {

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

    background-color: white;

    padding: 20px;

    position: relative;

    margin-bottom: 15px;

}



.blog aside .box .title {

    padding-top: 7.5px;

    margin-bottom: 15px;

}



.blog aside .box ul {

    margin: 0;

    padding: 0;

}



.blog aside .box ul li {

    list-style-type: circle;

    margin-left: 20px;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



.blog aside .box ul li:hover {

    -moz-transform: translateX(10px);

    -ms-transform: translateX(10px);

    -o-transform: translateX(10px);

    -webkit-transform: translateX(10px);

    transform: translateX(10px);

}



.blog aside .box ul li a {

    display: block;

    padding: 5px 0;

    border-bottom: 1px solid #eaeaea;

}



.blog aside .box ul li.active a {

    color: #ffbb00;

}



.blog aside .box ul li:last-child a {

    border-bottom: 0;

}



.blog aside .box.box-search {

    padding: 0;

    position: relative;

    background-color: white;

}



.blog aside .box.box-search .form-control {

    border: 0;

}



.blog aside .box.box-search .btn {

    position: absolute;

    right: 10px;

    top: 8px;

}



.blog aside .box.box-posts ul li {

    list-style-type: none;

    margin-left: 0;

}



.blog aside .box.box-posts ul li a {

    position: relative;

    display: table;

    width: 100%;

}



.blog aside .box.box-posts ul li a > span {

    display: table-cell;

    vertical-align: middle;

}



.blog aside .box.box-posts ul li a .date {

    width: 40px;

    text-align: center;

    line-height: 1;

}



.blog aside .box.box-posts ul li a .date span {

    display: block;

}



.blog aside .box.box-posts ul li a .date span:nth-child(1) {

    font-size: 75%;

}



.blog aside .box.box-posts ul li a .date span:nth-child(2) {

    font-weight: bold;

    font-size: 20px;

}



.blog aside .box.box-posts ul li a .text {

    padding-left: 5px;

}



.blog aside .box.box-tags ul li {

    margin: 0 2px 2px 0;

    display: block;

    float: left;

}



.blog aside .box.box-tags ul li a {

    padding: 5px;

    border: 0;

    background-color: #ffbb00;

    color: white;

    font-size: 13px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

}



.blog aside .box.box-tags ul li a:hover {

    background-color: #cc9600;

}



@media (min-width: 768px) {

    .blog aside {

        display: block;

    }

    .blog aside .box {

        margin-bottom: 30px;

    }

}



.blog .nav-link {

    position: absolute;

    width: 65px;

    height: 85px;

    top: 220px;

    cursor: pointer;

    opacity: 0.5;

    z-index: 50;

}



.blog .nav-link:hover {

    opacity: 1;

}



.blog .nav-link:before {

    font-family: 'LinearIcons';

    font-style: normal;

    font-variant-ligatures: normal;

    font-variant-caps: normal;

    font-variant-numeric: normal;

    font-weight: normal;

    font-stretch: normal;

    text-transform: none;

    speak: none;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    font-size: 60px;

    content: "";

    display: inline-block;

    width: 65px;

    height: 65px;

}



.blog .nav-link.next {

    right: 5px;

}



.blog .nav-link.prev {

    left: 5px;

}



.blog .nav-link.prev:before {

    content: "\e875";

}



.blog .nav-link.next:before {

    content: "\e876";

}



.blog .nav-link figure {

    border-radius: 10px;

    overflow: hidden;

    background-color: white;

    display: none;

    opacity: 0;

    position: absolute;

    width: 180px;

    left: auto;

    right: auto;

    top: 50%;

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.blog .nav-link figure figcaption {

    text-align: center;

    padding: 10px;

}



.blog .nav-link figure figcaption .blog-title {

    margin: 0;

}



.blog .nav-link figure .image {

    position: relative;

    overflow: hidden;

}



.blog .nav-link figure .image img {

    width: 100%;

}



.blog .nav-link.next figure {

    right: 100%;

}



.blog .nav-link.prev figure {

    left: 100%;

}



.blog .nav-link.next:hover figure,

.blog .nav-link.prev:hover figure {

    opacity: 1;

}



@media (min-width: 992px) {

    .blog .nav-link figure {

        display: block;

    }

}



@media (max-width: 767px) {

    .blog .nav-link {

        display: none;

    }

}



.blog article {

    margin-bottom: 15px;

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

}



.blog article, .blog article a {

    color: black;

}



.blog article a {

    display: block;

}



.blog article a:hover {

    color: black;

}



.blog article .image {

    background-position: center;

    background-size: cover;

    overflow: hidden;

    height: auto;

}



.blog article .image img {

    display: block;

    width: 100%;

}



.blog article .entry {

    background-color: white;

    padding: 10px 15px;

    position: relative;

}



.blog article .entry.entry-table {

    display: table;

    width: 100%;

    height: 80px;

}



.blog article .entry.entry-table > div {

    display: table-cell;

    vertical-align: middle;

}



.blog article .entry.entry-table .title {

    padding-left: 10px;

}



.blog article .entry .date-wrapper {

    width: 55px;

}



.blog article .entry .date-wrapper .date {

    width: 50px;

    height: 60px;

    z-index: 99;

    z-index: 99;

    padding: 7px 0;

    text-align: center;

    border-right: 1px solid #ccc;

}



.blog article .entry .date-wrapper .date span {

    display: block;

    font-size: 11px;

    line-height: 12px;

}



.blog article .entry .title > * {

    margin: 0;

    text-transform: none;

}



.blog article .description {

    padding: 15px 0;

    color: white;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



.blog article .show-more {

    background-color: white;

    position: absolute;

    padding: 0 15px 15px;

    left: 0;

    top: 100%;

    width: 100%;

    -moz-transform: scale(1, 0);

    -ms-transform: scale(1, 0);

    -o-transform: scale(1, 0);

    -webkit-transform: scale(1, 0);

    transform: scale(1, 0);

    -moz-transform-origin: 50% 0;

    -ms-transform-origin: 50% 0;

    -o-transform-origin: 50% 0;

    -webkit-transform-origin: 50% 0;

    transform-origin: 50% 0;

}



.blog article .show-more .btn {

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    -webkit-transform: scale(0);

    transform: scale(0);

}



.blog article .show-more, .blog article .show-more .btn {

    -moz-transition: all 0.2s;

    -o-transition: all 0.2s;

    -webkit-transition: all 0.2s;

    transition: all 0.2s;

}



.blog article.article-table {

    background-color: white;

}



.blog article.article-table > a {

    display: table;

    width: 100%;

}



.blog article.article-table > a > div {

    display: table-cell;

    vertical-align: middle;

}



.blog article.article-table > a .image {

    width: 50%;

}



.blog article.article-table > a .image img {

    display: none;

}



.blog article.article-table > a .text {

    padding: 15px;

    position: relative;

}



.blog article.article-table > a .text > * {

    position: relative;

    z-index: 99;

}



.blog article.article-table > a .text .text-intro {

    display: none;

}



.blog article.article-table > a .text:before {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background-color: white;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    -webkit-transform: scale(1);

    transform: scale(1);

}



.blog article.article-table:hover {

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

    -webkit-transform: none;

    transform: none;

}



@media (min-width: 768px) {

    .blog article {

        -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

        -o-transform: translate3d(0, 0, 0);

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        -moz-transition: all 0.2s;

        -o-transition: all 0.2s;

        -webkit-transition: all 0.2s;

        transition: all 0.2s;

        margin-bottom: 30px;

    }

    .blog article .description {

        padding: 25px 0;

        -moz-transform: translate3d(0, 20px, 0);

        -ms-transform: translate3d(0, 20px, 0);

        -o-transform: translate3d(0, 20px, 0);

        -webkit-transform: translate3d(0, 20px, 0);

        transform: translate3d(0, 20px, 0);

        opacity: 0;

    }

    .blog article:hover {

        position: relative;

        color: initial;

        -moz-transform: translate3d(0, -20px, 0);

        -ms-transform: translate3d(0, -20px, 0);

        -o-transform: translate3d(0, -20px, 0);

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0);

    }

    .blog article:hover .text-wrapper {

        padding-bottom: 40px;

    }

    .blog article:hover .show-more {

        -moz-transform: scale(1, 1);

        -ms-transform: scale(1, 1);

        -o-transform: scale(1, 1);

        -webkit-transform: scale(1, 1);

        transform: scale(1, 1);

    }

    .blog article:hover .show-more .btn {

        -moz-transition-delay: 0.2s;

        -o-transition-delay: 0.2s;

        -webkit-transition-delay: 0.2s;

        transition-delay: 0.2s;

        -moz-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        -webkit-transform: scale(1);

        transform: scale(1);

    }

    .blog article:hover .description {

        -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

        -o-transform: translate3d(0, 0, 0);

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1;

    }

    .blog article .image {

        height: 220px;

    }

    .blog article .image img {

        display: none;

    }

    .blog article.article-table:hover .text:before {

        -moz-transform: scale(1.03);

        -ms-transform: scale(1.03);

        -o-transform: scale(1.03);

        -webkit-transform: scale(1.03);

        transform: scale(1.03);

        box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);

    }

    .blog article.article-table > a .text {

        padding: 40px;

    }

    .blog article.article-table > a .text .text-intro {

        display: block;

    }

    .blog article header {

        margin-bottom: 50px;

    }

}



.blog.blog-block article {

    position: relative;

}



.blog.blog-block article, .blog.blog-block article a, .blog.blog-block article .title {

    color: white;

}



.blog.blog-block article .entry-block {

    background-color: transparent;

    position: absolute;

    width: 100%;

    top: 0;

    overflow: hidden;

    padding: 25px;

}



.blog.blog-block article .date {

    font-size: 80%;

    margin-bottom: 5px;

}



.blog.blog-block article .image {

    height: auto;

}



.blog.blog-block article .image img {

    display: block;

}



.blog.blog-block article .image:before {

    background: -moz-linear-gradient(top, black 0%, rgba(255, 255, 255, 0) 100%);

    /* FF3.6-15 */

    background: -webkit-linear-gradient(top, black 0%, rgba(255, 255, 255, 0) 100%);

    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, black 0%, rgba(255, 255, 255, 0) 100%);

    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=0 );

    /* IE6-9 */

    position: absolute;

    opacity: 0.5;

    content: "";

    top: 0;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.blog.blog-block article .show-more {

    padding: 0;

    background-color: transparent;

    bottom: -45px;

    top: inherit;

    width: 90%;

    left: 50%;

    -moz-transform: scale(1, 1) translate(-50%, -50%);

    -ms-transform: scale(1, 1) translate(-50%, -50%);

    -o-transform: scale(1, 1) translate(-50%, -50%);

    -webkit-transform: scale(1, 1) translate(-50%, -50%);

    transform: scale(1, 1) translate(-50%, -50%);

}



.blog .blog-info.blog-info-top {

    border-bottom: 1px solid #dddddd;

    border-top: 1px solid #dddddd;

    padding: 5px 0;

    margin-bottom: 20px;

    text-align: left;

}



@media (min-width: 992px) {

    .blog .blog-info.blog-info-top {

        padding: 10px 0;

    }

}



.blog .blog-info.blog-info-bottom {

    padding: 20px 0;

}



.blog .blog-info ul {

    margin: 0;

    padding: 0;

}



.blog .blog-info ul li {

    padding: 0;

    list-style-type: none;

}



.blog .blog-info .entry {

    padding: 5px 10px 5px 25px;

    list-style-type: none;

    display: inline-block;

    font-size: 90%;

}



.blog .blog-info .entry .fa {

    margin-left: -25px;

    width: 20px;

    text-align: center;

    margin-right: 5px;

}



.blog .blog-info .entry.divider {

    border-bottom: 1px solid #dddddd;

    margin-bottom: 10px;

}



.blog .blog-post .blog-image-main img {

    width: 100%;

}



@media (min-width: 992px) {

    .blog .blog-post .blog-image-main {

        margin-top: -130px;

    }

    .blog .blog-post .blog-image-main img {

        box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.2);

    }

}



@media (min-width: 1200px) {

    .blog .blog-post .blog-image-main {

        margin-top: -160px;

    }

}



.blog .blog-post .blog-post-content {

    background-color: white;

    padding: 20px;

}



@media (min-width: 992px) {

    .blog .blog-post .blog-post-content {

        padding: 60px;

    }

}



.blog .blog-post .blog-image {

    margin: 20px 0;

    display: block;

}



.blog .blog-post .blog-image .caption {

    display: block;

    text-align: center;

    font-size: 75%;

    font-style: italic;

    padding: 5px 0;

}



@media (min-width: 992px) {

    .blog .blog-post .blog-image {

        margin: 30px 0;

    }

}



.blog .blog-post .blog-post-text img {

    border: 5px solid white;

    width: 100%;

}



.blog .blog-post .blog-post-text h2, .blog .blog-post .blog-post-text h3, .blog .blog-post .blog-post-text h4, .blog .blog-post .blog-post-text h5 {

    margin-top: 35px;

    text-transform: none;

}



/*  

    ----------------------------------

    23. Designer

    ----------------------------------

*/

.designer {

    position: relative;

    margin-bottom: 20px;

    border: 1px solid #dddddd;

}



.designer .box {

    display: table;

    width: 100%;

}



.designer .image {

    background: #ffffff;

    padding: 10px;

    border-bottom: 1px solid #dddddd;

}



.designer .image img {

    width: 80%;

    margin: 0 auto;

    display: block;

    border-radius: 100%;

}



.designer .name {

    background-color: #f5f5f5;

    text-align: left;

    padding-left: 15px;

    padding: 20px !important;

}



.designer .name .title {

    margin: 0;

}



.designer .name .title small {

    font-size: initial;

    color: #666;

}



@media (min-width: 992px) {

    .designer {

        margin-top: -73px;

    }

    .designer .image {

        padding: 30px 40px;

    }

}



/*  

    ----------------------------------

    24. Tabs navigation

    ----------------------------------

*/

.nav-tabs {

    border: 0;

}



.nav-tabs > li > a {

    border-radius: 1px;

    background: #f1f1f1;

    border: 0;

    margin-right: 1px;

    padding: 14px 20px;

    border-top: 1px solid transparent;

    border-top-left-radius: 3px;

    border-top-right-radius: 3px;

}



.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {

    color: black;

}



.nav-tabs > li.active > a {

    background: #e2e2e2;

    color: #000;

    box-shadow: 0 -5px 0px #fbb700;

}



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

    background: #e2e2e2;

    color: #000;

    box-shadow: 0 -5px 0px #fbb700;

}



@media (min-width: 992px) {

    .nav-tabs {

        margin-top: -73px;

    }

}



/*  

    ----------------------------------

    25. Comments

    ----------------------------------

*/

.comments {

    display: block;

    background-color: white;

}



.comments h2 {

    font-size: 18px;

}



.comments .fa.active {

    color: #ffbb00;

}



.comments h2 .rating {

    display: inline-block;

}



.comments .rate-box {

    display: block;

    width: 100%;

    background-color: white;

    padding: 20px 30px;

    border: 1px solid #eee;

}



.comments .rate-box strong {

    margin: 0 0 10px 0;

    font-size: 14px;

}



.comments .rate-box .rating {

    padding: 5px 0;

}



@media (min-width: 992px) {

    .comments .rate-box {

        width: 33.333333333%;

        float: left;

    }

}



@media (max-width: 1199px) {

    .comments {

        margin-bottom: 20px;

    }

}



.comments content {

    max-width: 700px;

    display: block;

    margin-left: auto;

    margin-right: auto;

}



.comments .comment-header {

    padding: 20px 0;

    border-top: 1px solid #dddddd;

    border-bottom: 1px solid #dddddd;

    text-align: center;

}



.comments .comment-header a {

    display: inline-block;

    padding: 0 10px;

}



.comments .comment-block {

    margin-top: 40px;

    margin-bottom: 40px;

    border-bottom: 1px solid #dddddd;

    padding-left: 15px;

    padding-right: 30px;

}



.comments .comment-block:last-child,

.comments .comment-block > .comment-block {

    border-bottom: none;

}



.comments .comment-block > .comment-block {

    background-color: #eeeeee;

    border-top: 1px solid rgba(221, 221, 221, 0.5);

    padding-bottom: 20px;

    padding-top: 20px;

}



@media (min-width: 768px) {

    .comments .comment-block {

        padding-left: 40px;

        padding-right: 40px;

    }

    .comments .comment-block > .comment-block {

        margin-left: 50px;

    }

}



.comments .comment-user {

    display: table;

    width: 100%;

}



.comments .comment-user div {

    display: table-cell;

    vertical-align: middle;

    text-align: left;

}



.comments .comment-user div img {

    border-radius: 100%;

    width: 40px;

}



.comments .comment-user div h5 {

    margin: 0;

}



.comments .comment-user div h5 small {

    display: block;

    padding: 4px 0;

}



.comments .comment-user div:first-child {

    width: 50px;

}



.comments .comment-desc {

    margin-left: 50px;

    margin-top: 10px;

}



.comments .comment-add {

    margin-top: 40px;

    padding: 0 20px 20px;

}



.comments .comment-add .comment-reply-message {

    margin-bottom: 15px;

}



.comments .comment-add .comment-reply-message .title {

    margin-bottom: 10px;

}



.comments .comment-add .btn-circle {

    background-color: black;

    color: white;

}



/*  

    ----------------------------------

    26. Wrapper more

    ----------------------------------

*/

.wrapper-more {

    margin-top: 20px;

    text-align: center;

}



@media (min-width: 992px) {

    .wrapper-more .wrapper-more {

        margin-top: 0;

    }

}



/*  

    ----------------------------------

    27. Stretcher

    ----------------------------------

*/

.stretcher-wrapper {

    margin: 0;

    padding: 0;

    background-color: #cc9600;

}



.stretcher-wrapper header {

    background-color: white;

    position: relative;

    margin-bottom: 0;

    padding: 30px 0;

}



.stretcher-wrapper header:before {

    content: '';

    position: absolute;

    border-width: 20px 20px 0px 20px;

    border-style: solid solid solid solid;

    border-color: white transparent white;

    bottom: -15px;

    left: 50%;

    z-index: 2;

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

}



.stretcher-wrapper .stretcher {

    position: relative;

    width: 100%;

    height: auto;

    overflow: hidden;

    font-size: 0;

    margin: 0;

    padding: 0;

}



.stretcher-wrapper .stretcher .stretcher-item {

    position: relative;

    background-size: cover;

    background-position: center;

    display: block;

    width: 100%;

    height: 30vh;

    overflow: hidden;

    -moz-transition: width 0.5s;

    -o-transition: width 0.5s;

    -webkit-transition: width 0.5s;

    transition: width 0.5s;

}



.stretcher-wrapper .stretcher .stretcher-item > a {

    position: absolute;

    width: 100%;

    height: 100%;

    -moz-transform: translate3d(0, 100%, 0);

    -ms-transform: translate3d(0, 100%, 0);

    -o-transform: translate3d(0, 100%, 0);

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    z-index: 99;

}



.stretcher-wrapper .stretcher .stretcher-item:hover > a {

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



.stretcher-wrapper .stretcher .stretcher-item.more {

    background-color: #cc9600;

    position: relative;

    height: 100px;

}



.stretcher-wrapper .stretcher .stretcher-item.more a {

    position: absolute;

    width: 100%;

    height: 100%;

}



.stretcher-wrapper .stretcher .stretcher-item.more .more-icon {

    font-size: 70px;

    color: white;

    position: absolute;

    left: 50%;

    top: 50%;

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}



.stretcher-wrapper .stretcher .stretcher-item.more .more-icon,

.stretcher-wrapper .stretcher .stretcher-item.more .more-icon span {

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.stretcher-wrapper .stretcher .stretcher-item.more .more-icon span {

    display: inline-block;

}



.stretcher-wrapper .stretcher .stretcher-item.more .more-icon span:before, .stretcher-wrapper .stretcher .stretcher-item.more .more-icon span:after {

    position: absolute;

    left: 50%;

    top: 50%;

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    white-space: nowrap;

}



.stretcher-wrapper .stretcher .stretcher-item.more .more-icon span:before {

    content: attr(data-title-show);

    opacity: 0;

    font-size: 16px;

}



.stretcher-wrapper .stretcher .stretcher-item.more .more-icon span:after {

    content: attr(data-title-hide);

    opacity: 1;

}



.stretcher-wrapper .stretcher .stretcher-item.more:hover .more-icon span:before {

    opacity: 1;

}



.stretcher-wrapper .stretcher .stretcher-item.more:hover .more-icon span:after {

    opacity: 0;

}



@media (min-width: 992px) {

    .stretcher-wrapper .stretcher .stretcher-item.more, .stretcher-wrapper .stretcher .stretcher-item.more.inactive {

        width: 8%;

    }

    .stretcher-wrapper .stretcher .stretcher-item.more.active {

        width: 28%;

    }

    .stretcher-wrapper .stretcher .stretcher-item.more.more {

        height: 100%;

    }

}



.stretcher-wrapper .stretcher .stretcher-item.inactive, .stretcher-wrapper .stretcher .stretcher-item.active {

    width: 100%;

}



@media (min-width: 992px) {

    .stretcher-wrapper .stretcher .stretcher-item {

        width: 23%;

        height: 100%;

        display: inline-block;

    }

    .stretcher-wrapper .stretcher .stretcher-item.inactive {

        width: 18%;

    }

    .stretcher-wrapper .stretcher .stretcher-item.active {

        width: 38%;

    }

}



.stretcher-wrapper .stretcher .stretcher-item .stretcher-logo {

    /*background-color: rgba($color-base, 0.0);*/

    opacity: 1;

    position: absolute;

    width: 100%;

    height: 100%;

    -moz-transition: opacity 0.2s;

    -o-transition: opacity 0.2s;

    -webkit-transition: opacity 0.2s;

    transition: opacity 0.2s;

    font-size: initial;

    color: white;

}



.stretcher-wrapper .stretcher .stretcher-item .stretcher-logo img,

.stretcher-wrapper .stretcher .stretcher-item .stretcher-logo .text {

    position: absolute;

    left: 50%;

    top: 50%;

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}



.stretcher-wrapper .stretcher .stretcher-item .stretcher-logo .text {

    text-align: center;

}



.stretcher-wrapper .stretcher .stretcher-item .stretcher-logo .text .f-icon {

    font-size: 100px;

}



.stretcher-wrapper .stretcher .stretcher-item .stretcher-logo .text .text-intro {

    display: block;

}



.stretcher-wrapper .stretcher .stretcher-item:hover .stretcher-logo {

    opacity: 0;

}



.stretcher-wrapper .stretcher .stretcher-item figure {

    background-color: rgba(204, 150, 0, 0.5);

    color: white;

    position: absolute;

    z-index: 9;

    font-size: initial;

    padding: 20px 10px;

    width: 100%;

    left: 0;

    bottom: 0;

    -moz-transform: translate3d(0, 100%, 0);

    -ms-transform: translate3d(0, 100%, 0);

    -o-transform: translate3d(0, 100%, 0);

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.stretcher-wrapper .stretcher .stretcher-item figure h4 {

    margin-bottom: 0;

}



@media (min-width: 992px) {

    .stretcher-wrapper .stretcher .stretcher-item figure {

        padding: 20px 30px;

    }

}



.stretcher-wrapper .stretcher .stretcher-item:hover figure {

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



@media (min-width: 992px) {

    .stretcher-wrapper .stretcher {

        height: 500px;

        white-space: nowrap;

    }

    .stretcher-wrapper.stretcher-wrapper-frontpage .stretcher {

        height: 100vh;

    }

    .stretcher-wrapper.stretcher-wrapper-frontpage .stretcher .stretcher-item figure {

        bottom: 20%;

        -moz-transform: translate3d(-100%, 0, 0);

        -ms-transform: translate3d(-100%, 0, 0);

        -o-transform: translate3d(-100%, 0, 0);

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

        overflow: hidden;

        padding: 50px 30px;

    }

    .stretcher-wrapper.stretcher-wrapper-frontpage .stretcher .stretcher-item:hover figure {

        -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

        -o-transform: translate3d(0, 0, 0);

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



/*  

    ----------------------------------

    28. Scroll to top

    ----------------------------------

*/

.scroll-top {

    visibility: hidden;

    padding: 18px 20px;

    background-color: #ffbb00;

    color: white;

    position: fixed;

    bottom: 15px;

    right: 20px;

    z-index: 999;

    border-radius: 100%;

    cursor: pointer;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

    opacity: 0;

}



.scroll-top.visible {

    visibility: visible;

    opacity: 1;

}



.scroll-top.active {

    bottom: 15px;

}



.scroll-top:hover {

    background-color: #333;

}



@media (min-width: 768px) {

    .scroll-top.active {

        bottom: 545px;

    }

}



@media (min-width: 992px) {

    .scroll-top.active {

        bottom: 590px;

    }

}



@media (min-width: 1200px) {

    .scroll-top.active {

        bottom: 620px;

    }

}



/*  

    ----------------------------------

    29. Banner

    ----------------------------------

*/

.banner {

    position: relative;

    background-attachment: fixed;

    background-position: center;

    background-size: cover;

    padding-top: 160px;

    padding-bottom: 160px;

    color: white;

    background-color: #3a3d45;

}



.banner .btn {

    margin-top: 40px;

}



.banner.banner-smaller {

    padding-top: 40px;

    padding-bottom: 40px;

}



@media (min-width: 768px) {

    .banner.banner-smaller {

        padding-top: 80px;

        padding-bottom: 80px;

    }

}



@media (min-width: 1200px) {

    .banner.banner-smaller {

        padding-top: 160px;

        padding-bottom: 160px;

    }

}



/*  

    ----------------------------------

    30. Main popup

    ----------------------------------

*/

.popup-main {

    background: #e6e6e6;

    text-align: left;

    width: 100%;

    margin: 0px auto;

    position: relative;

    box-shadow: 0 0 20px #000;

    /*popup-product-styles*/

}



.popup-main.popup-main-article img {

    width: 100%;

}



.popup-main .popup-title {

    padding: 20px;

    text-align: left;

    font-size: 24px;

}



.popup-main .popup-title > * {

    margin: 0;

}



.popup-main .popup-content {

    background-color: white;

    padding: 15px;

}



.popup-main .popup-buttons a {

    border-left: 1px solid #fff;

    padding: 32px 30px;

    display: inline-block;

    margin-left: -3px;

}



.popup-main .popup-buttons a:hover {

    background-color: black;

    border-color: black;

    color: white;

}



.popup-main .mfp-close {

    height: 72px;

    border-left: 1px solid white;

}



.popup-main .popup-table {

    display: table;

    width: 100%;

    width: 100%;

}



.popup-main .popup-table .popup-cell {

    display: table-cell;

    vertical-align: middle;

    vertical-align: middle;

}



.popup-main .popup-table .popup-cell:nth-child(1) {

    padding-left: 18px;

}



.popup-main .popup-table .popup-cell:nth-child(2) {

    text-align: right;

}



@media (max-width: 767px) {

    .popup-main .popup-table .popup-cell .icon {

        font-size: 20px;

    }

}



.popup-main .product .product-info-wrapper {

    margin: 0;

    padding: 0;

    box-shadow: none;

    border: 0;

}



.popup-main .product .title small {

    display: block;

    margin: 0;

}



.popup-main .product .price {

    text-align: left;

    margin: 0;

}



.popup-main .product .price.price-single {

    padding: 15px 0;

}



@media (min-width: 992px) {

    .popup-main .product .price.price-single {

        padding: 20px 0;

    }

}



.popup-main .product .price small {

    display: block;

    margin: 0;

}



.popup-main .product .product-colors {

    margin-top: 10px;

}



.popup-main .product .owl-product-gallery {

    margin-bottom: 1px;

}



@media (min-width: 768px) {

    .popup-main {

        width: 640px;

    }

    .popup-main.popup-main-article {

        width: 760px;

    }

    .popup-main .popup-content {

        padding: 40px;

    }

    .popup-main .mfp-close {

        height: 90px;

        border-left: 1px solid white;

    }

    .popup-main .product .owl-product-gallery {

        margin-bottom: 1px;

    }

}



/*  

    ----------------------------------

    31. Instagram

    ----------------------------------

*/

.instagram {

    padding-top: 30px;

    padding-bottom: 0;

}



.instagram .gallery .item {

    width: 16.66667%;

    float: left;

    overflow: hidden;

}



.instagram .gallery .item img {

    width: 100%;

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

    -moz-transition: all 0.2s;

    -o-transition: all 0.2s;

    -webkit-transition: all 0.2s;

    transition: all 0.2s;

}



.instagram .gallery .item:hover img {

    -moz-transform: scale(1.08);

    -ms-transform: scale(1.08);

    -o-transform: scale(1.08);

    -webkit-transform: scale(1.08);

    transform: scale(1.08);

}



@media (min-width: 768px) {

    .instagram {

        padding-top: 20px;

    }

}



@media (min-width: 992px) {

    .instagram {

        padding-top: 30px;

    }

}



@media (min-width: 1200px) {

    .instagram {

        padding-top: 40px;

    }

}



/*  

    ----------------------------------

    32. Checkout

    ----------------------------------

*/

.checkout {

    background-color: #eeeeee;

    padding-top: 60px;

    padding-bottom: 60px;

}



.checkout hr {

    border-color: #dddddd;

}



.checkout .cart-wrapper {

    margin: 15px 0;

}



@media print {

    .checkout .cart-wrapper {

        border-top: 1px solid #dddddd;

        border-bottom: 1px solid #dddddd;

    }

    .checkout .cart-wrapper + .cart-wrapper {

        border-top: 0;

    }

}



.checkout .white-block {

    background-color: white;

    padding: 20px 15px;

    margin-bottom: 15px;

}



.checkout .note-block {

    background-color: white;

}



.checkout .title {

    margin: 0;

}



.checkout .cart-block {

    position: relative;

    margin-bottom: 15px;

}



.checkout .cart-block:last-child {

    margin-bottom: 0;

}



.checkout .cart-block.cart-block-header {

    display: none;

    background-color: #fbfbfb;

    border-top-right-radius: 10px;

    border-top-left-radius: 10px;

}



.checkout .cart-block.cart-block-item {

    background-color: white;

}



.checkout .cart-block.cart-block-footer {

    color: black;

    margin-top: 1px;

    background-color: white;

    padding: 15px 10px;

}



.checkout .cart-block.cart-block-footer.cart-block-footer-price {

    padding: 30px 30px;

    background-color: white;

}



.checkout .cart-block.cart-block-footer > div {

    padding: 0;

}



.checkout .cart-block.cart-block-footer > div:nth-child(1), .checkout .cart-block.cart-block-footer > div:nth-child(2) {

    width: 50%;

}



.checkout .cart-block.cart-block-footer > div:nth-child(2) {

    text-align: right;

}



.checkout .cart-block.cart-block-footer .form-coupon {

    display: inline-block;

    width: inherit;

    margin-left: 10px;

    text-align: left;

}



.checkout .cart-block > div {

    padding: 0 30px;

}



.checkout .cart-block > div img {

    width: 100%;

    vertical-align: middle;

}



.checkout .cart-block > div.image {

    padding: 0;

}



.checkout .cart-block > div.quantity, .checkout .cart-block > div.price {

    width: 50%;

    float: left;

}



.checkout .cart-block > div.quantity .form-quantity {

    display: inline-block;

    width: 80px;

}



.checkout .cart-block .title > * {

    margin: 0;

}



.checkout .cart-block .price > span {

    display: block;

    text-align: right;

}



.checkout .cart-block .price .final {

    margin: 0;

}



.checkout .cart-block .price .discount {

    text-decoration: line-through;

}



.checkout .cart-block .icon-delete {

    position: absolute;

    cursor: pointer;

    padding: 5px;

    right: 0;

    top: 0;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



.checkout .cart-block .icon-delete:hover {

    -moz-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

}



@media (min-width: 768px) {

    .checkout .white-block {

        padding: 30px;

    }

    .checkout .cart-block {

        display: table;

        width: 100%;

        margin-bottom: 1px;

    }

    .checkout .cart-block.cart-block-header {

        display: table;

        padding: 15px;

    }

    .checkout .cart-block.cart-block-header > div {

        padding: 0;

    }

    .checkout .cart-block.cart-block-footer {

        padding: 15px 30px;

    }

    .checkout .cart-block.cart-block-footer .form-coupon {

        position: absolute;

        top: 0;

    }

    .checkout .cart-block > div {

        display: table-cell;

        vertical-align: middle;

    }

    .checkout .cart-block > div img {

        width: 100%;

        vertical-align: middle;

    }

    .checkout .cart-block > div:nth-child(1) {

        width: 15%;

    }

    .checkout .cart-block > div:nth-child(2) {

        width: 45%;

    }

    .checkout .cart-block > div:nth-child(3) {

        width: 10%;

    }

    .checkout .cart-block > div:nth-child(4) {

        width: 30%;

    }

    .checkout .cart-block > div.quantity, .checkout .cart-block > div.price {

        float: none;

    }

    .checkout .cart-block > div.quantity {

        text-align: center;

    }

    .checkout .cart-block .title {

        padding: 0 0 0 30px;

    }

    .checkout .cart-block .title > * {

        margin: 0;

    }

    .checkout .cart-block .price {

        padding-right: 30px;

    }

    .checkout .cart-block .price > span {

        display: block;

        text-align: right;

    }

    .checkout .cart-block .price .final {

        margin: 0;

    }

    .checkout .cart-block .price .discount {

        text-decoration: line-through;

    }

    .checkout .cart-block .form-control {

        text-align: center;

    }

}



@media (max-width: 767px) {

    .checkout .cart-block {

        padding-bottom: 15px;

    }

    .checkout .cart-block > div {

        padding: 0 10px;

    }

    .checkout .cart-block .title {

        margin-bottom: 15px;

    }

    .checkout .cart-block .form-control {

        height: 30px;

    }

    .checkout .cart-block.cart-block-footer {

        color: black;

    }

    .checkout .cart-block.cart-block-footer > div {

        float: left;

    }

    .checkout .cart-block.cart-block-footer .form-coupon {

        margin-top: 10px;

        margin-left: 0;

    }

}



/*  

    ----------------------------------

    33. Checkout steps

    ----------------------------------

*/

.step-wrapper {

    background-color: white;

    padding: 30px 0 20px 0;

}



@media (min-width: 768px) {

    .step-wrapper {

        padding: 60px 0 40px 0;

    }

}



@media print {

    .step-wrapper {

        display: none !important;

    }

}



.step-wrapper header {

    padding: 0;

}



.step-wrapper header .title {

    padding-top: 15px;

    color: white;

}



@media (min-width: 768px) {

    .step-wrapper header .title {

        padding-top: 40px;

    }

}



.step-wrapper .stepper {

    color: white;

}



.step-wrapper .stepper > ul {

    display: table;

    width: 100%;

    margin: 0;

    padding: 0;

}



.step-wrapper .stepper > ul > li {

    display: table-cell;

    vertical-align: middle;

    position: relative;

    text-align: center;

    padding: 0;

}



.step-wrapper .stepper > ul > li:first-child:before {

    display: none;

}



.step-wrapper .stepper > ul > li:before {

    background-color: #ffc933;

    position: absolute;

    display: block;

    content: "";

    width: 100%;

    height: 1px;

    top: 50%;

    right: 50%;

    z-index: 0;

}



.step-wrapper .stepper > ul > li span {

    background-color: white;

    font-size: 50px;

    width: 50px;

    height: 50px;

    display: inline-block;

    position: relative;

    z-index: 9;

    color: #ffc933;

    font-family: 'LinearIcons';

}



.step-wrapper .stepper > ul > li span:before {

    content: "\e880";

}



.step-wrapper .stepper > ul > li span:after {

    content: attr(data-text);

    position: absolute;

    display: inline-block;

    bottom: 100%;

    text-transform: uppercase;

    text-align: center;

    width: initial;

    left: 50%;

    font-size: 10px;

    white-space: nowrap;

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

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

}



@media (min-width: 992px) {

    .step-wrapper .stepper > ul > li span {

        width: 50px;

        height: 60px;

        font-size: 50px;

        line-height: 60px;

    }

    .step-wrapper .stepper > ul > li span:after {

        font-size: 16px;

        line-height: initial;

    }

}



.step-wrapper .stepper > ul > li.active:before {

    background-color: black;

}



.step-wrapper .stepper > ul > li.active span {

    color: black;

}



.step-wrapper .stepper > ul > li.active span:before {

    content: "\e87f";

}



/*  

    ----------------------------------

    34. Login wrapper

    ----------------------------------

*/

.login-wrapper.login-wrapper-page {

    background-color: #eeeeee;

}



.login-wrapper .white-block {

    background-color: white;

    padding: 20px 15px;

    margin-bottom: 15px;

}



@media (min-width: 768px) {

    .login-wrapper .white-block {

        padding: 30px;

    }

}



.login-wrapper .login-block.login-block-signin {

    display: none;

}



.login-wrapper .login-block.login-block-signup {

    display: block;

}



/*  

    ----------------------------------

    35. Contact

    ----------------------------------

*/

.contact {

    background-color: #eeeeee;

    padding: 0 0 80px 0;

}



.contact.contact-single {

    background-color: #3a3d45;

}



.contact.contact-single.banner {

    padding-bottom: 0;

}



.contact #map {

    width: 100%;

    height: 400px;

    background-color: grey;

}



.contact .contact-block {

    margin-top: -80px;

}



.contact .contact-block .banner {

    padding: 80px 40px;

}



.contact .contact-block .contact-info {

    background-color: white;

    padding-bottom: 40px;

}



.contact .contact-block .contact-info figure {

    padding: 15px;

}



.contact .contact-block .contact-info figure figcaption > strong {

    display: block;

    padding: 7.5px 0;

}



.contact .contact-block .contact-info figure figcaption > span {

    font-size: 90%;

}



.contact .contact-block .contact-info figure .icon {

    font-size: 50px;

    color: #ffbb00;

}



.contact .contact-block .contact-form {



    display: none;

    margin-top: 50px;

}



.contact .contact-block .contact-form .form-control {

    border-color: transparent;

}



/*  

    ----------------------------------

    36. Map Info window

    ----------------------------------

*/

.map-info-window .fa {

    width: 20px;

    text-align: center;

    margin-right: 3px;

    display: inline-block;

}



/*  

    ----------------------------------

    37. Shortcodes

    ----------------------------------

*/

.shortcodes {

    background-color: #f8f8f8;

}



.shortcodes .buttons .btn {

    display: block;

    width: 100%;

}



.shortcodes .buttons .button-box {

    background-size: cover;

    background-position: center;

    min-height: 200px;

}



.shortcodes .list-group-item {

    padding: 0;

}



.shortcodes .list-group-item a {

    padding: 10px 15px;

    display: block;

    color: #666;

}



.shortcodes .list-group-item a.active, .shortcodes .list-group-item a:hover {

    background-color: #ddd;

}



.shortcodes article {

    border: 1px solid #ddd;

    background-color: white;

    padding: 15px;

    display: block;

    margin-bottom: 60px;

}



.shortcodes article h1:first-child + hr {

    border-color: #ffbb00;

}



.shortcodes article .icons figure {

    text-align: center;

    display: block;

    margin-bottom: 20px;

}



.shortcodes article .icons figure .icon {

    font-size: 78px;

}



.shortcodes article .icons figure figcaption {

    font-size: small;

    display: block;

    white-space: nowrap;

}



.shortcodes .well {

    background-color: #666;

    margin: 15px 0;

    background-position: center;

    background-size: cover;

}



.shortcodes .affix {

    top: 80px;

    width: 212px;

}



@media (min-width: 1200px) {

    .shortcodes .affix {

        width: 262px;

    }

}



.shortcodes .icons-wrapper figure {

    text-align: center;

    font-size: 100px;

}



.shortcodes .icons-wrapper figure figcaption {

    font-size: 16px;

}



.shortcodes .show-all {

    float: right;

}



.shortcodes .bs-glyphicons {

    margin: 0 -10px 20px;

    overflow: hidden;

    max-height: 230px;

}



.shortcodes .bs-glyphicons li {

    float: left;

    width: 25%;

    height: 115px;

    padding: 10px;

    font-size: 10px;

    line-height: 1.4;

    text-align: center;

    background-color: #f9f9f9;

    border: 1px solid #fff;

}



.shortcodes .bs-glyphicons .glyphicon {

    margin-top: 5px;

    margin-bottom: 10px;

    font-size: 24px;

}



.shortcodes .bs-glyphicons .glyphicon-class {

    display: block;

    text-align: center;

    word-wrap: break-word;

    /* Help out IE10+ with class names */

}



.shortcodes .bs-glyphicons li:hover {

    color: #fff;

    background-color: #ffbb00;

}



.shortcodes #glyphs.expanded .bs-glyphicons {

    max-height: 100%;

}



.shortcodes .bs-glyphicons-list {

    padding-left: 0;

    list-style: none;

}



@media (min-width: 768px) {

    .shortcodes .bs-glyphicons {

        margin-right: 0;

        margin-left: 0;

    }

    .shortcodes .bs-glyphicons li {

        width: 12.5%;

        font-size: 12px;

    }

}



/*  

    ----------------------------------

    38. Tabsy wrapper

    ----------------------------------

*/

.tabsy-wrapper.tabsy-wrapper-clean {

    padding: 0;

}



.tabsy-wrapper.tabsy-wrapper-frontpage {

    margin-top: -40px;

    padding: 0;

}



.tabsy-wrapper.tabsy-wrapper-frontpage .container {

    padding-left: 0;

    padding-right: 0;

}



.tabsy-wrapper.tabsy-wrapper-frontpage .tabsy {

    box-shadow: 0 -10px 50px rgba(0, 0, 0, 0.5);

}



@media (min-width: 992px) {

    .tabsy-wrapper.tabsy-wrapper-frontpage {

        margin-top: -100px;

    }

}



@media (min-width: 1480px) {

    .tabsy-wrapper.tabsy-wrapper-frontpage .container {

        width: 80%;

    }

}



@media (max-width: 767px) {

    .tabsy-wrapper.tabsy-wrapper-frontpage {

        margin-top: -62px;

    }

}



.tabsy-wrapper .tabsy {

    background-size: cover;

    background-position: center;

    position: relative;

}



.tabsy-wrapper .tabsy .tabsy-images, .tabsy-wrapper .tabsy .tabsy-images > div {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}



.tabsy-wrapper .tabsy .tabsy-images > div {

    background-size: cover;

    background-position: center;

    opacity: 0;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.tabsy-wrapper .tabsy .tabsy-images > div.current {

    opacity: 1;

}



.tabsy-wrapper .tabsy .tabsy-images img {

    display: none;

}



.tabsy-wrapper .tabsy .tabsy-links .row {

    margin: 0;

}



.tabsy-wrapper .tabsy .tabsy-links figure {

    cursor: pointer;

    padding: 0;

    position: relative;

    min-height: 150px;

    overflow: hidden;

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

    border-bottom: 1px solid rgba(255, 255, 255, 0.4);

}



.tabsy-wrapper .tabsy .tabsy-links figure + figure {

    border-left: 1px solid rgba(255, 255, 255, 0.2);

}



.tabsy-wrapper .tabsy .tabsy-links figure:after {

    font: normal normal normal 24px/30px LinearIcons;

    content: "\e876";

    -webkit-font-smoothing: antialiased;

    display: block;

    position: absolute;

    text-align: right;

    width: 100%;

    right: 0;

    bottom: 0;

    padding: 10px;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

    -moz-transform: translate3d(0, 100%, 0);

    -ms-transform: translate3d(0, 100%, 0);

    -o-transform: translate3d(0, 100%, 0);

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

}



.tabsy-wrapper .tabsy .tabsy-links figure a.link {

    background-color: transparent;

    font-size: 0;

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: 88;

    -moz-transform: translate3d(0, 100%, 0);

    -ms-transform: translate3d(0, 100%, 0);

    -o-transform: translate3d(0, 100%, 0);

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

}



.tabsy-wrapper .tabsy .tabsy-links figure figcaption {

    margin: 20px;

    overflow: hidden;

}



.tabsy-wrapper .tabsy .tabsy-links figure figcaption .date {

    font-size: 75%;

    display: block;

    color: #ffbb00;

}



.tabsy-wrapper .tabsy .tabsy-links figure figcaption .title {

    display: block;

    margin-top: 5px;

    text-transform: none;

    color: white;

}



.tabsy-wrapper .tabsy .tabsy-links figure figcaption .desc {

    display: none;

    color: white;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

    -moz-transform: translate3d(0, 100%, 0);

    -ms-transform: translate3d(0, 100%, 0);

    -o-transform: translate3d(0, 100%, 0);

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

}



@media (min-width: 768px) {

    .tabsy-wrapper .tabsy .tabsy-links figure figcaption .desc {

        display: block;

    }

}



.tabsy-wrapper .tabsy .tabsy-links figure.current {

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

}



.tabsy-wrapper .tabsy .tabsy-links figure.current a.link {

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



.tabsy-wrapper .tabsy .tabsy-links figure.current figcaption .desc {

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



.tabsy-wrapper .tabsy .tabsy-links figure.current:after {

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    -moz-transition-delay: 0.3s;

    -o-transition-delay: 0.3s;

    -webkit-transition-delay: 0.3s;

    transition-delay: 0.3s;

}



@media (min-width: 768px) {

    .tabsy-wrapper .tabsy .tabsy-links figure {

        min-height: 350px;

    }

}



@media (min-width: 768px) {

    .tabsy-wrapper .wrapper-more {

        margin-top: 20px;

    }

}



@media (min-width: 992px) {

    .tabsy-wrapper .wrapper-more {

        margin-top: 35px;

    }

}



/*  

    ----------------------------------

    39. History

    ----------------------------------

*/

.history {

    background-color: #eeeeee;

}



.history .title {

    text-transform: none;

}



.history .history-title .title {

    margin-bottom: 0;

}



.history .history-image {

    background-position: center;

    background-size: cover;

    min-height: 300px;

}



.history .row-block {

    border-bottom: 1px solid rgba(0, 0, 0, 0.2);

    padding: 15px 0;

}



.history .row-block:last-child {

    border-bottom: 0;

}



@media (min-width: 992px) {

    .history {

        padding: 80px 0;

    }

    .history .row-block {

        display: table;

        width: 100%;

        margin-bottom: 80px;

        border-bottom: 0;

    }

    .history .row-block > * {

        display: table-cell;

        vertical-align: middle;

        float: none;

        padding: 80px;

    }

    .history .history-title {

        position: absolute;

        text-align: center;

        color: white;

        width: 100px;

        height: 100px;

        padding-top: 20px;

        z-index: 1;

        margin: 0 auto;

        top: 50%;

        right: -50px;

        margin-top: -50px;

    }

    .history .history-title:before {

        z-index: -1;

        content: "";

        display: block;

        background-color: #ffbb00;

        left: 50%;

        top: 50%;

        position: absolute;

        width: 100%;

        height: 100%;

        -moz-border-radius: 100%;

        -webkit-border-radius: 100%;

        border-radius: 100%;

        -moz-transform: translate(-50%, -50%) scale(1.3);

        -ms-transform: translate(-50%, -50%) scale(1.3);

        -o-transform: translate(-50%, -50%) scale(1.3);

        -webkit-transform: translate(-50%, -50%) scale(1.3);

        transform: translate(-50%, -50%) scale(1.3);

    }

    .history .history-desc {

        background-color: white;

        padding-left: 120px;

    }

}



@media (max-width: 991px) {

    .history .row-block {

        border: 0;

    }

    .history .history-title {

        background-color: #ffbb00;

        color: white;

        display: inline-block;

        padding: 15px;

        margin-left: -20px;

        width: 40%;

        border-bottom-right-radius: 35px;

    }

    .history .history-title p {

        margin-bottom: 0;

    }

    .history .history-image {

        margin-bottom: 20px;

    }

}



/*  

    ----------------------------------

    40. Intro

    ----------------------------------

*/

.intro {

    background-color: #eeeeee;

    padding: 30px 0;

}



.intro.intro-white {

    background-color: white;

}



@media (min-width: 768px) {

    .intro {

        padding: 160px 0;

        text-align: center;

    }

}



/*  

    ----------------------------------

    41. Text blocks

    ----------------------------------

*/

.text-blocks {

    padding: 40px 0;

}



.text-blocks .text-block {

    padding: 60px 0;

    display: table;

    width: 100%;

    text-align: left;

}



.text-blocks .text-block > div {

    display: table-cell;

    vertical-align: middle;

}



.text-blocks .text-block .icon {

    font-size: 50px;

    padding: 0 60px;

}



@media (min-width: 992px) {

    .text-blocks {

        padding: 80px 0;

    }

}



/*  

    ----------------------------------

    42. Quotes

    ----------------------------------

*/

.quotes {

    padding: 60px 0;

    background-color: #ffbb00;

    position: relative;

    background-size: cover;

    background-position: center;

}



@media (min-width: 992px) {

    .quotes {

        padding: 80px 0;

    }

}



.quotes header {

    position: relative;

    z-index: 2;

}



.quotes header .title {

    color: white;

    text-align: center;

}



.quotes:after {

    content: "";

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

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

    top: 0;

    left: 0;

    z-index: 0;

}



.quotes .row {

    position: relative;

    z-index: 10;

}



.quotes .row, .quotes .row > div {

    margin: 0;

    padding: 0;

}



.quotes .quote {

    color: white;

    text-align: center;

}



.quotes .quote .image {

    -moz-border-radius: 100%;

    -webkit-border-radius: 100%;

    border-radius: 100%;

    -moz-transition: all 0.2s;

    -o-transition: all 0.2s;

    -webkit-transition: all 0.2s;

    transition: all 0.2s;

    width: 100px;

    height: 100px;

    margin-left: auto;

    margin-right: auto;

    overflow: hidden;

    top: 0;

    margin-bottom: 40px;

}



.quotes .quote .image img {

    width: 100%;

    -moz-border-radius: 100%;

    -webkit-border-radius: 100%;

    border-radius: 100%;

}



.quotes .quote .text h4, .quotes .quote .text .h4 {

    text-transform: none;

    margin-bottom: 10px;

}



.quotes .quote:hover .image {

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

}



.quotes .quote .more .rating {

    text-align: center;

    padding-top: 15px;

    padding-bottom: 15px;

    font-size: 20px;

}



.quotes .quote .more .rating .icon {

    width: 16px;

    display: inline-block;

}



@media (max-width: 767px) {

    .quotes .quote {

        margin-bottom: 80px;

    }

}



.quotes.quotes-slider .quote {

    padding-top: 30px;

}



.quotes.quotes-slider .quote .image img {

    width: 100px;

}



@media (max-width: 767px) {

    .quotes.quotes-slider .quote {

        margin-bottom: 0;

    }

}



.quotes.quotes-slider .owl-theme {

    margin-bottom: 20px;

}



.quotes.quotes-slider .owl-theme .owl-controls .owl-buttons > div {

    color: white;

}



.quotes.quotes-slider .owl-theme .owl-controls .owl-buttons > div span {

    background-color: transparent;

}



.quotes.quotes-slider .owl-theme .owl-controls .owl-pagination {

    position: relative;

    margin-top: 40px;

}



.quotes.quotes-slider .owl-theme .owl-controls .owl-page span {

    background-color: rgba(255, 255, 255, 0.5);

}



.quotes.quotes-slider .owl-theme .owl-controls .owl-page.active span {

    background-color: white;

    -moz-transform: scale(1.5);

    -ms-transform: scale(1.5);

    -o-transform: scale(1.5);

    -webkit-transform: scale(1.5);

    transform: scale(1.5);

}



/*  

    ----------------------------------

    43. Team

    ----------------------------------

*/

.team {

    padding: 40px 0;

}



.team article {

    background-color: white;

    margin-bottom: 30px;

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



.team article.inactive {

    opacity: 0.2;

}



.team article.active {

    opacity: 1;

}



.team article .title {

    text-transform: none;

    margin: 0;

}



.team article .image img {

    width: 100%;

    display: block;

}



.team article a {

    color: white;

}



.team article .details {

    background-color: #ffbb00;

    color: white;

    text-align: center;

    position: absolute;

    width: 100%;

    overflow: hidden;

    height: 0;

    -moz-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);

    -o-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);

    -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);

    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);

}



.team article .details .inner {

    padding: 15px 0;

}



.team article .details-text {

    top: auto;

    bottom: 100%;

}



.team article .details-social {

    top: 100%;

    bottom: auto;

}



.team article .details-social .fa {

    width: 30px;

    height: 30px;

    padding: 5px;

    text-align: center;

}



.team article:hover {

    position: relative;

    z-index: 999;

}



.team article:hover .details-text {

    height: 70px;

}



.team article:hover .details-social {

    height: 60px;

}



/*  

    ----------------------------------

    44. Owl-icons

    ----------------------------------

*/

.owl-icons-wrapper {

    padding: 0;

    position: relative;

    background: #fff;

}



.owl-icons-wrapper .owl-icons {

    position: relative;

    padding: 5px 0;

}



.owl-icons-wrapper .owl-icons a:hover,

.owl-icons-wrapper .owl-icons figure:hover {

    color: black;

}



.owl-icons-wrapper .owl-icons figure {

    text-align: center;

    padding: 10px 0 20px 0;

}



.owl-icons-wrapper .owl-icons figure:hover .f-icon {

    -moz-transform: scale(1.3);

    -ms-transform: scale(1.3);

    -o-transform: scale(1.3);

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

}



.owl-icons-wrapper .owl-icons figure .f-icon {

    font-size: 70px;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.owl-icons-wrapper .owl-icons figcaption {

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

    text-transform: uppercase;

    font-size: 12px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    width: 100%;

}



.owl-icons-wrapper .owl-icons.owl-theme .owl-controls .owl-buttons div span {

    color: #3a3d45;

}



.owl-icons-wrapper .owl-icons.owl-theme .owl-controls .owl-buttons .owl-next {

    right: -50px;

}



.owl-icons-wrapper .owl-icons.owl-theme .owl-controls .owl-buttons .owl-prev {

    left: -50px;

}



.owl-icons-wrapper .owl-icons-boxed {

    padding: 50px 0;

}



.owl-icons-wrapper .owl-icons-boxed figure {

    background-color: #fafafa;

    border-radius: 4px;

    color: black;

    margin: 0 5px;

}



.owl-icons-wrapper .owl-icons-boxed figure:hover {

    color: #ffbb00;

}



.owl-icons-wrapper.owl-icons-frontpage {

    margin-top: -125px;

    background: transparent;

}



.owl-icons-wrapper.owl-icons-frontpage a, .owl-icons-wrapper.owl-icons-frontpage a:focus, .owl-icons-wrapper.owl-icons-frontpage a:active, .owl-icons-wrapper.owl-icons-frontpage a:hover {

    color: white;

}



.owl-icons-wrapper.owl-icons-frontpage figure:hover,

.owl-icons-wrapper.owl-icons-frontpage .owl-icons.owl-theme .owl-controls .owl-buttons div span {

    color: white;

}



@media (min-width: 992px) {

    .owl-icons-wrapper.owl-icons-frontpage {

        margin-top: -160px;

        background: transparent;

    }

    .owl-icons-wrapper .owl-icons figcaption {

        font-size: 14px;

    }

    .owl-icons-wrapper .owl-icons figure .f-icon {

        font-size: 100px;

    }

}



/*  

    ----------------------------------

    45. Footer

    ----------------------------------

*/

footer {

    background-position: center top;

    background-size: cover;

    background-repeat: no-repeat;

    position: relative;

    color: #666666;

    background-color: black;

}



@media (max-width: 767px) {

    footer {

        text-align: center;

    }

}



footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,

footer .h1, footer .h2, footer .h3, footer .h4, footer .h5, footer .h6 {

    color: #cc9600;

}



footer .form-control {

    background-color: transparent;

    border: 0;

    padding: 0;

    border-bottom: 1px solid #ffbb00;

}



footer ul {

    margin: 0;

    padding: 0;

}



footer ul li {

    list-style-type: none;

}



footer a {

    color: #666666;

}



footer a:hover {

    color: #ffbb00;

}



footer .footer-showroom {

    padding-top: 30px;

    padding-bottom: 30px;

    margin-bottom: 15px;

    border-bottom: 1px solid #222;

}



footer .footer-showroom.footer-showroom-single {

    margin-bottom: 0;

}



footer .footer-showroom .call-us {

    margin-top: 20px;

}



@media (min-width: 768px) {

    footer .footer-showroom {

        padding-top: 40px;

        padding-bottom: 40px;

        margin-bottom: 40px;

    }

}



@media (min-width: 992px) {

    footer .footer-showroom {

        padding-top: 60px;

        padding-bottom: 60px;

        margin-bottom: 60px;

    }

}



@media (min-width: 1200px) {

    footer .footer-showroom {

        padding-top: 60px;

        padding-bottom: 60px;

        margin-bottom: 80px;

    }

}



footer .footer-links .form-newsletter {

    position: relative;

}



footer .footer-links .form-newsletter .btn {

    position: absolute;

    right: 0;

    top: 50%;

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



@media print {

    footer .footer-links {

        display: none !important;

    }

}



footer .footer-social {

    padding: 10px 0;

    text-align: center;

}



footer .footer-social li {

    display: inline-block;

}



footer .footer-social li a {

    padding: 0 5px;

}



@media (min-width: 992px) {

    footer .footer-social {

        padding: 30px 0;

        text-align: left;

    }

    footer .footer-social .links {

        text-align: right;

    }

}



@media (max-width: 991px) {

    footer .row > div {

        margin-bottom: 30px;

    }

    footer .row > div:last-child {

        margin-bottom: 0;

    }

}



/*  

    ----------------------------------

    46. Info icons

    ----------------------------------

*/

.info-icons {

    padding: 60px 0;

    background-color: #eeeeee;

}



.info-icons.info-icons-frontpage {

    margin-top: -100px;

    padding: 0;

}



.info-icons.info-icons-inverted {

    background-color: #ffbb00;

    color: white;

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

}



.info-icons figure {

    border: 1px solid #dddddd;

    background-color: white;

}



.info-icons figure figcaption {

    text-align: center;

}



.info-icons figure figcaption .icon {

    font-size: 40px;

}



.info-icons figure figcaption > span {

    display: block;

}



.info-icons figure figcaption > span,

.info-icons figure figcaption > span > * {

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    padding: 0 5px;

}



.info-icons figure figcaption > span:nth-child(1) {

    padding-top: 40px;

    padding-bottom: 15px;

}



.info-icons figure figcaption > span:nth-child(2) {

    padding-bottom: 40px;

}



.info-icons figure figcaption > span > strong {

    display: block;

}



@media (max-width: 991px) {

    .info-icons figure {

        margin-bottom: 20px;

    }

}



/*  

    ----------------------------------

    47. Cards

    ----------------------------------

*/

.cards {

    position: relative;

}



.cards figure {

    position: relative;

    overflow: hidden;

    margin-bottom: 30px;

}



.cards figure figcaption {

    position: relative;

    background-position: center;

    background-size: cover;

    min-height: 360px;

    -moz-transition: all 5s;

    -o-transition: all 5s;

    -webkit-transition: all 5s;

    transition: all 5s;

}



.cards figure figcaption img {

    display: none;

}



.cards figure figcaption:before {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    background-color: #ffbb00;

    opacity: 0;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



.cards figure:hover figcaption {

    -moz-transform: scale(1.5);

    -ms-transform: scale(1.5);

    -o-transform: scale(1.5);

    -webkit-transform: scale(1.5);

    transform: scale(1.5);

}



.cards figure:hover figcaption:before {

    opacity: 0.8;

}



.cards figure .btn {

    position: absolute;

    top: 80%;

    left: 50%;

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}



.cards figure:hover .btn {

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    top: 50%;

}



/*  

    ----------------------------------

    48. Not found

    ----------------------------------

*/

.not-found {

    background-color: #3a3d45;

    padding: 160px 0;

    text-align: center;

}



.not-found .title {

    position: relative;

    color: #ffbb00;

    font-size: 80px;

    margin-bottom: 15px;

    line-height: 0.8;

    z-index: 2;

}



.not-found .title:before {

    content: attr(data-title);

    position: absolute;

    left: 50%;

    top: 50%;

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%) scale(2);

    -ms-transform: translate(-50%, -50%) scale(2);

    -o-transform: translate(-50%, -50%) scale(2);

    -webkit-transform: translate(-50%, -50%) scale(2);

    transform: translate(-50%, -50%) scale(2);

    color: #666666;

    opacity: 0.1;

    font-size: 40px;

    z-index: -1;

}



@media (min-width: 992px) {

    .not-found {

        padding: 320px 0;

    }

    .not-found .title {

        font-size: 250px;

    }

    .not-found .title:before {

        font-size: 100px;

    }

}



.not-found .subtitle {

    color: #ffbb00;

}



.not-found a {

    color: #666666;

    text-decoration: underline;

}



.not-found a:hover {

    color: #ffbb00;

}



.not-found p {

    margin-bottom: 0;

}



/*  

    ----------------------------------

    49. Single page

    ----------------------------------

*/

.single-page {

    -moz-animation: moveToBottom .7s ease-in-out both;

    -o-animation: moveToBottom .7s ease-in-out both;

    -webkit-animation: moveToBottom .7s ease-in-out both;

    animation: moveToBottom .7s ease-in-out both;

    color: red;

}



/* Version 2.2.0. 

 * Theme credit ElaThemes.com */