/* 
Theme Name:     ECODOM Services
Theme URI:      http://www.stamina.ch
Description:    Ecodom services 
Author:         Stamina 
Author URI:     http://www.stamina.ch
Version:        1.4
License:		no Licencing possibility
License URI:	http://www.stamina.ch
Tags:			Custom theme
*/


/* http://meyerweb.com/eric/tools/css/reset/  
   v2.0 | 20110126
   License: none (public domain)
*/
	
	
html, body, div, span, applet, object, iframe,  
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;  
}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	
	
	/* Global from bbxdesign */
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
	table{ border-collapse:collapse; border-spacing:0;}
	fieldset,img{ border:0;}
	address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}
	ol,ul{ list-style:none;}
	caption,th{ text-align:left;}
	h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; line-height:normal;}
	q:before,q:after{ content:''; font-family:Georgia, "Times New Roman", Times, serif}
	abbr,acronym{ border:0;}
	
	body,button,input,select,textarea{ color:#333; font-family:Arial,Verdana,sans-serif; font-size:12px; line-height:16px;}
	a{ color:#0072bc; cursor:pointer; text-decoration:none;}
		a:visited{ color:#8e599f;}
		a:hover{ text-decoration:underline;}
	
	/* Segon from bbxdesign */
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
	table{ border-collapse:collapse; border-spacing:0;}
	fieldset,img{ border:0;}
	address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}
	ol,ul{ list-style:none;}
	caption,th{ text-align:left;}
	h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
	q:before,q:after{ content:'';}
	abbr,acronym{ border:0;}
	
	body,button,input,select,textarea{ color:#333; font-family:Arial,Verdana,sans-serif; font-size:12px; line-height:16px;}
	
	/* Balises block */
	.post-content h1{ }
	.post-content h2{ }
	.post-content h3{ }
	.post-content h4{ }
	.post-content h5{ }
	.post-content h6{ }
	.post-content p{ }
	.post-content ul{ }
	.post-content ol{ }
	.post-content blockquote{ }
	.post-content pre{ }
	.post-content address{ }
	.post-content address{ }
	
	/* Balises inline */
	.post-content strong{ }
	.post-content em{ }
	.post-content acronym{ }
	.post-content code{ }
	.post-content del{ }
	.post-content ins{ }
	
	/* Classes des images */
	.alignleft{ display:inline; float:left;}
	.aligncenter{ clear:both;	display:block; margin-left:auto; margin-right:auto;}
	.alignright{ display:inline; float:right;}
	.size-auto{ }
	.size-medium{ }
	.size-large{ }
	.size-full{ }
	.wp-caption{} /* Légende de l'image */
	@media screen and (max-width: 600px) {
	.wp-caption{ width: 100%!important;} /* Légende de l'image */
	}
	.wp-caption img{ }
	.gallery{ }
	.gallery .gallery-item{ }
	
	/* Fonts */
	@font-face {
		font-family: 'Segoe UI Regular';
		font-style: normal;
		font-weight: normal;
		src: local('Segoe UI Regular'), url('Segoe UI.woff') format('woff');
		font-display: swap;
    }
    

    @font-face {
		font-family: 'Segoe UI Italic';
		font-style: normal;
		font-weight: normal;
		src: local('Segoe UI Italic'), url('Segoe UI Italic.woff') format('woff');
		font-display: swap;
    }
    

    @font-face {
		font-family: 'Segoe UI Bold';
		font-style: normal;
		font-weight: normal;
		src: local('Segoe UI Bold'), url('Segoe UI Bold.woff') format('woff');
		font-display: swap;
    }
    

    @font-face {
		font-family: 'Segoe UI Bold Italic';
		font-style: normal;
		font-weight: normal;
		src: local('Segoe UI Bold Italic'), url('Segoe UI Bold Italic.woff') format('woff');
		font-display: swap;
    }

	/* Global Content 
	-------------------------------------------------------------- */
	html{-webkit-text-size-adjust: 100%;}
	a, a:visited, a:focus{outline:none; color:#06CCC6; text-decoration: underline;transition: all .65s ease-in-out;
    -moz-transition: all .65s ease-in-out;
    -webkit-transition: all .65s ;}
a:hover{ color:#305B55;}
	img, object, embed, video {
	  max-width: 100%;
	  height: auto;
	}

	

	strong{ font-weight:bold;}
	.red{ color:red;}
.green{ color:green;}
	body{ 
        font-family: 'Poppins', sans-serif;
        font-weight: 300; color:#2E2E2E; font-size: 1.1em; line-height: 1.6em;
        font-style: normal; background-color: #fafafa;
    }
    .HeaderWrap{   width: 100%;}

	@media screen and (max-width: 400px) {
		body{font-size: 1em;}	
	}
	@media screen and (max-width: 330px) {
		body{font-size: 0.8em;}	
	}

	.Wrapper{ width:auto; overflow:hidden; max-width: 951px;}
		.Wrapper.AlignLeft{ float:left;}
		.Wrapper.AlignCenter{ margin:0 auto;}
		.Wrapper.AlignRight{ float:right;}
	
	.row{ 
		width:auto; overflow:hidden; max-width: 951px; 
		/*border-bottom: 4px solid pink;*/ margin-bottom: 25px;margin:0 auto;
	}
	/*specific rule for cart page */
	.PostForm .row{width: 66.666666%!important; margin: 0!important; float: left!important;}
	.PostForm .row .rowInside{ width: 95%!important;}
	@media screen and (max-width: 600px) {
			.PostForm{margin-left:5%;}
			.PostForm .row{width: 95%!important; }
		}
	/**/

	.row.full{ width:100%;margin:0 auto; max-width: 100%;}
	.row.large{ width:100%;max-width:1072px;margin:0 auto;}

        .row.half{ width: 50%;}
		.row h2{ margin: 10px 0px;}

		@media screen and (max-width: 951px) {
			.Wrapper{ width:90%; /*padding:0 5%;*/}
			.row{ width:90%; /*padding:0 5%;*/}
		
             .HeaderWrap{ width:90%; background-color: red;}
        }
		@media screen and (max-width: 570px) {
			
		}

		.rowInside ul{ margin-left:20px; margin-bottom: 25px;}
		.rowInside ul li{ list-style-position:outside; list-style: disc;}
		.rowInside ul li::before { color: #06CCC6;}
	
		.grey{ color:#999;}
		.blue{ color:#06CCC6;}
		.black{color:#2E2E2E;}
		.green{color:#06CCC6;}
		.whiteCol, .white{ color:#fff;}

        h1, h2, h3, h4, h5, h6{
            color:#06CCC6; /*font-size: 1.2em;*/ font-weight: 300; line-height: 1.2em;
        }

       h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ text-decoration: none; }
       h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{ text-decoration: none; }

		h1{ font-size:2em; text-align: center;font-weight: 200; padding:20px 40px; }
		h2{color:#2E2E2E; font-weight: 600;padding:20px 0;}
		h3{font-weight: 600;padding-bottom:20px;}

		#accordion h3{ color:#707070;}

        p{ margin-bottom:1em;}

		
		.w-100{ clear:both; margin-bottom: 20px;} 
		#accordion{ text-align:left!important;}
	
		/* Header 
		-------------------------------------------------------------- */
		#Logo{ z-index:9999; float: left; width: 20%; }
		#Header{ 
            width: 100%; padding-top:10px; padding-bottom:10px;
            /* overflow: hidden; */ /*display: inline-block;*/
            margin: 0 auto; /*background-color:pink;*/
        }
			
			.SiteInfos{ width:100%; text-align:center; display: none;}
		
		.Slider{ 
			background-color:pink; display:block; height:35px; width:100%;
			min-height:170px;
		}
		
		.HideButtun{ display:none;}
		
		.Banner{ height:450px; text-align: center; background-position: center center; background-size: cover; margin-bottom: 70px;}        
		.Banner img{ width: 100%; height: auto;}
		.Banner .TitlePage{ padding-top:35px;}

.Banner.Region{ text-align: left;}
.Banner .row { padding-top:75px;}


		 @media screen and (max-width: 780px) {
			 #Logo{ float: none; margin: 0 auto; width: 25%;}
				}
		 @media screen and (max-width: 570px) {
			 #Logo{ float: none; margin: 0 auto; width: 35%;}
				}

		.Slogan{ width: 100%; float: left; display:inline-block; margin:30px 0px 20px 0px;}
		.Slogan h4{ background-color:#06CCC6; color: #fff; float: left; padding: 0px 4px;  line-height: normal; text-transform: uppercase;  margin-right: 10px;}
		.Slogan span{float: left; float: left;text-transform: uppercase;}

		.Slogan h4, .Slogan span{font-size: 0.8em; line-height: 1em;}

		@media screen and (max-width: 780px) {
			.Slogan{ text-align: center;}
			.Slogan h4{float: none; display: inline-block; clear: both;}
			.Slogan span{float: none;display: inline-block; clear: both;width: 100%;}
		}


		.Stars img{ max-width:150px!important; height: auto;}
		.TitleRegions h1, .TitleRegions h2, .TitleRegions h3, .TitleRegions h4,.TitleRegions h5, .TitleRegions h6 { font-size: 2em; color:#fff; margin: 0!important; padding: 0 0 20px 0;}

		/* Footer 
		-------------------------------------------------------------- */
		#Footer{ background-color:#06CCC6; margin-top: 25px; padding:0; color:#fff;}

			#Footer a{ color:#fff;}

		#Footer .Badges{ background-color:#e3f9f8; width: 100%; display: inline-block; padding: 25px 0; text-align: center;}
		#Footer .Badges .Badge{ display: inline-block; max-width: 120px;}
		.FotterBottom{ background-color:#24b2ac; padding: 10px 0;}

			#SiteMap{ width:100%; background-color:#eee;}
				#SiteMap h2{}
				#SiteMap ul{}
					#SiteMap ul li{ display:table-cell;}
					#SiteMap ul li a{ padding:0px 10px;}

			.Horaires, .Adresse, .Telephone, .Service{ float: left; font-size: 0.8em; line-height: 1.7em; margin-top: 25px; margin-bottom:25px;  }
			.Horaires a, .Adresse a, .Telephone a, .Service a{  color:#fff;  }
			.Adresse, .Telephone{padding-left:1%;padding-right:1%;}

			.Horaires .Title, .Adresse .Title, .Telephone .Title, .Service .Title{ 
				display: inline-block; /*font-size:1.4em;*/ margin-bottom: 15px; font-weight: 600;
			}

			.Horaires{ width: 24%; }
			.Adresse{ width: 23%}
			.Telephone{ width: 19%;}
			.Service{ width: 30%; }



			@media screen and (max-width: 768px) {
				.Horaires{ width: 45%; margin-bottom: 25px; }
				.Adresse{ width: 45%; margin-bottom: 25px;}
				.Telephone{ width: 45%; margin-bottom: 25px;}
				.Service{ width: 45%; margin-bottom: 25px; }
				.Adresse, .Telephone{padding-left:0%;padding-right:0%;}
			}	

			@media screen and (max-width: 510px) {
				.Horaires,
				.Adresse,
				.Telephone,
				.Service{ width: 100%; }
			}


		/* Contacts
		-------------------------------------------------------------- */
		#Contacts{ width:100%; text-align:center;}

			#Address{ background-color:#fafafa;  }
				.adress_1{}
				.adress_2{}
				.adress_3{}

			#Tel{}
				.tel{}
				.tel_2{}

			.Email{}
			.WebSite{}

			.Description4{}
		
		
		/* Social
		-------------------------------------------------------------- */
        .Social{ position: absolute; margin-left: 135px;} 
			.Social div{ display:inline-block; margin-right: 5px;}
                .Social div a{ opacity: 0.3; transition: 0.3s;}
                .Social div a:hover{ opacity: 1; }
		

		/* Home
		-------------------------------------------------------------- */
		.post-content.Home{ position: relative; /*padding-top:220px;*/ padding-top:205px;}

		.HomeBanner{ position:absolute;width: 80%; left: 50%; padding:15px;
			transform: translate(-50%, 0); /*top:-155px;*/ /*top:-85px;*/ top:-100px; max-width: 757px;background-color:#fff;  
			margin: 0 auto; border-radius: 10px; min-height: 150px; /*padding-bottom: 35px;*/ padding-bottom: 55px;
		}		
		.HomeBanner h2{ padding: 0;}
		
		.FormLink{ width: 100%; display: inline-block;text-align: center;}

		.Services{}

		.Services a{
			display: inline-block; vertical-align: middle;border-radius: 10px; width: 120px; 
			height: 120px; text-align:center; background-color:#06CCC6; color:#fff; margin: 10px 25px; text-decoration: none;
		}
		.Services a.btn{  text-decoration: none;}

		.Services a.btn .Image{ width: 100%; display:inline-block;}
		.Services a img{ width: 65px; height: auto; clear: both; margin-top: 10px;}
		.Services a .ServiceTitle{ width: 80%; margin: 0 auto; font-size:.8em; line-height: 1em;}
		.Services a:hover{ text-decoration:none;}


		.rowInside{width: 75%; margin:0 auto; position: relative;}


		/* Single 
		-------------------------------------------------------------- */
		.row.SinglePost{ margin-top:-480px;}
		.single .rowInside{ width: 60%; float: right;  }
		#Aside { 
			width:32%; max-width: 400px; left: 10%; 
			background-color: #fff;
			box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);
			position: -webkit-sticky; position: sticky;
			top:40px; /* La div deviendra sticky après un défilement de 450px */
			padding: 25px; border-radius: 5px;
		}
		#Aside2 { 
			width:100%;  margin:0 auto; max-width: 400px; left: 10%;  display: none;
			background-color: #06ccc6; color:#fff;
			box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);
			margin-top:40px!important; /* La div deviendra sticky après un défilement de 450px */
			padding: 25px; border-radius: 5px;
		}

		@media screen and (max-width: 1410px) {
			#Aside {left: 2%;  }
		}
		@media screen and (max-width: 1250px) {
			#Aside {display: none;  }
			.row.SinglePost{ margin-top:0px;}
			.single .rowInside{ width: 70%; float: none;}
		}

		.ButtonContainer{ width: 100%; display: inline-block; }
		.Button.Sticky{
			text-decoration: none;
			width: 80%;
			text-align: center;
		  color: white;
		  min-width: 215px; 
		  display: inline-block;
		  background: #06ccc6;
			background-color: rgb(6, 204, 198);
		  position: relative;
		  top: 0px;
		  padding: 15px 30px;
		  font-size: 18px;
		  border-radius: 4px;
		  margin-bottom: 20px;
		  border: none;
		  line-height: 24px;
			transition: 0.3s;
		}

		.Button.Sticky:hover{background-color: #26827e;}
		.Button.Sticky a{ color:#fff;text-decoration: none; line-height: 1.em;}
		
		#Aside2 .Button.Sticky{ 
		  background: #fff;
			color:#06ccc6;
			transition: 0.3s;
		}
		#Aside2 .Button.Sticky:hover{ background-color:#dbf5f4;}
		#Aside2 .Button.Sticky a{ color:#06ccc6;}
		@media screen and (max-width: 1250px) {
			#Aside2{ display: block;}
		}

		@media screen and (max-width: 650px) {
			.post-content.Home{ margin-top:200px;}
			.HomeBanner{ top:-275px; }
			.Services a{width: 100px;height: 100px; margin-bottom: 35px;}
			.Services a.btn .Image{ width: 50%;}
			
			.rowInside{width: 90%; }
		}

		@media screen and (max-width: 550px) {
			.Services a{width: 100px;height: 100px; margin: 5px 20px 35px 20px; }

		}

		@media screen and (max-width: 330px) {
			.Services a{width: 80px;height: 80px; margin: 5px 20px 35px 20px; }
			.HomeBanner{top:-350px;}
		}




		/* PhonBanner 
		-------------------------------------------------------------- */
		.post-content{ position:relative; }
		.post-content.Padding{padding-top:50px;}
		.PhoneBanner{ 
			background-color:#fff; border-radius:10px; padding: 25px; 
			width: 350px; text-align: left; position: absolute; 
			right: 10%; top: -145px;
		}

		/* IconBanner 
		-------------------------------------------------------------- */
		.IconsBanner{padding-left: 10%; padding-top:2%; z-index: 9999;}
		.Icon{ float: left; width: 110px; padding: 10px;}


		.home .IconsBanner{ position:absolute;}
		.home .IconsBanner .Icon{ width: 250px; }



		@media screen and (max-width: 960px) {
			.PhoneBanner{top:-120px;}
		}
		@media screen and (max-width: 650px) {
			.Icon{ float: left; width: 80px; }
			.PhoneBanner{width:70%;/*top: -175px;*/ }
		}
		@media screen and (max-width: 550px) {
			.PhoneBanner{ }
			.IconsBanner{ display: none;}
			.home .IconsBanner{ display:block; left: 50%;
  			transform: translate(-50%, -50%); top:80%; padding-left:0;}
		}
		@media screen and (max-width: 500px) { 
			.home .IconsBanner{ top:50%;}
			.home .IconsBanner .Icon{ width: 180px; }
			}


		/* Pictos Home 
		-------------------------------------------------------------- */
		.Pictos{ text-align: center; margin-bottom: 55px;}
			.Pictos div{ width: 17%; display: inline-block;} 

		@media screen and (max-width: 850px) {
			.Pictos div{ width: 25%;}
		}
		@media screen and (max-width: 600px) {
			.Pictos div{ width: 30%;}
		}


		.coupon-result{ margin-top:10px;}

		/* Rates 
		-------------------------------------------------------------- */
		.Rates{}
			.Rates .Line{ margin-bottom: 5px; }

			.Rates .Line.Legend{width: 100%; display: inline-block; margin-bottom: 0;}
				.Rates .Line.Legend .Right{}
				

				.Rates .Line .Left, .Rates .Line .Center, 
				.Rates .Line .Right{background-color:#06CCC6;padding: 10px; color:#fff; display: inline-block; vertical-align: bottom; }
				

				.Rates .Line .Left.Hide, .Rates .Line .Center.Hide, 
				.Rates .Line .Right.Hide{ background-color: transparent;}

					.Rates .Line.Legend .Right{ background-color: transparent; color: inherit; padding-left: 80%;}

				.Rates .Line .Left{ flaot:left; width: 40%; margin-right: 1%; }
				.Rates .Line .Center{ flaot:left; width: 30%;margin-right: 1%; }
				.Rates .Line .Right{ display: inline-block;width: 18%; }



				@media screen and (max-width: 951px) {
					.Rates .Line.Legend .Right{ padding-left: 73%;}
					.Rates{font-size:0.7em; }
					.Rates .Line .Left{ width: 34%;   }
					.Rates .Line .Center{ width: 28%;}
					.Rates .Line .Right{ width: 22%; }
				}

				@media screen and (max-width: 750px) {
					.Rates{font-size:0.6em; }
					.Rates .Line.Legend .Right{ padding-left: 75%;}
				}

				@media screen and (max-width: 712px) {
					.Rates .Line .Right{ width: 17%; }
					.Rates .Line.Legend .Right{ padding-left:0; text-align: right; float: right; padding-right: 15px;}
				}

				@media screen and (max-width: 500px) {		
					.Rates{font-size:0.5em; line-height: 1.3em;}
					.Rates .Line .Right{ width: 13%;  }
	
				}

.PostForm{ display:none;}
#Footer .Service div a img{ max-width:200px;}

		/* Payment 
		-------------------------------------------------------------- */
		.Conditions{ margin-top: 10px; text-align: center;}
			.Conditions a{margin-bottom: 5px; display: inline-block;}
		
		.Certificate{ 
			color:#fff; width: 30%; font-weight: 0.5em;
			-webkit-transition: all .2s ease-out;
			-moz-transition: all .2s ease-out;
			-ms-transition: all .2s ease-out;
			-o-transition: all .2s ease-out;
			transition: all .2s ease-out; 
			filter: opacity(50%);
			-webkit-filter: opacity(50%);
		}

		.Certificate .Image{ width: 20px; color:#000; float: left; margin-top: 8px;}

		.Certificate .Content{float: left; margin-left: 15px;}
			.Paiment1{ font-weight: bold;font-size: 0.8em;}
			.Paiment2{ font-size: 0.6em; margin-top: -10px;}

		.LogoPayment{
		}

		.FotterBottom .LogoPayment{ 
			float: right;
			-webkit-transition: all .2s ease-out;
			-moz-transition: all .2s ease-out;
			-ms-transition: all .2s ease-out;
			-o-transition: all .2s ease-out;
			transition: all .2s ease-out; 
			filter: opacity(50%);
			-webkit-filter: opacity(50%);
		}
			.LogoPayment ul{ text-align: center;}
				.LogoPayment ul li{ display: inline-block; margin: 0 4px;}
					.LogoPayment ul li img.letsencrypt{height:40px; width:auto;}
					.LogoPayment ul li img{height:25px; width:auto;}
		
		
		#Footer .LogoPayment{ float: left;}
		#Footer .LogoPayment ul{ text-align: left;}
		#Footer .LogoPayment ul li{}
		#Footer .LogoPayment ul li img.letsencrypt{}
		#Footer .LogoPayment ul li img{}

		@media screen and (max-width: 920px) {
			.Certificate, .LogoPayment{width: 100%; margin:0 auto; float: none; display: inline-block; text-align: center;}
			.Certificate .Image{ width: 20px; }
			.Certificate .Image, .Certificate .Content{display: inline; margin: 0 auto;}
			.Certificate .Content{display: inline-block; float: none; width: 100%; clear: both; text-align: center;  }
			.Certificate .Image{ width: 100%; clear: both; text-align: center;}
			.Certificate .Image img{ width: 20px;}
		}

		


		/* Content
		-------------------------------------------------------------- */
        .Justify{
            text-align: justify;
            -ms-text-justify: distribute-all-lines;
            text-justify: distribute-all-lines;
        }

        .ColTwo{ width: 48%; /*background-color: aquamarine;*/}
        .ColThree{ width: 30%; }
        .ColFour{ width: 23%; /*background-color:bisque;;*/}

        .ColThree, .ColTwo, .ColFour{ 
            text-align: left; 
            /*background-color:pink;*/
            
            vertical-align: top;
            display: inline-block;
            *display: inline;
            zoom: 1
        }
		.stretch {
			width: 100%;
			display: inline-block;
			font-size: 0;
			line-height: 0
		}

		@media screen and (max-width: 900px) {
           .ColThree{ width: 48%;}
           .ColTwo{ width: 100%;}
           
        }

        @media screen and (max-width: 570px) {
            .ColThree{ width: 100%;} 
        }


        .Separator{ width: 100%;}
            .Separator span{ width: 100px; border-top:3px solid red; display: inline-block; margin-top: 35px; margin-bottom: 10px;}

	
		/* partners 
		-------------------------------------------------------------- */
		.Partners{}
			.Partner{ border-bottom: 1px solid #06CCC6; display: inline-block; width: 100%; padding: 10px 0;}
				.Partner .Logo{ float: left; width: 25%; padding-right: 5%;}
				.Partner .Text{ float: left; width: 70%; text-align: left;}

		.Partners .Partner:last-child{ border:none;}

		

		/* Content services 
		-------------------------------------------------------------- */



		.page-template-Pages-Services .rowInside{ width:100%!important;}
		.BannerSep{ width: 100%; background-color:#06CCC6; color:#fff; text-align: center; padding: 55px 0;}
	
			.BannerSep h2{ color:#fff;}
				.BannerSep a.CTA {color:#06CCC6;}
				.BannerSep a.CTA:hover {color:#fff;}
				.BannerSep a{color:#fff;}

			.BannerSep .IconSep{ margin:0 auto; max-width: 140px;}
		


		
		.FAQ{margin-top:50px; margin-bottom: 150px; }
		.ColImageRight.Services, .ColImageLeft.Services{ margin-top:25px; margin-bottom: 50px; display: inline-block;}
			
		.Legend{ font-size:0.7em;}


		.ColsImage .ColTwo{}
			.ColImageRight .ColTwo.Image{ width: 25%!important; float: right;margin-bottom: 25px;}
			.ColImageLeft .ColTwo.Image{ width: 25%!important; float: left;margin-bottom: 25px;}
				.ColTwo.Image img{ 
					border-radius: 15px;
					display: inline-block; /* ou display: block; en fonction de la mise en page */
					box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Changez les valeurs selon vos préférences */
				}
			.ColImageRight .ColTwo.Text{ width: 70%; float: left;}
			.ColImageLeft .ColTwo.Text{ width: 70%; float: right;}

			@media screen and (max-width: 768px) {
				.ColImageRight .ColTwo.Text{ width: 100%; }
				.ColImageLeft .ColTwo.Text{ width: 100%; }
				
				.ColImageRight .ColTwo.Image{ width: 100%!important; }
				.ColImageLeft .ColTwo.Image{ width: 100%!important; }
			}



			.page-template-Pages-Services .Cols ul{ margin-bottom: 25px;}
				.page-template-Pages-Services .Cols ul li{ list-style-image: url("images/Check.png"); list-style-position: inside;  }
			.page-template-Pages-Services .rowInside .ColThree ul { margin-left: 30px; }
				.page-template-Pages-Services .rowInside .ColThree ul li{ list-style-image: url("images/Check.png"); list-style-position: outside;  }

		.IconService{ text-align: center;}
			.IconService img{ width: 100%; height:auto; max-width: 140px;}

		.BannerSep{ margin-bottom: 80px;}
		.BannerSep.Color{background-color:#06CCC6; color:#fff;}


		.page-template-Pages-Services h1{ text-align: left; padding-left:0; margin-top:35px; }
		.page-template-Pages-Services h2{ font-size:1.8em; text-align: left;}
		.page-template-Pages-Services h3{ color:#2E2E2E; }
		.page-template-Pages-Services h4{ margin-bottom: 15px; color:#2E2E2E; }
		
		.BannerSep h2{ text-align:center;}
		.BannerSep.Avantages h2{ text-align:left;}

		.BannerSep.Color h1,
		.BannerSep.Color h2,
		.BannerSep.Color h3,
		.BannerSep.Color h4,
		.BannerSep.Color h5,
		.BannerSep.Color h6{ color:#fff;}

		.avantage{max-width: 951px; margin:0 auto; margin-top:25px;}
		.iconAvantages{ /*width: 29%; margin-right: 5.9%; text-align: left; display: inline-block; vertical-align: top; margin-bottom: 25px;*/}
			.iconAvantages img{ width: 100%; height:auto; max-width: 180px;}
			.iconAvantages:nth-child(3n) {margin-right: 0%;}
		.AvantageText{ margin: 25px 0px;}


		/* Styles de base pour le CTA */
		.CTA {
			text-transform: uppercase;
			display: inline-block;
			padding: 10px 20px;
			background-color: #fff;
			color: #000;
			text-decoration: none;
			border-radius: 5px;
			transition: background-color 0.3s ease-in-out;
		}

		/* Effet de fondu au survol */
		.CTA:hover {
			background-color: #0a5351; color: #fff;
		}

			
		@media screen and (max-width: 768px) {
			.BannerSep.Avantages h2{ text-align: center;}
			.page-template-Pages-Services h2{ font-size:1.5em; text-align: center;}
			
		}

		@media screen and (max-width: 570px) {
			.ColThree{text-align: center;}
			.iconAvantages{ text-align: center;}
			
		}



		/* News     
        -------------------------------------------------------------- */
        .News {position: relative; margin-bottom: 25px; }
		.SingleNews{ margin-top: 70px; margin-bottom: 0;}

		.News.Blog, .PostContent.Blog{ margin-top:80px; display: inline-block; width: 100%;}

		/* Opacity #2  
		.News.Justify .Thumbnail {
			background: #1abc9c;
		}
		.News.Justify .News .Thumbnail {
			opacity: 1;
			-webkit-transition: .3s ease-in-out;
			transition: .3s ease-in-out;
		}
		.News.Justify .News:hover .Thumbnail { 
			opacity: .75;
		}*/
		.News.Justify{text-align: justify; display: block;
            -ms-text-justify: distribute-all-lines;
            text-justify: distribute-all-lines;}
		.News.Justify .News .Thumbnail:hover .News{ }


            .News a, .News h3.Title{ color: #2a2a2a;text-decoration:none}
				.News h3.Title{ font-size: 1em;}
                .News a:hover, .News h3.Title{ text-decoration:none; color:#06CCC6;}

            .NewsHeader{}
                 .NewsHeader .Date{ font-style: italic; padding-top:3px;}
                    .News .NewsHeader .Date a{ color:#707070; }
            .Title{ text-transform: uppercase; font-weight: 700; padding-top: 5px;}
            .ArticleExcerpt{ padding-top: 7px;}
            .Thumbnail{ 
				height: 180px; 
				background-size: cover!important;
				/*background-image: url('images/DefaultNews.png';);*/
			}



			/* Page Navigation */
			.wp-pagenavi{ font-size:1.3em; text-align: center;}
			.wp-pagenavi a, .wp-pagenavi span{ border:0px!important;}
			.wp-pagenavi .pages{ font-size:.7em;}



			@media screen and (max-width: 900px) {
				 .News .News:nth-child(5){ display:none;} 
				.blog .News .News:nth-child(5){ display:block;} 
			}
			@media screen and (max-width: 600px) {

				 .News .News:nth-child(4){ display:none;} 
				.blog .News .News:nth-child(4){ display:block;}
			}
			@media screen and (max-width: 750px) {
				.News.Blog, .PostContent.Blog{ margin-top:15px;}
				.single .ShortLinks.Mobile{ margin-bottom:0;}

			}





		/* Sidebar
		-------------------------------------------------------------- */
		#HeaderSidebar, #FooterSidebar{ width:100%; display:block; clear:both; background-color:#ccc;}
			#HeaderSidebar div, #FooterSidebar div{ display:inline-table; margin:0 auto;}
		
		
		#SideBar, #SideBar2{ /*clear:left;*/ }
		
			.side{ clear:both; background-color:#fff;}
		
			#SideBar.left, #SideBar2.left{ width:30%; float:left; clear:left;}
			#SideBar.right, #SideBar2.right{ width:30%; float:right; background-color:#aaa; padding:5px; clear:right;}
			#SideBar.none, #SideBar2.none{}
			
			
			#SideBar2 .side{ margin-top:25px; background-color:#eee;}
			
		
			.LogosPartners{ float: right;}
				.LogosPartners a{}
					.LogosPartners a img, .LogosPartners img{ max-height: 40px; width: auto; margin-left: 10px;}


			@media screen and (max-width: 768px) {
				.LogosPartners{ margin-top: 50px;}
			}




		/* =Widgets
		-------------------------------------------------------------- */
		
		.widget-area .widget ul ul {
			margin-left: 12px;
			margin-left: 0.857142857rem;
		}
		.widget_rss li {
			margin: 12px 0;
			margin: 0.857142857rem 0;
		}
		.widget_recent_entries .post-date,
		.widget_rss .rss-date {
			color: #aaa;
			font-size: 11px;
			font-size: 0.785714286rem;
			margin-left: 12px;
			margin-left: 0.857142857rem;
		}
		#wp-calendar {
			margin: 0;
			width: 100%;
			font-size: 13px;
			font-size: 0.928571429rem;
			line-height: 1.846153846;
			color: #686868;
		}
		#wp-calendar th,
		#wp-calendar td,
		#wp-calendar caption {
			text-align: left;
		}
		#wp-calendar #next {
			padding-right: 24px;
			padding-right: 1.714285714rem;
			text-align: right;
		}
		.widget_search label {
			display: block;
			font-size: 13px;
			font-size: 0.928571429rem;
			line-height: 1.846153846;
		}
		.widget_twitter li {
			list-style-type: none;
		}
		.widget_twitter .timesince {
			display: block;
			text-align: right;
		}
		
		
		
		/* Content 
		-------------------------------------------------------------- */
		
		.GlobalPage{ /*clear:both;*/}
		.PageContent{ display:inline-block;}
			
			.GlobalPage.left { width:60%; float:left;}
			.GlobalPage.right {width:60%; float:right;}
			.GlobalPage.full { width:100%;}
			
		

		/* Footer Menu
		-------------------------------------------------------------- */
		.BottomMenu{float: left; width: 100%;}
		.BottomMenu ul {}
		.BottomMenu ul li{ float: left;}
		.BottomMenu ul li a{ padding:10px 15px 10px 0px; font-weight: 400; font-size: 0.8em; text-decoration: none;}



		/* Primary Menu
		-------------------------------------------------------------- */
		#access { float: left; width: 80%; font-weight: 700;  /*background-color:#ccc;*/ z-index: 100; position: relative; /*margin-top:14px;*/ }
		#access.Sidebar{ width:100%;}
		
		#access .menu-header, div.menu {
			font-size: 13px; width: 100%;
		}
		#access .menu-header ul, div.menu ul {
			list-style: none outside none; padding: 0;
			margin: 0;/* display:inline-block;*/ text-align: right; width:100%;
		}
		
		#access .menu-header li, 
		div.menu li {
			display: inline-block;position: relative; 
		}
		
		#access .menu-header li.AlignRight,
		div.menu li.AlignRight{ float:right;}
		
		#access .menu ul.AlignCenter{ text-align:center;}
		#access .menu ul.AlignCenter li{ float:none; display:inline-table;}
		
		#access .menu-header li.AlignLeft, 
		div.menu li.AlignLeft{ float:left;}
		
		/* Hide home link */
		#access ul li.page-item-5, #access ul li.page-item-112, #access ul li.page-item-3 { display:none;}
		
		
		/* Justify The menu 
		-------------------------------------------------------------- */
		/* http://www.xoogu.com/files/2013/07/justified-menu-of-mu-mu.html */
		
		#access .menu.JustifyMenu {/*display: table; position: relative; table-layout: auto; width: 100%;*/}
		#access .menu ul.AlignJustify{ 
			/*text-align:justify;
			display: table;
    		table-layout: fixed;*/
			display: table;
    		table-layout: fixed;
			position:relative;
		}
		#access .menu ul.AlignJustify li{
			text-align:center;
			display: table-cell;
			position:relative;
		}
		
		#access .menu ul.AlignJustify li ul{
			height: auto;
			position: relative;
			top: 100%;
			z-index: 1; 
			/*display: none;*/
		}
		/*#access .menu ul.AlignJustify li:hover ul { display:block;}*/
		
		
		#access .menu ul.AlignJustify li ul li{
			/*display: block;*/
			display: block;
			text-align:center;
		}
		
		#access .menu-header li, 
		div.menu .AlignJustify li {display: table-cell; float:none;}
		
		/* End of Justify Menu 
		-------------------------------------------------------------- */
		
		
		
		/* Primary Menu 
		-------------------------------------------------------------- */
		#access a {
			color: #2E2E2E; 
			 text-decoration: none;
			 display: inline-block;
		  padding: 15px 10px;
		  position: relative; font-size: 1.2em; letter-spacing: .08em;
		}
		#access ul ul { 
			display: none; float: left; left: 150;position: absolute;
			top: 32px; z-index: 99999; width:800px;
		}
		#access ul{ text-align:right;}		
		#access ul li.current_page_ancestor ul{ /*display:block;*/ }
				#access ul li{display: inline-block; text-align: right; margin-left: 5px;}

		#access ul li a{
			color: #2E2E2E;
			text-decoration: none;
			display: inline-block;
			padding: 5px 10px;
			position: relative;
			font-size: .8em;
			letter-spacing: .08em;
		}

		#access ul ul li { float:none;display: table-cell; }
		#access ul ul ul {left: 100%;top: 0;}
		#access ul ul a {height: auto;line-height: 1em;padding: 10px;}
		
		#access li:hover > a, 
		#access ul ul *:hover > a {
			color: #000;
		}

		#access a::after {    
		  content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 0.3em;
			background-color: #06CCC6;
			opacity: 0;
			transition: opacity 300ms, transform 300ms;

			transform: translate3d(-100%, 0, 0);
		}
	#access a:hover::after,
	#access a:focus::after,
	#access li.current_page_item a::after,
	#access li.current-menu-ancestor a::after,
	#access li.current-menu-ancestor ul li.current_page_item a::after{
		opacity: 1;
		transform: translate3d(0, 0.2em, 0);

		transform: translate3d(-100%, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	#access li.current-menu-ancestor ul li a::after{

			opacity: 0;
			transform: translate3d(0, 0.2em, 0);

			transform: translate3d(0%, 0, 0);
			transform: translate3d(0, 0, 0);
	}
	#access li.current-menu-ancestor ul li.current-menu-item a::after{
		opacity: 1;
		transform: translate3d(0, 0.2em, 0);

		transform: translate3d(-100%, 0, 0);
		transform: translate3d(0, 0, 0);
	}

		
		#access ul li:hover > ul {display: block;}
		
		#access ul li.current_page_item > a, 
		#access ul li.current_page_ancestor > a, 
		#access ul li.current-menu-ancestor > a, 
		#access ul li.current-menu-item > a, 
		#access ul li.current-menu-parent > a {
			color: #000;
		}
		
		* html #access ul li.current_page_item a, 
		* html #access ul li.current_page_ancestor a, 
		* html #access ul li.current-menu-ancestor a, 
		* html #access ul li.current-menu-item a, 
		* html #access ul li.current-menu-parent a, 
		* html #access ul li a:hover {
			color: #AAAAAA;
		}
		/* Color select Menu ancestor */
		
		
		/* Vertical Menu 
		-------------------------------------------------------------- */
		#access .menu ul.Vertical{}
		#access .menu ul.Vertical li{ display:inline-block; width:100%;}
		#access .menu ul.Vertical li ul.children{ position:relative; display:block; top:0; }
			#access .menu ul.Vertical li ul.children li a{padding-left:15px;}
		
		
		#access ul.Vertical li:hover > ul,
		#access .menu ul.Vertical li.current_page_parent ul,
		#access .menu ul.Vertical li.current_page_ancestor ul{ display:block;}
		
		/* */
			
		
		
		
		/* Primary Menu
		-------------------------------------------------------------- */
		
		#MainMenu{ position:absolute; background-color:#fff; width:130px; z-index:800; right:0px; top:50px; padding:0 15px; visibility:hidden;}
			#MainMenu.open{ visibility:visible;}
		
		ul.Menu{display:inline-block; width:100%; }
		ul.Menu li{ }
		ul.Menu li a{ float:right; text-align:right; width:100%;  line-height:1em; padding:10px 0; }
		ul.Menu li a.line{border-bottom:1px solid #000;}
		
		a#MenuButtun{}
		a#MenuButtun img:hover{ cursor:pointer;}
		
		.DownMenu{ float:right; position:absolute; margin-top:32px; left:90%;}
		
		
		/* Tiny Menu after logo
        -------------------------------------------------------------- */


        .MobileMenu{ /*float: left;*/  display:none; margin-left: 0px;}
            ul.RowMenu{ float:right; padding-top:17px; margin-right:5%;}

            .MobileMenu .RowMenu li{ list-style-type:none;}

            .MobileMenu .RowMenu li a.down{ background-image:url(images/icon-mobile.png);}
            .MobileMenu .RowMenu li a.up{ background-image:url(images/icon-mobile-hover.png);}

            .MobileMenu .RowMenu li a.down,
            .MobileMenu .RowMenu li a.up{ width:35px; height:32px; display:inline-block;}

            .MobileMenu .RowMenu li a.down:hover{background-image:url(images/icon-mobile-hover.png);}

            .MobileMenu .RowMenu li a.down:hover,
            .MobileMenu .RowMenu li a.up:hover{ text-decoration:none; cursor:pointer;}

            .HideButtun{ display:none;}


            /*******/

            #MobileMenuContainer{ 
                display:none; background-color:#fff; z-index:99999;
                background-position:bottom;  width:100%; /*position: absolute; top: 0; left:0;*/
            }

			#MobileMenuContainer .menu{ padding-top:50px;}

                .MenuMobileLabel{ text-transform:uppercase; letter-spacing:0.1em;}

                #MobileMenuContainer ul{ margin:0;}
                #MobileMenuContainer ul li{ 
                    float:none; width:100%; font-size:18px; line-height:1.8em;
                    text-align:center; list-style-type:none;
                }
				#MobileMenuContainer ul li.page-item-3,
				#MobileMenuContainer ul li.page-item-5,
				#MobileMenuContainer ul li.page-item-112{ display:none;}

                #MobileMenuContainer ul li{ padding:12px 0px; /*background-image:url(images/separator.png);*/ background-repeat:no-repeat; background-position:center bottom; }

                #MobileMenuContainer ul li.page-item-8 { background-image:none;}

                #MobileMenuContainer ul li a{ color:#232323; font-weight:400; /*display:none; */padding:12px 0px; text-decoration:none; } 
                #MobileMenuContainer ul li a:hover,
                #MobileMenuContainer ul li.current_page_item a{ text-decoration:none;  color:#06CCC6;}


                #MobileMenuContainer ul li ul{ 

                }


                #MobileMenuContainer ul li a,
                #MobileMenuContainer ul li.page-item,
                #MobileMenuContainer ul li.page-item ul{ /*display:none;*/}

                #MobileMenuContainer ul li ul li ul li.current_page_item a{ text-decoration:underline;}

                #Header #MobileMenuContainer ul li.page_item{ }
                #Header #MobileMenuContainer ul li.current_page_ancestor{ display:block}
                #Header #MobileMenuContainer ul li.current_page_ancestor ul li{ display:block}

                #MobileMenuContainer ul li.current_page_parent ul.children li a,
                #MobileMenuContainer ul li.current_page_parent,
                #MobileMenuContainer ul li.current_page_parent ul{ display:block;}


                #MobileMenuContainer ul li ul li ul{ 

                    background-color: #f0f0f0;
                    box-shadow: 
                        inset 0px 11px 8px -10px #D7D7D7,
                        inset 0px -11px 8px -10px #D7D7D7; 
                }




            @media
            screen and (-webkit-min-device-pixel-ratio: 1.5),
            screen and (-moz-min-device-pixel-ratio: 1.5),
            screen and (min-device-pixel-ratio: 1.5) {
                .MobileMenu .RowMenu li a.down{ background-image:url(images/icon-mobilex2.png);background-size:cover;}
                .MobileMenu .RowMenu li a.up{ background-image:url(images/icon-mobile-hoverx2.png);background-size:cover;}

                .MobileMenu .RowMenu li a.down:hover{background-image:url(images/icon-mobile-hoverx2.png);background-size:cover;}
            }


            @media screen and (max-width: 1020px) {
                #access{ display:none;}
                .MobileMenu{ 
					display:block;z-index: 9999999; /*position: absolute;*/ top:30px; /*margin:0 auto;*/
				
					position: absolute;
					  left: 50%;
					  transform: translate(-50%, -50%);
				}
				.MobileMenu.Action{top:80px; }
				#Header.Action{ margin-top:30px;}
            }
			@media screen and (max-width: 650px) {
				.MobileMenu.Action{top:110px; }
			}
		


            /* Nav icon mobile */ 

			/* Icon 1 */

			#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
			  width: /*45px*/30px;
			  height: 35px;
				margin-top: 3px;
			  position: relative;
			 float: right;
			  -webkit-transform: rotate(0deg);
			  -moz-transform: rotate(0deg);
			  -o-transform: rotate(0deg);
			  transform: rotate(0deg);
			  -webkit-transition: .5s ease-in-out;
			  -moz-transition: .5s ease-in-out;
			  -o-transition: .5s ease-in-out;
			  transition: .5s ease-in-out;
			  cursor: pointer; 
			}

			#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
			  display: block;
			  position: absolute;
			  height: 3px;
			  width: 100%;
			  background: #000000;
			  border-radius: 0px;
			  opacity: 1;
			  left: 0;
			  -webkit-transform: rotate(0deg);
			  -moz-transform: rotate(0deg);
			  -o-transform: rotate(0deg);
			  transform: rotate(0deg);
			  -webkit-transition: .25s ease-in-out;
			  -moz-transition: .25s ease-in-out;
			  -o-transition: .25s ease-in-out;
			  transition: .25s ease-in-out;
			}

			/* Icon 3 */

			#nav-icon3 span:nth-child(1) {
			  top: 0px;
			}

			#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
			  top: 10px;
			}

			#nav-icon3 span:nth-child(4) {
			  top: 20px;
			}

			#nav-icon3.open span:nth-child(1) {
			  top: 10px;
			  width: 0%;
			  left: 50%;
			}

			#nav-icon3.open span:nth-child(2) {
			  -webkit-transform: rotate(45deg);
			  -moz-transform: rotate(45deg);
			  -o-transform: rotate(45deg);
			  transform: rotate(45deg);
			}

			#nav-icon3.open span:nth-child(3) {
			  -webkit-transform: rotate(-45deg);
			  -moz-transform: rotate(-45deg);
			  -o-transform: rotate(-45deg);
			  transform: rotate(-45deg);
			}

			#nav-icon3.open span:nth-child(4) {
			  top: 10px;
			  width: 0%;
			  left: 50%;
			}




/*Testimonials */

/*-----Testimonial-------*/

.testimonial:after {
    position: absolute;
    top: -0 !important;
    left: 0;
    content: " ";
    background: url(img/testimonial.bg-top.png);
    background-size: 100% 100px;
    width: 100%;
    height: 100px;
    float: left;
    z-index: 99;
}

.testimonial {
    min-height: 375px;
    position: relative;
    background: url(https://i.ibb.co/PTJDkgb/testimonials.jpg);
    padding-top: 50px;
    padding-bottom: 50px;
    background-position: center;
        background-size: cover;
}
#testimonial4 .carousel-inner:hover{
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
#testimonial4 .carousel-inner:active{
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
#testimonial4 .carousel-inner .item{
  overflow: hidden;
}

.testimonial4_indicators .carousel-indicators{
  left: 0;
  margin: 0;
  width: 100%;
  font-size: 0;
  height: 20px;
  bottom: 15px;
  padding: 0 5px;
  cursor: e-resize;
  overflow-x: auto;
  overflow-y: hidden;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}
.testimonial4_indicators .carousel-indicators li{
  padding: 0;
  width: 14px;
  height: 14px;
  border: none;
  text-indent: 0;
  margin: 2px 3px;
  cursor: pointer;
  display: inline-block;
  background: #ffffff;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators .active{
  padding: 0;
  width: 14px;
  height: 14px;
  border: none;
  margin: 2px 3px;
  background-color: #9dd3af;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar{
  height: 3px;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb{
  background: #eeeeee;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.testimonial4_control_button .carousel-control{
  top: 175px;
  opacity: 1;
  width: 40px;
  bottom: auto;
  height: 40px;
  font-size: 10px;
  cursor: pointer;
  font-weight: 700;
  overflow: hidden;
  line-height: 38px;
  text-shadow: none;
  text-align: center;
  position: absolute;
  background: transparent;
  border: 2px solid #ffffff;
  text-transform: uppercase;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);
  transition: all 0.6s cubic-bezier(0.3,1,0,1);
}
.testimonial4_control_button .carousel-control.left{
  left: 7%;
  top: 50%;
  right: auto;
}
.testimonial4_control_button .carousel-control.right{
  right: 7%;
  top: 50%;
  left: auto;
}
.testimonial4_control_button .carousel-control.left:hover,
.testimonial4_control_button .carousel-control.right:hover{
  color: #000;
  background: #fff;
  border: 2px solid #fff;
}

.testimonial4_header{
  top: 0;
  left: 0;
  bottom: 0;
  width: 550px;
  display: block;
  margin: 30px auto;
  text-align: center;
  position: relative;
}
.testimonial4_header h4{
  color: #ffffff;
  font-size: 30px;
  font-weight: 600;
  position: relative;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.testimonial4_slide{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 70%;
  margin: auto;
  padding: 20px;
  position: relative;
  text-align: center;
}
.testimonial4_slide img {
    top: 0;
    left: 0;
    right: 0;
    width: 136px;
    height: 136px;
    margin: auto;
    display: block;
    color: #f2f2f2;
    font-size: 18px;
    line-height: 46px;
    text-align: center;
    position: relative;
    border-radius: 50%;
    box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -o-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
}
.testimonial4_slide p {
    color: #ffffff;
    font-size: 20px;
    line-height: 1.4;
    margin: 40px 0 20px 0;
}
.testimonial4_slide h4 {
  color: #ffffff;
  font-size: 22px;
}

.testimonial .carousel {
	padding-bottom:50px;
}
.testimonial .carousel-control-next-icon, .testimonial .carousel-control-prev-icon {
    width: 35px;
    height: 35px;
}
/* ------testimonial  close-------*/


		
		
		/* Search Form
		-------------------------------------------------------------- */	
			#form input#submit, #form input#s{} 
			
			#form input#submit{ }
			#form input#s{  }
			
			
			
			
		/* Breadcrump 
		-------------------------------------------------------------- */
		#BreadcrumbContainer{ width:100%; display:inline-block; background-color:pink;}
			#crumbs{}
			#crumbs span{display: inline-flex; margin-right:10px;}
			.CrumbDelimiter{}
			
		
	
	
		/* Comments 
		-------------------------------------------------------------- */
		.post-comments{ margin-top:20px;} 
		
		.comments-template{ /*border-top:2px solid pink;*/ margin:10px 0px;}
		.CommentsContainer{}
		
			#commentform{}
				p{}
				p.CommentAutor{}
				p.CommentEmail{}
			
			/* h3 Title */
			#comments{} 
			/* h3 Title */
			#respond{}  
			.commentlist{}
				.commentlist li{}
			
					.commentmetadata{}
					.commentmetadata a{}
		
		
			.nocomments{}
	
			/* Form Errors 
			-------------------------------------------------------------- */
			input.error, textarea.error{
				/* border:1px solid red;*/ 
				background-color:#FFD1D6; 
				border:1px solid #ccc;
				padding:2px;
			}
			label.error{ color:red; display:none;}
	
	
	
	
	
		/* Slider 
		-------------------------------------------------------------- */
		#full-width-slider {
		  width: 100%;
		  color: #000; 
		}
		.coloredBlock {
		  padding: 12px;
		  background: rgba(255,0,0,0.6);
		  color: #FFF;
		   width: 200px;
		   left: 20%;
		   top: 5%;
		}
		.infoBlock {
		  position: absolute;
		  top: 0;
		  width: 100%;
		  padding-bottom: 0;
		  /*background: #FFF;
		  background: rgba(255, 255, 255, 0.8);*/
		  overflow: hidden;
		  padding: 30px 0 0 0;
		}
		.infoBlockLeftBlack {
		  /*color: #FFF;
		  left: 30px;
		  right: auto;background-color:transparent;*/ 
		}
		.infoBlock h1 {
		  font-size: 2.5em;
		  line-height: 1.2;
		  margin: 0;
		  padding:0;
		}
		.infoBlock p {
		  font-size: 14px;
		  margin: 4px 0 0;
		}
		.infoBlock a {
		  color: #FFF;
		  text-decoration: underline;
		}
		.photosBy {
		  position: absolute;
		  line-height: 24px;
		  font-size: 12px;
		  background: #FFF;
		  color: #000;
		  padding: 0px 10px;
		  
		  left: 12px;
		  bottom: 12px;
		  top: auto;
		  border-radius: 2px;
		  z-index: 25; 
		} 
		.photosBy a {
		  color: #000;
		}
		.fullWidth {
		  max-width: 1400px;
		  margin: 0 auto 24px;
		}



		@media screen and (min-width:670px) {
			.heroSlider .rsOverflow,
			.royalSlider.heroSlider, .Banner {
				height: 280px !important;
			} 
		}


		@media screen and (min-width:750px) {
			.heroSlider .rsOverflow,
			.royalSlider.heroSlider, .Banner {
				height: 320px !important;
			} 
		}
		
		@media screen and (min-width:960px) and (min-height:660px) {
		  .heroSlider .rsOverflow,
		  .royalSlider.heroSlider, .Banner {
			  height: 450px !important;
		  }
		}
		
		@media screen and (min-width:960px) and (min-height:1000px) {
			.heroSlider .rsOverflow,
			.royalSlider.heroSlider, .Banner {
				height: 400px !important;
			}
		}


		@media screen and (min-width:1001px) {
			.heroSlider .rsOverflow,
			.royalSlider.heroSlider, .Banner {
				height: 550px !important;
			} 
		}


		@media screen and (min-width:1501px) {
			.heroSlider .rsOverflow,
			.royalSlider.heroSlider, .Banner {
				height: 550px !important;
			} 
		}


		@media screen and (min-width:1701px) {
			.heroSlider .rsOverflow,
			.royalSlider.heroSlider, .Banner {
				height: 600px !important;
			} 
		}

		@media screen and (min-width:2001px) {
			.heroSlider .rsOverflow,
			.royalSlider.heroSlider {
				height: 800px !important;
			} 
		}

		
		

		@media screen and (min-width: 0px) and (max-width: 800px) {
		  .royalSlider.heroSlider,
		  .royalSlider.heroSlider .rsOverflow, .Banner {
			height: 390px !important;
		  }
			.infoBlock h1 {
				 font-size: 2.5em;
			  }
		}



		@media screen and (min-width: 0px) and (max-width: 500px) {
			.royalSlider.heroSlider,
			  .royalSlider.heroSlider .rsOverflow, .Banner{
				height: 220px !important;
			  }
			  .infoBlock {
				/*padding: 10px;
				height: auto;
				max-height: 100%;
				min-width: 40%;
				left: 5px;
				top: 5px;
				right: auto;*/
				  padding-top:15px;padding-bottom:15px;
				font-size: 12px;
				  width: 100%;
			  }
			  .infoBlock h1 {
				 font-size: 2.2em;
				 line-height: 17px; 
			  }
				.HomeBanner{ top:-240px; padding-bottom: 0;}
				.HomeBanner .FormLink h2{ padding: 0; padding-bottom: 25px;}
			.post-content.Home{ padding-top:172px;}
		
		}