/*
Theme Name: hkterrassementByInova
Version: 1.0
Description: A child theme of Divi
Template: Divi
Author: Administrator
*/
@import url("../Divi/style.css");
/* Your awesome customization starts here */

body {

}
#page-container { overflow:hidden; }
.hide { display : none; }
.zindexminus10 img {
	z-index: -10;
}
#logo {
	max-height: 100% !important;
}
.mobile_menu_bar:before {
    color: #de5f1f !important;
}
.et_mobile_menu {
    border: 3px solid #de5f1f !important;
}
#nicemenu { display: none }
@media screen and (min-width: 981px) {
  #main-header, #top-header {
    display: none;
  }

  .et_fixed_nav.et_show_nav #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container {
  	padding-top: 0px !important;
  }
}

#computer-news article {
	margin-bottom: 10px !important;
}


#nicemenu {
	z-index:999 !important;
	position: absolute;
	top:0;
	width:100%;
    background: rgba(222,95,31,0.5);
    padding: 0;
}
.single #nicemenu {
    position: relative;
}
.single h4.widgettitle {
    color: #de5f1f;
    font-weight: bold;
}

#slider {
	margin-bottom: 0px !important;
}

.animated_rounds .et_pb_blurb_content,  .animated_rounds .et_pb_blurb_content .et_pb_icon {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.animated_rounds .et_pb_blurb_content,  .animated_rounds .et_pb_blurb_content .et_pb_icon, .animated_rounds_2 .et_pb_blurb_content {
	-webkit-transition: all 2s linear;
	-moz-transition: all 2s linear;
	-o-transition: all 2s linear;
	-ms-transition: all 2s linear;
	transition: all 2s linear;
}
.animated_rounds .et_pb_blurb_content:hover {
	transform: scale(1.5); 
}
.animated_rounds_2 .et_pb_blurb_content:hover {
	transform: scale(1.2); 
}

.animated_rounds .et-pb-icon:hover {
	background-color: #ff0000 !important;
}
.animated_rounds_2 .et-pb-icon:hover {
	transform: rotate(760deg);
}
.click_texte {
	cursor: pointer;
}
.selectedbox {
	border-bottom: 2px solid #000000;
}


.text-shadow { 
	text-shadow: 2px 0px 1px rgba(0, 0, 0, 1);
	color:#000000 !important;
 }


#avis_clients input, #avis_clients textarea {
    padding: .3em 1em;
    border: 2px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: 0 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.7em!important;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    border-color: #de5f1f;
    color: #de5f1f;
    margin-bottom:5px;
}
#avis_clients input[type=submit], #avis_clients input[type=button] {
    padding: .3em 1em;
    border: 2px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: 0 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.7em!important;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    border-color: #de5f1f;
     background-color: #de5f1f;
    color: #ffffff;
    margin-bottom:5px;
}

.gwolle_gb_notice {
     background-color: #de5f1f;
     padding:15px;
     color:#ffffff;
     font-weight :bold;
}





#titre_header a {
	color:#ffffff !important;
}



.text-losange {
	transform: rotate(-45deg);
    border: 1px solid black;
    position: relative;
    bottom: 5px;
}

#bloc_h1 .intro {
    text-align: center;
    color:#ffffff;
    background: #de5f1f;
    font-weight: bold;
    padding:10px;
    margin-top:15px;
    border-radius: 15px; 
}

.prestations_bloc {
    transition: all 0.5s linear 0s;
}
.prestations_bloc:hover {
      transform: rotate(-5deg)  scale(1.1);
    -webkit-transform: rotate(-5deg) scale(1.1);
    -moz-transform: rotate(-5deg) scale(1.1);
    -ms-transform: rotate(-5deg) scale(1.1);
}

a.lien_losange {
	margin:0 20px 0 20px;
    display: block !important;
}


.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
    display: block;
    overflow: hidden;
    height: auto;
    margin: -1px -1px 0 5px;
    padding: 10px 20px;
    border: 1px solid #de5f1f !important;
    border-radius: 15px !important;
    color: #de5f1f !important;
    font-weight: bold !important;
    background-color: #fff;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
    color: #ffffff !important;
    background-color: #de5f1f !important
}
.losange_cell {
    display: inline-block !important;
    margin-left:5px;
    margin-right:5px;
}
.losange {
	width: 120px;
    height: 120px;
    text-align: center;
	background-color: #de5f1f;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    border: 6px solid #fff;
    box-shadow: 4px 0 8px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 4px 0 8px rgba(0, 0, 0, 0.4);
    border-radius: 3px;
    display: table-cell !important;
    vertical-align: middle;
    transition: all 0.3s linear 0s;
    margin:0 10px 0 10px;
}

.losange:hover {
	  transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

.losange h4 {
    transform: rotate(-45deg);    
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);	
    transition: all 0.5s linear;
	color:#ffffff;
	font-weight: bold;
	font-size:14px;
}
.losange:hover h4{
	  transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    color: #000000;

}
.col-lg-6 {
	display: inline-block;
}

/* 1218 */
@media screen and (min-width: 1121px) and (max-width: 1218px) {
	a.lien_losange {
		margin:0 25px 0 25px;
	}
 }
/* 1038 */
@media screen and (max-width: 1120px) {
	.losange {
		width: 100px;
	    height: 100px;
	 }
	 .losange h4 {
		font-size: 12px
	 }
}

@media (min-width: 981px) {
	.et_pb_gutters3 .et_pb_column_4_4 .et_pb_module
	{
		margin-bottom:0px !important;
	}
}
/*-----------------------------------------------*/
/*-----Scrolling Image Carousel by Divi Soup-----*/
/*-----------------------------------------------*/
/***10 Images***/
/*Stops the browser creating a horizontal scrollbar*/
.ds-carousel-section {
    overflow: hidden;
}
/*Sets the width of the image modules and floats them so they are next to each other*/
.ds-carousel-logo {
    width: 20%;
    float: left;
}
/*Sets the position and visibility of the rows*/
.ds-image-carousel {
    float: left;
    position: absolute;
    padding: 0;
    opacity: 0;
    z-index: 0;
}
/*Position, visibility and animation settings for the first row*/
.ds-image-carousel-first {
    position: relative;
    z-index: 1;
    -webkit-animation: first 15s 1 linear forwards;
    animation: first 15s 1 linear forwards;
}
/*Animation settings for the rest of the rows*/
.ds-image-carousel-second,
.ds-image-carousel-third {
    -webkit-animation: rest 30s infinite linear;
    animation: rest 30s infinite linear;
}
/*Animation delay for the third row*/
.ds-image-carousel-third {
    -webkit-animation-delay: 15s;
    animation-delay: 15;
}
/*Animation for the continuous scrolling effect*/
/*First row - this only plays once*/
@-webkit-keyframes first {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        z-index: 1;
    }
    99.99% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 1;
        z-index: 1;
    }
    100% {
        opacity: 0;
        z-index: 0;
    }
}
@keyframes first {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        z-index: 1;
    }
    99.99% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 1;
        z-index: 1;
    }
    100% {
        opacity: 0;
        z-index: 0;
    }
}
/*All other rows - these play continuously*/
@-webkit-keyframes rest {
    0.01% {
        opacity: 0;
        z-index: 0;
    }
    0.011% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 1;
        z-index: 1;
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 1;
    }
}
@keyframes rest {
    0.01% {
        opacity: 0;
        z-index: 0;
    }
    0.011% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 1;
        z-index: 1;
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 1;
    }
}
/*Pause all animation on hover*/
.ds-carousel-section:hover .ds-image-carousel {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
/*-----------------------------------------------*/
/*---End Scrolling Image Carousel by Divi Soup---*/
/*-----------------------------------------------*/



body .et_pb_fullwidth_header_0{
    padding-top: 20px !important;
}

body:not(.home) .et_pb_code_inner{
    display: none !important;
}

.text-shadow{
    text-shadow: none !important;
    filter: brightness(0);
}