/* 
    Created on : Feb 28, 2019, 6:10:13 AM
    Author     : alon

This file is for all the CSS overrdies so that we do not need to change the original template CSS file

*/


/*Discount section on home page*/
#dicountAmount
{
    color: white;
    font-weight: bold;
    font-size: 50px;
}

#dicountContainer {
    border-style: dashed;
    border-color: black;
    border-width: 5px;
    width: 50%;
    padding: 20px;
    margin-left: auto;
    margin-right: auto; 
}

/*cities list on home page*/
#cities
{
    column-count: 2;
}
/*oriental rug page*/
#oriental_rug_header
{
    background: url(/images/oriental-rug-header.jpg) left bottom no-repeat;
    width: 100%;
    float: left;
    text-align: center;
    background-size: 100%;
    padding: 90px 0px;
    margin: 1px 0;
    position: relative;
    background-position: 0% 50%;    
}

#upholstery_cleaning_header
{
    background: url(/images/upholstery-cleaning-banner.jpg) left bottom no-repeat;
    width: 100%;
    float: left;
    text-align: center;
    background-size: 100%;
    padding: 150px 0px;
    margin: 1px 0;
    position: relative;
    background-position: 0% 50%;    
}

#topBooking a{

    display: inline;
    text-align: center;
    width: 50%;
    

    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #fff;
    background: #57ad46;
    text-transform: uppercase;
    cursor: pointer;
    padding: 10px 20px;
    border-radius: 4px; 
}

#bookingContainer{
    display: inline;
    float: left;
    margin: auto;
    width: 40%;
    text-align: center;
    margin-top: 20px;
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
}

.logo img{
    max-width: 324px;
    margin-top: 16px;
}

@media (max-width:800px){
    #dicountContainer
    {
        width: 90%;
        padding: 5px;
        margin-left: auto;
        margin-right: auto;
    }
    
    #oriental_rug_header{
        background: url(/images/oriental-rug-header.jpg) left bottom no-repeat;
        background-size: cover;        
        padding: 0px 0px;
                 
    }
    #upholstery_cleaning_header
    {
        background: url(/images/upholstery-cleaning-banner.jpg) left bottom no-repeat;
        background-size: cover;        
        padding: 0px 0px;
                 
    }   
    #bookingFrame
    {
        width: 750px;
        height: 900px;
    }
    
    
    
    
    #topBooking a{

        display: inline;
        text-align: center;
        width: 50%;


        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        color: #fff;
        background: #57ad46;
        text-transform: uppercase;
        cursor: pointer;
        padding: 10px 20px;
        border-radius: 4px; 
    }

    #bookingContainer{
        display: inline;
        float: left;
        margin: auto;
        width: 100%;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 10px;
        position: static;
    }     
    
}

@media (max-width:600px){
   
    #bookingFrame
    {
        width: 550px;
        height: 900px;
    }
}
@media (max-width:500px){
   
    #bookingFrame
    {
        width: 450px;
        height: 900px;
    }
}
@media (max-width:450px){
   
    #bookingFrame
    {
        width: 410px;
        height: 900px;
    }
}
@media (max-width:400px){
   
    #bookingFrame
    {
        width: 390px;
        height: 900px;
    }
}
@media (max-width:375px){
   
    #bookingFrame
    {
        width: 340px;
        height: 900px;
    }
}

.nav .wrapper ul 
{
    margin-bottom: 0;
}
/* .banner-left-section 
{
    margin-top: 3.5%;   
} */
.banner-right-section .contact_div
{
    /* background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); */
    background: white;
}
/* .banner_text .row 
{
    margin-top: 15%;
} */
.banner
{
    background: inherit;
}
.banner-right-section h3
{
    text-shadow: 1px 1px 1px #000;
}
.banner-right-section .content_row6 
{
    padding: 2% 0 !important;
}

a 
{
    text-decoration: none !important;
}
.nav .scroll-item a 
{
    color: white !important;
}
.nav ul li .submenu 
{
    padding-left: 0;
}
.banner_text 
{
    transform: none;
    top: 24%;
}
.checkbox 
{
    line-height: 20px;
    height: 16px;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: inherit;
    color: #1a588c;
    text-shadow: none;
    text-align: initial;
}
.checkbox-col 
{
    display: inline-flex;
    height: 16px;
}
.checkbox-col input
{
    width: 20%;
}
input::placeholder 
{
    color: #1a588c;
}
.chimney-checkbox {
    padding-left: 4px;
}
@media only screen and (max-device-width : 720px)
{
    .banner-left-section 
    {
        margin-top: -11.5%;
        text-align: center;
    }
    /* .banner-right-section
    {
        margin-top: -8%;
    } */
    .banner_text 
    {
        /* transform: none; */
        position: inherit;
        margin-top: 15%;
    }
    .chimney-checkbox {
        padding-left: 0;
    }

    .checkbox-col {
        margin-top: 10px;
    }
}