html 
{
    overflow-y: scroll;
    
}
body
{
   
}
#page
{
    
    min-width: 320px;
    overflow: hidden;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #575757;
    line-height: 190%;
}
.fa-fw
{
    margin-right: 5px;
}
/*
    reset defaults
*/
a,a:hover, a:active, a:focus 
{
    outline: 0;
    text-decoration: none;
    color: inherit;
}

/**
    globals
*/

#page-preloader
{
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 500;
    height: 100%;
    position: fixed;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('../img/preloader.gif');
}

.navbar-brand:after
{
    content: '';
    position: absolute;
    bottom: 0px;
    left: 10px;
    height: 100px;
    width: 210px;
    border-radius: 0px 0px 100px 100px;
    box-shadow: 0px 10px 10px #ededf5;
    z-index: -1;
}

.title
{
    color: #2e2c8d;
}

.sub-title
{
    color: #919191;
}

.btn
{
    text-transform: uppercase;
    color: #FFFFFF;
}
.btn-blue
{
    background: linear-gradient(0deg, #323097 0%, #2a2883 100%);
}
.btn-red
{
    background: linear-gradient(0deg, #e71e12 0%, #e0170e 100%);
    padding: 13px 28px;
}
.angular-google-map-container 
{ 
    height: 400px; 
}


#page-header .btn
{
    font-size: 21px;
    font-weight: 700;
    color: #FFFFFF;
}

#captions-container
{
    padding: 7% 3% 0px;
}

#captions-container .title
{
    margin: 0px 0px 30px;
    font-size: 26px;
}
#captions-container .btn
{
    margin-top: 20px;
    margin-bottom: 10px;
}

#slide-wrapper
{
    padding-right: 0px;
}

#page-slider-container
{
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 50% 100%;
    transition: 1s;
}

#page-slider-container .container-fluid
{
    padding-right: 0px;
}

#page-slider img
{
}

#slide-wrapper
{
    /* padding: 0px; */
}

#page-main
{
    background-color: #f7f7f7;
    padding: 70px 0px;
    box-shadow: 0px -6px 9px 0px #ededf5;
}

#page-main figure
{
    text-align: center;
    padding-bottom: 80px;
    min-height: 650px;
}

#page-main figure img
{
    border-radius: 50%;
}

#page-main .btn
{
    margin-top: 40px;
}
#page-main figure .title
{
    font-weight: 700;
    margin: 62px 0px 47px 0px;
    text-transform: uppercase;
}

#page-main figure .btn
{
    margin-top: 50px;
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -80px;
}

.gallery-container
{
    text-align: center;
}
#supplier-container
{
    padding: 40px 0px;
}

#partners-container
{
    padding-bottom: 40px;
}

#supplier-container li:not(:last-of-type)
{
    margin-right: 35px;
}

#page-footer
{
    padding: 50px 0px;
    background-color: #2e2c8d;
    color: #FFFFFF;
}

#page-footer .fa-li
{
    top: 6px;
}

#copyrights
{
    background-color: #272621;
    padding: 13px 0px;
    color: #FFFFFF;
}

#page-content #contact-form input, 
#page-content #contact-form textarea
{
    border-color: #2e2c8d;
}

#page-content #contact-form button[type="submit"]
{
    background-color: #2e2c8d;
    color: #FFFFFF;
}

@media( max-width: 1400px )
{
    #captions-container .title
    {
        font-size: 25px;
        margin: 0px 0px 20px;
    }
    #captions-container .btn
    {
        margin-top: 10px;
    }
}

@media( max-width: 1300px )
{
    #captions-container .btn
    {
        display: none;
    }
}
@media( max-width: 1200px )
{
    .nav>li>a
    {
        padding: 10px 5px;
        font-size: 13px;
    }
    #page-header .btn
    {
        font-size: 14px;
    }
    
    #captions-container .title
    {
        font-size: 15px;
        margin-bottom: 10px;
    }
    #captions-container
    {
        font-size: 12px;
    }
    #captions-container .sub-title
    {
        font-size: 16px;
    }
    
    #captions-container .btn
    {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media( max-width: 1200px )
{
    #captions-container
    {
        padding: 10% 3% 0px;
        line-height: 150%;
    }
    #captions-container .sub-title
    {
        display: none;
    }
}
@media( max-width: 767px )
{
    .navbar-brand
    {
        left: 50%;
        margin-left: -115px;
    }
    .navbar-nav
    {
        padding-top: 80px;
    }
    
    #captions-container
    {
            padding: 20% 3% 0px;
            line-height: 180%;
    }
    #slide-wrapper
    {
        padding: 0px;
    }
    #page-slider
    {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px -8px;
    }
    
    #slide-wrapper
    {
        margin: 0px;
    }
    
    #page-slider-container
    {
        background-image: none !important;
    }
    
    #page-main figure
    {
        margin-bottom: 80px;    
    }
    
    #supplier-container li:not(:last-of-type)
    {
        margin-right: 0px;
    }
    .xs-text-center
    {
        text-align: center;
    }
}

@media( max-width: 500px )
{
    #captions-container
    {
            padding: 30% 3% 0px;
    }
    #supplier-container li
    {
        width: 100%;
    }
}