/*
Theme Name: GrafikaDoors
Theme URI: http://devdm.com/DevDmBootstrap3
Template: devdmbootstrap3
Author: Danny Machal
Author URI: http://devdm.com/
Description: A versatile and responsive Bootstrap WordPress starter theme FOR DEVELOPERS based on Twitter Bootstrap 3.3.6.
Tags: one-column,two-columns,right-sidebar,fluid-layout,custom-background,custom-header,custom-menu,editor-style,featured-images,flexible-header,rtl-language-support,theme-options,translation-ready
Version: 1.80.1506429289
Updated: 2017-09-26 12:34:49

*/
@import url('https://fonts.googleapis.com/css?family=Arvo');
.tawcvs-swatches .swatch{
    width:50px !important;
    height: 50px !important;
    line-height: 50px !important;
}

.tawcvs-swatches .swatch.swatch-label{
    color: initial !important;
    width: auto !important;
    padding: 5px;
    border-radius: 25px;
    line-height: 40px !important;
    
}
.no-pad{
    padding: 0!important;
}
.no-mar{
    margin: 0 !important;
}
.spacer-bot{
    margin-bottom: 15px;
}
.spacer-top{
    margin-top: 15px;
}

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated{
    padding-left: 0 !important;
    padding-right: 0 !important;
}


body{
    padding-bottom: 0 !important;
    color: black;
    font-family: 'Arvo', serif;
}
.variations .label label{
    color: initial;
}

.row-gray{
    background:#f7f7f7;
}

h4{
    color: #de4b39;
}

h1, h2{
      color: #38AAE1;
    padding: 15px !important;
    padding-top: 0px !important;
    border-bottom: 2px solid #29235C;
    display: inline-block;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
    background-color: #38AAE1 !important;
}



/* Loaded */


#loader-wrapper  {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
      z-index: 10000;
}
 .loader-wrapper{
  
 }
#loader-wrapper .loader-section.section-left {
    left: 0;
}
 
#loader-wrapper .loader-section.section-right {
    right: 0;
}

.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(-100%);  /* IE 9 */
    transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */
}
 
.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(100%);  /* IE 9 */
    transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */
}

.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out; 
            transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
    visibility: hidden;
}
.loaded #loader-wrapper .loader-section.section-right,
.loaded #loader-wrapper .loader-section.section-left {
 
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); 
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper {
        -webkit-transform: translateY(-100%);
            -ms-transform: translateY(-100%);
                transform: translateY(-100%);
 
         -webkit-transition: all 0.3s 1s ease-out; 
                transition: all 0.3s 1s ease-out;
}
body > .elementor{
    z-index: 1;
}
.home .banner-cont{
    opacity: 0;
    
    transition: all 0.7s 0.3s ease(0.645, 0.045, 0.355, 1.000);
}

#loader-wrapper img{
    position: absolute;
    top:0; left: 0;
}

#loader-wrapper img.normal{z-index: 10;}
#loader-wrapper img.colored{z-index: 1;}

.checkout-home{
/*    display: none; */
}
#customer_details input[type="text"]{
    padding: 10px;
    background:#ECECEC;
    border:1px solid #b7b7b7;
}
#customer_details select{
    padding: 10px;
}

input:not([type]),
input[type="email"],
input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"] {
    padding: 10px;
}
.single_add_to_cart_button{
    padding: 15px !important;
}
.wc_checkout_add_ons > p{
    display: inline-block;
}

.woocommerce form .form-row .input-checkbox{
    position: relative;    
}

.added_to_cart.wc-forward{
    display: none;
}


.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{
    margin-left: 0;
    position: relative;
}
@media screen and (max-width:768px){
    .banner-cont{
        background: none !important;
    }
    .home .banner-cont{
        opacity: 1;
    }
}