/*===================================== 
YOU CAN WRIGHT CUSTOME CSS 
======================================*/


.searchform input[type=submit], .searchform input[type=submit]:active, .searchform input[type=submit]:focus, .searchform input[type=submit]:hover, .site-button, .site-button:active, .site-button:focus {
    background-color: #378377;
}

.acc-bg-primary a, .bg-primary, .custom-page.pager li>a:focus, .custom-page.pager li>a:hover, .custom-pagination.pagination>.active>a, .custom-pagination.pagination>.active>a:focus, .custom-pagination.pagination>.active>a:hover, .custom-pagination.pagination>.active>span, .custom-pagination.pagination>.active>span:focus, .custom-pagination.pagination>.active>span:hover, .custom-pagination.pagination>li>a:focus, .custom-pagination.pagination>li>a:hover, .custom-pagination.pagination>li>span:focus, .custom-pagination.pagination>li>span:hover, .date-style-2 .post-date, .faq-block .faq-ans::after, .faq-block .faq-que::after, .masonry-filter.button-style.has-bg>li a:hover, .masonry-filter.button-style.has-bg>li.active a, .masonry-filter.button-style>li a:active, .masonry-filter.button-style>li a:focus, .masonry-filter.button-style>li a:hover, .masonry-filter.button-style>li.active a, .masonry-filter.outline-style.customize>li.active a, .masonry-filter.outline-style.customize>li:hover a, .mt-nav-pills li:hover a, .mt-tabs.border-top .nav-tabs>li.active>a::after, .noTrespassingBarLineG, .overlay-icon a, .overlay-icon a:hover, .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .pricing-table-style-2 .pricingtable-title, .pricingtable-price, .searchform input[type=submit], .site-button, .social-icons.social-radius.social-darkest a:hover, .social-icons.social-radius.social-primary a, .social-icons.social-square.social-darkest a:hover, .social-icons.social-square.social-primary a, .widget-title::after, .widget_archive ul li span.badge, .widget_calendar table tbody td#today, .widget_calendar thead, .widget_getintuch i, ol.list-num-count>li::before, .header-nav .nav > li .sub-menu li a::after, .mt-separator:after, .sep-line-one:after, .mt-separator:before, .sep-line-one:before, .about-home.owl-carousel .owl-dots .owl-dot.active span, .input-animate.input .spin, .icon-count-2::after, .footer-dark .social-icons li a:hover, .video-section-full-v2::after, .mt-bnr-inr-entry .banner-title-outer:after, .mt-bnr-inr-entry .banner-title-outer:before, .mt-bnr-inr-entry .banner-title-outer .banner-title-name:after, .mt-bnr-inr-entry .banner-title-outer .banner-title-name:before, .m-about::after, .our-story .row:nth-child(odd) .our-story-pic-block:after, .our-story .row:nth-child(even) .our-story-pic-block:after, .call-for-quote-outer, .widget_newsletter-2 .newsletter-bx .newsletter-icon, blockquote.author-quote::before, .project-classic .mt-title::before, .img-center-icon .overlay-bx .overlay-icon a, .footer-light .social-icons li a:hover {
    background-color: #58c8b6;
}
/*slider miniature*/
#slider-boxed .tp-thumbs-inner-wrapper .tp-thumb.selected:after{
    content:'';
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    border: 2px solid rgb(253, 220, 65);
    border-radius: 5px;
}

#slider-boxed .tp-thumbs-inner-wrapper .tp-thumb.selected{
    border-radius: 15px;
}

a:active, a:hover, a:focus {
    color: #378377;
}
.icon-md i {
    font-size: 41px;
    color: #6df4e0;
}
.appint-btn a {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    /*background-color: #378377;*/
	background-color: #012822
		
}

.logo-header-inner img {
    max-width: 100%;
    max-height: 100%;
    /* box-shadow: 0px 2px 9px #bcbcbc; */
    width: 165px;
    
}


.main-bar {
    position: relative;
    width: 100%;
    padding: 4px 0px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-color: #ffffff;
    border-bottom: 1px solid #074a45;
    box-shadow: 0px 5px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 15px 0 rgba(0, 0, 0, 0.19);
}

.header-nav .nav>li>a {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    color: #000;
    font-size: 14px;
    padding: 35px 12px;
    cursor: pointer;
    margin: -10px 0;
    font-weight: 400;
}
.header-nav .nav {
    float: right;
    margin: 22px 0 0 0;
    letter-spacing: 0.3px;
}
.header-nav .nav>li.active>a, .header-nav .nav>li.current-menu-item>a {
    background-color: transparent;
    color: #249887;
    font-weight: 600;  
}
.header-nav .nav>li a:hover {
    color: #249887;
}
.btn-filter-wrap li.btn-active, .date-style-3 .post-date strong, .footer-dark .footer-top a:active, .footer-dark .footer-top a:focus, .footer-dark .footer-top a:hover, .header-nav .nav>li .mega-menu>li ul a:hover, .header-nav .nav>li .sub-menu li a:hover, .header-nav .nav>li .sub-menu li:hover>a, .header-nav .nav>li.active>a, .header-nav .nav>li.current-menu-item>a, .header-nav .nav>li:hover>a, .latest-blog-3.blog-md .mt-post-meta i, .latest-blog-3.post-overlay .mt-post-meta i, .masonry-filter.link-style.has-bg>li.active a, .masonry-filter.link-style.has-bg>li:hover a, .masonry-filter.link-style.white>li a:active, .masonry-filter.link-style.white>li a:focus, .masonry-filter.link-style.white>li a:hover, .masonry-filter.link-style.white>li.active a, .masonry-filter.outline-style.has-bg>li a:hover, .masonry-filter.outline-style.has-bg>li.active a, .masonry-filter.outline-style>li a:active, .masonry-filter.outline-style>li a:focus, .masonry-filter.outline-style>li a:hover, .masonry-filter.outline-style>li.active a, .masonry-filter>li a:active, .masonry-filter>li a:focus, .masonry-filter>li a:hover, .masonry-filter>li.active a, .mt-breadcrumb li a, .nav-dark.header-nav .nav>li .mega-menu>li ul a:hover, .pricing-table-style-3 .pricingtable-title *, .pricing-table-style-5 .pricingtable-title *, .rating-bx, .social-icons.social-dark.has-bg li a:hover, .social-icons.social-light.has-bg li a:hover, .status-value span, .testimonial-1 .testimonial-position, .testimonial-2 .testimonial-position, .testimonial-2 .testimonial-text .fa-quote-left, .text-primary, .video-play-btn, .widget_archive ul li a:hover, .widget_categories ul li a:hover, .widget_meta ul li a:hover, .widget_nav_menu li a:hover, .widget_pages ul li a:hover, .widget_recent_comments ul li a:hover, .widget_recent_entries ul li a:hover, .widget_services ul li a:hover, blockquote::before, button.scroltop, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, ol.comment-list li.comment .reply a, ul.primary li::before, .mt-team-seven .social-share-btn-content .social-icons a:hover, .widget_categories li span.badge, .icon-count-2:hover span.icon-count-number, .filter-navigation a::after, .footer-dark .social-icons li a, .site-footer .widget_services ul li a:hover, .hover-navigation a::after, .site-button-link.yellow, .widget_tag_cloud a:hover, .page-notfound span.title, blockquote.author-quote .fa-quote-right, .project-classic .mt-title::after {
    color: #249887;
}
.header-nav .nav>li .sub-menu li a {
    color: #000;
    display: block;
    font-size: 14px;
    padding: 14px 15px;
    font-weight: 400;
    border-left: 0px solid transparent;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.header-nav .nav > li .sub-menu li a:hover, .m-about-years {
    border-left: 10px solid #249887;
}
.e-p-bx li {
    display: inline;
    font-size: 13px;
    padding-right: 10px;
	font-weight: 500;
    color: white;
    letter-spacing: 1px;
}
.top-bar.bg-gray .fa {
    color: #6ef6e3;
}


/*Banniere*/
.mt-bnr-inr-entry .banner-title-outer .banner-title-name {
    padding: 0; 
}
.mt-bnr-inr-entry .banner-title-outer {
    border:none; 
}
.mt-bnr-inr-entry .banner-title-outer:after,
.mt-bnr-inr-entry .banner-title-outer:before,
.mt-bnr-inr-entry .banner-title-outer .banner-title-name:after,
.mt-bnr-inr-entry .banner-title-outer .banner-title-name:before{
	content:"";
	position:absolute;
	background-color:#f5be23;
	display:none;
}
.mt-bnr-inr-entry .banner-title-outer h2 {
    margin-top: 0px;
    color: #fff;
    font-size: 33px;
    line-height: 32px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    font-family: 'Rajdhani','Roboto', sans-serif;
   
}
.mt-breadcrumb span {
	padding: 0;
	margin-right: 3px;
	color: #fff;
	position: relative;
	display: inline-block;
	font-size: 12px;
}
.mt-breadcrumb span a {
	color: #31e4d3;
}
.mt-breadcrumb span a:hover {
	color: #f5be23;
}
.mt-breadcrumb span:last-child {
	color: #fff;
}
.mt-breadcrumb span:first-child a i {
	font-size: 18px;
	vertical-align: text-top;
}
.mt-breadcrumb span:last-child:after {
	display: none;
}


.extra-nav .extra-cell {
    display: table-cell;
    padding-left: 20px;
    padding-top: 45px;
    vertical-align: middle;
}

.top-bar.bg-gray {
    color: inherit;
    padding: 0px 0;
    /*background-color: #54c0b2;*/
	background-color: #0e8575;
    /*background-color: #378377;*/
}
.mt-topbar-left, .mt-topbar-right, .mt-topbar-center {
    padding-left: 15px;
    padding-right: 0px; 
}

/* mot de bienvenue*/
.welcome-home{
    background-color: #429987;
    width: 350px;
    margin-right: 30px;
    padding: 5px 5px 5px 5px;
    border-radius: 10px;
} 
.large-title-info{
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 2px;
	display: block;
	 font-family: 'Rajdhani','Roboto', sans-serif;
}
.title-welcome{

}
.text-welcome{
    margin:35px 0 0 0;
}
.author-info{ 
    display: block; 
    width: auto;
    float: right;
    margin:35px 0 0 0;
}
.author-signature,.author-name{
    display:inline-block;
    vertical-align:middle;
}



/* Service home*/

.services-half-section-bottom {
    margin-top: -220px;
    padding-top: 230px;
    padding-bottom: : 50px;

}
.service-home{
	border-top: 1px solid #dc351e;
	border-bottom: 1px solid #dc351e;
    padding-bottom: 20px;
}
.service-block-home{
    background-color: #F6F6F6;
    box-shadow: 0px 0 2px 0 rgba(0,0,0,0.1), 0 0 0px 0 rgba(0,0,0,0.1), 0 2px 2px 0 rgba(0,0,0,0.18);
    border-radius: 10px;
}
.service-block-home:hover {
    -webkit-box-shadow: none;/* 0 10px 40px 0 rgba(0, 0, 0, 0.4);*/
    box-shadow:none;/*0 10px 40px 0 rgba(0, 0, 0, .0.4);*/
}

.service-block-home:before{
    background-color: #F5BF23;
    content: "";
    position: absolute;
    width: calc(100% + 2px);
    /*width: calc(100% + 2px);*/
    width: 100%;
    height: 3px;
    top: -1px;
    left: 0px;
    /*left: -1px;*/
    transform: translate3d(0,0,0);
    z-index: 2;
}
.service-block-home-content{
    margin: 0px 5px 20px 5px;
    text-align: left;
}
.tilte-srv-home{

    font-weight: 600;
    font-size: 17px;
    line-height: 33px;    
    text-align: left;
    /*color: #c53521;*/
    color: #000;
    font-family: 'Rajdhani','Roboto', sans-serif;
    margin: 22px 0 20px 10px;
    text-transform: uppercase;
    
}
.tilte-srv-home::after {
    background: #de3124 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    top: 65%;
    width: 30px;
}
.txt-srv-home {
    margin: 10px 10px 15px 10px;
    line-height: 20px;
}

.link-srv-home {
    margin: 0 10px 0 0;
    border-bottom: 1px dotted;
    float: right;
    font-family: 'Rajdhani','Roboto', sans-serif;
    font-size: 14px;
}
.icon-srv-home {
    border: none;
    position: absolute;
    right: 7px;
    border-top: 2px solid #378376;
    font-weight: 600;
    top: 165px;

    margin-left: auto;
    margin-right: auto;
    background-color: white;
    box-shadow: 0px 0 2px 0 rgba(0,0,0,0.1), 0 0 0px 0 rgba(0,0,0,0.1), 0 2px 2px 0 rgba(0,0,0,0.18);

}
.srv-backgrd-6{
    background: #de762c;
    color: white;
}
.srv-backgrd-7{
    
}
.srv-backgrd-8{
    background: #378377;
    color: white;  
}


.txt-counter {
    margin-top: 15px;
}
.custom-counter {
    display: inline;
    margin-left: 5px;
    font-size: 29px;
    color: #5dd1c0;;
}
.custom-counter span {
    margin-left: 5px;
}


/*Parallax home */
.why-us{
    padding: 10px 0;
}
.why-us-list{
    padding: 0 10px;

}
.atout{
    font-family: 'Rajdhani','Roboto', sans-serif;
}
.atout-title {
    font-family: 'NeoSansStd-Bold';
    font-size: 39px; 
    line-height: 50px;
    color: #ca2424;
}
.atout-list  li {
    list-style: none;
    color: #fff;
    font-family: 'RalewayLight';
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 30px;
}   
.atout-list{
    color: white;
    margin: 9px 98px 0 0;
    font-size: 16px;
    line-height: 30px;
   
}

.atout-list div{
    color: #6cf2de;
    padding: 17px 0;
    font-size: 19px;
    
}
.atout-content{
    font-weight: 600;
    letter-spacing: 2px;
    color: #000;
    text-transform: uppercase;
}
.box-atout {
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 3px 2px -1px rgb(199 204 212);
} 

.box-atout i{
    font-size: 42px;
    color: #378376
}

/*Contenu */
   
.content{
	font-size: 14px;
    line-height: 1.8;
}
.content ul{
	margin: 20px 0 20px 20px;
}

.content-call-info, .call-quote, .call-estimate {   
    background: #6cf2de;
}

.note-devis{ 
	text-align:center;
	box-shadow: 0px 0 2px 0 rgba(0,0,0,0.1), 0 0 0px 0 rgba(0,0,0,0.1), 0 2px 2px 0 rgba(0,0,0,0.18);
	border-radius:10px;
}
.note-devis p{ 
	line-heght:28px;
}
.note-devis-title{
    font-size: 15px;
    background-color: #378377;
    padding: 10px;
    margin: 10px 0 30px 0;
    color: white;
}




/*galerie photo*/
.image-effect-two .mfp-link {
    width: 40px;
    height: 40px;
    text-align: center;
    display: inline-block;
    line-height: 40px;
    background-color: #378377;
    margin-left: 10px;
    color: #fff;
}
.image-hover-block .mt-info {
    position: absolute;
    left: 57px;
    bottom: 0;
    padding: 15px 20px;
    text-align: center;
    font-size: 10px;
 
}
.image-gal-home {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: #000;
    box-shadow: 0px 0 2px 0 rgba(0,0,0,0.1), 0 0 0px 0 rgba(0,0,0,0.1), 0 2px 2px 0 rgba(0,0,0,0.18);
}



/*contact*/
.block-contact{
   background-color: #fff;
}
.contact-info-item-block {
    position: relative;
    border-bottom: 2px solid black;
    padding: 16px 0 16px 10px;
    margin-bottom: 16px;
	background-color: #378377;
}
.block-contact-location{
    background-color: #000;
}
.block-contact-title {
    margin: 0 0 30px 20px;
}



/* Footer */
.footer-top {
    padding: 70px 0px 10px 0px;
}
.footer-dark .footer-bottom {
	background-color: #0e8575;
    /*background-color: #54c0b2;*/
    /*background-color: #22564e;*/
}
.footer-img-note {
    text-align: center;
    margin: 20px 0 0 0;
    font-weight: 600;
    font-family: 'Rajdhani','Roboto', sans-serif;
    font-size: 15px;
    color: #6df4e0;
}
.site-footer .widget_services ul li {
    margin-bottom: 13px;
    border-bottom: none;
    position: relative;
    padding: 4px 10px 4px 0px;
    margin-bottom: 0;
    line-height: 20px;
}
.site-footer .widget_services ul li a:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 1px;
    left: 0;
    top: 13px;
    background: #9c9c9c;
}
.site-footer .widget_services ul li a {
    display: block;
    position: relative;
    padding: 5px 0 5px 30px;
    line-height: 17px;
}
.site-footer p {
    line-height: 21px;
}
.widget.widget_services.inline-links ul{
    border-left: 1px solid #999;
}
.site-footer .widget>.widget-title {
    text-transform:none; 
    font-weight: 600;
    font-size: 19px;
    letter-spacing: 1px;
}
.logo-footer a{
    font-size: 21px;
    color: #6df4e0;
    font-family: 'FontAwesome';
}

.logo-footer span {
    font-size: 10px;
    display: block;
    /* text-align: center; */
    color: #999;
    letter-spacing: 0.7px;
    font-family: 'FontAwesome';
    margin: -10px 0 20px 20px;
}

.copyright > p {
    color: #eee;
    font-size: 13px;
    margin-bottom: 0;
}
.by a:link {
    color: #eee;
    line-height: 15px;
    font-size: 13px;
    float: right;
    /* margin: 0 0 0 220px; */
}
.by a:link span {
    color: #e26c3e;
}