/* *****************************************************************************************************************************************************
********************************************************************************************************************************************************
																		Ynternet (Toselli.fr)
********************************************************************************************************************************************************
****************************************************************************************************************************************************** */

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, font, 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, button {outline: none !important;}

html {
	position: relative;
	min-height: 100%;
}

body{
	background: #bbc url(../img/bg4.jpg) top center no-repeat fixed;
	background-size: cover;
	font-family: "Roboto", sans-serif;
	font-size:16px;
	color: #eee;
	/* Idem footer height mais ici ajout de 280px pour espacer footer et corps du texte 
	margin-bottom: 600px;*/
}

a, a:visited {
	color: #2bbeff;
	text-decoration:none;
	-webkit-transition:all 500ms ease-out;
	-moz-transition:all 500ms ease-out;
	-o-transition:all 500ms ease-out;
	transition:all 500ms ease-out;
}
a:hover, a:focus {
	color: #0cf;
	text-shadow: 0 0 4px #2bbeff;
	text-decoration:none;
}

h1, .titre-transparent{
	margin: 20px 0 84px;
	line-height:44px;
	text-align: center;
	font-size:40px;
	font-weight: 500;
	text-transform: uppercase;
	color:#08c;
}
.titre-transparent{margin: 160px 0 40px;}
h1 span, .titre-transparent span{
	color:#08c;
	font-size:26px;
	font-weight:500;
	text-shadow: 2px 2px 4px #fff;
}
h2{
	margin: 30px auto 20px;
	text-align:center;
	font-size:24px;
	font-weight: 500;
	width: 100%;
	background: #26a;
	background: -moz-linear-gradient(left, #1e5799 0%, #2bbeff 100%);
	background: -webkit-linear-gradient(left, #1e5799 0%,#2bbeff 100%);
	background: linear-gradient(to right, #1e5799 0%,#2bbeff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#2bbeff',GradientType=1 );
	padding: 6px 10px 4px;
	border:hidden;
	border-radius: 10px;
	text-transform: uppercase;
	color:#fff;
}
h3{
	margin: 20px 0 10px;
	text-align:left;
	font-size:24px;
	font-weight: 500;
}
h4{ margin: 16px 0 10px; font-size:18px; font-weight:500; color:#8df;}
h5{ margin: 14px 0 10px; font-size:15px; font-weight:500;}
h6{
	margin: 0 auto 10px;
	text-align:center;
	font-size:18px;
	font-weight:500;
	text-transform:uppercase;
}

hr{ border-top: #eee 1px dotted;}
label{font-weight: 500;}
strong{font-weight: 700;}

/* ==========================================================================
   Menu
   ========================================================================== */
   
#sur-menu{
	height: 90px;	/* valeur à mettre dans le js fixe-menu*/
	/*background-color:#eef;
	background-image: url('../img/bg_sur-menu3.jpg');
	background-size: cover;*/
	background-color:#18a0da;
	/*background:none;*/
	border-bottom: #3a3a4a 1px solid;
}
#sur-menu .gauche{
	padding-top: 20px;
	color:#eee;
	text-align:center;
	font-size:22px;
	font-weight:300;
	text-transform:uppercase;
	letter-spacing:5px;
	line-height: 25px;
}
#sur-menu .gauche span{
	font-weight:500;
	font-size:14px;
	letter-spacing:5px;
}
#sur-menu .gauche img{
	float:left;
	margin: -6px 20px 0 0;
}
#sur-menu .droite{
	padding-top: 14px;
	color:#eee;
	text-align:right;
	font-family: "Oswald", sans-serif;
	font-size:14.5px;
	font-weight:200;
	text-transform:uppercase;
}
#sur-menu .droite .icone-droite{font-size:20px; vertical-align:-7%;}

#sur-menu  a, #sur-menu  a:visited {color: #eee;}
#sur-menu  a:hover, #sur-menu  a:focus {color: #2bbeff;}

#menu-spacer {min-height:95px;} /* menu+ombre+7 Permet de conserver la hauteur de l'élément quand menu se fixe */

@media screen and (min-width: 992px) {
	.fixe-menu{ position: fixed !important; left: 0; top: 0;}/* classe pour fixer menu (grands écrans) */
}

#menu-principal { /* inclut menu et ombre */
	position:relative;
	width:100%;
	z-index:100;
}

.navbar-default{border:none;}
#menu-principal .navbar {
	height: 40px;
	background: #0080c9;
	border-bottom: #111 1px solid;
	border-radius: 0;
	margin-bottom: 0;
}

.navbar-nav{margin-top:-1px;}
.navbar-nav > li > a, .navbar-nav > li > a:hover, .navbar-nav > li a:focus, .navbar-nav > .active > a{
	/* Suppression fond "active" */
	background-color:transparent !important;
	background-image: none !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00dbdbdb', endColorstr='#00e2e2e2', GradientType=0);
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.navbar-nav > li > a{ color:#eee !important; font-family: "Oswald", sans-serif; font-size:16px; text-transform: uppercase; text-shadow:none;}
.navbar-nav > li > a:hover, .navbar-nav > li a:focus{color:#0cf !important; text-shadow: 0 0 4px #2bbeff;}
.navbar-nav > .active > a{color:#2bbeff !important;}
.nav > li > a{padding: 15px 26px 0 0;}


/* ==========================================================================
   En-tête et slider
   ========================================================================== */

/*#entete {
    width: 100%;
    height: 160px;
    margin: -47px 0 0 0;
}*/

#entete_accueil {
	width:100%;
	margin: -47px 0 0 0;
	background: #c0c0c0;
	background: -moz-linear-gradient(top,  #c0c0c0 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0c0c0), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #c0c0c0 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #c0c0c0 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #c0c0c0 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #c0c0c0 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#ffffff',GradientType=0 );
}

.slidervig{ /* images dans le slider */
	border:#fff 4px solid !important;
    box-shadow: 0px 0px 10px rgba(5, 5, 5, 0.25) !important;
    -moz-box-shadow: 0px 0px 10px rgba(5, 5, 5, 0.25) !important;
    -webkit-box-shadow: 0px 0px 10px rgba(5, 5, 5, 0.25) !important;
	border-radius: 4px !important;
}

/* ==========================================================================
   Contenu
   ========================================================================== */

.bloc_contenu, .bloc_contenu_dark, .bloc_photo{
	padding: 30px 0 50px;
	background-color:#0080c9;
	border-top: #0ae 2px solid;
	border-bottom: #000 1px solid;
	box-shadow:0 5px 20px #000;
}

.bloc_contenu_dark{
	background-color:#0080c9;
}

.bloc_photo{
	text-align:center;
	background-size:cover;
}

.bloc_transparent{
	padding: 50px 0;
	background-color: transparent;
	color:#fff;
	text-align:center;
}

.ombre_bloc{box-shadow:0 5px 20px #000;}

.bloc_contenu_dark h2{
	background: #26a;
	background: -moz-linear-gradient(left, #1e5799 0%, #2bbeff 100%);
	background: -webkit-linear-gradient(left, #1e5799 0%,#2bbeff 100%);
	background: linear-gradient(to right, #1e5799 0%,#2bbeff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#2bbeff',GradientType=1 );
	color:#ccc;
}

.slogan{
	margin: 0 0 30px;
	text-align: center;
	text-transform: uppercase;
	font-size:40px;
	font-weight: 500;
	letter-spacing:25px;
	color:#fff;
}
.slogan span{
	letter-spacing:5px;
	font-size:26px;
	font-weight:100;
	color:#eee;
}

.slogan-accueil-haut, .slogan-accueil-bas{
	font-size:20px;
	font-weight:300;
	color:#fff;
	text-align:center;
	margin: 10px auto -10px;
	text-transform:uppercase;
	letter-spacing:.3em;
}

.bloc_photo .titre{
	margin: 20px 0;
	text-align: center;
	font-size:36px;
	font-weight: 500;
	text-transform: uppercase;
	line-height:40px;
	color:#fff;
}
.bloc_photo .titre span{color:#8df;}
.bloc_photo p{
	margin: 20px 0;
	text-align: center;
	font-size:18px;
	color:#fff;
}
.bloc_photo .bouton, .bouton-txt{
	display:inline-block;
	position:relative;
	padding: 10px 30px;
	color:#8df;
	font-size:20px;
	font-weight: 400;
	background-color:rgba(0,20,60,.2);
	border: #8df 2px solid;
	border-radius:3px;
}
.bloc_photo .bouton:hover, .bouton-txt:hover{
	color:#fff;
	background-color:rgba(255,255,255,.2);
	border: #fff 2px solid;
}
.emphase, .emphase2{
	margin: 40px 12px;
	padding: 10px;
	text-align:center;
	font-size:18px;
	font-weight: 500;
	color:#8df;
	background-color:rgba(0,0,0,.2);
	border: #222 2px solid;
	border-radius:6px;
}
.emphase2{margin: 30px 12px 12px; font-size:15px;}

.bouton2{
	display:inline-block;
	position:relative;
	padding: 10px 30px;
	text-align:center;
	color:#8df;
	font-size:20px;
	font-weight: 400;
	background-color:rgba(0,20,60,.6);
	border: #7ce 2px solid;
	border-radius:4px;
}
.bouton2:hover{
	color:#fff;
	background-color:rgba(255,255,255,.2);
	border: #fff 2px solid;
}

.interbloc{height: 200px;}

#content img, .img750, .img365{
	width: 100%;
	height:auto;
	margin: 20px auto;
	border-radius: 6px;
}
.img365{max-width: 365px !important;}
.img200{
	width: 100%;
	height:auto;
	margin: 10px auto;
	max-width: 200px;
}
.img200radius{
	width: 100%;
	height:auto;
	margin: 10px auto;
	max-width: 200px;
	border-radius: 10px;
}

.logo{text-align:center; margin: 0 auto 40px;}

.video-container {
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
    width: 100%;
}
.video-container iframe, .video-container embed, .video-container object {
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
}
.video-cellule{
	margin: 30px auto 20px;
	max-width:400px;
}
.video-cellule2{
	margin: 50px auto 4px;
	max-width:400px;
}
.video-container2 {
    height: 0;
    overflow: hidden;
    padding-top: 180%;
    position: relative;
    width: 100%;
}
.video-container2 iframe {
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
}
.video-cellule3{
	margin: 30px auto 20px;
	max-width:200px;
}

.cartouche{
	padding: 18px 30px;
	background: #445;
	border-radius: 10px;
}
.cartouche2, .cartouche3{
	margin: 0 0 4px;
	padding: 8px 16px 12px;
	background: #445;
	border-radius: 10px;
}
.cartouche3{margin: 4px 0 16px}

aside.cartouche{
	margin-top: 40px;
	padding-top:2px;
}
aside h3{
	text-align:center;
	margin: 20px auto;
	color:#fff;
	font-size: 22px;
	background: #26a;
	background: -moz-linear-gradient(left, #1e5799 0%, #2bbeff 100%);
	background: -webkit-linear-gradient(left, #1e5799 0%,#2bbeff 100%);
	background: linear-gradient(to right, #1e5799 0%,#2bbeff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#2bbeff',GradientType=1 );
	padding: 5px 10px;
	border:hidden;
	border-radius: 10px;
}
aside p{
	text-align:left;
	font-size: 16px;
}
aside ul{padding-left:10px;}
aside li{list-style-type:square;}

aside .titre{
	margin: 30px 0;
	text-align: center;
	font-size:20px;
	font-weight: 500;
	text-transform: uppercase;
	line-height:25px;
	color:#fff;
}
aside .titre span{color:#8df;}
/*aside p{
	margin: 20px 0;
	text-align: center;
	font-size:18px;
	color:#fff;
}*/
aside .bouton{
	display:inline-block;
	position:relative;
	padding: 10px 30px;
	color:#8df;
	text-align: center;
	font-size:16px;
	font-weight: 400;
	background-color:rgba(0,20,60,.2);
	border: #8df 2px solid;
	border-radius:3px;
}
aside .bouton:hover{
	color:#fff;
	background-color:rgba(255,255,255,.2);
	border: #fff 2px solid;
}

.social{ text-align:center;}
.social a, .social a:visited{padding: 10px 8px; font-size:40px;}
.social a:hover, .social a:focus{text-shadow: 0 0 1px #acc;}

.form-control:focus{
	background-color: #f0f0f0;
	border-color:#999;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(64,64,64,0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(64,64,64,0.6)
}

#map_canvas{
	width:100%;
	height:600px;
	margin-bottom:30px;
}
#map_canvas img{
	border-radius: none;
	margin:0;
	box-shadow:none;
}

/* ==========================================================================
   Footer
   ========================================================================== */

.footer {
	/*position: absolute;
	bottom: 0;*/
	width: 100%;
	font-family: "Oswald", sans-serif;
	font-size: 16px;
	color: #eee;
	/* Idem body */
	/*height: 320px;*/
	margin-top:300px;
	border-top: #333 2px solid;
	background: #0080c9;
}

.footer .container{ padding: 30px 10px;}

.footer a, .footer a:visited {color: #eee;}
.footer a:hover, .footer a:focus {color: #2bbeff;}

.footer h3{
	margin: 0 0 20px 0;
	padding: 5px 10px;
	text-align:left;
	width: 100%;
	font-size:22px;
	background: #26a;
	background: -moz-linear-gradient(left, #1e5799 0%, #2bbeff 100%);
	background: -webkit-linear-gradient(left, #1e5799 0%,#2bbeff 100%);
	background: linear-gradient(to right, #1e5799 0%,#2bbeff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#2bbeff',GradientType=1 );
	/*background: #3f4c6b;
	background: -moz-linear-gradient(left,  #3f4c6b 0%, #606c88 100%);
	background: -webkit-linear-gradient(left,  #3f4c6b 0%,#606c88 100%);
	background: linear-gradient(to right,  #3f4c6b 0%,#606c88 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#606c88',GradientType=1 );*/
	border:hidden;
	border-radius: 10px;
	color:#eee;
}

.footer p{margin-left:10px;}

#fl-haut{
	font-size:24px;
	color:#2bbeff;
	text-shadow: 0 0 3px #000;
	cursor: pointer;
	vertical-align: middle;
	padding: 0 20px 0 0;
	-webkit-transition:all 500ms ease-out;
	-moz-transition:all 500ms ease-out;
	-o-transition:all 500ms ease-out;
	transition:all 500ms ease-out;
}
#fl-haut:hover{
	color:#0cf;
	text-shadow: 0 0 3px #2bbeff;
}

/* ==========================================================================
   Divers
   ========================================================================== */

.align-left{ text-align:left !important;}
.align-right{ text-align:right !important;}
.align-center{ text-align:center !important;}

.pad-left6{ padding-left:6px;}
.pad-right6{ padding-right:6px;}
.pad-left30{ padding-left:30px;}
.pad-right30{ padding-right:30px;}

.alert-info{ background-color:#ffd; border-color:#c00; color:#233;}

/* Boutons */
.btn-primary{ background-color:#688; border-color:#466; color:#fff !important;}
.btn-primary:hover, .btn-primary:focus{ background-color:#9cb; border-color:#688; color:#000 !important;}
.btn-custom {
	background-color: hsl(211, 60%, 29%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#377fcd", endColorstr="#1d4876");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#377fcd), to(#1d4876));
	background-image: -moz-linear-gradient(top, #377fcd, #1d4876);
	background-image: -ms-linear-gradient(top, #377fcd, #1d4876);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #377fcd), color-stop(100%, #1d4876));
	background-image: -webkit-linear-gradient(top, #377fcd, #1d4876);
	background-image: -o-linear-gradient(top, #377fcd, #1d4876);
	background-image: linear-gradient(#377fcd, #1d4876);
	border-color: #1d4876 #1d4876 hsl(211, 60%, 23.5%);
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.36);
	-webkit-font-smoothing: antialiased;
	border-radius: 6px;
	text-transform:uppercase;
	padding: 5px 30px 3px;
	margin-bottom:30px;
}

.nob{ border:none !important; box-shadow:none !important; border-radius:0 !important; width: auto !important;}

/* Ombre du menu */
.ombre {
	background: transparent url(../img/ombre.png) no-repeat center top;
	background-clip:border-box;
	top: 0;
	width: 100%;
	height:47px;
}

/* Bouton retour vers le haut */
#btn-haut {
	display: none;
	position: fixed;
	z-index:100;
	bottom: 10px;
	right: 20px;
	cursor: pointer;
	font-size:30px;
	color:#2bbeff;
	-webkit-transition:all 500ms ease-out, background-color 500ms ease-out;
	-moz-transition:all 500ms ease-out, background-color 500ms ease-out;
	-o-transition:all 500ms ease-out, background-color 500ms ease-out;
	transition:all 500ms ease-out, background-color 500ms ease-out;
	text-shadow: 0 0 3px #333;
}
#btn-haut:hover{
	color:#4df;
	text-shadow: 0 0 3px #333;
}

.bleu{color:#8df;}


/* ==========================================================================
   Menu effet icones (accueil)
   ========================================================================== */

.accueil-boutons{
	text-align:center;
}

.hi-icon-wrap {
	text-align: center;
	margin: 0 auto;
	padding: 2em 0 3em;
}

.hi-icon {
	display: inline-block;
	font-size: 48px;
	cursor: pointer;
	margin: 15px 4px 10px;
	padding-top:15px;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
	background: rgba(255,255,255,0.1);
	-webkit-transition: background 0.8s, color 0.8s;
	-moz-transition: background 0.8s, color 0.8s;
	transition: background 0.8s, color 0.8s;
}
.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
	top: -7px;
	left: -7px;
	padding: 7px;
	box-shadow: 0 0 0 4px #fff;
	-webkit-transition: -webkit-transform 0.8s, opacity 0.8s;
	-webkit-transform: scale(.8);
	-moz-transition: -moz-transform 0.8s, opacity 0.8s;
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transition: transform 0.8s, opacity 0.8s;
	transform: scale(.8);
	opacity: 0;
}
.hi-icon:hover {
	background: rgba(255,255,255,1);
	color: #2bbeff;
}
.hi-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.hi-icon .hi-icon-text{
	opacity:0;
	text-transform:uppercase;
	font-size:12px;
	color:#eee;
	padding: 0;
	-webkit-transition:opacity 0.8s;
	-moz-transition:opacity 0.8s;
	-o-transition:opacity 0.8s;
	transition:opacity 0.8s;
}
.hi-icon:hover .hi-icon-text{
	color:#eee;
	opacity:1;
}


/* ==========================================================================
   Responsive
   ========================================================================== */
@media screen and (max-width: 1199px){
	.nav > li > a{padding: 15px 15px;}
	/* Problème row dépassant en largeur */
	.footer .row{ margin:0 12px;}
	#sur-menu .gauche span{letter-spacing:3px; font-size:12px;}
}

@media screen and (max-width: 991px){
	.nav > li > a{padding: 15px 6px;}
	.navbar-header{ padding-bottom:10px;}
	#sur-menu .gauche span{letter-spacing:2px; font-size:11px;}
}

@media screen and (max-width: 767px){
	p{text-align:left;}
	h1{margin: 40px auto 0; font-size:1.8em;}
	#entete{ height:100px;}
	h2{font-size:22px;}
	h3{font-size:20px;}
	.bloc_videos p{margin-bottom:60px;}
	
	#menu-spacer {min-height:0;}
	.navbar-brand{ padding: 8px 0 0 20px;}
	
	.navbar-default .navbar-toggle{margin: 7px 20px 0 0; border-width: 2px; border-color: #233; background-color: #fff;}
	.navbar-default .navbar-toggle:hover{border-color: #2bbeff; background-color:#2bbeff;}
	.navbar-default .navbar-toggle .icon-bar {background-color: #2bbeff;}
	.navbar-default .navbar-toggle:hover .icon-bar{background-color: #fff;}

	.navbar-collapse{margin-top:-10px;}
	.navbar-nav{background-color:#334; margin: -5px -15px 0; padding: 10px;}
	.navbar-right{ margin-top:-10px; border-bottom:#333 2px solid;}
	.navbar-nav > li > a{text-align:center; padding: 6px;}
	
	.slogan{margin: -10px auto 30px; font-size:22px; letter-spacing:10px;}
	.slogan-accueil-haut, .slogan-accueil-bas{margin: 10px auto 20px; font-size:16px; letter-spacing:.2em;}
	
	.interbloc{ height:90px;}
	
	.footer{ margin-top:90px;}
	.footer h3{ margin: 20px 0;}
}

@media screen and (max-width: 380px){
	#content p{text-align:left;}
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?kg7z6');
  src:  url('../fonts/icomoon.eot?kg7z6#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?kg7z6') format('truetype'),
    url('../fonts/icomoon.woff?kg7z6') format('woff'),
    url('../fonts/icomoon.svg?kg7z6#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-asterisk:before {
  content: "\f069";
}
.icon-star:before {
  content: "\f005";
}
.icon-user:before {
  content: "\f007";
}
.icon-th:before {
  content: "\f00a";
}
.icon-signal:before {
  content: "\f012";
}
.icon-cog:before {
  content: "\f013";
}
.icon-gear:before {
  content: "\f013";
}
.icon-home:before {
  content: "\f015";
}
.icon-download:before {
  content: "\f019";
}
.icon-bookmark:before {
  content: "\f02e";
}
.icon-video-camera:before {
  content: "\f03d";
}
.icon-pencil:before {
  content: "\f040";
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-edit:before {
  content: "\f044";
}
.icon-pencil-square-o:before {
  content: "\f044";
}
.icon-plus-circle:before {
  content: "\f055";
}
.icon-minus-circle:before {
  content: "\f056";
}
.icon-times-circle:before {
  content: "\f057";
}
.icon-check-circle:before {
  content: "\f058";
}
.icon-question-circle:before {
  content: "\f059";
}
.icon-info-circle:before {
  content: "\f05a";
}
.icon-arrow-left:before {
  content: "\f060";
}
.icon-arrow-right:before {
  content: "\f061";
}
.icon-arrow-up:before {
  content: "\f062";
}
.icon-arrow-down:before {
  content: "\f063";
}
.icon-exclamation-circle:before {
  content: "\f06a";
}
.icon-leaf:before {
  content: "\f06c";
}
.icon-eye:before {
  content: "\f06e";
}
.icon-exclamation-triangle:before {
  content: "\f071";
}
.icon-warning:before {
  content: "\f071";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-facebook-square:before {
  content: "\f082";
}
.icon-key:before {
  content: "\f084";
}
.icon-cogs:before {
  content: "\f085";
}
.icon-gears:before {
  content: "\f085";
}
.icon-comments:before {
  content: "\f086";
}
.icon-thumbs-o-up:before {
  content: "\f087";
}
.icon-thumbs-o-down:before {
  content: "\f088";
}
.icon-linkedin-square:before {
  content: "\f08c";
}
.icon-thumb-tack:before {
  content: "\f08d";
}
.icon-trophy:before {
  content: "\f091";
}
.icon-upload:before {
  content: "\f093";
}
.icon-phone-square:before {
  content: "\f098";
}
.icon-bullhorn:before {
  content: "\f0a1";
}
.icon-certificate:before {
  content: "\f0a3";
}
.icon-arrow-circle-left:before {
  content: "\f0a8";
}
.icon-arrow-circle-right:before {
  content: "\f0a9";
}
.icon-arrow-circle-up:before {
  content: "\f0aa";
}
.icon-arrow-circle-down:before {
  content: "\f0ab";
}
.icon-tasks:before {
  content: "\f0ae";
}
.icon-briefcase:before {
  content: "\f0b1";
}
.icon-group:before {
  content: "\f0c0";
}
.icon-users:before {
  content: "\f0c0";
}
.icon-chain:before {
  content: "\f0c1";
}
.icon-link:before {
  content: "\f0c1";
}
.icon-envelope:before {
  content: "\f0e0";
}
.icon-dashboard:before {
  content: "\f0e4";
}
.icon-tachometer:before {
  content: "\f0e4";
}
.icon-bolt:before {
  content: "\f0e7";
}
.icon-flash:before {
  content: "\f0e7";
}
.icon-sitemap:before {
  content: "\f0e8";
}
.icon-lightbulb-o:before {
  content: "\f0eb";
}
.icon-bell:before {
  content: "\f0f3";
}
.icon-laptop:before {
  content: "\f109";
}
.icon-quote-left:before {
  content: "\f10d";
}
.icon-quote-right:before {
  content: "\f10e";
}
.icon-smile-o:before {
  content: "\f118";
}
.icon-frown-o:before {
  content: "\f119";
}
.icon-meh-o:before {
  content: "\f11a";
}
.icon-keyboard-o:before {
  content: "\f11c";
}
.icon-puzzle-piece:before {
  content: "\f12e";
}
.icon-shield:before {
  content: "\f132";
}
.icon-calendar-o:before {
  content: "\f133";
}
.icon-rocket:before {
  content: "\f135";
}
.icon-chevron-circle-left:before {
  content: "\f137";
}
.icon-chevron-circle-right:before {
  content: "\f138";
}
.icon-chevron-circle-up:before {
  content: "\f139";
}
.icon-chevron-circle-down:before {
  content: "\f13a";
}
.icon-bullseye:before {
  content: "\f140";
}
.icon-rss-square:before {
  content: "\f143";
}
.icon-file-text:before {
  content: "\f15c";
}
.icon-thumbs-up:before {
  content: "\f164";
}
.icon-thumbs-down:before {
  content: "\f165";
}
.icon-youtube-square:before {
  content: "\f166";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-pagelines:before {
  content: "\f18c";
}
.icon-envelope-square:before {
  content: "\f199";
}
.icon-bank:before {
  content: "\f19c";
}
.icon-institution:before {
  content: "\f19c";
}
.icon-university:before {
  content: "\f19c";
}
.icon-graduation-cap:before {
  content: "\f19d";
}
.icon-mortar-board:before {
  content: "\f19d";
}
.icon-child:before {
  content: "\f1ae";
}
.icon-life-bouy:before {
  content: "\f1cd";
}
.icon-life-buoy:before {
  content: "\f1cd";
}
.icon-life-ring:before {
  content: "\f1cd";
}
.icon-life-saver:before {
  content: "\f1cd";
}
.icon-support:before {
  content: "\f1cd";
}
.icon-paper-plane:before {
  content: "\f1d8";
}
.icon-send:before {
  content: "\f1d8";
}
.icon-futbol-o:before {
  content: "\f1e3";
}
.icon-soccer-ball-o:before {
  content: "\f1e3";
}
.icon-plug:before {
  content: "\f1e6";
}
.icon-newspaper-o:before {
  content: "\f1ea";
}
.icon-cc-stripe:before {
  content: "\f1f5";
}
.icon-copyright:before {
  content: "\f1f9";
}
.icon-line-chart:before {
  content: "\f201";
}
.icon-street-view:before {
  content: "\f21d";
}
.icon-map-signs:before {
  content: "\f277";
}
.icon-map:before {
  content: "\f279";
}
.icon-vimeo:before {
  content: "\f27d";
}
.icon-envira:before {
  content: "\f299";
}
.icon-handshake-o:before {
  content: "\f2b5";
}
.icon-user-circle:before {
  content: "\f2bd";
}
.icon-drivers-license:before {
  content: "\f2c2";
}
.icon-id-card:before {
  content: "\f2c2";
}
.icon-looks_3:before {
  content: "\e900";
}
.icon-looks_4:before {
  content: "\e901";
}
.icon-looks_5:before {
  content: "\e902";
}
.icon-looks_6:before {
  content: "\e903";
}
.icon-looks_one:before {
  content: "\e904";
}
.icon-looks_two:before {
  content: "\e905";
}