/*
Theme Name: NIFS

-------------------------------------------------------------- */



/* ---------------------------------------------------------------------- */
/*	Reset
/* ---------------------------------------------------------------------- */
	
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display: block; }

*,
*:after,
*:before {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

ul { list-style: none outside;    }
ol { list-style-position: inside; margin: 10px; }

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
	outline: none;
	text-decoration: none;
    background: transparent;
	vertical-align: baseline;
	
}

a, a > * {
	text-decoration: none;
	color: #990103;
}

a:hover {
	color: #0c518c;
}

.not-ie a {
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
			transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

img {
    border: 0;
	height: auto;
	max-width: 100%;
	-ms-interpolation-mode: bicubic;
}

/* ---------------------------------------------------------------------- */
/*	Basic Elements
/* ---------------------------------------------------------------------- */

body {
	background:#fff url(images/bg.jpg) repeat;
	color: #000;
	font-weight: 400;
	font-size: 13px;
	font-family: 'FuturaStdMedium';
	line-height: 18px;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
}

	/* -------------------------------------------------- */
	/*	Clearfix
	/* -------------------------------------------------- */

	.clear {   
		clear: both;
		display: block;
		height: 0;
		overflow: hidden;
		visibility: hidden;
		width: 0;
	}
	
	.clearfix:after {
		clear: both;
		display: block;
		visibility: hidden;
		height: 0;
		content: ".";
	}	
	
	
	p {
		
		padding: 0;
		font-family: 'FuturaStdMedium';
	line-height: 20px;
	}

	h1, h2, h3, h4, h5, h6 {
		margin-bottom: 20px;
		color: #990103;		
		line-height: 1.0em;
		font-weight: normal;		
		letter-spacing:0px;
		text-transform:uppercase;
	}
	
	h1 { font-size: 25px; font-family: 'FuturaMTBTBold'; color:#990103;}
	h2 { font-size: 20px; font-family: 'FuturaMTBTMedium'; }
	h3 { font-size: 18px; font-family: 'FuturaMTBTMedium'; }
	h4 { font-size: 16px; font-family: 'FuturaMTBTMedium'; }
	h5 { font-size: 14px; font-family: 'FuturaMTBTMedium'; }
	h6 { font-size: 12px; font-family: 'FuturaMTBTMedium'; }

	::-moz-selection {
		background-color: #0d4f8b;
		color: #fff;
		text-shadow: none;
	}

		

	
	
	.loader {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 200;
		width: 100%; 
		height: 100%;
		background: #fff; 
	}
	
	
	
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		cursor: pointer;
		-webkit-appearance: button;
	}
	
	button::-moz-focus-inner,
	input::-moz-focus-inner {
		padding: 0;
		border: 0;
	}

	button,
	input,
	select,
	textarea {
		margin: 0;
		border: none;
		vertical-align: baseline;
		font-size: 100%;
	}
	
	button {
		display: inline-block;
		margin-bottom: 15px;
		padding: 6px 13px;
		outline: none;
		background-color: transparent;
		color: #fff;
		vertical-align: baseline;
		text-align: center;
		text-decoration: none;
		font: 11px/1.5 Arial;
		cursor: pointer;
	}

	label {
    cursor: pointer;
    display: table;
    width: 100%;
    margin-bottom: 5px;
}
	
	input,
	textarea,
	select,
	button {
		-webkit-transition: all .25s ease;
				transition: all .25s ease;	
	}
	
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"],
	textarea, select {
		display: inline-block;
		padding: 12px 10px;
		width: 100%;
		outline: none;
		border-width: 1px;
		border-style: solid;
		border-color: #dcdcdc;
		border-color: rgba(0,0,0, .135);
		background-color: transparent;
		color: #999;
		font-size: 12px;	
		-webkit-border-radius: 0px;
				border-radius: 0px;
		-webkit-box-shadow: none;
				box-shadow: none;				
		-webkit-appearance: none;	
				appearance: none;
				margin-bottom:5px;	
				
	}
	
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="date"]:focus,
	input[type="month"]:focus,
	input[type="time"]:focus,
	input[type="week"]:focus,
	input[type="number"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	input[type="search"]:focus,
	input[type="tel"]:focus,
	input[type="color"]:focus,
	textarea:focus,
	select:focus { border-color: #0d4f8b; }
	
	
	textarea {
		resize: both;
		min-height: 86px;
		min-width: 100%;
		max-width: 100%;
	}

	input[type="radio"],
	input[type="checkbox"] {
		margin: 4px 0 0;
		line-height: normal;
	}

	input[type="image"],
	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	input[type="radio"],
	input[type="checkbox"] { width: auto; }

	.wrong-data { border-color: #fe5214; }

	/* Fix for Mobile Safari */
	input[type="checkbox"]	{ -webkit-appearance: checkbox; }
	input[type="radio"]		{ -webkit-appearance: radio; }

	 Chrome, Safari 
	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder { color: #999; }

	 Firefox 
	input:-moz-placeholder,
	textarea:-moz-placeholder { color: #999; }
	
		

	.button {
		font-family: 'Roboto', sans-serif;
		display: inline-block;
		margin-bottom: 15px;
		padding: 10px 24px;
		outline: none;
		border-width: 1px;
		border-style: solid;
		background: #990103; /* Old browsers */
background: -moz-linear-gradient(top, #990103 0%, #3e0001 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#356395), color-stop(100%,#183658)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #990103 0%,#3e0001 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #990103 0%,#3e0001 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #990103 0%,#3e0001 100%); /* IE10+ */
background: linear-gradient(to bottom, #990103 0%,#3e0001 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990103', endColorstr='#3e0001',GradientType=0 ); /* IE6-9 */
		border:none;
		color: #fff;
		vertical-align: baseline;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: normal;
		font-size: 14px;
		cursor: pointer;		
		-webkit-border-radius: 0px;
				border-radius: 0px;
		-webkit-transition: all .25s ease;
				transition: all .25s ease;
				
	}
	
	.button:hover{
		background: #3e0001; /* Old browsers */
background: -moz-linear-gradient(top, #3e0001 0%, #990103 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#183658), color-stop(100%,#356395)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3e0001 0%,#990103 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3e0001 0%,#990103 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #3e0001 0%,#990103 100%); /* IE10+ */
background: linear-gradient(to bottom, #3e0001 0%,#990103 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e0001', endColorstr='#990103',GradientType=0 ); /* IE6-9 */
color:#fff !important;
		}
	
.button2 {
    background: linear-gradient(to bottom, #990103 0%, #3e0001 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 0;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-family: "Roboto",sans-serif;
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 15px;
    outline: medium none;
    padding: 4px 7px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.25s ease 0s;
    vertical-align: baseline;
}

.button2:hover{
		background: #3e0001; /* Old browsers */
background: -moz-linear-gradient(top, #3e0001 0%, #990103 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#183658), color-stop(100%,#356395)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3e0001 0%,#990103 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3e0001 0%,#990103 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #3e0001 0%,#990103 100%); /* IE10+ */
background: linear-gradient(to bottom, #3e0001 0%,#990103 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e0001', endColorstr='#990103',GradientType=0 ); /* IE6-9 */
color:#fff;
		}


/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */

#header {
	position: relative;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	
	background-color: #fff;
	line-height: 0;
	
	-webkit-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
			backface-visibility: hidden;
	-webkit-transition: background-color .25s ease, height .25s ease;
			transition: background-color .25s ease, height .25s ease;
			padding-bottom:10px;
}

.home #header, #header.header-shrink { border-bottom-width: 0;  }

#header.transparent   { background-color: transparent; background-image: url("images/ecailles.png"); }


	.header-in {
		margin: 0 auto;
		/*width: 51.7%;*/
		text-align: justify;
		padding:0px 0px 0px;
	}
#header.header-shrink .header-in { padding-top:0px; }
	
	.not-ie .header-in { font: 0/0 a; }
	
	@media screen and (min-width: 0\0) {
		.not-ie .header-in {
			font-size: 15px;
			transition: height .25s ease;
		}
	}
	
	.ie8 .header-shrink .header-in { font-size: 15px; }

	.header-in:after {
		display: inline-block;
		width: 100%;
		vertical-align: top;
		content: "";
	}	
	
	/* -------------------------------------------------- */
	/*	Logo
	/* -------------------------------------------------- */

	#logo,
	#navigation {
		display: inline-block;
		vertical-align: middle;
		
		

	}	
	
		#logo {
			margin-bottom: 0;
			
			-webkit-transition: font-size .25s ease;
					transition: font-size .25s ease;
					padding-left:20px;
		}
		
		.transparent #logo { font-size: 44px;  float:left;}
		
			.transparent #logo a { color: #fff; }
		
		.header-shrink #logo { font-size: 28px; }
		
			.header-shrink #logo a { color: #fff; }

	/* -------------------------------------------------- */
	/*	Main Navigation
	/* -------------------------------------------------- */
	
	/*.transparent .navigation {
		border-bottom: 1px solid #cfcfcf;
		border-bottom: 1px solid rgba(207,207,207, .4);
	}*/
	
	.header-shrink .navigation { border-bottom-width: 0; }

		.navigation > ul > li {
			position: relative; 
			display: block;
			float: left;
			border-left:1px solid #000000;
		}
		.navigation > ul > li:first-child{border:none;}

			.navigation > ul > li > a {
				display: block;
				margin: 0;
				padding: 35px 20px 41px;
				color: #fff;
				text-transform: uppercase;
				font-size: 12px;
				line-height: 2em;
				
				
				-webkit-transition: padding .25s ease, color 100ms linear, background-color .25s ease-out;
						transition: padding .25s ease, color 100ms linear, background-color .25s ease-out;
			}
			
			.navigation > ul > .downarrowclass > a:after {
				margin-left: 6px;
				color: #fff;
				font-size: 12px;
				font-family: 'fontello';
				content: '\e8ba';
				line-height: 1em;
			}
			
			/*.transparent .navigation > ul > li > a,
			.transparent .navigation > ul > li > a:after { color: #fff; }*/
			
			@media only screen and (min-width: 1025px) {
				
				.transparent .navigation > ul > li > a				  { padding: 4px 16px 	  }
				.transparent .navigation > ul > li.downarrowclass > a { padding: 4px 16px  }
			}
			
			@media only screen and (min-width: 993px) {
				.header-shrink .navigation > ul > li > a {					
					color: #fff;
				}
				.header-shrink .navigation > ul > li > a:after { color: #fff; }
			}

			.navigation a { 				
				font-family: 'FuturaMTBTMedium';
			}

			.navigation > ul > li:hover > a,
			.navigation > ul > .current-menu-item > a,
			.navigation > ul > .current-menu-parent > a,
			.navigation > ul > .current-menu-ancestor > a,
			.navigation > ul > .current_page_item > a,
			.navigation > ul > .current_page_parent > a,
			.navigation > ul > .current_page_ancestor > a { 
				background-color: #a90103;
				color: #fff;
			}

			.navigation > ul > li:hover > a:after,
			.navigation > ul > .current-menu-item > a:after,
			.navigation > ul > .current-menu-parent > a:after,
			.navigation > ul > .current-menu-ancestor > a:after,
			.navigation > ul > .current_page_item > a:after,
			.navigation > ul > .current_page_parent > a:after,
			.navigation > ul > .current_page_ancestor > a:after { background-color: #a90103; color: #fff; }

			.navigation .current-menu-item,
			.navigation .current-menu-parent,
			.navigation .current-menu-ancestor,
			.navigation .current_page_item,
			.navigation .current_page_parent,
			.navigation .current_page_ancestor { background-color: #a90103; color: #fff; }

			.transparent .navigation > ul > li:hover > a,
			.transparent .navigation > ul > .current-menu-item > a,
			.transparent .navigation > ul > .current-menu-parent > a,
			.transparent .navigation > ul > .current-menu-ancestor > a,
			.transparent .navigation > ul > .current_page_item > a,
			.transparent .navigation > ul > .current_page_parent > a,
			.transparent .navigation > ul > .current_page_ancestor > a { 
				background-color: #a90103;
				/*background-color: rgba(0,194,169, .7);*/
				border-radius:0px 0px 0px 0px;
			}
			
			.header-shrink .navigation > ul > li:hover > a,
			.header-shrink .navigation > ul > .current-menu-item > a,
			.header-shrink .navigation > ul > .current-menu-parent > a,
			.header-shrink .navigation > ul > .current-menu-ancestor > a,
			.header-shrink .navigation > ul > .current_page_item > a,
			.header-shrink .navigation > ul > .current_page_parent > a,
			.header-shrink .navigation > ul > .current_page_ancestor > a { 
				background-color: #a90103;
				color: #fff;
			}
			
			.header-shrink .navigation > ul > li:hover > a:after,
			.header-shrink .navigation > ul > .current-menu-item > a:after,
			.header-shrink .navigation > ul > .current-menu-parent > a:after,
			.header-shrink .navigation > ul > .current-menu-ancestor > a:after,
			.header-shrink .navigation > ul > .current_page_item > a:after,
			.header-shrink .navigation > ul > .current_page_parent > a:after,
			.header-shrink .navigation > ul > .current_page_ancestor > a:after { color: #fff; }

	/* Dropdown */

	 .navigation ul ul {
		position: absolute;
		display: none;
		padding: 10px 0;
		width: 200px;
		background-color: #000;
		background-color: #a90103;
		border-radius:0px 0px 3px 3px;;
	}
	
			.navigation ul ul li { position: relative; }

			.navigation ul ul li a {
				display: block;
				padding: 7px 20px;
				color: #fff;
				text-transform: uppercase;
				font-size: 11px;
				line-height: 1.5em;
				text-align: left;
			}
			
			.navigation ul ul .rightarrowclass > a:after {
				margin-left: 15px;
				color: #fff;
				font-size: 12px;
				font-family: 'fontello';
				content: '\e8b8';
				line-height: 1em;
			}	
			
			.navigation ul ul a:hover,
			.navigation ul ul .current-menu-item > a,
			.navigation ul ul .current-menu-parent > a,
			.navigation ul ul .current-menu-ancestor > a,
			.navigation ul ul .current_page_item > a,
			.navigation ul ul .current_page_parent > a,
			.navigation ul ul .current_page_ancestor > a { color: #fff; background:#460000; }
			
			@media only screen and (min-width: 993px) {
				.navigation ul ul ul {
					top: 0;
					left: 170px;
					margin-top: -10px;
				}
			}
			
	/* Responsive Button */

	.responsive-nav-button {
		display: none;
		width: 40px;
		height: 40px;
		/*background-color: #a90103;*/
		text-align: center;
		font-weight: normal;
		font-style: normal;
		font-size: 21px;
		font-family: 'fontello';
		line-height: 40px;
		vertical-align: middle;
		
		-webkit-border-radius: 6px;
				border-radius: 6px;
				float:left;
				margin-top:0px;
	}

	.responsive-nav-button:after {
		content: "\ed38";
		color: #fff;
	}
	

#footer {
	position: relative;
	z-index: 1;
	color: #a0a0a0;
}

		
	
	.progress-bar {
		position: relative;
		margin-bottom: 18px;
	}

		.progressbar-title {
			margin-bottom: 3px;
			color: #aeaeae;
			font-size: 16px;
		}

		.percent {
			position: absolute;
			top: -5px;
			right: 0;
			display: block;
			color: #aeaeae;
			font-size: 16px;
			line-height: 35px;
		}	
		
		.bar-outer {
			position: relative;
			width: 100%;
			height: 12px;
			border: 1px solid #cfcfcf;
			
			-webkit-border-radius: 5px;
					border-radius: 5px;
		}

			.bar {
				position: absolute;
				top: -1px;
				left: 0;
				z-index: 2;
				width: 0%;
				height: 12px;
				background-color: #a90103;
				
				-webkit-border-radius: 5px;
						border-radius: 5px;
			}

	
	/* -------------------------------------------------- */
	/*	Back Top
	/* -------------------------------------------------- */

	#back-top {
		position: fixed;
		right: 40px;
		bottom: 40px;
		z-index: 999;
		display: none;
		width: 50px;
		height: 50px;
		border: 1px solid #e6e6e6;
		background-color: #fff;
		background-color: rgba(255,255,255,.25);
		text-align: center;
		
		-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
		-webkit-transition: all .25s ease;
				transition: all .25s ease;
		-webkit-border-radius: 0%;
				border-radius: 0%;
	}
	
	#back-top:after {
		width: 40px;
		height: 40px;
		text-align: center;
		color: #990103;
		font-size: 20px;
		font-family: 'fontello';
		content: "\ed4e";
		line-height: 48px;
		
		-webkit-transition: all .25s ease;
				transition: all .25s ease;
	}
	
	#back-top:hover {
		border-color: transparent;
		background-color: #a90103;
	}
	
	#back-top:hover:after { color: #fff; }

	.wpcf7-form-control-wrap.address {
    padding-left: 0;
	margin: 0 !important;
}

#text-3 .side-block h2 {
  animation: blinker 2s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0.0; }
}

.sidebutton div {
    background-color: #990103;
    border-radius: 8px;
    box-shadow: 0 9px 0 rgba(219, 31, 5, 1), 0 9px 25px rgba(0, 0, 0, 0.7);
    color: #fff !important;
    display: block;
    font-size: 16px;
    font-weight: 500;
    padding: 8px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all 0.1s ease 0s;
}

.sidebutton div:hover {
    box-shadow: 0 3px 0 rgba(219, 31, 5, 1), 0 3px 6px rgba(0, 0, 0, 0.9);
    position: relative;
    top: 6px;
}

.sidebutton2 div {
    background-color: rgba(219, 31, 5, 1);
    border-radius: 8px;
    box-shadow: 0 9px 0 #990103, 0 9px 25px rgba(0, 0, 0, 0.7);
    color: #fff !important;
    display: block;
    font-size: 16px;
    font-weight: 500;
    padding: 8px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all 0.1s ease 0s;
}

.sidebutton2 div:hover {
    box-shadow: 0 3px 0 #990103, 0 3px 6px rgba(0, 0, 0, 0.9);
    position: relative;
    top: 6px;
}
.q-pol-side li { border:0px !important; line-height:20px !important; margin-bottom: 15px !important;}
.happly { margin-top: 26px !important; }