/* ==========================
   Colors
   ========================== */
/* ==========================
   General Settings
   ========================== */
/* ==========================
   Mixins
   ========================== */
body {
    overflow-x: hidden;
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    color: #555;
}

*:focus {
    outline: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Merriweather", sans-serif;
    font-weight: 700;
    margin: 0 0 1rem 0;
    color: inherit;
}

h1 {
    font-size: 32px;
}

@media only screen and (min-width: 64em) {
    h1 {
        font-size: 42px;
    }
}

h2 {
    font-size: 24px;
}

@media only screen and (min-width: 64em) {
    h2 {
        font-size: 28px;
    }
}

h3 {
    font-size: 20px;
}

@media only screen and (min-width: 64em) {
    h3 {
        font-size: 24px;
    }
}

ul, ol, ul ul, ul ol, ol ol {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

a {
    display: inline-block;
    color: #d51910;
    font-weight: 700;
    font-size: 0.875rem;
    position: relative;
    -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}

a:hover {
    color: #b9160e;
}

a:focus, a:active {
    outline: none;
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'] {
    height: 50px;
    border: 0;
    box-shadow: 0 0 0 1px #ccc;
}

[type='text']:hover, [type='password']:hover, [type='date']:hover, [type='datetime']:hover, [type='datetime-local']:hover, [type='month']:hover, [type='week']:hover, [type='email']:hover, [type='number']:hover, [type='search']:hover, [type='tel']:hover, [type='time']:hover, [type='url']:hover {
    box-shadow: 0 0 0 2px #aaa;
    border: 0;
}

[type='text']:focus, [type='text']:active, [type='password']:focus, [type='password']:active, [type='date']:focus, [type='date']:active, [type='datetime']:focus, [type='datetime']:active, [type='datetime-local']:focus, [type='datetime-local']:active, [type='month']:focus, [type='month']:active, [type='week']:focus, [type='week']:active, [type='email']:focus, [type='email']:active, [type='number']:focus, [type='number']:active, [type='search']:focus, [type='search']:active, [type='tel']:focus, [type='tel']:active, [type='time']:focus, [type='time']:active, [type='url']:focus, [type='url']:active {
    box-shadow: 0 0 0 1px #d51910;
    border: 0;
}

textarea {
    height: 120px;
    border: 0;
    box-shadow: 0 0 0 1px #ccc;
    resize: none;
}

textarea:hover {
    box-shadow: 0 0 0 2px #aaa;
    border: 0;
}

textarea:focus, textarea:active {
    box-shadow: 0 0 0 1px #d51910;
    border: 0;
}

.button {
    padding: 18px 30px;
    background-color: #d51910;
    color: #fff;
    text-transform: uppercase;
    border: 0;
    font-weight: 700;
    font-size: 14px;
    -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}

.button:hover {
    background-color: #b9160e;
    padding: 18px 35px;
}

.button:focus {
    background-color: #b9160e;
}

.button.hollow {
    background-color: transparent;
    border: 0;
    box-shadow: inset 0 0 0 2px #d51910;
    color: #fff;
}

.button.hollow:hover {
    color: #fff;
    box-shadow: inset 0 0 0 6px #d51910;
    background-color: #d51910;
}

a.link-block {
    display: inline-block;
    padding: 10px 0;
    -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}

a.link-block:focus {
    color: #d51910;
}

a.link-block:hover {
    padding: 10px 20px;
    color: #fff;
    background: #d51910;
}

.btn-phone {
    padding-left: 60px;
    background: url("../images/icon-phone-w.png") 25px center no-repeat;
}

.btn-phone:hover {
    padding-left: 65px;
}

p {
    line-height: 1.8;
    color: inherit;
    font-weight: 300;
}

p.lead {
    font-size: 100%;
}

@media only screen and (min-width: 41em) {
    p.lead {
        font-size: 125%;
    }
}

label {
    font-weight: 700;
    color: #aaa;
    margin-bottom: 5px;
}

.btn-menu {
    height: 50px;
    width: 50px;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

.btn-menu:hover span, .btn-menu:hover span:after, .btn-menu:hover span:before {
    background-color: #d51910;
}

.btn-menu:hover span:before {
    top: -10px;
}

.btn-menu:hover span:after {
    top: 10px;
}

.btn-menu span {
    display: inline-block;
    position: absolute;
    top: 22px;
    left: 10px;
    width: 30px;
    height: 4px;
    background-color: #888;
    -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}

.btn-menu span:before, .btn-menu span:after {
    content: "";
    background-color: #888;
    width: 30px;
    height: 4px;
    position: absolute;
    left: 0;
    -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}

.btn-menu span:before {
    top: -8px;
}

.btn-menu span:after {
    top: 8px;
}

.off-canvas {
    background-color: #0b1a29;
}

.off-canvas .menu li {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.off-canvas .menu a {
    color: #fff;
    padding: 1.5rem 1rem;
}

.off-canvas .menu a:hover {
    background-color: #b9160e;
    padding-left: 1.5rem;
}

.off-canvas .close-button {
    color: #fff;
    font-size: 3rem;
}

.off-canvas .close-button:hover {
    opacity: 0.6;
}

.offcanvas-social {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.offcanvas-social li {
    width: 33.33%;
    float: left;
    -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}

.offcanvas-social li.offcanvas-phone {
    width: 100%;
    float: none;
    clear: both;
    padding-left: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.offcanvas-social li:hover {
    background-color: #b9160e;
}

.offcanvas-social a {
    height: 50px;
    min-width: 50px;
    color: #fff;
    display: block;
    padding: 15px 0;
    -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}

.offcanvas-fb {
    background: url("../images/icon-fb-w.png") center center no-repeat;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.offcanvas-tw {
    background: url("../images/icon-tw-w.png") center center no-repeat;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.offcanvas-ig {
    background: url("../images/icon-ig-w.png") center center no-repeat;
}

.title {
    text-align: center;
    margin-bottom: 2rem;
}

.title h2 {
    margin: 0;
}

.section {
    padding: 4rem 1rem;
}

.section.section-dark {
    background-color: #eeece4;
}

.section.promote {
    background: url("../images/bg-promote.jpg") center center no-repeat;
    background-size: cover;
    color: #fff;
    text-align: center;
}

.section.promote a {
    margin: 0 5px 10px;
}

@media only screen and (min-width: 41em) {
    .section {
        /*padding: 6rem 0;*/
    }
}

.content {
    padding: 40px 20px;
}

@media only screen and (min-width: 41em) {
    .content {
        padding: 50px;
    }
}

.footer {
    background: #151515;
    padding: 80px 0 40px;
}

.footer li {
    font-size: 0.875rem;
    margin-bottom: 15px;
    color: #aaa;
    padding-left: 35px;
}

.footer a {
    padding: 5px 0;
    color: #aaa;
    -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}

.footer a:hover {
    padding-left: 5px;
    color: #d51910;
}

.footer span {
    font-size: 0.875rem;
    font-weight: bold;
    color: #fff;
    margin-bottom: 30px;
    display: inline-block;
    padding-left: 35px;
}

.footer .copyright {
    font-weight: 300;
    color: #888;
    padding-left: 0;
}

.footer .columns {
    margin-bottom: 40px;
}

.footer-contact li {
    padding-top: 5px;
    margin-bottom: 20px;
}

.footer-logo {
    padding-right: 15px;
}

.footer-logo a {
    margin-bottom: 10px;
    display: block;
}

.footer-fb {
    background: url("../images/icon-fb-r.png") 5px 5px no-repeat;
}

.footer-tw {
    background: url("../images/icon-tw-r.png") 5px 8px no-repeat;
}

.footer-ig {
    background: url("../images/icon-ig-r.png") 5px 8px no-repeat;
}

.footer-map {
    background: url("../images/icon-map-r.png") 5px 8px no-repeat;
}

.footer-phone {
    background: url("../images/icon-phone-r.png") 5px 8px no-repeat;
}

.footer-email {
    background: url("../images/icon-email-r.png") 5px 8px no-repeat;
}

/* ==========================
   #Navigation
   ========================== */
.top-wrap {
    background: #151515;
    padding: 0 0 40px;
}

.top-wrap input {
    border: 0;
    background: url("../images/icon-search-w.png") 15px center no-repeat transparent;
    padding: 15px 15px 15px 60px;
    font-size: 0.875rem;
    color: #fff;
    height: 50px;
    margin: 0;
    box-shadow: none;
    -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}

.top-wrap input:hover {
    background-color: rgba(255, 255, 255, 0.05);
    box-shadow: none;
    border: 0;
}

.top-wrap input:active, .top-wrap input:focus {
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: none;
    border: 0;
}

.top-wrap .columns {
    padding: 0;
}

.nav {
    position: relative;
}

.nav > .columns {
    padding: 0;
}

.nav-wrap {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 10;
}

@media only screen and (min-width: 64em) {
    .nav-wrap {
        position: absolute;
        top: -40px;
        left: 0;
        width: 100%;
        background: #fff;
        height: 80px;
    }
}

.top-logo {
    padding: 20px 0;
}

@media only screen and (min-width: 64em) {
    .top-logo {
        padding: 18px;
    }
}

.top-links {
    float: right;
}

.top-links li {
    float: left;
    height: 50px;
}

.top-links a {
    color: #fff;
    height: 50px;
    min-width: 50px;
    padding: 15px;
}

.top-links a:hover {
    background-color: #b9160e;
}

.link-fb {
    background: url("../images/icon-fb-w.png") center center no-repeat;
}

.link-tw {
    background: url("../images/icon-tw-w.png") center center no-repeat;
}

.link-ig {
    background: url("../images/icon-ig-w.png") center center no-repeat;
}

a.link-phone {
    background: url("../images/icon-phone-w.png") 15px center no-repeat;
    padding-left: 40px;
}

.top-nav {
    float: right;
}

.top-nav li {
    float: left;
}

.top-nav a {
    padding: 30px;
    color: #888;
    height: 80px;
}

.top-nav a:hover {
    color: #555;
    box-shadow: inset 0 -5px 0 #aaa;
}

.offcanvas-logo {
    margin-top: 60px;
    padding: 15px;
}

.top-nav .top-cart {
    height: 50px;
    width: 50px;
    background: url("../images/icon-cart.png") center center no-repeat;
    position: relative;
    margin: 10px 10px 10px 0;
}

.top-nav .top-cart span {
    display: inline-block;
    height: 18px;
    width: 18px;
    position: absolute;
    top: 8px;
    right: 10px;
    background-color: #d51910;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    border-radius: 50%;
    text-align: center;
    padding: 2px;
    box-shadow: 0 0 0 2px #fff;
}

.top-nav .top-cart:hover {
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.05);
}

.top-links .top-login {
    position: relative;
    padding: 15px 20px;
}

.top-links .top-login:before {
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    width: 1px;
    height: 20px;
    background-color: #444;
}

/* ==========================
   #Header
   ========================== */
.header-slider .header {
    padding: 80px 0;
    text-align: center;
}

.header-slider .header.header-home-tint {
    background: url("../images/bg-header-tint.jpg") center center no-repeat;
    background-size: cover;
}

.header-slider .header.header-home-blinds {
    background: url("../images/bg-header-blinds.jpg") center center no-repeat;
    background-size: cover;
}

.header-slider .header.header-home-carpet {
    background: url("../images/bg-header-carpet.jpg") center center no-repeat;
    background-size: cover;
}

.header-slider .header:focus {
    outline: none;
}

@media only screen and (min-width: 41em) {
    .header-slider .header {
        padding: 120px 0;
    }
}

@media only screen and (min-width: 64em) {
    .header-slider .header {
        text-align: left;
        padding: 180px 0 200px;
    }
}

.header {
    padding: 60px 0;
}

@media only screen and (min-width: 41em) {
    .header {
        padding: 80px 0;
    }
}

@media only screen and (min-width: 64em) {
    .header {
        text-align: left;
        padding: 120px 0 140px;
    }
}

.header-about {
    background: url("../images/bg-header-blinds.jpg") center center no-repeat;
    background-size: cover;
}

.slick-dots {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}

.slick-dots button {
    background: #fff;
    overflow: hidden;
    text-indent: 500%;
    width: 15px;
    height: 15px;
    cursor: pointer;
    -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
}

.slick-dots li:focus {
    outline: none;
}

.slick-dots li.slick-active button {
    background: #d51910;
    box-shadow: inset 0 0 0 3px #fff;
}

@media only screen and (min-width: 64em) {
    .slick-dots {
        bottom: 80px;
    }
}

.header-text {
    background: rgba(20, 20, 20, 0.9);
    color: #fff;
    display: inline-block;
    padding: 40px 20px;
}

.header-text p {
    opacity: 0.7;
}

@media only screen and (min-width: 41em) {
    .header-text {
        max-width: 75%;
        padding: 40px;
    }
}

@media only screen and (min-width: 64em) {
    .header-text {
        max-width: 50%;
    }
}

/* ==========================
   #Home
   ========================== */
.home-intro {
    background: #eeece4;
    padding: 80px 0 40px;
}

@media only screen and (min-width: 41em) {
    .home-intro {
        padding: 120px 0 80px;
    }
}

@media only screen and (min-width: 64em) {
    .home-intro {
        padding: 0 0 80px;
    }
}

.home-about {
    background: #fff;
    margin-bottom: 80px;
}

@media only screen and (min-width: 64em) {
    .home-about {
        position: relative;
        top: -60px;
    }
}

.home-about-img {
    background: url("../images/img-about.jpg") center center no-repeat;
    background-size: cover;
    min-height: 250px;
}

@media only screen and (min-width: 41em) {
    .home-about-img {
        min-height: 300px;
    }
}

.home-services-item {
    height: 300px;
    position: relative;
    margin-bottom: 80px;
}

@media only screen and (min-width: 41em) {
    .home-services-item {
        height: 400px;
    }
}

@media only screen and (min-width: 64em) {
    .home-services-item {
        height: 450px;
    }
}

.home-services-blinds {
    /*background: url("../images/img-blinds.jpg") center center no-repeat;*/
    background-size: cover;
}

.home-services-tint {
    /*background: url("../images/img-tint.jpg") center center no-repeat;*/
    background-size: cover;
}

.home-services-carpet {
    /*background: url("../images/img-carpet.jpg") center center no-repeat;*/
    background-size: cover;
}

.home-services-text {
    background: #fff;
    position: absolute;
    padding: 30px 20px 20px;
    bottom: -40px;
    left: 0;
    right: 0;
    margin: auto;
    width: 90%;
}

@media only screen and (min-width: 64em) {
    .home-services-text {
        text-align: center;
    }
}

.home-welcome {
    background: #fff;
    position: relative;
    padding: 0 20px;
}

@media only screen and (min-width: 64em) {
    .home-welcome {
        margin-bottom: -100px;
        padding: 0 40px 40px;
    }
}

.home-welcome-img {
    min-height: 300px;
}

@media only screen and (min-width: 41em) {
    .home-welcome-img {
        min-height: 400px;
    }
}

@media only screen and (min-width: 64em) {
    .home-welcome-img {
        min-height: 500px;
    }
}

.blog-list {
    margin-bottom: 40px;
}

@media only screen and (min-width: 41em) {
    .blog-list {
        margin-bottom: 80px;
    }
}

.blog-item {
    margin-bottom: 20px;
    clear: both;
    overflow: hidden;
}

.blog-item h5, .blog-item h6 {
    margin: 0;
}

.blog-item span {
    font-size: 0.875rem;
    font-style: italic;
    margin-bottom: 20px;
    display: inline-block;
}

@media only screen and (min-width: 41em) {
    .blog-item .blog-img {
        width: 40%;
        float: left;
    }

    .blog-item .blog-text {
        width: 60%;
        float: left;
    }
}

.blog-img {
    min-height: 250px;
}

.blog-img.blog1 {
    background: url("../images/img-blog1.jpg") center center no-repeat;
    background-size: cover;
}

.blog-img.blog2 {
    background: url("../images/img-blog2.jpg") center center no-repeat;
    background-size: cover;
}

.blog-img.blog3 {
    background: url("../images/img-blog3.jpg") center center no-repeat;
    background-size: cover;
}

.blog-text {
    background: #fff;
    padding: 20px 20px;
    min-height: 220px;
}

@media only screen and (min-width: 64em) {
    .blog-text {
        min-height: 250px;
    }
}

@media only screen and (min-width: 64em) {
    .blog-item.featured .blog-img, .blog-item.featured .blog-text {
        width: 100%;
        clear: both;
        float: none;
    }

    .blog-item.featured .blog-img {
        min-height: 300px;
    }

    .blog-item.featured .blog-text {
        min-height: 220px;
    }
}

/* ==========================
   #About
   ========================== */
.page-intro {
    background: #eeece4;
    padding: 80px 0 40px;
}

@media only screen and (min-width: 41em) {
    .page-intro {
        padding: 120px 0 80px;
    }
}

@media only screen and (min-width: 64em) {
    .page-intro {
        padding: 0 0 60px;
    }
}

.page-info {
    background: #fff;
    margin-bottom: 60px;
    overflow: hidden;
}

@media only screen and (min-width: 64em) {
    .page-info {
        position: relative;
        top: -60px;
        margin-bottom: 0;
    }
}

.about-img {
    background: url("../images/img-blinds.jpg") center center no-repeat;
    background-size: cover;
    min-height: 250px;
}

@media only screen and (min-width: 41em) {
    .about-img {
        min-height: 400px;
    }
}

.about-img2 {
    background: url("../images/img-about.jpg") center center no-repeat;
    background-size: cover;
    height: 100%;
    min-height: 250px;
}

@media only screen and (min-width: 41em) {
    .about-img2 {
        min-height: 400px;
    }
}

.section-bordertop {
    border-top: 1px solid #eee;
}

.content-list-item {
    border: 1px solid #ddd;
    box-shadow: inset 0 0 0 4px #fff;
    background: #eeece4;
    padding: 20px;
    font-size: #555;
    margin-bottom: 30px;
}

.content-list-item h6 {
    margin: 0 0 5px;
}

.content-list-row {
    margin-bottom: 40px;
}

.content-list-row:last-of-type {
    margin-bottom: 0;
}

/* ==========================
   #Contact
   ========================== */
.contact-info {
    border-top: 1px solid #ddd;
}

.contact-info dt {
    font-size: 14px;
    font-weight: 700;
    color: #aaa;
}

.contact-info dd {
    margin-bottom: 40px;
    font-size: 18px;
    color: #555;
}

@media only screen and (min-width: 64em) {
    .contact-info {
        border-top: 1px solid #ddd;
    }
}

.contact-social a {
    width: 50px;
    height: 50px;
    display: inline-block;
    opacity: 0.6;
}

.contact-social a:hover {
    opacity: 1;
}

.contact-map iframe {
    display: block;
}

/* ==========================
   #Gallery
   ========================== */
.gallery-item {
    display: inline-block;
    width: 100%;
    height: 200px;
    background: center center no-repeat;
    background-size: cover;
    margin-bottom: 30px;
    border: 1px solid #ddd;
    box-shadow: inset 0 0 0 5px #fff;
    opacity: 0.8;
}

.gallery-item:hover {
    opacity: 1;
    border: 1px solid #bbb;
    box-shadow: inset 0 0 0 2px #fff, 0 10px 40px rgba(0, 0, 0, 0.15);
}

.gallery-intro-img {
    background: url("../images/img-gallery.jpg") center center no-repeat;
    background-size: cover;
    min-height: 250px;
}

@media only screen and (min-width: 41em) {
    .gallery-intro-img {
        min-height: 400px;
    }
}

/* ==========================
   #Blog Inner
   ========================== */
.header-innerblog {
    padding-top: 300px;
    padding-bottom: 0;
    background: center center no-repeat;
    background-size: cover;
}

.header-innerblog .header-text {
    width: 100%;
    max-width: 100%;
    display: block;
}

.header-innerblog .header-text p {
    margin: 0;
}

.section-innerblog {
    padding: 0 0 60px;
}

.section-innerblog .content {
    background-color: #fff;
}

.blog-main-img {
    background: center center no-repeat;
    background-size: cover;
    min-height: 300px;
    margin-bottom: 30px;
}

@media only screen and (min-width: 41em) {
    .blog-main-img {
        min-height: 450px;
    }
}

.blog-other-title {
    margin-top: 60px;
}

@media only screen and (min-width: 41em) {
    .blog-other-title {
        margin-top: 100px;
    }
}

.blog-other .blog-img, .blog-other .blog-text {
    width: 100%;
    float: none;
}

.blog-other .blog-img {
    min-height: 200px;
}

/* ==========================
   #Login
   ========================== */
.login-wrap {
    background-color: #fff;
}

.login-wrap .columns:last-of-type {
    border-top: 1px solid #ddd;
}

@media only screen and (min-width: 64em) {
    .login-wrap .columns:last-of-type {
        border-top: 0;
        border-left: 1px solid #ddd;
    }
}

.login form {
    margin-top: 30px;
}

.login input[type="submit"] {
    margin-top: 40px;
}

@media only screen and (min-width: 41em) {
    .section-login {
        padding: 6rem 1rem;
    }
}

ul.bulleted {
    margin-bottom: 40px;
}

ul.bulleted li {
    padding-left: 50px;
    position: relative;
    margin-bottom: 20px;
}

ul.bulleted li:before {
    content: '';
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    position: absolute;
    top: 8px;
    left: 20px;
    background-color: #aaa;
}

.check-newsletter {
    margin: 30px 0 20px;
}

.check-newsletter input {
    margin-right: 10px;
}

/* ==========================
   #Products
   ========================== */
.page-title {
    margin-bottom: 10px;
}

.breadcrumbs a {
    color: #888;
}

.breadcrumbs a:hover {
    text-decoration: none;
    color: #d51910;
}

.breadcrumbs li:not(:last-child)::after {
    top: -1px;
    color: #888;
}

.row-options {
    margin: 40px auto 20px;
}

.option-wrap {
    box-shadow: 0 0 0 1px #ccc;
    display: inline-block;
    overflow: hidden;
    height: 50px;
    -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}

.option-wrap:hover {
    box-shadow: 0 0 0 2px #aaa;
}

.option-wrap span {
    float: left;
    display: inline-block;
    font-size: 14px;
    color: #555;
    padding: 15px 0px 15px 15px;
    height: 50px;
}

.option-wrap select {
    display: inline-block;
    float: left;
    width: 150px;
    font-size: 14px;
    font-weight: 700;
    color: #d51910;
    background-color: transparent;
    border: 0;
    margin: 0;
    height: 50px;
}

.option-wrap select:focus {
    box-shadow: none;
}

.option-wrap select option {
    font-size: 16px;
    color: #555;
}

.option-wrap.option-page {
    display: block;
    margin-bottom: 30px;
}

@media only screen and (min-width: 41em) {
    .option-view {
        float: right;
    }
}

.option-btn {
    height: 50px;
    width: 50px;
    display: inline-block;
    opacity: 0.4;
    float: left;
    cursor: pointer;
    -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}

.option-btn:hover {
    background-color: rgba(0, 0, 0, 0.1);
    opacity: 0.6;
}

.option-btn.is-active {
    opacity: 1;
}

.option-grid {
    background: url("../images/icon-grid.png") center center no-repeat;
    margin-left: 10px;
}

.option-list {
    background: url("../images/icon-list.png") center center no-repeat;
}

.items-sidebar {
    padding: 20px 0;
    background-color: #151515;
    margin-bottom: 30px;
}

.items-sidebar h6 {
    color: #eeece4;
    padding: 20px 40px;
    margin: 0;
}

.items-sidebar a {
    color: #fff;
    font-weight: 700;
    padding: 20px 40px;
    display: inline-block;
    width: 100%;
    -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}

.items-sidebar a:hover {
    background-color: rgba(238, 236, 228, 0.1);
}

.items-sidebar li {
    position: relative;
}

.items-sidebar span {
    position: absolute;
    top: 20px;
    right: 40px;
    font-weight: 700;
    font-size: 14px;
    color: rgba(238, 236, 228, 0.7);
}

.item-grid-wrap .column:last-child:not(:first-child), .item-grid-wrap .columns:last-child:not(:first-child) {
    float: left;
}

.item-grid-wrap > .column {
    margin-bottom: 30px;
}

.item-grid {
    background-color: #fff;
    box-shadow: 0 0 0 1px #ddd;
    padding: 20px;
    position: relative;
    height: 100%;
    -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}

.item-grid .item-img {
    height: 220px;
}

@media only screen and (min-width: 64em) {
    .item-grid:hover {
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
    }

    .item-grid:hover .item-btn {
        opacity: 1;
        visibility: visible;
    }

    .item-grid:hover .item-btn button, .item-grid:hover .item-btn a {
        transform: translateY(0);
    }

    .item-grid:hover .item-info {
        transform: translateY(-80px);
    }
}

.item-img {
    background: url("../images/icon-imgmissing.png") center center no-repeat;
    text-align: center;
}

.item-info {
    text-align: center;
    padding: 20px 0 30px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}

.item-info h6 {
    font-family: "Roboto", sans-serif;
    margin: 0 0 5px;
}

.item-info span {
    color: #d51910;
}

.item-btn {
    text-align: center;
    overflow: hidden;
    -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}

.item-btn button {
    font-weight: 700;
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 100ms;
}

.item-btn a {
    color: #888;
    margin: 0 10px;
    transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1) 200ms;
    padding: 5px;
}

.item-btn a:hover {
    color: #d51910;
}

@media only screen and (min-width: 64em) {
    .item-btn {
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        visibility: hidden;
        padding: 0 0 20px;
        z-index: 1;
    }

    .item-btn button, .item-btn a {
        transform: translateY(60px);
    }
}

.option-pagination {
    float: right;
}

.option-pagination li {
    float: left;
}

.option-pagination a {
    height: 50px;
    width: 50px;
    text-align: center;
    padding: 15px 0;
    color: #888;
}

.option-pagination a.btn-next {
    background: url("../images/icon-arrow-r.png") center center no-repeat;
}

.option-pagination a:hover {
    background-color: rgba(0, 0, 0, 0.05);
    color: #d51910;
}

.option-pagination a.is-active {
    background-color: #d51910;
    color: #fff;
}

.item-list-wrap > .columns {
    margin-bottom: 30px;
}

.item-list {
    background-color: #fff;
    box-shadow: 0 0 0 1px #ddd;
    padding: 20px;
    position: relative;
    -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}

.item-list .item-info {
    text-align: left;
    background-color: transparent;
    padding: 0;
    margin-top: 20px;
}

.item-list h6 {
    font-size: 22px;
    margin: 0;
}

.item-list a {
    padding: 15px 0;
}

@media only screen and (min-width: 64em) {
    .item-list:hover {
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
    }
}

.item-desc {
    margin-top: 20px;
    font-size: 14px;
}

.item-desc li {
    margin-bottom: 5px;
}

.item-list-btn button {
    font-weight: 700;
}

.item-list-btn a {
    color: #888;
    padding: 10px 0;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 20px;
}

.item-list-btn a:hover {
    color: #d51910;
}

@media only screen and (min-width: 64em) {
    .item-list-btn {
        text-align: right;
    }

    .item-list-btn a {
        margin-right: 0;
    }
}

.item-main-img {
    background: #fff;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.1);
    padding: 20px;
    text-align: center;
}

@media only screen and (min-width: 41em) {
    .item-main-img {
        padding: 40px;
    }
}

.item-main-info {
    margin-top: 60px;
}

.item-main-info h1 {
    font-family: "Roboto", sans-serif;
    margin: 0;
}

.item-main-info h3 {
    font-family: "Roboto", sans-serif;
    margin: 0;
    color: #d51910;
}

.item-main-info li {
    font-size: 16px;
    margin-bottom: 10px;
}

@media only screen and (min-width: 64em) {
    .item-main-info {
        margin-top: 0;
        padding-left: 60px;
    }
}

.item-stock {
    font-weight: 700;
    color: #aaa;
    margin: 20px 0;
    display: inline-block;
}

.item-main-cart {
    margin-top: 30px;
    padding: 20px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.item-main-cart span {
    margin-bottom: 5px;
    display: block;
    width: 100%;
    color: #aaa;
    font-weight: 700;
    font-size: 14px;
}

.item-main-cart button {
    float: left;
    margin-left: 10px;
    font-weight: 700;
}

.input-qty {
    height: 50px;
    width: 80px;
    border: 0;
    box-shadow: 0 0 0 1px #ccc;
    background: #fff;
    float: left;
}

.item-main-add {
    clear: both;
    overflow: hidden;
}

.item-main-add a {
    color: #888;
    display: inline-block;
    float: left;
    padding: 5px 20px 5px 0;
}

.item-main-add a:hover {
    color: #d51910;
}

.item-main-share {
    margin-top: 20px;
}

.item-main-share span {
    display: inline-block;
    float: left;
    padding: 10px 10px 10px 0;
    font-size: 14px;
}

.item-main-share a {
    height: 40px;
    width: 40px;
    float: left;
    opacity: 0.3;
}

.item-main-share a:hover {
    opacity: 1;
}

.icon-fb {
    background: url("../images/icon-fb-r.png") center center no-repeat;
}

.icon-tw {
    background: url("../images/icon-tw-r.png") center center no-repeat;
}

.icon-ig {
    background: url("../images/icon-ig-r.png") center center no-repeat;
}

.icon-email {
    background: url("../images/icon-email-r.png") center center no-repeat;
}

.item-main-additional {
    margin-top: 90px;
    padding: 0;
    background: #fff;
    box-shadow: 0 0 0 1px #ddd;
}

@media only screen and (min-width: 64em) {
    .item-main-additional {
        padding: 20px 40px 40px;
    }
}

.tabs-content {
    border: 0;
}

.tabs-content li {
    margin-bottom: 10px;
}

.tabs-panel {
    padding: 20px;
}

@media only screen and (min-width: 64em) {
    .tabs-panel {
        padding: 40px 0 0;
    }
}

.tabs {
    border: 0;
}

.tabs-title {
    width: 33.33%;
    text-align: center;
}

.tabs-title a {
    font-weight: 700;
    color: #aaa;
    font-size: 14px;
}

.tabs-title > a:hover {
    background-color: transparent;
    color: #555;
    box-shadow: inset 0 -2px 0 0 #ccc;
}

.tabs-title > a[aria-selected='true'] {
    box-shadow: inset 0 -2px 0 0 #d51910;
    color: #d51910;
    background-color: transparent;
}

.tabs {
    box-shadow: inset 0 -2px 0 0 #eee;
}

.accordion-title {
    color: #888;
    font-size: 14px;
    border: 0;
    border-bottom: 1px solid #ddd;
}

.accordion-title[aria-selected="true"] {
    background-color: #eee;
}

.accordion-title:focus {
    color: #d51910;
}

:last-child:not(.is-active) > .accordion-title {
    border-bottom: 0;
}

.accordion-content {
    border: 0;
    border-bottom: 1px solid #ddd;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-menu {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 150px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    /*padding: 12px 16px;*/
    z-index: 1;
}

.dropdown-menu a {
    padding: 20px;
    height: auto;
    background-color: white;
    width: 100%;
}
.off-canvas .dropdown-menu a{
    background-color: #b9160e;
}

.dropdown-menu li {
    width: 100%;
    background-color: white;

}

.dropdown:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.fr-wrapper > div:first-child{
    display: none !important;
}