/*!
Theme Name: starter-theme-wpassist
Theme URI: http://underscores.me/
Author: wpassist.fr
Author URI: http://naxialis.com/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: starter-theme-wpassist
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

starter-theme-wpassist is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */
.post-password-form {width: 380px;
    margin: 110px auto; padding: 30px;
border: solid 1px #0020BB;}
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}
img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
.post-navigation { display:none;}
#topbutton {
    
    
   position: absolute;
    height: 41px;
    width: 41px;
    line-height: 40px;
    float: right;
    z-index: 99;
    right: 0;
    background:url(img/top-arrow.svg) no-repeat center;
	margin-right: 50px;
    margin-top: -65px;
}
#topbutton:hover {
    background:url(img/top-arrow-hover.svg) no-repeat center;transition: all 0.5s ease;
}
/* Header
	 ========================================================================== */
.site-header-top {
 		
 		height: 115px;
 		-webkit-transition: all 0.4s ease;
 		transition: all 0.4s ease;
 }
 
.sticky {
 		height: 80px;	
 }

.headerimg-logo {
	transition: all 0.5s ease;
	width:176px;
}

.sticky-img  {
	width:160px;
	padding: 15px 0 0 0 !important;
	transition: all 0.5s ease;
 }
.sticky h1 {
	font-size:28px;
	    line-height: 20px;
    margin-top: 18px;
	transition: all 0.5s ease;
 }
 .site-title {
	 transition: all 0.5s ease;
 }
 .site-branding img  {
position: absolute;
   top: 30%;
   left: 10%;
   width: 200px;
   height: 80px;
   margin-top: -30px; /* Half the height */
   margin-left: -100px; /* Half the width */
	
}
 /* Services
	 ========================================================================== */
#heading-title p {
	border-bottom: solid 2px #82ccdd;
	padding-bottom:20px;
}
#services-left h5 {
	 text-align:right;
 }
 
 .sow-icon-container {
	 margin-top:20px;
 }
 
 #services-right h5 {
	 text-align: left;
 }
 
#competence .textwidget {
	 margin:0;
 }
#competence h5 {
	text-align:left;
}
/* Sections
	 ========================================================================== */
#child {
padding: 23% 0;
}
#child h1 {
 font-size:36px; font-weight:700 !important;
}
.credit-img {
    position: absolute;
    opacity: 0.6;
    bottom: 15px;
    width: 200px;
    height: 20px;
    right: -85px;
    font-size: 12px;
}
.button-arrow { position: absolute;bottom:10px; width:40px; height:20px; right: 48.5%; background:#0C9; background:url(img/arrow.svg)  }
.button-arrow:hover {transition: all 0.5s ease; background:url(img/arrow-green.svg)  }
#page {
	max-width:1080px;
	margin:0 auto;
}

.site-header {
	max-width:1080px;
	margin:0 auto 15px auto;
	
}
.site-header-top {
	width:100%;
	margin:0 auto;
		z-index:9999;
		position: fixed;
}
#content {
  padding: 108px 0px 0px 0px;
}
#header-wrapp {
	border-bottom:solid 1px #d9dadb;
	 }
			 
#masthead {
	
}
.site-branding p {
	margin:0;	
}
.site-title-branding {
	text-align:center;
	color:#fff;
	font-size:46px;
}
.site-description-branding {
	color:#fff;
	text-align:center;
	font-size:18px;
}
/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
	font-family: 'Montserrat', sans-serif;
}
#cookie-notice {
	border-top: solid 1px #FFF;
}
.button-cookies {
color: #fff;
    background: none !important;
	border: solid 1px #FFF;
}
.button-cookies:hover {
    background: #38c378 !important;

}
/*--------------------------------------------------------------
##Slide
--------------------------------------------------------------*/
#slide_post li::before {
    content: none;
   
}
#slide_post li { list-style:none !important;}
.sow-sld-icon-thin-right { display:none !important;}
.sow-sld-icon-thin-left { display:none !important;}
.sow-slide-nav-next a { height:41px;}
.sow-slide-nav-prev a { height:41px;}
.sow-slide-nav-next a{ background:url(img/arrow-next-2.svg) no-repeat;}
.sow-slide-nav-prev a { background:url(img/arrow-prev.svg) no-repeat;}
.sow-slider-base .sow-slide-nav.sow-slide-nav-prev {
    left: 30px;
}
.sow-slider-base .sow-slide-nav.sow-slide-nav-next {
    right: 30px;
}
.sow-slider-base .sow-slide-nav {
    opacity: 1;
}
.container{
 background-color: rgba(255, 255, 255, 0.9);
  width: auto;

  padding: 10px 40px 30px 40px !important;
  display: inline;
  justify-content: center;
  align-items: center;
  
  /* position the div in center */
  position: absolute;
 top: 25%;
    left: 25%;
  transform: translate(-50%, -50%);
}
.item-blue { font-size:40px !important;line-height: 65px !important; font-weight:800;color:#0020bb !important;margin: 0 !important; }
.item-green { font-size:40px !important; font-weight:800;color:#38c378 !important; clear:both; margin: 0 !important;}

.sow-slider-base .sow-slider-pagination li a {
    display: block;
    text-indent: -9999px;
    width: 20px;
    height: 11px;
    background: #EAEBEB !important;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    opacity: 1;
}


.sow-slider-base .sow-slider-pagination li.sow-active a {
   background: #38c378 !important;
}
.sow-slider-base .sow-slider-pagination {
    list-style: none;
    margin: 0;
	padding:10px 0 0 0;
	background:#FFF;
    text-align: center;
    position: absolute;
    bottom:0;
    left:50%;
	margin-left: -125px;
    width: 250px;
    z-index: 1001;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
    line-height: 11px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

.headerimg-logo {
	padding: 25px 0 0 0;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#menu-item-1544,#menu-item-1545,#menu-item-1546,#menu-item-1714,#menu-item-1715,#menu-item-1716,#menu-item-1717,#menu-item-1719 { margin-top:1px!important;}
#menu-item-908 a,#menu-item-1544 a,#menu-item-1546 a,#menu-item-1545 a { border-bottom:none!important;}
#menu-item-908 a {background:url(https://treblade.com/wp-content/uploads/2023/02/sweden-flag-menu.png) center left 18%  no-repeat;}
#menu-item-1544 a {background:url(https://treblade.com/wp-content/uploads/2023/02/norway-flag-menu.jpg) center left 18%  no-repeat;}
#menu-item-1545 a {background:url(https://treblade.com/wp-content/uploads/2023/02/sweden-flag-menu.png) center left 18%  no-repeat;}
#menu-item-1546 a {background:url(https://treblade.com/wp-content/uploads/2023/02/estonia-flag-menu.png) center left 18%  no-repeat;}
#menu-item-1714 a {background:url(https://treblade.com/wp-content/uploads/2023/02/norway-flag-menu.jpg) center left 18%  no-repeat;}
#menu-item-1715 a {background:url(https://treblade.com/wp-content/uploads/2023/02/estonia-flag-menu.png) center left 18%  no-repeat;}
#menu-item-1716 a {background:url(https://treblade.com/wp-content/uploads/2025/05/latvia-menu.png) center left 18%  no-repeat;}
#menu-item-1717 a {background:url(https://treblade.com/wp-content/uploads/2023/02/sweden-flag-menu.png) center left 18%  no-repeat;}
#menu-item-1719 a {background:url(https://treblade.com/wp-content/uploads/2025/05/eu-flg.jpg) center left 18%  no-repeat;}

.sticky-menu { margin-top: -15px !important;transition: all 0.5s ease;}
.sticky-menu ul ul li { margin-left:-50px; margin-top:26px !important; }
#cssmenu ul ul li.language-m-sticky-menu { margin-top:30px !important; }
.social-in a{ background:url(img/icon_in.svg) no-repeat bottom; height:18px; width:18px;margin-bottom: -3px;}
.social-in a:hover{ background:url(img/icon_in_green.svg) bottom  no-repeat;}
.social-in a{ border-bottom:none !important;}
.language-curent a{ color:#C4C5C6 !important;border-bottom:none !important;}
.language-curent a:hover{ color:#38c378 !important; border-bottom:none !important;}
.language-m {margin-left: -9px !important; margin-top:49px !important;}
.language-m a { width:40px !important; color:#0020bb !important; padding:10px 0 0 0 !important;}
.button-mobile { display:none;}
nav{width: auto;}
#cssmenu { float: right; margin-bottom:25px; font-weight:700;}
#cssmenu ul li { margin-bottom:0;}
.menu-top ul { margin-bottom:0;margin-top: 32px;  text-align:center;}
#cssmenu .sub-menu ul li { margin-bottom:0;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}

#cssmenu > ul > li{float: none;display:inline-block;margin-right: 20px;}
#cssmenu > ul > li > a{padding:17px 0px 5px 0px;letter-spacing:1px;text-decoration:none;}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{ -webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:0px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:25px;right:11px;width:8px;height:2px;display:block;content:'';display:none;}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:22px;right:14px;display:block;width:2px;height:8px;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;display:none;}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu > ul > li.has-sub {position:relative;}
#cssmenu ul ul{position:absolute;left:-9999px; margin:0;}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul li:hover{  }
#cssmenu li:hover > ul{left:auto;}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:180px;text-decoration:none; text-align:left;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#000;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#000;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
.menu-top ul ul li { margin-left:-50px; margin-top:45px; }
@media screen and (max-width:1000px){
	.language-m a { width:auto !important;}
	#cssmenu ul {

    margin-top: 30px;

}
	.social-in { display:none !important;}
	#cssmenu > ul > li {
   /* padding-bottom: 12px; */
  
	}
	#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{ border-bottom:none !important ;}
#cssmenu ul ul li {
     margin-left:0; 
    margin-top: 13px !important;
	background:#FFF;
}
#cssmenu > ul > li > a {
    padding: 7px 0px 5px 0px !important;
}
nav{width:100%;}
#cssmenu{width:101%; float:left !important}
#cssmenu ul{width:100%;display:none; background:#FFF;}
#cssmenu ul li{width:100%;border-top:1px solid #0020bb}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:39px;padding: 6px 0 0 0;}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none;padding: 13px 0 13px 0;}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#fff!important;}
#cssmenu ul ul li:hover{background:none!important;}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:0;color:#ddd;font-size:12px;font-weight:700}
.button-mobile{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994; display:block;}
.button-mobile:after{position:absolute;top:22px;right:17px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button-mobile:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:17px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button-mobile.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#0020bb;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button-mobile.menu-opened:before{top:23px;background:#0020bb;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;height:48px;width:54px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#fff;}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#0020bb;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#0020bb}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#0020bb;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer ul {
 padding:0;
 margin:0;
 list-style-type:none;
 }
#footer li {
 margin-left:2px;
  display: inline-block;
  margin-bottom:0;
  font-size:12px; font-weight:500;
 }
#footer ul li a {
	color:#FFF;
 }
 
 #footer ul li {
    color: #FFF;
    width: auto;
    border-left: solid 1px #FFF;
    text-decoration: none;
    text-align: center;
    padding: 0 10px 0 10px;
}
#footer .first-li-footer {

    border-left:none;

}
 #footer ul li a:hover { color:#38c378;}
#footer .first-li-footer a { border-left:none !important;}
#footer .widget {
	margin:0;
 
 } 
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.txt-full-bleu {
	font-size:16px;
	font-weight:500;
	color:#0020bb;
	line-height:43px;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#final-contruction a {
    font-weight: 800;
    color: #38C378;
}
#final-contruction i {
    font-size: 9px;
    vertical-align: top;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Search form
--------------------------------------------------------------*/
.search-field{
	margin:0;
}
.search-field {
        width: 100%;
        padding: 12px 24px;

        background-color: transparent;
        transition: transform 250ms ease-in-out;
        font-size: 14px;
        line-height: 18px;
        
        color: #575756;
        background-color: transparent;
/*         background-image: url(http://mihaeltomic.com/codepen/input-search/ic_search_black_24px.svg); */
 
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 18px 18px;
        background-position: 95% center;
        border-radius: 50px;
        border: 1px solid #575756;
        transition: all 250ms ease-in-out;
        backface-visibility: hidden;
        transform-style: preserve-3d;
    }

.search-field::placeholder {
            color: rgba(87, 87, 86, 0.8);
            text-transform: uppercase;
            letter-spacing: 1.5px;
        }

.search-field:hover,
        .search__input:focus {
            padding: 12px 5px;
            outline: 0;
            border: 0px solid transparent;
            border-bottom: 1px solid #575756;
            border-radius: 0;
            background-position: 100% center;
			outline:none !important;
        }
.search-submit { display:none !important; }
.screen-reader-text { display:none !important; }
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}
/*--------------------------------------------------------------
## Pages
--------------------------------------------------------------*/
#defaut h3 { font-size:38px; font-weight:800; color:#0020BB; line-height:normal; margin-bottom:40px; margin-top:40px;}
#defaut p { font-size:15px;color:#0020BB; font-weight:500;line-height: 30px;}
#defaut { padding-bottom:16%;}
/*--------------------------------------------------------------
## Projets
--------------------------------------------------------------*/
.site-footer {background: #0020BB; color:#fff; padding:3% 0 3% 0;}
/*--------------------------------------------------------------
## Projets
--------------------------------------------------------------*/
.entry-content-projet{
	max-width:1080px;
	margin:0 auto;
	padding-bottom:10%;
	padding-left:20px;
	padding-right:20px;
}
.entry-content-projet { font-size:15px;color:#0020BB; font-weight:500;line-height: 30px;}
.entry-content-projet h1 { font-size:38px; font-weight:800; color:#0020BB; line-height:normal; margin-bottom:40px;}
.entry-date {font-size:16px; font-weight:800; color:#38C378; float:left;margin-top:15px; margin-bottom:10px;}
.back-news {padding-left:35px; height:23px;background:url(img/back-news.svg) no-repeat left; font-size:15px; font-weight:800;color:#0020BB; margin-top:40px; float:left;line-height: normal;}
.back-news:hover {transition: all 0.5s ease;background:url(img/back-news-green.svg) no-repeat left; color:#38C378;}
.entry-content-projet h3 { font-weight:800;}
#link-news-index a {background:url(img/more_post.svg) no-repeat; height:44px; width:44px;}
#link-news-index a:hover {  transition: all 250ms ease-in-out;background:url(img/more_post_hover.svg) no-repeat;}
#link-news-index-photos a {background:url(img/more_post.svg) no-repeat; height:44px; width:44px;}
#link-news-index-photos a:hover {  transition: all 250ms ease-in-out;background:url(img/treblade-images-58.png) no-repeat;}

/*--------------------------------------------------------------
## counter
--------------------------------------------------------------*/
.count-number-1 {
    width: 41%;
    float: left;
    text-align: right;
    padding-right: 10px;
}
.count-number-2 {
    width: 48%;
    float: left;
    text-align: right;
    padding-right: 10px;
}
.counter-txt {width: 50%;
    float: left;
    text-align: left;}
.counter-txt-2 {width: 50%;
    float: left;
    text-align: left;}

.count-number-3 {
    width: 11%;
    float: left;
    text-align: right;
    padding-right:0px;
}	
.counter-txt-3 {width: 81%;
    float: left;
    text-align: left;}
	
.count-number-4 {
    width: 31%;
    float: left;
    text-align: right;
    padding-right: 0px;
}
/*--------------------------------------------------------------
## Gallery
--------------------------------------------------------------*/
.fancybox-infobar {
	top:auto !important;

    bottom: 0;
left: 0;
right: 0;
margin: auto;
   
    height: 44px;
    min-width: 44px;
    line-height: 44px;
    color:#0020BB !important;
	font-size:13px !important;
	font-weight:700;
    text-align: center;
	mix-blend-mode: normal !important; 
    
}
.fancybox-button--arrow_right {
	background:url(img/arrow-lightbox-left-bleu.svg) no-repeat !important;
	left:90%;
}
.fancybox-button--arrow_right:hover {
	background:url(img/arrow-lightbox-left-green.svg) no-repeat !important;
	
}
.fancybox-button--arrow_left {
	background:url(img/arrow-lightbox-right-bleu.svg) no-repeat !important;
	right:90% !important;
	left:auto !important;
}
.fancybox-button--arrow_left:hover {
	background:url(img/arrow-lightbox-right-green.svg) no-repeat !important;
}
.fancybox-navigation button:before {
	background:none !important;
	
}
.fancybox-navigation svg {
	display:none !important;
}

.fancybox-navigation button {
    position: absolute;
    top: 50%;
    margin: -50px 0 0;
    z-index: 99997;
    background: transparent;
    width: 27px !important;
    height: 53px !important;
    padding: 17px;
	outline: none !important;
}
.fancybox-button--close svg {
	display:none !important;
}
.fancybox-button--close:before {
	background:none !important;
	
}

.fancybox-toolbar button  {
	background:url(img/close.svg) no-repeat !important;
	
}
.fancybox-toolbar button:hover  {
	background:url(img/close-hover.svg) no-repeat !important;
	
}
.fancybox-button {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
   width:57px !important;
	height:57px !important;
    margin: 0;
    padding: 10px;
    border: 0;
    border-radius: 0;
    background: rgba(30,30,30,.6);
    transition: color .3s ease;
    cursor: pointer;
    outline: none;
}
.fancybox-toolbar {
	top:10% !important;
	right:8% !important;
}
/*--------------------------------------------------------------
## Contact
--------------------------------------------------------------*/
#contact input[type="text"],
	input[type="email"],
	textarea {
		font-size:13px; color:#0020bb !important; font-weight:600;
	}
	
#contact input[type="text"]::placeholder,
	input[type="email"]::placeholder,
	textarea::placeholder { 
color:#0020bb
}

#contact input[type="text"]::placeholder,
	input[type="email"]::placeholder,
	textarea:-ms-input-placeholder {
 color:#0020bb
}

#contact input[type="text"]::placeholder,
	input[type="email"]::placeholder,
	textarea::-ms-input-placeholder {
 color:#0020bb
}
.wpcf7 {
	margin: 0 auto;
    max-width: 522px;
}
#contact h3 {
    font-size: 45px;
    font-weight: 800;
    margin-bottom: 50px;
    text-align: center;
    color: #fff;
}

span.wpcf7-not-valid-tip {
  background: #fff;
    width: 50%;
    font-size: 13px;
    padding: 5px 5px 5px 21px;
    margin-bottom: 10px;
}
.wpcf7-response-output {
	margin: 2em 0em 1em !important;
	}

.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
    background: #fff !important;
    color: #0020BB !important;
    padding: 10px !important;
	width:100%;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 3px solid #0020bb;
    background: #fff;
    color: #0020bb;
}
#contact input[type="submit"] {
	background:none;
	border: solid 2px #fff;
	font-size:15px;
	color:#fff;
	margin-left: auto;
    margin-right: auto;
	margin-top:35px;
    display: block;
	
}
#contact input[type="submit"]:hover {
	background: #0020bb;
	border: solid 2px #0020bb;
	font-size:15px;
	color:#fff;
	margin-left: auto;
    margin-right: auto;
    display: block;
	transition: all 0.5s ease;
	
}
.container-form{
	padding:0;
	margin:0;
}
#contact .wpcf7-list-item-label { font-size:12px; font-weight:600;line-height: 20px;}
#contact .wpcf7-list-item {

    margin: 0;
}
.customCheckbox {
  float: left;
  position: relative;  
  width: 14px;
  height: 14px;
  padding:3px;
  background: #fff;
  border-radius: 0;
  border:0;
  margin-right: 5px;
  overflow: hidden;
}

.customCheckbox.customCheckboxChecked {
  background: #fff;
  border: 0;
  
}

.customCheckbox input {
  opacity: 0;
  cursor: pointer;
  
  z-index: 5;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.customCheckbox span {
  display: none;
  background:url(img/check-solid.svg) top 2px center no-repeat;
  text-align: center;
  line-height: 25px;
  font-size: 90%;
  color:#0020bb;
  transition: all 0.5s ease;
}

.customCheckbox.customCheckboxChecked span {
  display: block;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery-item {
  position: relative;

}

.attachment-thumbnail {
  opacity: 1;
  display: block;

  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
 
}

.gallery-item:hover .attachment-thumbnail {
  opacity: 1;
  
}

.gallery-item:hover .middle {
  opacity: 1;
}
.fancybox-caption-wrap { display:none;}
.fancybox-iframe img {
	margin-left: auto;
    margin-right: auto;
    display: block;
	
}
.text {
  background:url(img/icon_ga.png) no-repeat center center !important;
  width:150px;
  height:100px;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
	margin-bottom: 1.5em;
}

.gallery img {
	margin-left:auto;
	margin-right:auto;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}


#gallery-columns-2 .gallery-item {
	max-width: 50%;
}

#gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

#gallery-columns-4 .gallery-item {
	max-width: 25%;
	margin-top:4% !important;
	margin-left:auto;
	margin-right:auto;
	
}
#gallery-columns-5 .gallery-item {
	max-width: 20%;
}

#gallery-columns-6 .gallery-item {
	max-width: 16.66%;margin-left: 1%;
	
}

#gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

#gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

#gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: none;
}

.site-info {	font-family: 'Montserrat', sans-serif; text-align:center;    font-size: 14px; }

/*home */

#home-section-2 h3 {
	text-align:center;
	font-weight:800;
	font-size:28px;
	
}

#home-section-2 p {
	text-align:center;
	font-size:13px;
	font-weight:600;
	line-height: 22px !important;
	
}
#home-section-2 .small-txt {
	text-align:center;
	font-size:11px;
	font-weight:600;
	
}
#home-section-2 .sow-image-container {
	margin-bottom: 20px;
}
#portfolio-home h2 { font-size:45px; font-weight:800;
margin-bottom: 15px; text-align:center; color:#fff;
	
}
#section-4 h3 {
	text-align:center;
	font-size:45px;
	font-weight:800;
	margin-bottom:35px;
}
#section-5 h2 { font-size:45px; font-weight:800;
margin-bottom: 25px; text-align:center; color:#fff;
	
}
#section-5 p { font-size:16px; font-weight:500;
 text-align:center; color:#fff;
	
}
#section-5-1  p { font-size:13px; font-weight:500;
 text-align:center; color:#fff;line-height: 23px !important;
	
}
#section-5-1  h3 { font-size:33px; font-weight:800;
 text-align:center; color:#38C378; margin-bottom:15px;
	
}
#section-6 h3 {
	text-align:center;
	font-size:45px;
	font-weight:800;
	margin-bottom: 17px;
}
#section-6{
	
    background-position: top right !important;
    background-size: 363px 497px !important;
    background-repeat: no-repeat !important;
}
#section-6 p {
	margin-top:0;}
.infraviacapital { text-align:center; font-size:13px; font-weight:800;}
.infraviacapital a {  color:#AFB1B2 !important;}
.infraviacapital a:hover {  color:#5097c8 !important;}

/*map*/
#map  {
    background-position: right center !important;
    background-repeat: no-repeat;
}

/*Photos archives*/

#gallery-archive h3 {
   text-align: left;
    background-color: #0020bb;
	background-image: url(https://treblade.com/wp-content/uploads/2020/04/pall-green-1.svg);
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
    color: #fff;
    font-size: 33px;
    padding: 11px 11px 11px 63px;
    font-weight: 800;
    margin-bottom: 15px;
	margin-top: 30px;
}