/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */
body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 800;
}

h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}

h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

h5 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

body p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #333;
}

header#masthead {
    padding-top: 15px;
    width: 100%;
    background: #fff !important;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    position: relative;
    box-shadow: 0 4px 5px -2px rgba(68, 68, 68, 0.2);
}

.page-template-default header#masthead {
    position: relative;
}

header#masthead .col-full .header-lg .bt-search {
    width: 35%;
    float: left;
    padding-right: 10px;
}

header#masthead .col-full .header-lg .bt-search .site-search {
    max-width: 240px;
    float: left;
    margin-bottom: 0;
    width: 100%;
}

header#masthead .col-full .header-lg .bt-search .site-search form.woocommerce-product-search input.search-field {
    border: 2px solid #333;
    background: transparent;
    border-radius: 30px;
    height: 44px;
    line-height: 44px;
    padding-top: 0;
    padding-bottom: 0;
}

header#masthead .col-full .site-branding-logo {
    float: left;
    width: 30%;
    text-align: center;
}

header#masthead .col-full .site-branding-logo img {
    max-width: 270px;
    margin: 0 auto;
}

header#masthead .col-full .bt-cart {
    float: left;
    width: 35%;
    padding-left: 10px;
}

header#masthead .col-full .bt-cart ul.site-header-cart {
    max-width: 240px;
    width: 100%
}

header#masthead .col-full .bt-cart ul.site-header-cart a.cart-contents {
    padding: 0px 10px;
    border: 2px solid #333;
    border-radius: 30px;
    height: 44px;
    line-height: 40px;
}

header#masthead .col-full .bt-cart ul.site-header-cart a.cart-contents:after {
    top: 8px;
    position: relative;
}

header#masthead nav#site-navigation {
    width: 100%;
}

header#masthead nav#site-navigation .primary-navigation ul.menu {
    display: flex;
    justify-content: space-between !important;
    position: relative;
}

header#masthead nav#site-navigation .primary-navigation ul.menu > li {
    width: auto !important;
    max-width: 100% !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {
    header#masthead nav#site-navigation .primary-navigation ul.menu li a {
        font-size: 12px !important;
    }
}

header#masthead nav#site-navigation .primary-navigation ul.menu li a {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    padding-bottom: 0px;
    padding-top: 0;
    line-height: 50px;
}

header#masthead nav#site-navigation .primary-navigation ul.menu li ul.sub-menu {
    width: 250px;
    background: #fff;
    border-radius: 1px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
}

header#masthead nav#site-navigation .primary-navigation ul.menu li ul.sub-menu a:hover, header#masthead nav#site-navigation .primary-navigation ul.menu li ul.sub-menu li:hover > a, header#masthead nav#site-navigation .primary-navigation ul.menu li ul.sub-menu li.focus, header#masthead nav#site-navigation .primary-navigation ul.menu li ul.sub-menu a:hover, header#masthead nav#site-navigation .primary-navigation ul.menu li ul.sub-menu li:hover > a, header#masthead nav#site-navigation .primary-navigation ul.menu li ul.sub-menu li.focus {
    background: #4c9ae2;
    color: #fff;
}

header#masthead nav#site-navigation .primary-navigation ul.menu li ul.sub-menu li a {
    width: 100%;
}

header#masthead nav#site-navigation .primary-navigation ul.menu li ul.sub-menu li {
    border-bottom: 1px solid rgba(40, 40, 40, 0.05);
}

header#masthead nav#site-navigation .primary-navigation ul.menu li a:after {
    content: none;
}

header#masthead nav#site-navigation .primary-navigation ul.menu li:last-child a {
    padding-right: 0;
    position: relative;
}

header#masthead nav#site-navigation .primary-navigation ul.menu > li.current-menu-item > a::after {
    content: "";
    position: absolute;
    width: calc(100% - 20px);
    height: 1px;
    left: 10px;
    background: #fff;
    bottom: 10px;
}

.header-topbar {
    background: #4c9ae2;
    color: #fff;
}

.header-topbar .widget {
    margin-bottom: 0;
}

.header-topbar .topbar-bt {
    width: 100%;
    text-align: center;
    padding: 10px 0;
}

.header-social ul, .header-top-right ul {
    margin: 0;
    padding: 0;
}

.header-social ul li {
    display: inline-block;
    margin-right: 3px;
}

.header-social {
    line-height: 50px;
}

.header-social ul li a {
    display: block;
    height: 30px;
    width: 30px;
    background: #fff;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    color: #902d3c;
    font-size: 14px;
}

.header-topbar .topbar-right {
    width: 50%;
    float: right;
}

.header-top-right ul li a i {
    margin-right: 5px;
}

.header-top-right ul li a {
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.header-top-right {
    text-align: right;
    line-height: 50px;
}

.storefront-primary-navigation > .col-full {
    position: relative;
}

.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
    padding-top: 0;
}

.page-template-template-homepage .type-page {
    padding: 0;
}

.page-template-template-homepage .entry-content, .page-template-template-homepage .entry-header {
    max-width: 100%;
}

.col-full {
    max-width: 1200px;
}

.col-full .col-full {
    padding: 0;
}

.slider-box-alignment .entry-box-wrap {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    padding: 20px;
}

.slider-box-alignment .entry-box-wrap .featured-box-text {
    margin-bottom: 30px;
}

.slider-box-alignment .entry-box-wrap .featured-box-title {
    font-size: 45px;
}

.slider-box-alignment .entry-box-wrap a.readmore {
    color: #333;
    border: solid 1px #333;
    background: transparent;
    padding: 12px 30px;
    font-weight: 400;
    font-size: 16px;
    display: inline-block;
    text-decoration: none !important;
}

.slider-box-alignment .icon-wrap {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    padding: 20px;
}

.cc.owl-theme .owl-nav .owl-prev {
    background: transparent;
    color: #333 !important;
}

.cc.owl-theme .owl-nav .owl-next {
    background: transparent;
    color: #333 !important;
}

.featured-box {
    overflow: hidden;
}

.featured-box-alignment .icon-wrap {

}

.bt-float-right .featured-box-alignment .icon-wrap {

}

.featured-box-alignment .entry-box-wrap {
    text-align: center;
}

.bt-float-right .featured-box-alignment .entry-box-wrap {

}

.featured-box-alignment .entry-box-wrap h4.featured-box-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
}

.featured-box-alignment .entry-box-wrap h4.featured-box-title a {
    color: inherit !important;
    text-decoration: none !important;
    font-weight: 500;
}

.featured-box-alignment .entry-box-wrap .featured-box-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
}

.page-template-template-homepage div#primary {
    margin-bottom: 0;
}

.page-template-template-homepage div#primary main#main {
    margin-bottom: 0;
}

.page-template-template-homepage div#primary main#main .type-page {
    margin-bottom: 0;
}

.but-vitamin > a {
    text-transform: uppercase;
    font-size: 15px !important;
    font-weight: bold;
    text-decoration: none !important;
    padding: 0 30px !important;
    line-height: 50px !important;
}

.page-template-template-homepage .entry-content, .page-template-template-homepage .entry-header {
    text-align: left;
}

.hr-inner {
    position: relative;
}

.hr-inner::before {
    content: "";
    position: absolute;
    left: calc(50% - 180px);
    width: 150px;
    height: 1px;
    background: #b4852c;
    top: 50%;
}

section.vc_section.bg-fixed {
    background: fixed;
}

.hr-inner::after {
    content: "";
    position: absolute;
    left: calc(50% + 30px);
    width: 150px;
    height: 1px;
    background: #b4852c;
    top: 50%;
}

.hr-inner.ff::before {
    background: #fff;
}

section.vc_section.bg-fixed.top {
    background-position: top;
}

.hr-inner.ff::after {
    background: #fff;
}

.wpcf7 .ctf-bt.bt-name, .wpcf7 .ctf-bt.bt-phone {
    width: calc(50% - 10px);
    display: inline-block;
    float: left;
    text-align: center;
    color: #fff;
}

.wpcf7 .ctf-bt.bt-mail, .wpcf7 .ctf-bt.bt-event {
    width: calc(50% - 10px);
    display: inline-block;
    float: right;
    text-align: center;
    color: #fff;
}

.wpcf7 .bt {
    text-align: center;
    margin-bottom: 15px;
}

form.wpcf7-form {
    margin-bottom: 0;
}

.wpcf7 .bt span input, .wpcf7 .bt span textarea {
    width: 100%;
    background: transparent;
    border: 2px solid #fff;
    border-radius: 3px;
    color: #fff;
}

.bt.bt-message {
    clear: both;
    text-align: center;
    color: #fff;
}

.bt.bt-message textarea {
    height: 150px;
}

.bt.bt-submit {
    margin-bottom: 0;
}

.bt.bt-submit input {
    height: 54px;
    line-height: 54px;
    background: transparent;
    border: 2px solid #fff;
    width: 142px;
    text-align: center;
    border-radius: 3px;
    padding: 0;
    color: #ffff;
}

.wpcf7 .bt span input::-webkit-input-placeholder, .wpcf7 .bt span textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
}

.wpcf7 .bt span input::-moz-placeholder, .wpcf7 .bt span textarea::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
}

.wpcf7 .bt span input:-ms-input-placeholder, .wpcf7 .bt span textarea:-ms-input-placeholder { /* IE 10+ */
    color: #fff;
}

.wpcf7 .bt span input:-moz-placeholder, .wpcf7 .bt span textarea:-moz-placeholder { /* Firefox 18- */
    color: #fff;
}

.together-but > a {
    height: 54px;
    line-height: 54px !important;
    background: transparent !important;
    border: 2px solid #fff !important;
    width: 142px;
    text-align: center !important;
    border-radius: 3px !important;
    padding: 0 !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 17px !important;
}

.together-but.oo > a {
    height: 54px;
    line-height: 54px !important;
    background: transparent !important;
    border: 2px solid #000 !important;
    width: 142px;
    text-align: center !important;
    border-radius: 3px !important;
    padding: 0 !important;
    color: #000 !important;
    text-decoration: none !important;
    font-size: 17px !important;
}

ul.bt-social {
    margin-top: 20px;
}

ul.bt-social li {
    display: inline-block;
}

ul.bt-social li a {
    display: inline-block;
    background: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin: 0 5px;
}

.bt-bot p {
    margin-bottom: 10px;
}

.bt-bot p a {
    color: #b4852c !important;
    text-decoration: none !important;
}

.bt-shop-now > a {
    color: #FFF !important;
    border: solid 2px #fff !important;
    background: transparent !important;
    padding: 16px 30px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    letter-spacing: 0.12em !important;
    text-decoration: none !important;
}

@media only screen and (max-width: 768px) {
    header#masthead .col-full .site-branding-logo {
        float: left;
        min-width: 125px;
        margin-top: 15px;
    }
    .slider-box-alignment .entry-box-wrap{
        padding: 0 20px;
    }
    .slider-box-alignment .entry-box-wrap .featured-box-title {
        font-size: 25px;
        
    }
    .slider-box-alignment .entry-box-wrap .featured-box-text,.slider-box-alignment .entry-box-wrap a.readmore {
        display: none;
    }
    .slider-box-alignment .icon-wrap{
        width: 100%;
        text-align: center;
    }

    .slider-box-alignment .entry-box-wrap {
        width: 100%;
    }
}

@media (max-width: 992px) {
    header#masthead .col-full .site-branding-logo {
        padding-top: 10px;
    }

    header#masthead {
        padding-bottom: 15px;
    }

    .woocommerce-active .site-header .main-navigation {
        float: none;
        clear: none;
    }

    .header-lg .site-search, .site-header-cart .cart-contents, .primary-navigation {
        display: none !important;
    }

    .menu-toggle, .handheld-navigation, .main-navigation.toggled .handheld-navigation, .main-navigation.toggled div.menu {
        display: block !important;
    }

    .main-navigation ul li, .secondary-navigation ul li {
        display: block;
    }

    .site-search, .site-header-cart .cart-contents {
        display: block;
    }

    .primary-navigation {
        display: block;
    }

    .menu-toggle, .handheld-navigation, .main-navigation.toggled .handheld-navigation, .main-navigation.toggled div.menu {
        display: none;
    }

    .main-navigation .handheld-navigation ul.menu > li.menu-item-has-children > a::after {
        content: none;
    }
}

/*========*/
.form-claim-wrap .input-wrap {
    display: block;
    margin-bottom: 20px;
}

.form-claim-wrap .input-wrap > label > span:nth-child(1) {
    font-weight: bold;
}

.form-claim-wrap .input-wrap label {
    display: grid;
    grid-template-columns: 1fr 2fr;
    align-items: center;
    grid-gap: 10px;
}

@media screen and (max-width: 767px) {
    .form-claim-wrap .input-wrap label {
        display: grid;
        grid-template-columns: 1fr;
    }
}

.form-claim-wrap span.wpcf7-form-control-wrap .wpcf7-form-control {
    width: 100%;
}

.form-claim-wrap span.wpcf7-form-control-wrap .wpcf7-form-control:not(.wpcf7-file) {
    width: 100%;
    min-height: 36px;
    padding: 0.6180469716em;
}

.form-claim-wrap .wpcf7-form-control.wpcf7-submit {
    background: #33a84d;
    color: white;
    width: 200px;
}

#colophon .footer-widgets {
    padding-top: 4.235801032em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: inherit;
}
.bt-samheight-columns > .vc_row{
display: flex;
}
.bt-samheight-columns > .vc_row > .wpb_column > .vc_column-inner{
height: 100%;
}
@media (max-width: 767px){
.bt-samheight-columns > .vc_row{
display: block;
}
}



@media(max-width:1023px) {
  .wrapper-step5 .wrapper-content-deilvery {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
    text-align: center;
  }
  .wrapper-product-fabric-custom {
      grid-template-columns: 100% !important;
      grid-gap: 1% !important;
    }
    .wrapper-product-fabric-custom .image-wrapper-product {
        grid-template-columns: 1fr 1fr 1fr !important;
        grid-gap: 10px;
    }
}
@media(max-width:767px) {
  .single-product div.product .woocommerce-product-gallery {
    width: 100% !important;
    margin-right: 0 !important;
    float: none !important;
  }
}
@media(max-width:600px){
  .wrapper-step5 .wrapper-content-deilvery {
    grid-template-columns: 1fr;
    grid-gap: 15px;
  }
  .wrapper-product-fabric-custom {
      grid-template-columns: 100% !important;
      grid-gap: 1% !important;
    }
    .wrapper-product-fabric-custom .image-wrapper-product {
        grid-template-columns: 1fr 1fr 1fr !important;
        grid-gap: 10px;
    }
}