/*
Theme Name:   Systovi
Description:  Transition énergétique
Author:       Charlotte Jourdain
Author URL:   https://charlottejourdain.fr
Template:     Divi
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  Systovi
*/

/* Écrivez ici votre propre feuille de style personnelle */

@media only screen and (min-width: 981px){
.solutions .et_pb_module_header:after{
content: "";
background: url(../../uploads/2020/03/up.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
display: inline-block;
float: right;
width: 11px;
height: 7px;
z-index: 1000;
vertical-align: middle;
  margin-top: 5px;
	transition: all 0.4s ease-in-out;
}

.solutions:hover .et_pb_module_header:after{
transform: rotate(180deg);
}

.solutions{
	cursor: pointer;
}
}

@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
}

@media only screen and (min-width: 981px){
.numero:before{
background: transparent;
border: 1px solid #003E67;
border-radius: 3px;
width: 40px !important;
height: 40px !important;
text-align: center;
line-height: 40px;
color: #299CD8;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 28px;
	margin: auto 0;
	transition: all 0.4s ease-in;
}

.numero:hover:before, .num-active:before{
background: #003E67;
border: 1px solid #003E67;
border-radius: 3px;
width: 40px !important;
height: 40px !important;
text-align: center;
line-height: 40px;
color: white;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 28px;
		margin: auto 0;
}

.numero, .num-active{
	transition: all 0.4s ease-in;
	cursor: pointer;
}

.numero:hover .et_pb_text_inner, .num-active .et_pb_text_inner{
	color: #003e67;
}

.numero .et_pb_text_inner{
	margin: auto 0 auto 30px;
	width: 80%;
	transition: all 0.4s ease-in;
}
}

@media only screen and (max-width: 980px){
	.numero:before{
background: transparent;
border: 1px solid #003E67;
border-radius: 3px;
width: 40px !important;
height: 40px !important;
text-align: center;
line-height: 40px;
color: #299CD8;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 28px;
    display: block;
    margin: 0 auto 10px;
	transition: all 0.4s ease-in;
}
	
	.num-active:before {
    background: #003E67;
    border: 1px solid #003E67;
    border-radius: 3px;
    width: 40px!important;
    height: 40px!important;
    text-align: center;
    line-height: 40px;
    color: white;
    font-family: 'Montserrat',sans-serif;
    font-weight: 600;
    font-size: 28px;
    display: block;
    margin: 0 auto 10px;
}
	
	.numero, .num-active{
	transition: all 0.4s ease-in;
	cursor: pointer;
}

.num-active .et_pb_text_inner{
	color: #003e67 !important;
}
}

.particuliers, .pros, .particuliers h2, .pros h2{
	transition: all 0.4s ease-in-out;
}

.particuliers:hover, .pros:hover{
		background: #003e67 !important;
	font-weight: 700 !important;
}

.particuliers:hover h2, .pros:hover h2{
	color: white !important;
}

.btn-active{
	background: #003e67 !important;
	font-weight: 700 !important;
}

.btn-active h2{
	color: white !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #828282 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #828282 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #828282 !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #828282 !important;
}

.gf_stylespro .gfield_chainedselect, .gf_stylespro .small {
    width: 100%!important;
    max-width: 100%!important;
	    box-sizing: inherit!important;
}

.gf_stylespro .gfield_chainedselect, .gf_stylespro .small {
	border: 1px solid #299CD8!important;
    border-radius: 3px!important;
	padding: 15px!important;
	font-family: Lato!important;
font-style: normal!important;
	color: #828282 !important;
	font-size: 16px!important;
}

.gf_stylespro .gf_placeholder, .gf_stylespro placeholder {
    opacity: 1;
    color: #828282;
}

.sp_goose .gfield_label, .sp_goose .ginput_complex label{
color: #003E67;
	font-family: Lato;
font-weight: 700;
	text-transform: none !important;
	    font-size: 16px;
    margin: 20px 0 10px;
}

.sp_goose input[type=checkbox]:not(old):checked+label:before {
    background: #003e67;
    border-color: #003e67;
	    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.sp_goose .button{
	    color: #162F4D!important;
    border-color: #FFCC00 !important;
    border-radius: 6px;
    font-size: 22px;
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif!important;
    background-color: #FFCC00;
	box-shadow: none !important;
	padding: 7px 24px !important;
	cursor: pointer;
	transition: all 0.4s ease-in-out;
	margin: auto;
    display: block !important;
}

.sp_goose .button:hover{
    background-color: #f8d849!important;
	border-color: #f8d849 !important;
}

.sp_goose input[type=checkbox]:not(old)+label {
    border: none !important;
	width: 100%;
	border-radius: 3px;
}

.gf_stylespro_wrapper{
	padding: 0 !important;
}

@media only screen and (max-width: 480px){
	.gf_stylespro .gfield{
		max-width: 100% !important;
	}
}

.et_pb_promo_description{
	padding-bottom: 30px;
}

.et_pb_slider{
	overflow: visible !important;
}

.et-pb-arrow-next {
    height: 100%;
	right: 0 !important;
    top: 0;
    background: transparent;
    display: flex;
	padding: 0 20px;
	transition: all 0.3s ease-in-out;
	margin-top: 0 !important;
	opacity: 1 !important;
}

.et-pb-arrow-next:hover {
    background: rgba(0, 52, 68, 0.45);
}

.et-pb-arrow-next:before{
	content: "";
	width: 17px;
	height: 125px ;
	background: url(../../uploads/2020/04/next.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin: auto;
}

.et-pb-arrow-prev {
    height: 100%;
	left: 0 !important;
    top: 0;
    background: transparent;
    display: flex;
	padding: 0 20px;
	transition: all 0.3s ease-in-out;
	margin-top: 0 !important;
	opacity: 1 !important;
}

.et-pb-arrow-prev:hover {
    background: rgba(0, 52, 68, 0.45);
}

.et-pb-arrow-prev:before{
	content: "";
	width: 17px;
	height: 125px ;
	background: url(../../uploads/2020/04/prev.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin: auto;
}

@media only screen and (max-width: 480px){
	.et-pb-arrow-prev:before, 	.et-pb-arrow-next:before{
	width: 11px;
	height: 85px ;
}
	.et-pb-arrow-next, .et-pb-arrow-prev{
		padding: 0 10px !important;
	}
}

.download{
	transition: all 0.4s ease-in-out;
}

.download:before{
	content: "";
width: 110%;
height: 75px;
background: #E0E0E0;
position: absolute;
left: -25px;
margin-top: -10px;
	opacity: 0;
	transition: all 0.4s ease-in-out;
}

@media only screen and (min-width: 981px){
.download:hover h4{
	font-weight: 700;
}
	.download:hover:before{
		opacity: 1;
	}
	.download{
		height: 75px;
	}
}

#solutions{
	width: 100% !important;
}

#top-menu li {
    padding: 30px 28px;
	transition: all 0.4s ease-in-out;
}
#top-menu li a{
	font-weight: 500;
}

#top-menu li:hover{
	background: #003E67 !important;
}

#top-menu li:hover a{
	color: #299CD8 !important;
}

#top-menu li a:hover{
	opacity: 1 !important;
	background: transparent !important;
}

.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a {
    padding-bottom: 0;
}

.et_header_style_left #et-top-navigation{
    padding-top: 0 !important;
}

#et_top_search {
    margin: 30px 0 0 22px;
}

#top-menu .menu-item-has-children>a:first-child:after{
	content: "";
	width: 11px;
	height: 7px;
	background: url(../../uploads/2020/04/Vector-1.png);
	background-size: cover !important;
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin-top: 4px;
}

#top-menu .menu-item-has-children>a:hover:first-child:after{
	background: url(../../uploads/2020/03/down.png);
}

@media only screen and (min-width: 981px) and (max-width: 1024px){
	.et_header_style_left #et-top-navigation nav>ul>li>a{
		font-size: 11px;
	}
	#top-menu li {
    padding: 30px 8px;
	}
	#logo {
    max-height: 75%;
}
}

@media only screen and (min-width: 1025px) and (max-width: 1250px){
	.et_header_style_left #et-top-navigation nav>ul>li>a{
		font-size: 12px;
	}
	#top-menu li {
    padding: 30px 10px;
	}
}


@media only screen and (min-width: 1251px) and (max-width: 1580px){
	.et_header_style_left #et-top-navigation nav>ul>li>a{
		font-size: 14px;
	}
	#top-menu li {
    padding: 30px 15px;
	}
}

@media only screen and (max-width: 980px){
	.solutions-menu{
		display: none !important;
	}
}

li.item-not-mob:hover, li.solutions-menu:hover{
	background: #003E67!important;
}

li.item-not-mob:hover a:after, li.solutions-menu:hover a:after{
background: url(../../uploads/2020/03/down.png)!important ;
}

@media only screen and (min-width: 981px){
.et_header_style_left .logo_container{
	width: 35%;
}
}

@media only screen and (min-width: 981px){
	.solutions-mob{
		display: none !important;
	}
}

.solutions{
	padding-bottom: 0 !important;
}

.solutions a{
	padding-bottom: 30px !important;
}

.contact{
	padding: 7px !important;
	border: 1px solid #003E67;
	border-radius: 3px;
}

.nav li ul{
	width: 300px;
}

#top-menu li li a {
    padding: 10px 0;
    width: 240px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
}

#top-menu li li:hover{
	background: transparent !important;
}

.sub-menu{
	    top: 73px;
    left: 0;
	border: 1px solid #003e67 !important;
}

#top-menu li:hover li a{
		color: #003e67 !important;
}

#top-menu li li a:hover{
	color: #2ea3f2 !important;
}

#et-top-navigation{
	padding-left: 0 !important;
}

.sp_goose input[type=checkbox]:not(old)+label:before{
	opacity: 0.8 !important;
}

@media only screen and (max-width: 980px){
	#et_top_search{
		display: none;
	}
	#et-top-navigation{
		float: left;
	}
	.et_header_style_left #logo, .et_header_style_split #logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 15px;
}
	.et_header_style_left #et-top-navigation .mobile_menu_bar {
    padding-bottom: 15px;
    padding-top: 15px;
}
	.item-not-mob{
		display: none !important;
	}
	.contact{
		padding: 0px!important;
    text-align: center;
	}
	.et_menu_container{
		width: 100%;
		padding: 0 30px;
	}
.mobile_nav .opened > span.select_page > span.mobile_menu_bar:before{
		content: "4d" !important;
	}
	.et_header_style_left .logo_container{
		left: 0;
	}
}

@media only screen and (min-width: 481px) and (max-width: 980px){
	.et_mobile_menu{
		width: 50%;
	}
}


@media only screen and (max-width: 480px){
	.et_mobile_menu{
		width: 90%;
	}
}

@media only screen and (min-width: 981px){
	.item-not-desk{
		display: none !important;
	}
}

#main-header{
	position: fixed !important;
}

.mobile_menu_bar:before {
    color: #003E67;
}

.et_mobile_menu {
    border-top: 3px solid #FFCC00;
}

#top-menu > li.contact.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item.page-item-243659.current_page_item.menu-item-244259{
	background: #003E67 !important;
} 


@font-face { 
font-family: Good Times; 
src: url('../../uploads/et-fonts/good-times-rg.ttf'); 
font-weight: normal; 
}