/*
Theme Name: mloiret
Theme URI: http://underscores.me/
Author: Thomas Dufranne
Author URI: http://www.mistersize.com
Description: Theme Wordpress pour plombier.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mloiret
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.

mloiret is based on Underscores http://underscores.me/, (C) 2012-2016 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 http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
## Styles
--------------------------------------------------------------*/

.site__header
{
	background-color:#003783;
	padding-top: 5px;
	padding-bottom: 5px;
	/*
	padding-top: 15px;
	padding-bottom: 15px;
	*/

	text-align: center;
}	
	
	.id{
			width: 100%;
		}
	
	.id__link{
		text-decoration: none;
	}
	.id__logo{
		margin-right: 15px; 
	}
		@media all and (min-width: 700px){
			.id__logo{
				max-width: 110px;
			}
		}

	.id__name{
		color: #fff;
		font-size: 22px;

		font-family: 'Museo Sans 900';
	}
	@media all and (min-width: 100px){
		.id__name
		{
			margin-top: 20px;
		}
		
	}
	.id__job{
		color: #fff962;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-size: 20px;

		font-family: 'Museo Sans 500';
	}

	

	@media all and (min-width: 700px){
		.id{
			width: 380px;
		}
		.id__logo{ float: left; }
		.id__name{ text-align: left }
		.id__job{ text-align: left; }
		.header__contact{
			text-align: right;
		}

	}


	.fixed__phone .sc_jour,
	.header__contact .sc_jour{
		color:#c52a2a;
		font-weight: bold;
	}
	.fixed__phone .sc_jour{
		display: block;
		position: relative;
		bottom: 8px;
		text-align: center;
	}

	@media all and (min-width: 700px){

		.header__contact .sc_jour{
			position: absolute;
			/* right: 35%; */
			left: 40%;
			width: 250px;

			text-align: center;
			top: 46px;
			
		}
	}
	@media all and (min-width: 1000px){

		.header__contact .sc_jour{
			right: 42.5%;
	
		}
	}
	@media all and (min-width: 700px) and (max-width: 850px){
		.header__contact .sc_jour{
			top: 78px;
		}
	}
	@media (max-width: 700px){
		.header__contact .sc_jour{
			display: block;
		}
	}



	.pano{
	position: relative;
	top:10px;

		display: inline-block;
		
		

		border: 2px white solid;
		border-radius: 6px;

		margin-bottom: 20px;
		box-shadow: 0 0 3px #000;
	}
		@media all and (min-width: 700px){
			.pano{
				
			}
		}
		.pano__inner{
			width: 100%;
			
			background: linear-gradient(45deg, white, #eee, white);
			background-color: #fff;

			color: #222;
			font-weight: bold;
			font-family: 'Museo Sans 900';

			text-align: center;
			text-transform: uppercase;
			text-shadow: 1px 1px 0 #f9f9f9;
			padding: 5px 10px;

			border: 3px red solid;
			border-radius: 5px;

			font-size: 1.2rem;
		}
		.pano__inner.txt_big{
		}



	.fixed__phone__button,
	.header__tel{
		color: #fff;
	}
	.banner__tel{
		color: #003783;
		background: #fff;
	}

	.header__tel__gratuit{
		text-align: right;
		color: #fff962;
		position: relative;
		top:10px;
		right: 8%;
	}
	@media all and (max-width: 1000px){
		.header__tel__gratuit{
			text-align: center;
		}
	}
	.fixed__phone__gratuit{
		text-align: center;
		color: #fff962;
		position: relative;
		top:10px;
	}
	.fixed__phone__button:before,
	.header__tel:before,
	.tel__link:before
	{
		background-image: url(img/icon-phone-white.png);
	}

	.banner__tel:before
	{
		background-image: url(img/icon-phone.png);
	}

	.fixed__phone__button:before,
	.header__tel:before,
	.banner__tel:before,
	.tel__link:before
	{
		content: "";
		display: block;
		width: 32px;
		height: 32px;
		margin-right: 10px;
		float: left;
		background-repeat: no-repeat;
		background-size: 100%;
		
	}

	.fixed__phone__button,
	.header__tel,
	.banner__tel,
	.tel__link
	{
		display: inline-block;

		font-size: 30px;
		text-decoration: none;
		font-family: 'Museo Sans 900';

		border-radius: 50px;
		padding: 12px 15px;
	}

	.tel__link{
		background-color:#de0000;
		color: #fff
	}




	.site__content,
	.site__footer
	{
		line-height: 0
	}
	.site__content *,
	.site__footer *
	{
		line-height:100%
	}



	/* BANNER */


	.line__banner{
		min-height: 415px;

		background: #6d6d6d;
		background-position: center;
		padding-top: 25px;
	}

		.banner__image{
			float: right;
			line-height: 0;
			height: 300px;
			overflow: hidden;

			width: 100%;
			text-align: center;

		}
		.banner__text{
			color: #fff;
			float: left;

			text-align: center;

			padding-left: 5%;
			padding-right: 5%;
		}

		@media all and (min-width: 700px){

			.banner__text{
				float: right;
				width: 49.99%;
				text-align: left;
				padding-left: 0;
				padding-right: 0;
			}
			.banner__image{
				float: left;
				width: 49.99%;
				height: 400px;
			}

			.banner__title
			{
				margin-top: 50px;
				font-size: 45px;
			}
			.banner__subtitle
			{
				font-size: 35px;
			}

		}
			
			.banner__title
			{
				font-family: 'Museo Sans 900';
				font-size: 35px;
				
				margin-bottom: 0px;
				display: block;
			}
				.banner__title span.color
				{
					color: #fff962
				}

			.banner__subtitle
			{
				font-size: 30px;
				margin-bottom: 40px;
				display: block;
			}



		.line__title,
		.about__title
		{
			color: #2a2a2a;
			font-size: 22px;
			font-family: 'Museo Sans 900';
			text-transform: uppercase;
		}



	/* ICONS */

	.line__icons
	{
		background-color:#fff962;
		padding-top: 20px;
		padding-bottom: 20px;
	}
		.icon__item{
			float: left;
			width: 100%;
		}

			@media all and (max-width: 700px){
				.line__icons{
					padding-left: 5%
				}
				.icon__item{
					margin-bottom: 15px;
				}
			}
			@media all and (min-width: 700px){
				.icon__item{
					width: 24.999%;
				}
			}



			.icon__icon{
				float: left;
			}
			.icon__title{
				font-family: 'Museo Sans 900';
				color: #2a2a2a;
				font-size: 26px;
				margin-top: 5px;
			}
				.icon__title_devis{
					font-size: 22px;
				}
			.icon__text{
				font-family: 'Museo Sans 500';
				color: #004e90;
				font-size: 18px
			}

	body.page-template-blank .site__content{
		padding-left: 5%;
		padding-right: 5%;
	}

	.entry-content{
		padding-bottom: 50px;
	}
	.entry-content p{
		font-size: 16px;
		line-height: 20px;
	}
	.entry-content p a{
		color: #003783
	}
	.entry-content ul li{
		margin-bottom: 5px;
	}
		.entry-content ul li a{
			color: #003783;
			text-decoration: none;
		}
		.entry-content ul li a:hover{
			text-decoration: underline;
		}
	/* ABOUT */


		.line__about{
			padding-top: 50px;
		}
			.about__title{
				text-align: center;
			}
			.about__text p{
				color: #2a2a2a;
				font-size: 18px;
				line-height: 22px;
				font-family: 'Museo Sans 500';
			}

			.about__list{

			}
				.about__list__title
				{
					background-color: #2a2a2a;
					color: #fff;
					padding: 20px 0 20px 15px;
					font-size: 22px;
					line-height: 25px;
					font-family: 'Museo Sans 700';
				}

				.about__list__content ul
				{
					padding-left: 0;
					list-style: none;
				}
				.about__list__content li
				{
					background-color: #ededed;
					padding: 20px 0 20px 40px;
					color: #004e90;
					font-size: 18px;
					margin-bottom: 5px;

					background-image: url('img/puce.png');
					background-repeat: no-repeat;
					background-position: 20px 22px;
				}
				a:not([class]){
					color:inherit;			
				}


	/* CONTACT */


		.line__contact{
			padding-top: 60px;
			padding-bottom: 60px;
		}


			.contact__title{
				text-align: center;
				font-size: 30px;
				font-family: 'Museo Sans 900';
				margin-bottom: 20px;
				color: #2a2a2a;
			}
			.contact__button-wrapper{
				text-align: center;
				margin-bottom: 20px;
			}
			.contact__info{
				text-align: center;
				font-size: 20px;
				font-family: 'Museo Sans 500';
				color: #aaaaaa
			}



	/* SERVICES */

		.line__services
		{
			background-color: #004e90;
			padding-top: 50px;
			padding-bottom: 50px;
		}
			.services__title{
				color: #fff;
				text-align: center;
				margin-bottom: 25px
			}

			.services__list{
				padding-top: 25px
			}

			.service__item
			{
				line-height: 0;
				float: left;
				padding: 10px;
			}





			.service__content
			{
				background-color: #fff;
				padding: 25px;
				
			}

				@media all and (min-width: 700px){
					.service__item.Uw1-2 .service__content
					{
						min-height: 450px;
					}
					.service__item.Uw1-3 .service__content
					{
						min-height: 475px;
					}
				}


				.service__title
				{
					color:#004e90;
					font-family: 'Museo Sans 700';
					margin-top: 0;
				}

					.service__item.Uw1-2 .service__title
					{
						font-size: 25px;
						line-height: 28px;
					}
					.service__item.Uw1-3 .service__title
					{
						font-size: 22px;
						line-height: 28px;
					}



				.service__img
				{
					border-bottom: 10px #fff962 solid;
					width: 100%;
				}

				.service__text
				{

				}
				


				.service__text p
				{
					color:#2a2a2a;
					font-family: 'Museo Sans 500';
				}
					.service__item.Uw1-2 .service__text p
					{
						font-size: 18px;
						line-height: 25px;
					}
					.service__item.Uw1-3 .service__text p
					{
						font-size: 16px;
						line-height: 22px;
					}

		/* GARANTIE */

		.line__garantie
		{
			background-color: #ededed;
			padding-top: 70px;
			padding-bottom: 70px;
		}
		
		.garantie__col__left
		{
			float: left;
			
		}
		@media all and (min-width: 700px){
			.garantie__col__left
			{
				padding-right: 25px;
			}
		}

		.garantie__col__right
		{
			float: right;
		}


			div#slider { 
				width: 100%; 
				max-width: 100%; 
				overflow: hidden;
				box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
				border-radius: 5px;
			} 

			div#slider .slider__content {
			  position: relative; 
			  width: 300%;
			  margin: 0;
			  padding: 0;
			  font-size: 0;
			  text-align: left;
			  animation: 12s slidy infinite;
			
			}

			div#slider img { width: 33.33%; height: auto; float: left; }




			@keyframes slidy {

			  0% { left: 0%; }
			  20% { left: 0%; }

			  25% { left: -100%; }
			  45% { left: -100%; }

			  50% { left: -200%; }
			  70% { left: -200%; }

			  75% { left: 0%; }
			  95% { left: 0%; }

			  100% { left: 0%; }

			}

		.garantie__title
		{
			font-size: 30px;
			text-align: center;
		}

		.garantie__intro p
		{
			font-size: 18px;
			line-height: 22px;
			text-align: center;
		}

		/* MAP */

		.map
		{
			filter: grayscale(100%);
		}


/* Debut AVIS */
		#respond,
		.comment-respond{
			clear: both;
			padding-top:10px;
		}
		@media all and (min-width: 768px){
			.comment-respond{
				padding-left: 15px;
				padding-right: 15px;
			}
		}
			.comment-form{
				clear: both;
				padding: 10px 25px;
				background: #f9f9f9;
				border-radius: 5px;
				box-shadow: inset 1px 1px 20px rgba(0,0,0,0.1);
			}

		.comment-form p.comment-form-url
		{
			display: none;
		}

		.comment-form p.comment-form-comment,
		.comment-form p.comment-form-author,
		.comment-form p.comment-form-email,
		.comment-form p.review-title-form
		{

		}


		.comment-form .comment-form-comment label,
		.comment-form .comment-form-author label,
		.comment-form .comment-form-email label,
		.comment-form .comment-form-url label,
		.comment-form .review-title-form label,
		.comment-form #add_comment_rating_wrap label
		{
	    	font-size: 20px;
    		font-family: 'Museo Sans 500';
    		color: #2a2a2a;
		}

		.comment-form p.form-submit
		{
			text-align: center;
		}

	@media all and (min-width: 768px){

		.comment-form .comment-form-comment label,
		.comment-form .comment-form-author label,
		.comment-form .comment-form-email label,
		.comment-form .comment-form-url label,

		.comment-form #add_comment_rating_wrap label,

		.comment-form .review-title-form label
		{
			min-width:30%;
			display: block;
			float: left;
		}


		.comment-form .comment-form-comment textarea,
		.comment-form .comment-form-author input,
		.comment-form .comment-form-email input,
		.comment-form .comment-form-url input,

		.comment-form #add_post_rating,

		.comment-form .review-title-form input
		{
			min-width:70%;
		}

		#add_post_rating {
			top:35px;
		}

	}

	body.page-avis h1.entry-title{ text-align: center; }

	@media all and (max-width: 768px){

	

		.comment-form .comment-form-comment label,
		.comment-form .comment-form-author label,
		.comment-form .comment-form-email label,
		.comment-form .comment-form-url label,
		.comment-form .review-title-form label,
		.comment-form #add_comment_rating_wrap label
		{
			width:100%;
			display: block;
			float: left;
			margin-bottom: 15px;
		}

		.comment-form .comment-form-comment textarea,
		.comment-form .comment-form-author input,
		.comment-form .comment-form-email input,
		.comment-form .comment-form-url input,
		.comment-form .review-title-form input
		{
			width: 100%
		}

	}


		.comment-form .comment-form-comment textarea,
		.comment-form .comment-form-author input,
		.comment-form .comment-form-email input,
		.comment-form .comment-form-url input,
		.comment-form .review-title-form input
		{
			padding: 8px;
			border:1px #ccc solid;
			color: #000;
			font-size: 1em;
			line-height: 1.2em;
			font-family: arial;
			border-radius: 3px;
		}

		.comment-form .comment-form-comment textarea:hover,
		.comment-form .comment-form-comment textarea:focus,

		.comment-form .comment-form-author input:hover,
		.comment-form .comment-form-author input:focus,

		.comment-form .comment-form-email input:hover,
		.comment-form .comment-form-email input:focus,

		.comment-form .comment-form-url input:hover,
		.comment-form .comment-form-url input:focus,

		.comment-form .review-title-form input:hover,
		.comment-form .review-title-form input:focus
		{

			border-color: #003783
		}

		.comment-notes,
		.comment-form-cookies-consent
		{
			font-size: 0.8em;
			line-height: 1.2em;
			color:#848484;
		}

		.star-on-png{
			color:#ff9900
		}

		#add_comment_rating_wrap{
			width: 100%;
			min-width: 100%;
			padding-top: 10px;
			padding-bottom: 10px;
		}

		.comment-form input#submit
		{
			font-family: 'Museo Sans 900';
			color: #fff;
			background-color:#003783;
			padding: 12px 20px;
			border-radius: 20px;
			font-size: 1.15em;
			border:0;
		}

			.comment-form input#submit:hover,
			.comment-form input#submit:focus
			{
				background-color:#2e7dea;
				cursor: pointer;
			}


		.view-comments{
			padding-top: 15px;
			padding-bottom: 15px;
			text-align: center;
		}
		.view-comments__link{
			color: #2e7dea
		}

/* FIN AVIS */
	

		
		/*
		.line__comments .comment-reply-title{
			display: none;
		}
		*/

		/* COMMENTS */

		.line__comments
		{
			/* display: none!important; */
			
			padding-top: 40px;
			padding-bottom: 50px;
		}

		.comments__title
		{
			text-align: center;
			font-size: 30px;
		}

			/* Trust Pilot */
			/*
			.comments__list::after{
				content: "";
				display: block;
				
				width: 90%;
				height: 200px;
				background:	rgba(0,0,0,0.015);
				position: absolute;
				z-index: 99;
				transform: translateY(-160px);
			}
			@media all and (min-width: 700px){
				.comments__list::after{
					width: 200px;
				}

			}
			

			.comments__list:hover::after{
				background:	rgba(0,0,50,0.03);
			}
			*/
		.comment__form{
			clear: both;
			padding-top: 15px;
			padding-bottom: 15px;
		}
		.comment__item
		{
			width: calc(100%/3);
			float: left;
			text-align: center;
			padding: 15px 15px 15px 15px;
			/* padding: 75px 15px 15px 15px; */

		}

			.comment__content
			{
				box-shadow: 3px 3px 10px rgba(145,160,180,0.5);

				min-height: 220px;
				padding-top: 10px;
				padding-bottom: 15px;

			}

			.comment__position
			{
				position: relative;
				bottom:50px;
			}

			.comment__image
			{
				box-shadow: 3px 3px 10px rgba(145,160,180,0.5);
			}

			.comment__name
			{
				color: #2a2a2a;
				font-size: 16px;
				line-height: 26px;
				font-family: 'Museo Sans 900';

				margin-top: 15px;
			}


			.comment__type
			{
				color: #a3b4cc;
				font-size: 15px;
				line-height: 26px;
				font-family: 'Museo Sans 500';
			}

			.comment__text
			{
				font-size: 16px;
				line-height: 20px;
				font-family: 'Museo Sans 500';
				min-height: 50px;

				padding-left: 10px;
				padding-right: 10px;
				padding-bottom: 10px;
			}

			.comment__date{
				color: #848484;
				font-size: 14px;
				margin-bottom: 10px;
			}



		/* FOOTER */

		.footer__first
		{

			min-height: 240px;
			position: relative;
			

			background-color: #003783;
			border-top:5px #de0000 solid;

			background-image: url(img/bg-footer.jpg);
			background-position: center;
			background-repeat: no-repeat;

		}

			.footer__image
			{
				float: left;
				text-align: left;
				position: absolute;
				bottom:0;
				line-height: 0;
				z-index: 1
			}
			.footer__text
			{
				float: left;
				text-align: center;
				color: #fff;

				font-size: 20px;
				line-height: 25px;

				text-transform: uppercase;

				
			}
			@media all and (min-width: 700px){
				.footer__text
				{
					padding-top: 75px;
				}

			}

			.footer__text .color{
				color: #fff000;
				font-family: 'Museo Sans 900';
			}
			.footer__contact
			{
				float: right;
				padding-top: 75px;
				z-index: 99;
				position: relative;
			}


		.footer__nav
		{
			text-align: center;
		}
			
			.footer__nav ul{ padding-left: 0; }
			.footer__nav li
			{ 
				list-style: none; 
				margin: 5px 0;
				font-size: 14px;
				color: #666;
			}

			.footer__nav li a,
			.footer__nav a
			{
				text-decoration: none;

				font-size: 14px;
				color: #2a2a2a;
			}


		hr.sep
		{
			height: 5px;
			width: 100px;
			margin: 0 auto;
			border:0;
		}

		hr.sep--blue{
			background-color: #004e90
		}
		hr.sep--dark{
			background-color: #00294b
		}


/*--------------------------------------------------------------
## Colors
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Responsive Specific Styles
--------------------------------------------------------------*/

/* Wide */

@media all and (min-width: 700px) {
	.Uc{max-width: 960px;}
}

/* Small */

@media all and (max-width: 700px) {
	.Uw{width: 100%;}	
	.Uc{padding-left: 5%; padding-right: 5%}
}



/*--------------------------------------------------------------
## Responsive 
--------------------------------------------------------------*/

.Uw1-2 {width : 49.98%;}
.Uw1-3 {width : 33.31%;}
.Uw1-4 {width : 24.98%;}
.Uw1-5 {width : 19.98%;}
.Uw1-6 {width : 16.64%;}
.Uw1-7 {width : 14.26%;}
.Uw1-8 {width : 12.48%;}
.Uw2-3 {width : 66.64%;}
.Uw2-5 {width : 39.98%;}
.Uw2-7 {width : 28.55%;}
.Uw3-4 {width : 74.98%;}
.Uw3-5 {width : 59.98%;}
.Uw3-7 {width : 42.83%;}
.Uw4-5 {width : 79.98%;}
.Uw4-7 {width : 57.12%;}
.Uw5-6 {width : 83.31%;}
.Uw5-7 {width : 71.4%;}
.Uw1-9 {width : 11.09%;}
.Uw2-9 {width : 22.2%;}
.Uw3-9 {width : 33.31%;}
.Uw4-9 {width : 44.42%;}
.Uw5-9 {width : 55.53%;}
.Uw6-9 {width : 66.64%;}
.Uw7-9 {width : 77.75%;}
.Uw8-9 {width : 88.86%;}
.Uw100{width:100%;}


@media all and (max-width: 700px){
	body .Uw{
		width: 100%;
	}
}

/*--------------------------------------------------------------
## Normalize
--------------------------------------------------------------*/

body{margin: 0; font-family: arial, 'Museo Sans 500', sans-serif}
*{box-sizing: border-box;}

/*--------------------------------------------------------------
## Thomas Dufranne Shortcuts
--------------------------------------------------------------*/
	
	div[class^="line__"] {
		display: inline-block;
		/* display: table; */
		width: 100%
	}
	div[class^="line__"]:after{
		content: "";
		clear: both;
	}
	.line{width: 100%;  display: inherit;}

	.Ufull{width:100%;}
	.Udb{display: block;}
	.Uib{display: inline-block;}
	.Ufl{float:left;}
	.Ufr{float:right;}
	.Uib{display: inline-block;}
	.Ucl,.Ucleft{clear:left; }
	.Ucright{clear:right}
	.Ucboth{clear:both}
	.Uac, .center, .aligncenter{text-align: center}
	.Uar, .alignright{text-align: right}
	.Ual, .alignleft{text-align: left}
	.Uupp{text-transform: uppercase;}
	.Uw{display: inline-block;     vertical-align: top;}

	.Uround{ border-radius: 500px; }
	.center{display: table; margin: 0 auto}

	.UbgImage{
		background-position: center top;
	}

	@media all and (max-width: 700px){
		.Ucol{
			padding-left: 5%;
			padding-right: 5%
		}
	}



/*--------------------------------------------------------------
## Predefined
--------------------------------------------------------------*/


.c{	
	display: table;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	
}

img{max-width: 100%; height: auto;}
.no-bg{background: transparent!important;}

::selection {
  background: rgba(0,0,150,0.05); /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: rgba(0,0,150,0.05); /* Gecko Browsers */
}







.fixed__phone__button,
.header__tel,
.banner__tel,
.tel__link{
	animation-name: shine;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.fixed__phone__button:before,
.tel__link:before{
	animation-name: swing;
    animation-duration: 1s;
    animation-iteration-count: 10;
}


.js-in-view:nth-child(even){
	animation-name: frombottom;
    animation-duration: 1.5s;
}

.js-in-view:nth-child(odd){
	animation-name: frombottom;
    animation-duration: 1s;
}

.banner__image.js-in-view:nth-child(even){
	animation-name: fromleft;
    animation-duration: 1.5s;
}

.banner__text.js-in-view:nth-child(odd){
	animation-name: fromright;
    animation-duration: 1s;
}

.header__tel:before, .banner__tel:before, .tel__link:before
{
	animation-name: swing;
	 animation-duration: 750ms;
	 animation-iteration-count: 5;
}

     
.fixed__phone
{
	background-color: #003783;
}

@media all and (min-width: 700px){

	.fixed__phone
	{
	    padding-top: 0px;
	    padding-bottom: 0px;
	    text-align: center;
	}
	
}


.hidden{
	display: none;
}
.visible{
	display:initial;
}



.fixed{
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 99;
	zoom:1;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
	opacity: 0.9
}

.fadein {
	opacity: 1;
    animation-duration: 1s;
    animation-name: fadein;
    transition: transform 300ms linear;

}
.fadeout {
	opacity: 1;
    animation-duration: 1s;
    animation-name: fadeout;
    transition: transform 300ms linear;

}

.fixed__phone__button,
.header__tel,
.banner__tel,
.tel__link{
	animation-name: shine;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.fixed__phone__button:before,
.tel__link:before{
	animation-name: swing;
    animation-duration: 1s;
    animation-iteration-count: 10;
}

.js-in-view:nth-child(even){
	animation-name: frombottom;
    animation-duration: 1.5s;
}

.js-in-view:nth-child(odd){
	animation-name: frombottom;
    animation-duration: 1s;
}

.banner__image.js-in-view:nth-child(even){
	animation-name: fromleft;
    animation-duration: 1.5s;
}

.banner__text.js-in-view:nth-child(odd){
	animation-name: fromright;
    animation-duration: 1s;
}

.header__tel:before, .banner__tel:before, .tel__link:before
{
	animation-name: swing;
	 animation-duration: 750ms;
	 animation-iteration-count: 5;
}

.page.category-services .entry-title
{
	color: #003783
}

@media all and (min-width: 700px){

	.page.category-services .entry-title
	{
		text-align: center;
	}

	.page.category-services .entry-content
	{
		padding-left: 10%;
		padding-right: 10%;
	}

	.page.category-services .entry-content p
	{
		font-size: 1.2em;
		line-height: 1.5em
	}

}
.page.category-services .entry-content .sc_tel
{
	font-weight: bold;
	color: #003783;
}
@keyframes swing {
        0% {
        	-webkit-transform: rotate(-0deg);
    		-moz-transform: rotate(-0deg);
		}
        45% {
        	-webkit-transform: rotate(-15deg);
    		-moz-transform: rotate(-15deg);
    	}
    	85% {
        	-webkit-transform: rotate(5deg);
    		-moz-transform: rotate(5deg);
    	}
        100%{
        	-webkit-transform: rotate(-0deg);
    		-moz-transform: rotate(-0deg);
        }
    }


 @keyframes shine {

        0%, 100%
        {
        	
        	opacity: 1;
        	
   

        } 
        50% {
    
        	opacity: 0.7;
        	
        }

    }


 @keyframes fromright {

        from 
        {
       
        	opacity: 0;
        	transform: translateX(50%);

        } to {
     
        	opacity: 1;
        	transform: translateX(0%);
        }

    }


 @keyframes fromleft {

        from 
        {

        	opacity: 0;
        	transform: translateX(-50%);

        } to {
 
        	opacity: 1;
        	transform: translateX(0%);
        }

    }

 @keyframes frombottom {

        from 
        {
        	
        	opacity: 0;
        	transform: translateY(25px);

        } to {
        	
        	opacity: 1;
        	transform: translateY(0px);
        }

    }


 @keyframes fromtop {

        from 
        {
        	transform: scale(0.75);
        	opacity: 0;
        	transform: translateY(-25px);

        } to {
        	transform: scale(1);
        	opacity: 1;
        	transform: translateY(0px);
        }

    }




    @keyframes zoomin {
        from {
        	
        		-moz-transform: scale(0.5);
  				-webkit-transform: scale(0.5);
  				transform: scale(0.5); 
  				
  				opacity: 0

  		} to {
        	
        		-moz-transform: scale(1);
  				-webkit-transform: scale(1);
  				transform: scale(1);
  				
   				opacity: 1
   		}
    }



    @keyframes fadein {
        from {
        	
        		
  				transform: translateY(-25px);
  				opacity: 0

  		} to {
        	
        		
  				transform: translateY(0px);
   				opacity: 1
   		}
    }


     @keyframes fadeout {
        from {
        	
  				transform: translateY(0px);
  				opacity: 1

  		} to {
        	
  				transform: translateY(25px);
   				opacity: 0
   		}
    }


    /* COMMONS */
    
    a:not([class]){
		color:inherit;			
	}