body {
    background: #31393D;
}

.link-post .post-content {
    background: #31393D;
}

header {
    position: fixed;
}

h1{
    color:white;
    font-size: 36px;
    font-family: 'Roboto', sans-serif;
    text-transform: none;
}

h2 {
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}

.quote-post span {
    color: #C2B071;
}

.aside-post .post-content {
    border-left: 15px solid #C2B071;
}

.blog-page-link {
    background: #BE6D00;
}

p.copyright {
    margin-top: 5px;
}


::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.logo-box {
    padding: 30px 30px;
    text-align: center;
}
ul.menu > li > a::after, ul.drop-down > li > a::after {
    background : #BE6D00;
}

.info-box a.info-toggle {
    background: #EB8902;
}

.project-post .hover-box {
    background: #EB8902;
}

.nicescroll-rails {
    background: #242b2e;
}

element {
    background-color: #EB8902;
}
/* [ FOOTER ] */


/*================================================== */

.footer {
    background: #111;
}

.footer .container {
    padding: 80px 15px 0;
}

.footer .top-footer>.row {
    padding-bottom: 30px;
}

.footer .top-footer h4 {
    text-transform: uppercase;
    margin-top: 0;
    font-size: 18px;
    margin-bottom: 30px;
    font-weight: 700;
}

.footer .top-footer ul {
    padding: 0;
}

.footer .top-footer .menu ul {
    list-style-type: none;
}

.footer .top-footer .menu ul li {
    margin-bottom: 17px;
}

.footer .top-footer .menu ul li a,
.footer .top-footer .menu ul li span {
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    transition: .1s;
}

.footer .top-footer .menu ul li span {
    color: #ddd;
}

.footer .top-footer .menu ul li a:hover {
    color: #fff;
}

.footer .top-footer .menu ul li span i {
    padding-right: 3px;
}

.top-footer .contacts>div {
    padding-bottom: 12px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}


/*** Social Icons ***/

.footer .social-icons {
    padding-bottom: 10px;
}

.footer .social-icons ul li {
    margin: 0 10px 15px 0;
}

.footer .social-icons ul li a {
    width: 40px;
    height: 40px;
    line-height: 38px;
}

.footer .social-icons ul li a:before {
    font-size: 19px;
}

.facts-footer>div {
    width: 49%;
    display: inline-block;
}

.facts-footer>div:first-child h5,
.facts-footer>div:nth-child(2) h5 {
    margin-top: 0;
}

.facts-footer>div {
    margin-bottom: 18px;
}

.facts-footer>div h5 {
    font-size: 30px;
    font-weight: 500;
    margin: 15px 0 12px;
}

.facts-footer>div span {
    text-transform: uppercase;
    font-size: 12px;
    color: #ddd;
}


/*** Copyright Bar ***/

.footer .bottom-footer p {
    margin: 0;
    font-size: 13px;
    border-top: 1px solid #222;
    padding: 17px 0;
    color: #ddd;
}

.footer .bottom-footer p a:hover {
    color: #fff;
}

.footer hr {
    background-color: #1d1d1d;
    border: 0;
    height: 1px;
    margin: 6px 0 17px;
}

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

    .top-footer>.row>div:nth-child(4) {
        margin-top: 25px;
    }
}

@media (max-width: 991px) {
    .footer .top-footer>.row {
        padding-bottom: 15px;
    }

    body.double-diagonal .portfolio .containerperso {
        padding-top: 250px !important;}
}
@media (max-width: 1000px) {
    .custom-button {
        padding: 1px 10px;
        font-size: 12px;
    }
}

@media (max-width: 500px) {
    #myCarrousel {
        padding-top: 70%;
    }
}

@media only screen and (max-width: 899px) and (min-width: 501px){
    #myCarrousel {
        padding-top: 40%;
    }
}


@media (max-width: 900px) {

    .carousel-caption, .carousel-indicators {
        visibility: hidden;
    }


    body.double-diagonal .footer .container {
        padding: 100px 15px 0;
    }

    .footer p {
        margin-left: 15px;
        margin-right: 15px;
    }
    .top-footer>.row>div:first-child,
    .top-footer>.row>div:nth-child(2) {
        margin-bottom: 40px;
    }
    .footer li a {
        font-size: 23px;
    }
    .footer .top-footer>.row {
        padding-bottom: 12px;
    }
    .container {
        padding-top: 300px;}



    header{
        float: none;
        text-align: center;
        width: 100%;
        max-width: 100%;
        height: auto !important;
    }

    .logo-box p.slogan {
        display: none;
    }

    ul.drop-down {
        position: relative;
        text-align: center;
        top: 0;
        left: 0;
        width: 100%;
        visibility: visible;
        opacity: 1;
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
        -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
        -moz-transition: -moz-transform 0.4s, opacity 0.1s;
        -mos-transition: -mos-transform 0.4s, opacity 0.1s;
        -o-transition: -o-transform 0.4s, opacity 0.1s;
        transition: transform 0.4s, opacity 0.1s;
    }

    ul.menu {
        max-height: 250px;
        overflow-y: scroll;
    }

    .filter-box {
        display: none;
    }

    p.copyright {
        display: none;
    }

    #content {
        padding-left: 0px;
    }

    a.elemadded {
        display: block;
    }

    .menu-box {
        display: none;
    }

    ul.tab-links li a {
        padding: 18px 0;
    }

}
@media (max-width: 576px) {
    footer {
        padding-left: 0;
        padding-right: 0;
    }

    .top-footer > .row > div {
        width: 100%;
    }

    .top-footer > .row > div:nth-child(3) {
        margin-bottom: 40px;
    }
}

/* Gallery */

.grid_gallery {
    position: relative;
    overflow: hidden;
    padding: 0;
}

.grid_gallery-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.gallery-item {
    float: left;
    width: 33%;
    margin: 0;
    padding: 0 1px 1px 0;
}

.gallery-item .featured-thumbnail {
    float: none;
}

.featured-thumbnail a {
    position: relative;
    display: block;
    outline: none !important;
}

.project .project-main-content .featured-thumbnail a img {
    border-radius: 0;
}

.single-gallery-item {
    margin: 0 !important;
}
.team .social-icons ul.social li a:hover:before {
    font-size: 20px;
}

.team .social-icons ul.social li a:hover {
    background: #fff;
}
/* Social media */

.social-icons ul {
    margin: 0;
    padding: 0;
    line-height: 0;
    font-size: 0;
}

.social-icons ul li {
    display: inline-block;
    margin: 0 15px 15px 0;
    padding: 0;
    vertical-align: top;
    list-style: none;
}

.social-icons ul li a {
    background: transparent;
    display: block;
    width: 63px;
    height: 63px;
    line-height: 59px;
    border-radius: 50%;
    -webkit-transition: 0.8s;
    transition: 0.8s;
    text-align: center;
    text-decoration: none;
    color: #fff !important;
}

.social-icons ul li a:hover {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    color: #fff !important;
}

.social-icons ul li a:hover:before {
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    color: #fff !important;
}

.social-icons ul li a:before {
    display: block;
    -webkit-transition: 0.8s;
    transition: 0.8s;
    font-family: FontAwesome;
    font-size: 30px;
    text-align: center;
}

.social-icons ul li a[title="facebook"]:before {
    content: "\f09a";
}

.social-icons ul li a[title="twitter"]:before {
    content: "\f099";
}

.social-icons ul li a[title="google"]:before {
    content: "\f0d5";
}

.social-icons ul li a[title="skype"]:before {
    content: "\f17e";
}

.social-icons ul li a[title="instagram"]:before {
    content: "\f16d";
}

.social-icons ul li a[title="linkedin"]:before {
    content: "\f0e1";
}

.social-icons ul li a[title="instagram"]:before {
    content: "\f16d";
}

.social-icons ul li a[title="youtube"]:before {
    content: "\f167";
}
/*fin footer*/


/* =================================================================== */
/* orange #BE6D00
====================================================================== */
a,
h1 > span,
.projectmanager h3,
.projectmanager li a,
.testimonials #quote-carousel h5,
.services-box-item-content:before,
.services-box-item-content h2,
.social-icons ul li a:before,
.info-map-boxes-item:before,
.info-map-boxes-item h1,
.info-map-boxes-item a,
.services-box-item-cover:before,
.services-box-item-cover:after,
#back-top span:before,
.videopromotion a i,
.fact-badges h2 span,
span.heart,
a.link:hover,
a.link:focus,

.services .services-box-item-content h2,
.btn-wrapper a,
ul.navbar-nav > li.active > a,
ul.navbar-nav > li > a:hover,
ul.navbar-nav > li > a:focus,
ul.navbar-nav > li > a:active,
.navbar-nav .fa-search:hover,
ul.navbar-nav > li.open > a,
ul.navbar-nav > li.open > a:hover,
ul.navbar-nav > li.open > a:focus,
ul.navbar-nav > li.open > a:active,
body.dark ul.navbar-nav > li.open > a,
body.dark ul.navbar-nav > li.open > a:hover,
body.dark ul.navbar-nav > li.open > a:focus,
body.dark ul.navbar-nav > li.open > a:active,
body.dark .latest-post .post-title a:hover,
body.dark ul.navbar-nav > li.active > a,
body.dark ul.navbar-nav > li > a:hover,
body.dark .navbar-nav .fa-search:hover,
.caption a.title-link:hover h3,
.latest-post .post-title a:hover,

.facts-footer > div h5,
.footer .bottom-footer p a,
.footer .top-footer .menu ul li a:hover,
.about ul.nav.nav-tabs li.active a,
.banner .breadcrumb>li a:hover,
body.blog-page .meta span a,
body.blog-page .meta span i,
body.blog-page article h4:hover,
.sidebar ul.nav.nav-tabs li a:hover,
body.dark .sidebar ul.nav.nav-tabs li a:hover,
.widget.recent-posts .entry-title a:hover,
body.dark .widget.recent-posts .entry-title a:hover,
.comments-list .comment-reply,
.user-auth > div:nth-child(2) .form-container .form-group a,
.countdown-amount,
h4.panel-title a,
.project .project-navigation nav ul li a,
.shop-cart .secondary-button,
.payment .tooltip-text{
    color: #BE6D00;
}
.custom-colorRotatingWords,
.team .social-icons ul.social li a:hover,
.team .social-icons ul.social li a:hover:before {
    color: #BE6D00 !important;
}
.latest-post .post-date,
.shop-cart .secondary-button:hover,
.shop-cart .secondary-button:focus,
.shop-cart .secondary-button:active,
.bx-wrapper .bx-controls-direction a,
#carousel-testimonials .carousel-indicators li.active,
body.dark.blog-page .pagination li.active a:hover,
body.blog-page .pagination li.active a,
ul.nav li.dropdown ul.dropdown-menu li a:hover,
ul.nav li.dropdown ul.dropdown-menu li a:focus,
ul.nav li.dropdown ul.dropdown-menu li a:active,
ul.nav li.dropdown ul.dropdown-menu li.active a,
.pricing-list .popular,
.pricing-switcher .switch,
.custom-button,
.portfolio .nav-pills li:hover,
.portfolio .nav-pills li.active,
#back-top a:hover,
.social-icons ul li a:hover,
.custom-input-label::before,
.testimonials #quote-carousel .carousel-indicators .active,
.custom-form-group  .input-group .input-group-addon,
.submit-form button,
body.double-diagonal .about::before,
body.double-diagonal .faq::before,
body.double-diagonal .terms::before,
body.double-diagonal .shop-cart::before,
body.double-diagonal .shop-checkout::before,
body.double-diagonal .project::before,
body.double-diagonal .services::before,
body.double-diagonal .pricing::before,
body.double-diagonal .portfolio::before,
body.double-diagonal .team::before,
body.double-diagonal .blog::before,
body.double-diagonal .contact::before,
body.double-diagonal .logos::before,
.team-member:hover .team-member-caption,
.btn-wrapper a:hover,
.widget-tags ul > li a:hover   {
    background-color: #BE6D00;
}
body.blog-page .pagination li.active a,
.widget-tags ul > li a:hover,
.shop-cart .secondary-button {
    border:1px solid #BE6D00;
}
.about-right-side .full-image-container.hovered:before  {
    border-left: 5px solid #BE6D00;
}
.projectmanager blockquote,
#quote-carousel .carousel-indicators .active {
    border-color: #BE6D00;
}
.projectmanagerpicture {
    border: 12px solid #BE6D00;
}
.portfolio .nav-pills li {
    border: 2px solid #BE6D00;
}
#back-top a {
    border: 2px solid #BE6D00;
}
.team-member-caption {
    border-top: 3px solid #BE6D00;
}
.social-icons ul li a{
    border: 3px solid #BE6D00;
}
.footer .social-icons ul li a {
    border: 2px solid #BE6D00;
}
.banner hr, body.dark .banner hr {
    border-top: 5px solid #BE6D00;
}

.btn-wrapper a {
    border: 4px solid #BE6D00;
}
@media (max-width: 991px) {
    ul.nav li.dropdown ul.dropdown-menu li.active a,
    body.dark ul.nav li.dropdown ul.dropdown-menu li.active a	{
        background:transparent !important;
        color:#BE6D00 !important;
    }


}
@media (max-width:900px){
    .social-icons ul li a {
        border: 2px solid #BE6D00;
    }
    .about-right-side .full-image-container.hovered:before  {
        border-top: 5px solid #BE6D00;
        border-left:none;
    }
    .rtl-version .about-right-side .full-image-container.hovered:before {
        border-right:none;
    }
    body.double-diagonal .portfolio .container .imgTeam {
        padding: 300px 15px 85px !important;}

    #titlelocation {
        padding-top: 300px;
    }


}
@media (max-width:576px){
    .about-content ul.nav.nav-tabs li.active a {
        background :#BE6D00;
        color:#fff;
    }


}


@media screen and (max-width: 900px) {


    #content {
        padding-left: 0;
    }
    .custom-button {
        padding: 1px 10px;
    }

}

.wrapper{
    background-color: #C2AF75;
}

.table img {
    width: 200px;
}

.imgTeam {
    width: 100%;
}

p {
    font-family: "Raleway", sans-serif;
    font-size: 18px;
}

.white{
    background-color: white;
}

.info-map {
    border-bottom: none;
}


.section-overlay {
    background: url("/images/artifice.jpg");
}

.input-field, .contactform textarea {
    color: #31393D;
}

.custom-button::before {
    content: "\f061";
}
.submit-form button::before {
    right: 50px;
}


.footer .top-footer h4 {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    margin-top: 0;
    font-size: 18px;
    margin-bottom: 30px;
    font-weight: 400;
}

@media (max-width: 500px) {

    .responsive-table-line td:before { content: attr(data-title); }

    .responsive-table-line table,
    .responsive-table-line thead,
    .responsive-table-line tbody,
    .responsive-table-line th,
    .responsive-table-line td,
    .responsive-table-line tr {
        display: block;
    }

    .responsive-table-line thead tr {
        display:none;
    }

    .responsive-table-line td {
        position: relative;
        border: 0px solid transparent;
        padding-left: 50% !important;
        white-space: normal;
        text-align:right;
    }

    .responsive-table-line td:before {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 45%;
        padding-right: 15px;
        height:100%;
        white-space: nowrap;
        text-overflow: ellipsis !important;
        overflow:hidden !important;
        text-align:left;
        background-color:#f8f8f8;
        padding:2px;
    }
    .custom-button {
        padding: 1px 10px;
    }

}

/* =================================================================== */
/* FAQ
====================================================================== */
.ac-container{
    width: 100%;
    margin: 10px auto 30px auto;
    text-align: left;
}
.ac-container label{
    color: #fff;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 33px;
    padding-left: 5px;
    position: relative;
    display: block;
    height: 30px;
    cursor: pointer;

}

.ac-container input:checked + label,
.ac-container input:checked + label:hover{
    background: #BE6D00;
    color: #fff;
    text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
    box-shadow:
            0px 0px 0px 1px black,
            0px 2px 2px rgba(0,0,0,0.1);
}


.ac-container input{
    display: none;
}
.ac-container article{

    margin-top: -1px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
    color: white;
    line-height: 23px;
    font-size: 18px;
    padding: 20px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.ac-container input:checked ~ article{
    -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small{
    height: 140px;
}
.ac-container input:checked ~ article.ac-medium{
    height: 180px;
}
.ac-container input:checked ~ article.ac-large{
    height: 230px;
}

.form-control::placeholder {
    color: black;
}

ul li {
    color: red;
}


#image-preview-content {
    width: 50%;
}

.flex-row  {
    padding-left: 15px;
    padding-right: 15px;
}
@media only screen and (max-width : 480px){
    .flex-row > [class*='col-'] {
        width: 100%;
    }
    .flex-row  {
        padding-left: 0px;
        padding-right: 0px;
    }
}
.flex-row {
    display: flex;
    flex-wrap: wrap;
}
.flex-row > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

.flex-row .thumbnail,
.flex-row .caption {
    flex-direction: column;
    display: flex;
    flex: 1 0 auto;
    height: auto;
    position: relative;
}
.flex-text {
    flex-grow: 1;
}
.flex-row img {
    min-width: 0;
    width: 100%;
}

.carousel .item {-webkit-transition: opacity 1s; -moz-transition: opacity 3s; -ms-transition: opacity 3s; -o-transition: opacity 3s; transition: opacity 3s;}
.carousel .active.left {left:0;opacity:0;z-index:2;}
.carousel .next {left:0;opacity:1;z-index:1;}


.description p {
    font-size: 14px;
    line-height: 0px;
    padding-top:10px;
    padding-bottom: 0;
}

body.double-diagonal .portfolio .containerperso {
    padding-top: 30px;
    padding-left: 15px; }