/* Common Styles */
html,
body {
    height: 100%;
    padding: 0;
    margin: 0;
    color: #000000;
}

h1{
    font-size: 26px;
}

h2{
    font-size:24px;
}

h3{
    font-size:22px;
}

h4{
    font-size:20px;
}

h5{
    font-size:19px;
}

h6{
    font-size:18px;
}

p, ul>li{
    font-size:16px;
}

a{
    color: #281a17;
}

a:hover,
a:active,
a:focus{
    color: #281a17;
    text-decoration: underline;
}

.founded-link{
    font-size: 18px;
    text-align: center;
}
.bg-brown{
    background-color: #281a17;
}

.bg-orange{
    background-color: #c6622e;
}

.bg-red{
    background-color: #aa0000;
}

.bg-blue{
    background-color: #0000aa;
}

.btn-orange {
    color: #ffffff;
    background-color: #c6622e;
    border-color: #c6622e;
}

.btn-orange:focus,
.btn-orange.focus {
    color: #ffffff;
    background-color: #281a17;
    border-color: #281a17;
}

.btn-orange:hover {
    color: #ffffff;
    background-color: #281a17;
    border-color: #281a17;
}

.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-default {
    color: #ffffff;
    background-color: #281a17;
    border-color: #281a17;
}

.wrap {
    min-height: 75%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.flex-box{
    display: flex;
}

.flex-center{
    justify-content: center;
}

.flex-middle{
    display: flex;
    align-items: center;
}

/*Navigation Panel */
.navbar{
    margin-bottom: 0;
}

nav a{
    color: #ffffff;
}

nav a:hover,
nav a:active,
nav a:focus{
    color: #ffffff;
    text-decoration: none;
}

@media (max-width: 767px) {
    .nav > li {
        padding: 0 5px;
    }
}


.nav > li > a:hover,
.nav > li > a:focus,
.nav > li > a:active,
.active{
    background-color: #281a17;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.nav .open > a:active{
    background-color: #281a17;
    border-color: #281a17;
}

.dropdown-menu{
    background-color: #281a17;
}

@media (max-width: 767px) {
    .navbar-nav > .open > .dropdown-menu{
        background-color: #281a17;
    }
}

.dropdown-menu li > a{
    color: #ffffff;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-menu li > a:active{
    background-color: #c6622e;
    color: #ffffff;
}

.navbar-text{
    font-size: 16px;
}

.telephone{
    color: #000000;
}
.telephone:hover,
.telephone:focus,
.telephone:active{
    color: #000000;
    text-decoration: underline;
}
@media (max-width: 767px) {
    .navbar-form {
        width: 98%;
        margin: 8px 0;
    }
}

/* Main Styles */
.main-header .col-md-6{
    padding: 0;
}

.main-header-image{
    padding: 0;
    border-right: 2px solid #000;
    border-left: 2px solid #000;
}

.text-box{
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.95);
    margin: 10px;
    border-radius: 5px;
}

.text-box h1{
    padding-top: 0;
    margin-top: 0;
}

.main-features{
    padding: 50px 0;
}

.main-features h2{
    font-size: 18px;
    text-align: center;
}

.main-features .row{
    margin: 0;
}

.main-features .col-xs-1{
    padding: 0;
}

.feature-box{
    cursor: pointer;
}


/* Services Styles */

.navbar-side{
    margin: 40px 0;
    padding: 5px;
    width: 270px;
    background-color: #cccccc;
    border-radius: 5px;
}

@media (max-width: 767px) {
    .navbar-side{
        display: none;
    }

}

.nav-header{
    font-size: 20px;
    font-weight: bold;
}

.navbar-side > .nav > li > a{
    padding: 5px 0;
}

.navbar-side > .nav > li > a:hover,
.navbar-side > .nav > li > a:focus,
.navbar-side > .nav > li > a:active,
.active{
    background-color: #f0f0f0;
}

.main-services{
    padding: 0 15px 15px;
}
.content-box a{
    text-decoration: underline;
    color: #1e347b!important;
}
.content ul > li{
    font-size:16px;
}

.main-services h1{
    margin: 5px;
}

.main-services p{
    text-align: justify;
}


/* Testimonies Styles */

.main-default-testimonies{
    padding: 20px 0;
}

.testimonies-box{
    padding: 50px;
}

/* Feedback Styles */

.main-default-feedback{
    padding: 20px 0;
}

textarea{
    resize: none;
}


/* Contacts Styles */

.main-default-contacts{
    padding: 20px 0;
}

.contact-box h1{
    font-size:24px;
    font-weight: bold;
}

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

.contact-box h3{
    font-size:18px;
}

.map-box{
    padding: 15px;
}


/* Footer Styles */

.footer {
    min-height: 60px;
    background-color: #281a17;
    border-top: 1px solid #000000;
    padding-top: 20px;
    color: #ffffff;
}

.footer ul{
    margin-left:0;
    padding-left:0;
}
.footer ul > li{
    font-size: 14px;
    list-style-type: none;
}


.footer a{
    color: #ffffff;
}

.footer a:hover,
.footer a:focus
{
    color: #cccccc;
}

.footer a:active{
    color: #cccccc;
    text-decoration: none;
}