/* Start main rules */
*
{
    padding:0;
    margin:0;
    
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box
}

body
{
    color:#696763;
    font-size:16px
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {padding:0; margin:0}

a {text-decoration:none !important}

/* End main rules */

/* Start navbar */
.navbar
{
    background-color:#FFF
}

.navbar .navbar-brand {color:#7f8c8d; font-weight:800}

.navbar .navbar-brand span
{
    color:#1abc9c;
    font-weight:700
}

.navbar a {cursor:pointer}

.navbar .navbar-collapse a.get-started
{
    background-color:#1abc9c;
    color:#FFF;
    font-weight:600
}
/* End navbar */

/* Start Slider */
.carousel {margin-bottom:40px}

.form.get-started,
.carousel .form,
.second-form
{
    background-color:#2D3533;
    border-radius:10px;
    padding:20px;
    display:none
}

.form.get-started .h1,
.carousel .form .h1,
.second-form .h1
{
    text-transform:capitalize;
    margin-bottom:15px;
    font-weight:600;
    color:#333
}

.form.get-started p.lead,
.carousel .form p.lead,
.second-form p.lead
{
    font-weight:600;
    color:#e6e0e0
}

.form.get-started form .custom-select,
.carousel .form form .custom-select,
.second-form form .custom-select
{text-transform:capitalize}

.form.get-started form .holder,
.carousel .form form .holder,
.second-form form .holder
{margin-bottom:15px}

.form.get-started form .address,
.carousel .form form .address,
.second-form form .address
{margin-top:15px}

.form.get-started form .rent-status,
.carousel .form form .rent-status,
.second-form form .rent-status
{margin-top:15px}

.form.get-started form .rent-status .custom-select,
.carousel .form form .rent-status .custom-select,
.second-form form .rent-status .custom-select
{width:100%; max-width:none}

.form.get-started .form-inline,
.carousel .form .form-inline,
.second-form .form-inline
{
    -moz-justify-content:center;
    -webkit-justify-content:center;
    -o-justify-content:center;
    justify-content:center
}

@media (max-width:991px)
{
    .form.get-started .form-inline.city-province .col-auto,
    .carousel .form .form-inline.city-province .col-auto,
    .second-form .form-inline.city-province .col-auto
    {
        margin-bottom:10px;
        display:block !important;
        width:100%
    }
    
    .form.get-started .form-inline.city-province .col-auto input.form-control,
    .carousel .form .form-inline.city-province .col-auto input.form-control,
    .second-form .form-inline.city-province .col-auto input.form-control
    {width:100%}
    
    .form.get-started .form-inline.city-province .col-auto:nth-of-type(2) .custom-select,
    .carousel .form .form-inline.city-province .col-auto:nth-of-type(2) .custom-select,
    .second-form .form-inline.city-province .col-auto:nth-of-type(2) .custom-select
    {width:100%}
}

.form.get-started .sub,
.form.get-started .jus,
.carousel .form .sub,
.carousel .form .jus,
.second-form .sub,
.second-form .jus
{margin-top:10px}

.form.get-started .jus,
.carousel .form .jus,
.second-form .jus
{
    -moz-justify-content:center;
    -webkit-justify-content:center;
    -o-justify-content:center;
    justify-content:center
}

.form.get-started .jus .btn,
.carousel .form .jus .btn,
.second-form .jus .btn
{
    padding:10px 50px;
    border-radius:1px;
    font-size:20px;
    font-weight:600;
    text-transform:uppercase
}

.form.get-started p.conditions,
.carousel .form p.conditions,
.second-form p.conditions
{
    font-size:13px;
    color:#626161;
    width:60%;
    margin:30px auto 0;
    font-weight:700
}

@media (max-width:767px)
{
    .form.get-started p.conditions,
    .carousel .form p.conditions,
    .second-form p.conditions
    {width:100%}
}

.carousel-item .carousel-caption:first-of-type
{
    position:absolute;
    top:0;
    font-size:50px;
    text-transform:capitalize;
    font-weight:600
}

.carousel-item .carousel-caption:last-of-type
{
    bottom:40px
}

.carousel-item .carousel-caption:last-of-type button
{
    border-radius:0;
    border:1px;
    padding:10px 40px;
    text-transform:capitalize;
    font-weight:600;
    color:#6b6b6b;
    background-color:#ecf0f1;
}

@media (max-width:767px)
{
    .carousel-item .carousel-caption:last-of-type {bottom:2px}
   .carousel-item .carousel-caption:last-of-type button
    {
        padding:5px 20px;
        font-size:13px
    }
}
/* End Slider */

/* Start how-it */
.how-it {margin-bottom:60px}

.how-it article {margin-bottom:15px}

.how-it article .holder
{
    padding:10px
}
.how-it article .holder h2
{
    text-transform:capitalize;
    margin-bottom:10px;
    font-weight:bold;
    color:#6c6c6c
}

.how-it article .holder p.lead
{
    font-weight:400
}
/* End how-it */

/* Start Simply */
.simply
{
    background-color:#9b59b6;
    padding-top:30px;
    padding-bottom:30px
}

.simply .h1
{
    color:#FFF;
    font-weight:600;
    text-transform:capitalize;
    margin-bottom:10px
}

.simply p.lead
{
    color:#4b4a4a;
    font-weight:600;
}

.simply a.btn
{
    background-color:#f1c40f;
    padding:15px 60px;
    font-size:19px;
    font-weight:600;
    color:#FFF;
    cursor:pointer
}

a:focus:not([href]):not([tabindex]), a:hover:not([href]):not([tabindex])
{
    color:#FFF
}

@media (max-width:575px)
{
    .simply a.btn
    {
        padding:15px 50px;
        font-size:17px;
    }
}
/* End Simply */

/* Start Contact us */
.contact-us {margin-top:40px; margin-bottom:40px}

.contact-us form
{
    background-color:#2c3e50;
    border-radius:10px;
    padding:20px
}

.contact-us form .h1
{
    font-size:40px;
    font-weight:600;
    margin-bottom:10px;
    color:#FFF;
}

.contact-us form .lead
{
    color:#999;
    font-weight:600
}

.contact-us form textarea
{
    -moz-resize:none;
    -webkit-resize:none;
    -o-resize:none;
    resize:none
}

.contact-us form button.btn
{
    display:block;
    margin-left:auto;
    margin-right:auto;
    padding:13px 50px;
    text-transform:uppercase;
    font-weight:800;
    font-size:22px;
    background-color:#f1c40f;
    color:#FFF;
    border-color:none;
}

@media (max-width:575px)
{
    .contact-us form .h1 {font-size:30px}
    
    .contact-us form .lead {font-size:15px}
    
    .contact-us form button.btn
    {
        font-size:20px;
        padding:10px 35px
    }
}
/* End Contact us */

/* Start brands */
.brands
{
    background:url(../images/overlay.jpg) no-repeat fixed;
    min-height:500px;
    margin-top:100px;
    margin-bottom:50px;
    
    -moz-background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size:cover
}

.brands .overlay
{
    background-color:rgba(0, 0, 0, .8);
    color:#FFF;
    min-height:100%;
    padding-top:50px;
    padding-bottom:50px
}

.brands .overlay .h1
{
    margin-bottom:50px;
    text-transform:capitalize;
    font-weight:600;
    font-size:45px;
    color:#FFF
}

@media (max-width:575px)
{
    .brands .overlay .h1
{
    margin-bottom:40px;
    text-transform:capitalize;
    font-size:27px
}
}

.brands .overlay .box
{
    height:160px;
    margin-bottom:50px
}

.brands .overlay .img-holder
{
    height:100%;
    
    -moz-display:flex;
    -webkit-display:flex;
    -o-display:flex;
    -ms-display:flex;
    display:flex;
    
    -moz-align-items:center;
    -webkit-align-items:center;
    -o-align-items:center;
    -ms-align-items:center;
    align-items:center;
    
    -moz-justify-content:center;
    -webkit-justify-content:center;
    -o-justify-content:center;
    -ms-justify-content:center;
    justify-content:center
}

.brands .overlay .img-holder .img-fluid {width:90%; max-height:75%}

@media (max-width:575px)
{
    .brands .overlay .img-holder .img-fluid {width:55%}
}
/* End brands */
.brand-bottom {margin-bottom:30px}

.brand-bottom h3
{
    color:#1abc9c;
    font-size:30px;
    font-weight:800
}

/* Start footer */
footer ul li
{
    display:inline-block;
    font-size:40px;
}

footer ul li:not(:last-of-type) {margin-right:20px}

footer p.lead
{
    font-weight:600;
    color:#7a7a7a;
    font-size:15px;
    margin-bottom:4px
}

footer i {color:#9b59b6}

footer p.lead span {color:black}
/* End footer */



/* Start Contact us page */
.breadcrumb
{
    background-color:#FFF
}

.breadcrumb a
{
    background-color:#007bff;
    color:#FFF;
    padding:2px 10px
}
/* End Contact us page */