html,
body {
    width: 100%;
    height: 100%;
    /*background-color: #C7BB81;*/
}

body {
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
}

p{
    font: 200 1.2em/1.625 "Overpass",sans-serif;
    text-align: justify;
    line-height: 1.625em;
    margin-bottom: 1.25em;
}

h6{
    font: 200 1.2em/1.625 "Overpass",sans-serif;
    text-align: justify;
    line-height: 1.625em;
    margin-bottom: 1.25em;
}

h7{
    font: 200 1.2em/1.625 "Overpass",sans-serif;
    text-align: center;
    line-height: 1.625em;
    margin-bottom: 1.25em;
}

h8{
    font: 800 0.7em/0.1 "Overpass",sans-serif;
    margin: 0 0 15px;
    display: block;
    font-size: 3em;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin-top: 0px;
}
img {
    width: 100%;
    height: 100% ;
}
h2{
    font: 700 1.125em/1.4 "Overpass",sans-serif;
    margin: 0 0 15px;
    display: block;
    font-size: 1.5em;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;

}


h2:after {
    background: #51774E;
    content: '';
    display: block;
    height: 5px;
    margin: 10px auto 0;
    width: 60px;
}

h4{
    font:700 1.313em/2 "Overpass",sans-serif;
    display: block;
    -webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
    margin: 20px 0 20px;
    text-transform: uppercase;
    transition: font-size 0.25s ease;
    text-align: center;
}


h4:after {
    background: #51774E;
    content: '';
    display: block;
    height: 5px;
    margin: 10px auto 0;
    width: 60px;
    /*text-align: left;*/
}

/*@media (max-width: 992px) and (min-width: 769px)*/
/*h1, h2, h3, h4, h5 {*/
/*text-align: left  ;*/
/*}*/
h1{
    font:700 1.5em/1.27 "Overpass",sans-serif
    text-transform: uppercase;
    padding-bottom: 3px;
}

h5{
    font:700 1.5em/1.27 "Overpass",sans-serif
    text-transform: uppercase;
    padding-bottom: 3px;
}


.text-center {
    /*display: table-cell;*/
    text-align: center;
    /*vertical-align: middle;*/
}

.text-vertical-center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}



.text-vertical-center h1 {
    margin: 0;
    padding: 0;
    font-size: 4.5em;
    font-weight: 400;
    /*color: #C7BB81;*/
}

/* Custom Button Styles */

.btn-dark {
    border-radius: 0;
    color: #66563C;
    background-color: #66563C;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #66563C;
    background-color: #66563C;
}

.btn-light {
    border-radius: 0;
    color: #51774E;
    background-color:#C7BB81;
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
    color:#51774E ;
    background-color: #C7BB81;
}

.btn-light-inverse {
    border-radius: 0;
    color: #C7BB81;
    background-color:#51774E;
}

.btn-light-inverse:hover,
.btn-light-inverse:focus,
.btn-light0-inverse:active {
    color: #C7BB81;
    background-color:#51774E;
}

/* Custom Horizontal Rule */

hr.small {
    max-width: 100px;
    height:10px;
}

/* Side Menu */

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    right: 0;
    width: 250px;
    height: 100%;
    transform: translateX(250px);
    overflow: hidden;
    background: #66563C;
    /*background:rgba(102, 86, 60, 0.5);*/
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

#sidebar-wrapper.active {
    right: 250px;
    width: 100%;
    background: rgba(0,0,0,0.2  );
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.body-layer {
    right: 250px;
    width: 100%;
    height: 100%;
    /*position: absolute;*/
    /*z-index:4000;*/
    /* transform: translateX(250px); */
    overflow: hidden;
    /*pointer-events:none;;*/
    /*background:rgba(102, 86, 60, 0.1);*/

}


.sidebar-nav {
    position: absolute;
    top: 0;
    width: 300px;
    margin: 0;
    right: 0px;
    padding: 0;
    list-style: none;
    background: #66563C;
    height: 100%;
}
/*.sidebar-nav {*/
/*!* position: absolute; *!*/
/*top: 0;*/
/*!* width: 250px; *!*/
/*margin: 0;*/
/*padding: 0;*/
/*list-style: none;*/
/*}*/

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
    /*padding-left: 20px;*/
    /*padding-right: 20px;*/
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #C7BB81;
    font-size: 20px;
    /*text-align: center;*/
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #66563C;
    background: #C7BB81;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 55px;
    font-size: 18px;
    line-height: 55px;
}

.sidebar-nav > .sidebar-brand a {
    /*color: #51774E;*/
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #C7BB81;
    background: none;
}

#menu-toggle {
    z-index: 1;
    position: fixed;
    top: 0;
    right: 0;
}

#sidebar-wrapper.active {
    right: 250px;
    width: 100%;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.toggle {
    margin: 5px 5px 0 0;
}

.number{
    /*margin-top:50px;*/
    top: 25%;
    right: 10px;
    /*font-size: 40px;*/
    position: absolute;
    /*font-family: sans-serif;*/
    /*position: absolute;*/
    /*text-decoration: none;*/
    /*pointer-events: none;*/
    /*color: #66563C;*/
    /*font-weight: bold;*/
    width: 110px;
    height: 110px;
}

.main-number{
    /*margin-top:50px;*/
    top: 10px;
    left: 10px;
    /*font-size: 40px;*/
    position: absolute;
    /*font-family: sans-serif;*/
    /*position: absolute;*/
    /*text-decoration: none;*/
    /*pointer-events: none;*/
    /*color: #66563C;*/
    /*font-weight: bold;*/
    width: 110px;
    height: 110px;
}

/* Header */

.header {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    /*background: url(../img/main-header.png) ;*/
    background: #C7BB81;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/* About */

.about {
    padding: 50px 0;
    background-color: #51774E;
}

/* Services */

/*.services {*/
/*padding: 50px 0;*/
/*background-color: #C7BB81 ;*/
/*}*/

/*.service-item {*/
/*margin-bottom: 30px;*/
/*}*/

.services {
    /*margin: 40px 0;*/
    background-color: #C7BB81 ;
}


.service {
    width: 100%;
    height: 320px;
    margin: 35px 0;
    text-align: center;
    border: 5px solid rgba(102, 86, 60, 0.2);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.services>a:link,
a:visited,
a:hover,
a:focus,
a:active {
    color: #51774E;
    text-decoration: none;
}

.services>row{
    margin-right: 0px;
    margin-left: 0px;
}

.services>h1{
    font-size: 25px;
}

.service .icon-holder {
    position: relative;
    top: 100px;
    display: inline-block;
    margin-bottom: 40px;
    padding: 10px;
    background: #C7BB81 ;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.service .heading {
    position: relative;
    top: 80px;
    -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.service .icon-holder > img.icon {
    width: 40px;
}

.service:hover {
    border-color: #51774E;
}

.service:hover .icon-holder {
    top: -30px;
}

.service:hover .heading {
    top: -30px;
}

.service .description {
    width: 80%;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.service:hover .description {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}


/* Callout */

.callout {
    display: table;
    width: 100%;
    height: 400px;
    /*color: #fff;*/
    /*background: url(../img/callout-header.png) no-repeat center center scroll;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/* Portfolio */

.portfolio {
    padding: 50px 0;
    background-color: #C7BB81 ;
}

.portfolio-item {
    margin-bottom: 30px;
}

.img-portfolio {
    margin: 0 auto;
}

.img-portfolio:hover {
    opacity: 0.8;
}

/* Call to Action */

.call-to-action {
    padding: 50px 0;
    background-color: #51774E;
}

.call-to-action .btn {
    margin: 10px;
}

/* Map */

.map {
    height: 500px;
}



.center-img {
    margin: auto;
    width: 50%;
    border: 3px solid #51774E;
    padding: 10px;
}
@media(max-width:768px) {
    /*.map {*/
        /*height: 75%;*/
    /*}*/

    img {
        width: 100%;
        height: 250 px;
    }


}


footer {
    color:#C7BB81;
    background-color: #C7BB81;
    padding-top: 20px;

}

footer>h5 {
    color:#000;
    background-color: #000;
    padding-top: 10px;
    font-size: 30px;

}


#to-top {
    display: none;
    position: fixed;
    bottom: 5px;
    right: 5px;
}


/*Gallery */
.hide-bullets {
    list-style:none;
    margin-left: -40px;
    margin-top:20px;
}

.thumbnail {
    padding: 0;
    box-shadow: 0 0 80px #66563C;
}

/*.carousel-inner>.item>img, .carousel-inner>.item>a>img {*/
/*width: 100%;*/
/*}*/
/* Others */


.beige {
    color: #C7BB81;
}
.green {
    color: #51774E;
}
.brown {
    color: #66563C;
}
.black {
    color: #363A40;
}

.white{
    color:#ffffff;
}

.padding-left{
    padding-left:10px;
}

.padding-right{
    padding-right:10px;
}


.nav-info{
    bottom: 50px;
    position: absolute;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
}

.absolute{
    position: absolute;
}

.top{
    top: 0px;
}

.centered{
    transform: translateX(-50%);
    left: 50%;
}

.no-margin{
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.thumbnail {
    background-color: #51774E;
    border: 5px solid #51774E;
    border-radius: 0px;
}

.thumb:hover{
    border: 7px solid #C7BB81 !important;
}
.fa-fw {
    font-size: 15px !important;
}

.fa-fw-30{
    font-size: 30px !important;
}

.phone{
    font-size: 12px;
}

.email{
    font-size: 12px;
}

a:focus, a:hover {
    color: #C7BB81;
    text-decoration: underline;
}

.fw-15 {
    font-size: 15px;
}

.h-300{
    height: 300px;
}

.padding{
    padding: 10px 10px 10px 10px;
}

.justify{
    align: justify;
}

.line-hr{
    height:1px;
    width: 100%;
    background-color: #C7BB81;
}

.line-hr-green{
    height:4px;
    width: 5%;
    background-color: #51774E;

}

.contact-container{
    margin-top: 40px;
}

.about-container{
    margin-top: 40px;
}

.services-container{
    margin-top: 40px;
}

.gallery-conatiner{
    margin-top: 40px;
}
.sub-header {
    display: table;
    position: relative;
    width: 100%;
    height: 290px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


.gallery-header {
    display: table;
    position: relative;
    width: 100%;
    height: 290px;
    background: url(../img/gallery-header.jpg) no-repeat center center scroll;
    /*background: #C7BB81;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.margin-bottom-20{
    margin-bottom: 20px;
}

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

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

.margin-top-30{
    margin-top: 30px;
}


.margin-top-40{
    margin-top: 40px;
}

.margin-bottom-40{
    margin-bottom: 40px;
}

.margin-top-30{
    margin-top: 30px;
}

.margin-top-50{
    margin-top: 50px;
}

.margin-bottom-50{
    margin-bottom: 50px;
}

.margin-top-150{
    margin-top: 150px;
}

.margin-bottom-30{
    margin-bottom: 30px;
}

.header-logo{
    width: 210px;
    height: 210px;
}

.footer-logo{
    width: 160px;
    height: 160px;
}

@media screen and (max-width: 800px) {
    #slider-thumbs{
        visibility: hidden;
        clear: both;
        float: left;
        margin: 10px auto 5px 20px;
        width: 28%;
        display: none;
    }

    img {
        width: 100%;
        height: 250 px;
    }

    .center-img {
        margin: auto;
        width: 90%;
        border: 3px solid #51774E;
        padding: 10px;
    }


}




/* ----------- iPhone 5 and 5S ----------- */

/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
    img {
        width: 100%;
        height: auto;
    }

    .header-logo{
        width: 130px;
        height: 130px;
        margin-top: -25px;
    }

    .header-text{
        margin-top: 100px;
    }

    .mobile-font-h1{
        font-size: 25px;
    }

    .mobile-font-h2{
        font-size: 20px;
    }

    .mobile-font-h1 {
        font-size: 22px;
    }

    #sidebar-wrapper.active {
        right: 250px;
        /*width: 320px;*/
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }

    .contact-container{
        margin-top: 0px;
    }

    .about-container{
        margin-top: -30px;
    }

    .service-container{
        margin-top: -30px;
    }

    .gallery-conatiner{
        margin-top: -30px;
    }

    .item{
        margin-bottom: 25px;
    }

    .center-img {
        margin: auto;
        width: 90%;
        border: 3px solid #51774E;
        padding: 10px;
    }

    .icon{
        width: 40px;
        height: 40px;
    }

    h8 {
        font-size: 2.5em;
        margin-top: 5px;
    }

    .sidebar-nav {
        width: 100%;
    }

    .number {
        /* margin-top: 50px; */
        top: 25%;
        right: 10px;
        /* font-size: 40px; */
        position: absolute;
        /* font-family: sans-serif; */
        /* position: absolute; */
        /* text-decoration: none; */
        /* pointer-events: none; */
        /* color: #66563C; */
        /* font-weight: bold; */
        width: 55px;
        height: 55px;
    }

    .all-containers{
    position: absolute;
    }
    .main-number{
        /*margin-top:50px;*/
        top: 10px;
        left: 10px;
        /*font-size: 40px;*/
        position: absolute;
        /*font-family: sans-serif;*/
        /*position: absolute;*/
        /*text-decoration: none;*/
        /*pointer-events: none;*/
        /*color: #65563C;*/
        /*font-weight: bold;*/
        width: 55px;
        height: 55px;
    }

    .carousel-inner-mobile {
        margin-top: -90px;
    }
}

/* Landscape */
/*@media only screen*/
/*and (min-device-width: 320px)*/
/*and (max-device-width: 568px)*/
/*and (-webkit-min-device-pixel-ratio: 2)*/
/*and (orientation: landscape) {*/
/**/
/*}*/

/* ----------- iPhone 6 ----------- */


/* Portrait */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {

    /*img {*/
        /*width: 100%;*/
        /*height: 210px;*/
    /*}*/

    .header-logo{
        width: 130px;
        height: 130px;
        margin-top: -25px;
    }

    .header-text{
        margin-top: 100px;
    }

    .mobile-font-h1{
        font-size: 25px;
    }

    .mobile-font-h2{
        font-size: 20px;
    }

    #sidebar-wrapper.active {
        right: 250px;
        width: 375px;
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }

    .contact-container{
        margin-top: 3px;
    }

    .about-container{
        margin-top: -30px;
    }

    .service-container{
        margin-top: -30px;
    }

    .item{
        margin-bottom: 25px;
    }

    .center-img {
        margin: auto;
        width: 90%;
        border: 3px solid #51774E;
        padding: 10px;
    }
    .icon{
        width: 40px;
        height: 40px;
    }

    .text-vertical-center h1 {
        margin: 0;
        padding: 0;
        font-size: 3.5em;
        font-weight: 400;
        /* color: #C7BB81; */
    }

    h8 {
        font-size: 2.5em;
        margin-top: 5px;
    }

    .sidebar-nav {
        width: 100%;
    }

    .copyright{
        font-size: 1em;
        /*margin-bottom: 1.25em;*/
    }

    .number {
        /* margin-top: 50px; */
        top: 25%;
        right: 10px;
        /* font-size: 40px; */
        position: absolute;
        /* font-family: sans-serif; */
        /* position: absolute; */
        /* text-decoration: none; */
        /* pointer-events: none; */
        /* color: #66563C; */
        /* font-weight: bold; */
        width: 50px;
        height: 50px;
    }

    .main-number{
        /*margin-top:50px;*/
        top: 10px;
        left: 10px;
        /*font-size: 40px;*/
        position: absolute;
        /*font-family: sans-serif;*/
        /*position: absolute;*/
        /*text-decoration: none;*/
        /*pointer-events: none;*/
        /*color: #66563C;*/
        /*font-weight: bold;*/
        width: 50px;
        height: 50px;
    }

    .carousel-inner-mobile {
        margin-top: -90px;
    }
}

/* Landscape */
/*@media only screen*/
/*and (min-device-width: 375px)*/
/*and (max-device-width: 667px)*/
/*and (-webkit-min-device-pixel-ratio: 2)*/
/*and (orientation: landscape) {*/

/*}*/

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3) {

}

/* Portrait */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) {

}

/* Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {

}


.absolute{
    position: absolute;
}

.under
{
    position:absolute;
    left:0px;
    top:0px;
    z-index:-1;
}
.over
{
    position:absolute;
    /*left:40px;*/
    z-index:0;
}

.center{
    top: 27%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.well-sm {
    background: #C7BB81 !important;
}

#submit{
    float: right;
    background: #51774E;
    color: #C7BB81;
}

.input-group .form-control {
    z-index: 0 !important;
}

.input-group-addon {
    background-color: #51774E;
    /*border: 1px solid #C7BB81 !important;*/
}

.text-align-center{
    text-align: center;
}

footer a:focus, a:hover {
    color: #51774E;
    text-decoration: underline;
}


/* carousel */
#quote-carousel
{
    padding: 0 10px 30px 10px;
    margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
    background: none;
    color: #222;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left
{
    left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right
{
    right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators
{
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li
{
    background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active
{
    background: #333333;
}
#quote-carousel img
{
    width: 250px;
    height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none;
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}



/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #quote-carousel
    {
        margin-bottom: 0;
        padding: 0 40px 30px 40px;
    }

}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) {

    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */

    #quote-carousel .carousel-indicators {
        bottom: -20px !important;
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}

.navbar {
    margin-bottom: 0;
    background-color: #C7BB81;
    z-index: 9999;
    border: 0;
    font-size: 12px !important;
    line-height: 1.42857143 !important;
    letter-spacing: 4px;
    border-radius: 0;
}
/*.navbar li a, .navbar .navbar-brand {*/
/*color: #fff !important;*/
/*}*/
/*.navbar-nav li a:hover, .navbar-nav li.active a {*/
/*color: #f4511e !important;*/
/*background-color: #fff !important;*/
/*}*/
/*.navbar-default .navbar-toggle {*/
/*border-color: transparent;*/
/*color: #fff !important;*/
/*}*/

.visibility{
    visibility: hidden;
}

address {
    margin-bottom: 2px !important;
}

.submit{
    background: #51774E;
    color: #C7BB81;
    float: right;
}

.submit:hover{
    background: #51774E;
    color: #C7BB81;
    float: right;
}

.clients{
    text-align: center;
    width: 100%;
    color:#51774E;
    font: 200 1.2em/1.625 "Overpass",sans-serif;
    line-height: 1.625em;
    margin-bottom: 1.25em;
    border: 3px solid #51774E;
}

.smaller{
    font: 110 1.0em/1.625 "Overpass",sans-serif;
}

.img-thumbnail{
    border: 3px solid #51774E;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #C7BB81;
}

/*!* Removes the default 20px margin and creates some padding space for the indicators and controls *!*/
/*.carousel {*/
/*margin-bottom: 0;*/
/*padding: 0 40px 30px 40px;*/
/*}*/
/*!* Reposition the controls slightly *!*/
/*.carousel-control {*/
/*left: -12px;*/
/*}*/
/*.carousel-control.right {*/
/*right: -12px;*/
/*}*/
/*!* Changes the position of the indicators *!*/
/*.carousel-indicators {*/
/*right: 50%;*/
/*top: auto;*/
/*bottom: 0px;*/
/*margin-right: -19px;*/
/*}*/
/*!* Changes the colour of the indicators *!*/
/*.carousel-indicators li {*/
/*background: #c0c0c0;*/
/*}*/
/*.carousel-indicators .active {*/
/*background: #333333;*/
/*}*/

.clients-btn{
    background: #66563C;
    color: #fff !important;
}

.clients-btn:hover{
    background: #66563C;
    color: #fff;
}

.clients-btn:active{
    background: #66563C;
    color: #fff;
}

/*.all-containers{*/
    /*position: relative;*/
/*}*/

.actice-warpper{
    /*pointer-events: none;*/
    /*overflow-y: hidden !important;*/
    overflow: hidden;
}


.actice-warpper-layer{
    /*z-index: 999;*/
    /*position: absolute;*/

    /*right: 0;*/
    /*width: 250px;*/
    /*height: 100%;*/
    /*transform: translateX(250px);*/
    overflow: hidden;
    background:rgba(102, 86, 60, 0.2);
    /*-webkit-transition: all 0.4s ease 0s;*/
    /*-moz-transition: all 0.4s ease 0s;*/
    /*-ms-transition: all 0.4s ease 0s;*/
    /*-o-transition: all 0.4s ease 0s;*/
    /*transition: all 0.4s ease 0s;*/

    /*height: 100%;*/
    /*top: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    /*background:rgba(102, 86, 60, 0.4);*/
}



.footer-font-h2{
    font-size: 20px;
}

/*img{*/
/*z-index: 0 !important;*/
/*}*/

/*.box_rotate {*/
/*-webkit-transform: rotate(30deg);  !* Chrome, Safari 3.1+ *!*/
/*-moz-transform: rotate(30deg);  !* Firefox 3.5-15 *!*/
/*-ms-transform: rotate(30deg);  !* IE 9 *!*/
/*-o-transform: rotate(30deg);  !* Opera 10.50-12.00 *!*/
/*transform: rotate(30deg);  !* Firefox 16+, IE 10+, Opera 12.50+ *!*/
/*}*/
/*.box_transition {*/
/*-webkit-transition: all 0.3s ease-out;  !* Chrome 1-25, Safari 3.2+ *!*/
/*-moz-transition: all 0.3s ease-out;  !* Firefox 4-15 *!*/
/*-o-transition: all 0.3s ease-out;  !* Opera 10.50–12.00 *!*/
/*transition: all 0.3s ease-out;  !* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ *!*/
/*}*/

.arabic{
    direction: rtl;
}

.modal  {
    /*   display: block;*/
    padding-right: 0px;
    background-color: rgba(4, 4, 4, 0.8);
}

.modal-dialog {
    top: 20%;
    width: 100%;
    position: absolute;
}
.modal-content {
    border-radius: 0px;
    border: none;
    top: 40%;
}
.modal-body {
    background-color: #51774E;
    color: #C7BB81;
}

.copyright{
    margin-bottom: 15px;
}

h9{
    font: 700 1.125em/1.4 "Overpass",sans-serif;
    margin: 0 0 15px;
    display: block;
    font-size: 1.1em;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;

}


h9:after {
    background: #51774E;
    content: '';
    display: block;
    height: 5px;
    margin: 10px auto 0;
    width: 60px;
}


.float_right{
    float: right;
}

.arabic_menu{
    direction: rtl;
}

.sidebar-arabic{
    text-align: right !important;
}

.margin-right{
    margin-right: 40px;
}

.form-label{
    text-align: right;
    width: 100%;
}

.margin-top-60{
    margin-top: 70px;
}