/*The common element styles will be placed for main site like h1 to h5, a href, ul, li etc. 
the individual file can be overwrite this when needed.*/

body {
    font-family: 'open_sansregular';
}

h2, h3 {
    font-family: 'open_sansbold';
}

.container {
    /*width: 1000px;*/
}

h1 {
    font-size: 48px;
    color: #fff;
}

h2 {
    font-size: 36px;
    font-weight: bold;
}

img {
    border: none;
    outline: none;
    max-width: 100%;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {
    outline: 0 !important;
    outline-offset: -2px;
}

a, a:active, a:focus, a:hover {
    outline: none;
    outline: 0;
    color: #e76829;
    text-decoration: none;
}

a {
    color: #333333;
}

.padding-reducer {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.buffer-top-sm1 {
    padding-top: 40px;
}

.buffer-top-sm2 {
    padding-top: 80px;
}

.pd-buffer {
    padding: 20px;
}

.white {
    color: #fff;
}

.heading-txt {
    font-size: 36px;
}

.btn-primary {
    background-color: #e76829;
    border: none;
    text-transform: uppercase;
    padding: 8px 14px;
    font-size: 16px;
    outline: 0;
}

    .btn-primary:hover, .btn-primary:focus {
        background-color: #ca5d27;
    }

.btn-primary-reverse {
    background-color: #fff;
    border: 1px solid transparent;
    text-transform: uppercase;
    padding: 8px;
    font-size: 16px;
    color: #000;
    outline: 0;
}

.btn-readless {
    background-color: #939598 !important;
}
/*.btn-primary-reverse:hover, .btn-primary-reverse:focus{
        background-color: #ca5d27;
        color: #fff;        
        border:1px solid #9b4b0e;
     }*/
.btn-primary-reverse:hover, .btn-primary-reverse:focus {
    background-color: #c7c8ca;
    color: #fff;
}

.align-center {
    width: 100%;
}

    .align-center .btn {
        margin: 0 auto;
        margin-bottom: 5%;
        min-width: 102px;
    }

/*footer css starts here */
footer {
    margin: 40px 0;
}

.footer-logo img {
    margin-bottom: 15px;
}

.address span {
    display: block;
    line-height: 22px;
}

.footer-left-padding {
    padding-left: 50px;
}
/*
    .footer-links li {
        display: inline-block;
        padding: 2px 0 6px 14px;
    }
    .footer-links li:first-child {        
        padding-left: 0;
    }
    .footer-links li::before{
        color: #c95413;
        content: "/";        
        position: absolute;
        margin-right: 15px;
    }

*/
.footer-links > ul {
    padding-left: 0px;
    font-family: 'open_sansbold';
    width: 80%;
}

.footer-links {
    margin-top: 6px;
    font-size: 14px;
}

    .footer-links li {
        display: inline-block;
        padding: 2px 0 6px 20px;
        line-height: 30px;
    }

        .footer-links li:first-child {
            padding-left: 0;
        }

    .footer-links ul li a {
        color: #000;
        text-decoration: none;
    }

        .footer-links ul li a:hover {
            color: #e76829;
        }

    .footer-links li::before {
        color: #c95413;
        content: "/";
        margin-right: 20px;
    }

    .footer-links li:first-child::before {
        display: none;
    }

li.break {
    padding: 0px;
}

    li.break::before {
        display: none;
    }

.footer-content {
    font-size: 12px;
    color: #010000;
    margin-top: 30px;
    line-height: 18px;
}

.address {
    padding: 0 0 0 59px;
    font-size: 14px;
}
/*footer css Ends here */

/*banner css Ends here */
@media (min-width:1001px) and (max-width:1200px) {
    .banner-text {
        margin-top: 10px;
        padding-left: 0px;
    }

    h1 {
        font-size: 40px;
        color: #fff;
    }

    .btn-primary {
        padding: 8px;
        font-size: 12px;
    }

    .btn-primary-reverse {
        padding: 8px;
        font-size: 12px;
    }

    .address span {
        display: block;
        line-height: 18px;
    }
}

@media (min-width:768px) and (max-width:1024px) {

    h1 {
        font-size: 34px;
        line-height: 42px;
        color: #fff;
    }

    h2 {
        font-size: 20px;
        font-weight: bold;
    }

    p {
        font-size: 12px;
        line-height: 18px;
    }

    .heading-txt {
        font-size: 26px;
    }

    .banner-text p {
        color: #fff !important;
        font-size: 12px;
        padding-bottom: 10px;
    }

    .btn-primary {
        padding: 8px;
        font-size: 12px;
    }

    .btn-primary-reverse {
        padding: 8px;
        font-size: 12px;
    }

    .footer-links ul {
        margin-bottom: 0px;
        width: 100%;
    }

        .footer-links ul li a {
            font-size: 11px;
        }

    .footer-links li {
        padding: 2px 0 6px 15px;
        line-height: 20px;
    }

    li.break {
        padding: 0px;
    }

    .footer-links li::before {
        margin-right: 15px;
    }


    .footer-left-padding {
        padding-left: 0px;
    }

    .footer-logo > img {
        width: 85%;
    }

    .address {
        font-size: 11px;
        padding: 0 0 0 44px;
    }

    .footer-content {
        margin-top: 20px;
    }

    .address span {
        display: block;
        line-height: 18px;
    }
}

@media (min-width:981px) and (max-width:1024px) {
    .footer-links ul {
        margin-bottom: 0px;
        width: 80%;
    }
}

@media (min-width:320px) and (max-width:767px) {

    .footer-left-padding {
        padding-left: 0px;
    }

    .address {
        padding: 0 0 0 0px;
    }

    h2 {
        font-size: 28px;
        font-weight: bold;
    }

    footer {
        margin-top: 20px;
    }

    .btn-primary {
        padding: 8px;
        font-size: 14px;
    }

    .pd-buffer {
        padding: 10px 15px 5px 15px;
    }

    .btn-primary-reverse {
        font-size: 14px;
    }

    .mobile-row .btn.btn-primary, .mobile-row-plain .btn.btn-primary {
        font-size: 11px;
    }
}