/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */
@import url(http://fonts.googleapis.com/css?family=Exo:400,100,100italic,200,200italic,300,300italic,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic);

.roboto{
	font-family: 'Roboto', sans-serif !important;
}

*{
	font-family: 'Exo', sans-serif !important;
	color: #ffffff;
	letter-spacing: -0.03em;
}

a, strong{
	color: #ffffff !important;
}

.avia_textblock p{
	line-height: 1.2em;
}


p a:hover{
	text-decoration: underline;
}


/* CONCERNANT LES FICHES DU JURY D'EXPERT */

.contenantExperts{
	position:relative;
/*    width:680px;
*/    margin: 0 auto;
}

.view {
/*
    width: 300px;
    margin: 10px;
    float: left;
    border: 10px solid #fff;
    position: relative;
    box-shadow: 1px 1px 2px #e6e6e6;
*/
    height: 200px;
    overflow: hidden;
    text-align: center;
    cursor: default;
    background-color: #f7396b;
}

.view .mask, .view .content {
    width: calc( 100% + 100px );
    height: 300px;
    position: absolute;
    overflow: hidden;
    top: -48px;
    left: -48px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    z-index: 999;
    border: 1px;
    border-color: #ffffff;
    border-style: solid;	
}



.view .recto {
    display: block;
    position: relative;	
}

.view .recto p{
	margin: 0;
}

.view .mask h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.9);
    margin: 20px 0 0 0
}
.view .mask p {
/*    font-family: Georgia, serif;
    font-style: italic;
*/
    font-size: 20px;
    line-height: 1.3em;
    position: relative;
    color: #fff;
    padding: 0 10px;
    text-align:justify;
}
.view .mask a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}
.view .mask a.info:hover {
    box-shadow: 0 0 5px #000
}

/***********/
/* EFFETS  */
/***********/

/*
.view:hover{	
	background-color: #424353 !important;
	transition: all 0.3s ease-in 0.4s;
}
*/


.view-sixth .recto { 
	transition: all 0.4s ease-in-out 0.5s; 
}
.view-sixth .mask{ 
	background-color: #424353 !important;
/*	background-color: rgba(146,96,91,0.5);
*/	opacity:0;
	transition: all 0.3s ease-in 0.4s;
}
.view-sixth .mask h2{
	opacity:0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(10);
    transition: all 0.3s ease-in-out 0.1s;
}
.view-sixth .mask p { 
	opacity:0;
    transform: scale(10);
	transition: all 0.3s ease-in-out 0.2s;
}
.view-sixth .mask a.info { 
	opacity:0;
    transform: translateY(100px);
	transition: all 0.3s ease-in-out 0.1s;
}

.view-sixth, .view-sixth:hover, .mask, .mask:hover{
	cursor:pointer; 
}

.view-sixth:hover .recto {  
	opacity:0; 
	transition-delay: 0s;
    transform: scale(0.1);
	transition: all 0.3s ease-in-out 0.2s;
}																			 

.view-sixth:hover .mask {  
	opacity:1; 
	transition-delay: 0s;
}																			 
.view-sixth:hover .recto { 
	transition-delay: 0s; 
}
.view-sixth:hover .mask h2 { 
	opacity: 1;
    transform: scale(1);
	transition-delay: 0.1s;
}
.view-sixth:hover .mask p { 
	opacity:1; 
    transform: scale(1);
	transition-delay: 0.2s;
}
.view-sixth:hover .mask a.info { 
	opacity:1;
    transform: translateY(0px);
	transition-delay: 0.3s;
}


/************************************************* FIN TEST ********************************************************/

.container{
	max-width: 1000px !important;
}

.container_wrap{
	border-top-width: 0px;
}

#section_2 .content, 
#section_3 .content, 
#section_5 .content, 
#section_6 .content,
#section_8 .content{
	padding-top: 0px;
}

p {
    margin: 0.65em 0;
}

p.titre-section {
	margin-top: 55px !important;
}

/***********/
/* header  */ 
/***********/
#header_main{
	border-bottom: double thin !important;
}

#header_main .logo{
	display: none !important;
}

.av_minimal_header #header_main .container, .av_minimal_header .main_menu ul:first-child > li a {
    height: 60px !important;
    line-height: 60px !important;
}
.av-main-nav > li > a {
    font-size: 20.33px !important;
	font-weight:normal;
	text-align:center;
}

.main_menu .av-main-nav-wrap{
	width: 100%;
}

	/* => pour centrer le menu ... à revoir ! */
.main_menu {
/*    margin-left: 14% !important; */
    position: relative !important;
	width: 100 %;
}

.main_menu .av-main-nav > li{
	width: 20%;
}

#menu-item-search{
	display:none;
}


div.conteneur {
  text-align:center; /* centrage horizontal */
}

div.bloc {
/*  width:100px;
*/  vertical-align:middle;
  display:inline-block;
  line-height:normal; /* on rétablit le line-height */
  text-align:left; /* ... et l'alignement du texte */
}



/* section_1 */
div.conteneur.h-img-s1{
  height:150px;
  line-height:150px;
}

.img-section_1{
	display:block;
	min-height:130px;
}

.img-section_1 img{
	max-height:500px;
}


#section_1 .column-top-margin{
	margin-top: 0px;
}


/* Section_2 */
.bg-gris{
	background-color: #424453;
	padding: 5px;
}
.bg-rose1{
	background-color: #f8396c;
	padding: 5px;
}
.bg-rose2{
	background-color: #e56586;
	padding: 5px;
}
.wrap-boite{
	padding: 2px 2px !important;
}

#section_2 .flex_column {
	margin-top: 5px !important;
}


/* section 3 */

div.conteneur.h-img-s3{
  height:120px;
  line-height:120px;
}

#section_3 .column-top-margin{
	margin-top: 15px;
}

#section_3 .content{
	padding-bottom: 20px;
}



/* section 4a */
#etiquette{
	position:absolute;
	top: -80px;
	width: 400px;
	margin-left: calc( ( 100% - 400px ) / 2);
	margin-right: calc( ( 100% - 400px ) / 2);
}

.bords-arrondis{
    -moz-border-radius: 20px 20px 0 0;
    -webkit-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0;
    /* behavior: url(/PIE.htc); /* cf. http://www.alsacreations.com/tuto/lire/891-coins-arrondis-css-sans-images.html */
	padding: 10px;
}

#logo-etiquette-s4a img{
	position:absolute;
	top: 0px;
	left: 20px;
	width: 100px;
	
}

#texte-etiquette-s4a p{
	margin-top: 20px;
	}


/* section 4b */

a[title="Programme"] .col-xs-12{
	text-align:center !important;
}

.portrait-rond{
	padding-top: 10px;
}
.portrait-rond img{
	width: 150px !important;
}

.ficheInfo{
	max-width:400px;
	overflow:hidden;
	color: #000000 !important;
}

.ficheInfo, .ficheInfo p, .ficheInfo span, .ficheInfo em, .ficheInfo a, .ficheInfo b, .ficheInfo strong, .ficheInfo li{
	color:#424353;
}

.ficheInfo ul{
	margin-left: 17px !important;
	list-style: square;
}


/* section 5*/
#section_5 .column-top-margin{
	margin-top: 20px;
}

.texte-rencontre{
	padding-left: 30px !important;
	padding-right: 30px !important;
	margin-bottom: 30px !important;
}

.avia-builder-el-58{
	margin-top:0 !important; 
}

.texte-rencontre p{
	margin-top: 0 !important;
}

#section_5 a{
	color: #424353 !important;
	margin-top: 30px;
}

/* section 6 */
#section_6 .content{
	padding-bottom: 20px;
}


#section_6 .scroll-down-link{
	color: #a6cc4d;
	text-shadow:none;
	/*background-color: #a6cc4d;*/
	background-image: url(http://thegreenid.com/projets/festival-OL092KI92MQK6EJS72RS34/wp-content/uploads/2015/04/s6_fleche_bas.png);
	bottom: -48px !important;
	animation:none !important;
	width:98px;
	height:98px;
	-webkit-animation: none; 	
}


/* section_7 */
#section_7 .post-entry-431{
	margin-top: 50px;
}

#section_7 iframe{
/*
	border-color: #a6cc4d;
	border-radius: 10px;
	border-width: 6px;
	border-style: solid;
*/	
}

/* section 8 */
.section_8 .av_textblock_section{
	z-index:1;
}

.avia-builder-el-78 {
	margin-top:0px !important;
	margin-bottom: 30px !important;
	z-index: 0;
	
}
.avia-builder-el-80 {
	margin-top:0px !important;
}

#dotation{
	position:relative;
	width: 120px;
	background-color: #2cb9c9;
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px;
    border-radius: 150px;
	padding: 10px;
	margin: auto;
	z-index: 0;
}
/* VERSION POSITION ABSOLUE */

/*
#dotation{
	position:absolute;
	top: -170px;
	left:60px;	
	width: 120px;
	background-color: #2cb9c9;
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px;
    border-radius: 150px;
	padding: 10px;

}
*/
/* CODE A REMPLACER
<div class="row">
	<div class="col-md-12" id="dotation">
        <p style="font-size: 22.26px; line-height: 22.26px; text-align: center; font-weight:700;">3000 €<br>
        <span style="text-align: center; font-size: 16.88px; line-height: 16.88px; font-weight:500;">de dotation</span><br>
        <span style="text-align: center; font-size: 12.45px; line-height: 12.45px; font-weight:500;">pour les lauréats</span>
        </p>
	</div>
</div>
*/


#section_8 .flex_cell{
	border-left: #424353 solid 1px;
}

/* section_9 */
#section_9 .content{
	padding-top:0;
}

.conteneur-marques{
	text-align:center;
	margin-bottom: 50px;
}
.testJPC .tilt{
	display:inline-block;
	height:50%;
	margin-left: 5px;
	vertical-align:middle;	
}


/* section 10 */
#programme p{
	margin: 0.05em 0 !important;
}

#programme .col-md-5{
	text-align:right ;
}

#programme .col-md-7{
	text-align:left;
	border-left: 1px solid #ffffff;
}

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
	#programme .col-xs-12{
		text-align:center;
		border-left: none;
	}
}


/* section_9 */
#section_11 .content{
	padding-top: 0px;
	padding-bottom: 0;
}



/* reglement */
#reglement_0 .container{
	padding-top: 65px !important;

}

#reglement_0 .container .content{
	padding-top: 0px !important;
	padding-bottom: 0px !important;

}


#reglement_1 .titre{
	font-size:36px;
	margin-bottom: -20px !important;
	font-weight:700;
}

#reglement_1 .sous-titre{
	font-size:32px;
	margin-bottom: 50px !important;
	font-weight:600;
}

#reglement_1 p, #reglement_1  li, #reglement_1  strong{
	font-size:18px;
	color:#424353 !important;
}

#reglement_1  li{
	line-height:22px;
}

/* regelement */
#credit_photo_1 p, #credit_photo_1  li, #credit_photo_1  strong{
	font-size:32px;
}

#credit_photo_1 .container{
	padding-top: 65px !important;
	padding-bottom: 55px !important;

}

#credit_photo_1 .container .content{
	padding-top: 0px !important;
	padding-bottom: 0px !important;

}


/*************************************************************/
/* AJOUT PAGE D'ACCUEIL TEMPORAIRE */
/*************************************************************/
#etoile-bas{
	margin: -51px;
}

#etoile-bas .av-section-color-overlay-wrap{
	margin: auto;
}

#etoile-bas .scroll-down-link{
	text-shadow:none;
	background-image: url(http://festivaldesblogueursculinaires.com/wp-content/uploads/2015/09/etoile-bas.png);
	bottom: -1px !important;
	animation:none !important;
	width:137px;
	height:132px;
	-webkit-animation: none; 	
	left: 51% !important;  
}


#etoile-bas [data-av_icon]::before {
	content: normal !important;
}

@media only screen and (max-width: 767px) {
	#etoile-bas {
		margin: -83px;
	}	
	#etoile-bas .scroll-down-link{
		text-shadow:none;
		background-image: url(http://festivaldesblogueursculinaires.com/wp-content/uploads/2015/09/etoile-bas50.png);
		bottom: -1px !important;
		animation:none !important;
		width:50px;
		height:48px;
		-webkit-animation: none; 	
		left: 77% !important;  
	}
}


/* section liste palmares */
.ls-slide h1{
	font-size: 100px;
}




#main{
	background-color: #424353 !important;
}

#grid_palmares_1, #grid_palmares_2{
	margin: auto;
}

#grid_palmares_1.av-layout-grid-container, #grid_palmares_2.av-layout-grid-container{
	width: 80%;	
}

#grid_palmares_2{
	margin-top: 15px;
}

#grid_palmares_2 .avia-button.avia-size-medium {
    font-size: 18px;
    min-width: 140px;
    padding: 10px 16px 10px;
	border-radius: 0px !important;
	color: #424353 !important;
}
#grid_palmares_2 a, #grid_palmares_2 .avia_iconbox_title{
	color: #424353 !important;
}


.palmares-titre{
	font-family: 'Roboto', sans-serif !important;
	color:#FFF;
	font-size: 20px; 
	font-weight: 300;
}

.palmares-titre .annee{
	font-family: 'Roboto', sans-serif !important;
	font-size: 20px; 
	color: #d3ae50;
}

.palmares-auteur{
	font-family: 'Roboto', sans-serif !important;
	font-size: 20px; 
	font-weight: 300;
}

.palmares-adresse, .palmares-adresse a{
	font-size: 20px; 
	font-weight: 600;
	color: #d3ae50 !important;
}

.palmares-image{
	min-height: 215px;
	margin-top: 48px;
}

.palmares-image img{
	vertical-align: middle;
}

.palmares-image img[alt="img-recette-grand"]{
	/* padding-top: 45px; */
}


#palmares-bas .content{
    padding-top: 3px;
}

#boutons{
	background-color: #373848;
    margin: auto;
    padding: 40px 8%;
}

#boutons .avia-button-wrap {
    border-color: #d3ae50 !important;
    border-style: solid;
    border-width: 5px;
}

#margehaute-section-2{
	min-height:50px
}

#margebasse-section-2{
	min-height:250px
}

#lien-inscription{
	margin-top: 40px;
}

#lien-inscription a, #lien-inscription a:hover{
	font-weight:600;
	color: #424353 !important;	
}

#lien-mur{
	margin-top: 95px;
}

#lien-mur a, #lien-mur a:hover{
	color: #e41c60 !important ;
}

#texte-pied-de-page a, #texte-pied-de-page a:hover{
	color: #969697 !important;
}

#presentation-marques{
	margin-top: 70px;
}

/* PAGE PALMARES */
#intro-palmares .container, #intro-partenariat-marques .container{
	padding-top: 35px !important;
}

#intro-partenariat-marques + #section_5 .container{
	margin-top: 40px;
}

#intro-partenariat-marques + #section_5 .av_two_fifth p:nth-child(1) {
	height: 100px;
}

#intro-partenariat-marques + #section_5 .flex_column:nth-child(2){
	padding-left: 120px;
	width: 41.4%;
}

#intro-partenariat-marques + #section_5 .flex_column:nth-child(4)  {
	padding-right: 120px;
	width: 41.4%;
}

#intro-partenariat-marques + #section_5 .flex_column:nth-child(3) {
	width: 5.2%;
}



.palmares-texte{
	font-family: 'Roboto', sans-serif !important;
	font-size: 15px; 
	font-weight: 300;
}


/* ??? */
#laureat-recette .avia-image-container{
	bottom: 0;
    margin-left: calc((100% - 469px) / 2);
    position: absolute; 
}

#laureat-recette .flex_column.av_three_fifth.first{
	padding-left: 50px;
}

#laureat-recette .palmares-image{
	margin-top: 0; 
}
/* ??? */

#laureat-recette{
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #e41c60;	
}

#laureat-recette .container{
	padding-bottom: 120px;
}

#laureat-recette .container .content{
	padding-top: 20px;
	padding-bottom: 20px;
}

#laureat-recette .container .content p:nth-child(2){
	margin-top: -25px;
}

#texte-pied-de-page{
	margin-top: 60px;
}

#by-mysaveur{
	margin-left: -50px;
}

#lien-reglement{
	margin-left: -52px;
}


#section-palmares-image .entry-content-wrapper.clearfix{
	margin-top: -190px !important;
}

#section-palmares-image .entry-content-wrapper.clearfix .flex_column:nth-child(1){
	margin-top: 80px !important;
}


#section-palmares-image .palmares-auteur{
	font-size: 22px; 
}

#section-palmares-image .palmares-adresse a{
	font-size: 34px; 
}

#section-palmares-interview p{
	font-family: 'Roboto', sans-serif !important;

}

#section-palmares-nav *{
	color: #393743;
}

.palmares-nav{
	text-align:center;
}

.palmares-nav span{
	display:inline-block;
  	vertical-align:middle;
}

#section-palmares-nav .flex_column:nth-child(1), #section-palmares-nav .flex_column:nth-child(3){
	margin-top: 00px;
}

#section-palmares-nav .flex_column:nth-child(1) a:hover .palmares-nav, 
#section-palmares-nav .flex_column:nth-child(3) a:hover .palmares-nav{
	color: red;
}

#section-palmares-nav .palmares-nav:hover{
	color: #00F !important;
}

#section-palmares-nav .flex_column:nth-child(1) a:hover, #section-palmares-nav .flex_column:nth-child(3) a:hover,
#section-palmares-nav .flex_column:nth-child(1) a,       #section-palmares-nav .flex_column:nth-child(3) a{
	text-decoration:none;
}


#section-palmares-nav .avia-button-wrap {
    border-color: #d3ae50 !important;
    border-style: solid;
    border-width: 5px;
}

#section-palmares-nav .avia_iconbox_title{
	font-size: 20px;
}


/* PAGE GALERIE 1 */
#galerie1 , #galerie1 .av-masonry-gallery{
	background-color: #424353;
}

#galerie1 .av-masonry-pagination, #galerie1 .av-masonry-pagination:hover {
    background-color: #cccccc !important;
    color: #000000 !important;
}

#galerie1 .av-masonry-image-container {
    opacity: 1 !important;
}



/*************************************************************/
/** SPECIFIQUE MOBILES & Co.     							**/
/*************************************************************/
#mobile-advanced .avia-menu-text{
	color:#424353;
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 989px) {
	.responsive #top #wrap_all #header {position: relative; width:100%; float:none; height:auto; margin:0 !important; }
	#header{
		background-color: #cc3366 !important;
	}
}

@media only screen and (max-width: 989px) {
	.view .mask, .view .content {
		width: calc( 100% ) ;
		height: 300px;
		top: -50px;
		left: 0px;
/*
		position: absolute;
		overflow: hidden;
		box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
		z-index: 999;
		border: 1px;
		border-color: #ffffff;
		border-style: solid;	
*/
	}
}


/* =========================================================*/
/*           pour la demo transform-origin                  */
/* =========================================================*/
.boxorg    { position:relative; width:150px; height:150px; margin:20px auto; border:1px solid black; }
.transit   {
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; 
} 
.rotorg     {
  -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
       -o-transform: rotate(0deg);
          transform: rotate(0deg);
}
.posorg50    {
  -webkit-transform-origin: 50% 50%;
     -moz-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
       -o-transform-origin: 50% 50%;
          transform-origin: 50% 50%; 
}
#pos50      { 
	left:25px;  
	top:25px;  
	background:#EFE;
    border: 2px solid green; 
	text-align:center; 
}
/* ===== ICI les effets =============================== */

.effet2     { 
	position:absolute; 
	width:100px; 
	height:100px;
    -moz-box-sizing: border-box;
    	 box-sizing: border-box; 
}
/* ===== ICI les effets de rotation==================== */			 
.effet2:hover {
  -webkit-transform: rotate(8deg);
     -moz-transform: rotate(8deg);
      -ms-transform: rotate(8deg);
       -o-transform: rotate(8deg);
          transform: rotate(8deg); }
		  
		  
/*************************/		  
/* AUTRE TRANSFORMATION */
/*************************/		  
.tilt {
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
          transition: all 0.2s ease;
}
 
.tilt:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}		  
		  
		  
		  
		  
		  
		  
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}


/* 
Partie Grid System de Bootstrap 
===================================================== */

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: 0;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: 0;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: 0;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: 0;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: 0;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: 0;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: 0;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: 0;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}