/*
Theme Name: IFREP Mla
Theme URI: http://www.ifrepmla.com
Author: Christelle Plessis
Author URI: http://www.qokoon-web.com
Description: Ce thème a été développé en 2018 pour le site de l'association IFREP Mla
Version: 1.0
License: GNU General Public License v2 or later
*/

/*
* @author: Christelle Plessis
* @date: 2018, décembre
* @version: v1.0.2018
*/

/*---------------------------*/
/* 0
/* POLICES
/*---------------------------*/


/*---------------------------*/
/* 0
/* RESET
/*---------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*--------------------------------*/
/*==    001- STYLES DE BASE       */
/*--------------------------------*/
* {
	box-sizing: border-box;
}
html {
	margin-top: 0 !important;
}
body {
	font-size: 1em;
	line-height: 1.4;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #1a171b;
}
.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-center p {
	margin-right: auto;
	margin-left: auto;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
img {
	max-width: 100%;
	height: auto;
}
iframe {
	max-width: 100%;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.alignright {
	float: right;
	max-width: 50%;
	margin-left: 2%;
	margin-bottom: 15px;
}
.alignleft {
	float: left;
	max-width: 50%;
	margin-right: 2%;
	margin-bottom: 15px;
}
@media screen and (max-width: 550px) {
	.alignleft, .alignright {
		float: none;
		max-width: 100%;
	}	
}
.aligncenter {
	text-align: center;
	display: block;
	margin: 0 auto;
}
.cb {
	clear: both;
}
.overflow-hidden {
	overflow: hidden;
}
/**** Boutons ****/
#main .button {
	display: inline-block;
	margin-top: 42px;
	padding: 18px 24px;
	font-size: 16px;
	color: #fff;
	font-style: italic;
	font-weight: 500;
	text-decoration: none;
	background-color: #fd8628;
}
	#main .button.button-2 {
		background-color: #da9b2b;		
	}

/**** Aspect ****/


/**** Formulaires ****/
::-webkit-input-placeholder{
    color:    #1c140c;
    opacity: 0.9;
    font-size: 15px;
}
:-moz-placeholder{
   color:    #1c140c;
   opacity:  0.9;
}
::-moz-placeholder{
   color:    #1c140c;
   opacity:  0.9;
}
:-ms-input-placeholder{
   color:    #1c140c;
   opacity: 0.9;
}
form input, form textarea {
	padding: 15px;
	border: 1px solid #807b77;
	width: 100%;
}
.search-form .search-field {
	display: block;
	background: url("images/search-icone.png") no-repeat;
	background-position: 10px;
    padding-left: 40px;
}

/*--------------------------------*/
/*==    002- HEADER               */
/*--------------------------------*/

/*** Header top - Navigation secondaire top ***/
#header-top {
	font-size: 0.875em; /*14px/16px*/
	font-weight: 500;
}
#menu-navigation-secondaire-top li {
	display: inline-block;
}
	#menu-navigation-secondaire-top li a {
		display: block;
		margin-left: 18px;
		padding: 12px 24px;
		color: #fff;
		background-color: #ffae32;
		text-decoration: none;
	}
	#menu-navigation-secondaire-top li a:hover, #menu-navigation-secondaire-top li a:focus {
		background-color: #da9b2b;
	}
	#menu-navigation-secondaire-top li.rs-link-top a {
		background-color: #da9b2b;
	}
	#menu-navigation-secondaire-top li.rs-link-top a:hover, #menu-navigation-secondaire-top li.rs-link-top a:focus {
		background-color: #ffae32;
	}
	@media screen and (max-width: 800px) {
		#menu-navigation-secondaire-top li.responsive-menu {
			display: none;
		}
	}
/*** Logo ***/
#logo {
	padding-top: 28px;
	padding-bottom: 40px;
}

/*--------------------------------*/
/*==    003 - NAV             */
/*--------------------------------*/
#nav-container {
	height: 65.2px;
	background-color: #e85811;
	position: relative;
}
	nav .menu {
		display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
		nav #menu-navigation-principale .responsive-menu {
			display: none;
		}
		nav a {
			display: block;
			position: relative;
			padding: 20px 10px;
			color: #fff;
			font-size: 1.125em; /*18px/16px*/
			font-weight: 500;
			text-transform: uppercase;
			text-decoration: none;
		}
		@media screen and (max-width: 1200px) {
			nav a {
				font-size: 1em; /*16px/16px*/
			}
		}
		@media screen and (max-width: 1000px) {
			nav a {
				font-size: 0.85em; /*16px/16px*/
			}
		}
		nav .sub-menu {
			display: none;
			z-index: 100;
		}
		nav li:hover .sub-menu {
			display: block;
			position: absolute;
			background-color: #e85811;
		}			
			nav .sub-menu a {				
				font-size: 1em; /*16px/16px*/
				text-transform: inherit;
			}
nav button#responsive-menu-button {
	top: 6px;
}
/*--------------------------------*/
/*==    004 - MAIN             */
/*--------------------------------*/

/*** Fil d'Ariane ***/
#breadcrumbs {
	padding-top: 16px;
	padding-bottom: 16px;
	font-style: italic;
	font-size: 0.75em; /*12px/16px*/
}
	#breadcrumbs a {
		color: #1a171b;
		text-decoration: none;
	}

/*** Bloc de titre principal h1 ***/
#main #h1-block {
	margin-top: 0;
	margin-bottom: 4.6em;
	padding: 56px 0;
	background: url('images/h1-block-bkgd.png') 50%;
	background-size: cover;
}
	#main #h1-block h1 {
		margin-bottom: 0.65em;
		font-size: 2.1875em; /*35px/16px*/
		color: #6a0006;
		text-transform: uppercase;
		font-weight: 500;
	}
	#h1-block div {
		font-size: 1.125em; /*18px/16px*/
		line-height: 1.66;
	}

/*** sections de contenu principal ***/
#main p, #main li {
	margin-bottom: 0.65em;
}
#main section ul {
	margin-left: 15px;
}
#main ul ul {
	margin-bottom: 20px;
	margin-left: 10%;
}
	#main li {
		list-style-type: disc;
		list-style-position: outside;
	}
	#main ul ul li {
		list-style-type: circle;
		margin-bottom: 0;
	}
#main a {
	display: inline-block;
	position: relative;
	color: #1a171b;
	text-decoration: none;
}
#main strong {
	font-weight: 700;
}
	#main a::after {
		display: block;
		position: absolute;
		content: '';
		background-color: #8c8576;
		width: 100%;
		height: 1px;
		bottom: 0;
	}
	#main a.button::after {
		display: none;
	}
#main section {
	margin-top: 4.6em;
	margin-bottom: 4.6em;
}
#main section.fond-couleur {
	padding: 56px 0;
	background: url('images/fond-section-couleur.jpg') 50%;
	background-size: cover;
}
#main section.fond-couleur ul {
	margin-left: 15px;
}
#main h2 {
	margin-bottom: 1.3em;
	font-size: 1.5625em; /*25px/16px*/
	color: #97680a;
	text-transform: uppercase;
	font-weight: 500;
}
#main p + h2, #main ul + h2{
	margin-top: 1.3em;
	margin-bottom: 0.65em;
}
#main h3 {
	font-size: 1.1875em; /*19px/16px*/
	color: #6a0006;
	text-transform: uppercase;
	font-weight: 500;
}

/*** Aspects ***/
#main .fond-couleur-peche {
	position: relative;
	padding: 2.3em 10%;
	background-color: #fee8b0;
}
	#home .fond-couleur-peche h2 {
		margin-bottom: 0.65em;
	}
	#home .fond-couleur-peche .button {
		position: absolute;
		bottom: -2.5em;
		left: 25%;
		width: 50%;
		display: block;
		margin-top: 0;
		background-color: #fd8628;
	}

/*--------------------------------*/
/*==    005 - HOME                */
/*--------------------------------*/
#home {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
	 grid-template-areas: 
	    "bloc1 bloc1 bloc1 bloc1 bloc1 bloc1 bloc1 bloc2 bloc2 bloc2 bloc2 bloc2"
	    "bloc1 bloc1 bloc1 bloc1 bloc1 bloc1 bloc1 bloc3 bloc3 bloc3 bloc3 bloc3"
	    "bloc4 bloc4 bloc4 bloc4 bloc4 bloc4 bloc4 bloc4 bloc4 bloc4 bloc4 bloc4"
	    "bloc5 bloc5 bloc5 bloc5 bloc6 bloc6 bloc6 bloc6 bloc7 bloc7 bloc7 bloc7"
	    "bloc8 bloc8 bloc8 bloc8 bloc8 bloc9 bloc9 bloc9 bloc9 bloc9 bloc9 bloc9"
	    "bloc8 bloc8 bloc8 bloc8 bloc8 bloc10 bloc10 bloc10 bloc10 bloc10 bloc10 bloc10";
	-webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
	grid-gap: 60px 15px;
}
@media screen and (max-width: 1000px) {
	#home {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
		grid-template-rows: auto;
		 grid-template-areas: 
		    "bloc1 bloc1 bloc1 bloc1 bloc1 bloc1 bloc2 bloc2 bloc2 bloc2 bloc2 bloc2"
		    "bloc3 bloc3 bloc3 bloc3 bloc3 bloc3 bloc3 bloc3 bloc3 bloc3 bloc3 bloc3"
		    "bloc4 bloc4 bloc4 bloc4 bloc4 bloc4 bloc4 bloc4 bloc4 bloc4 bloc4 bloc4"
		    "bloc5 bloc5 bloc5 bloc5 bloc6 bloc6 bloc6 bloc6 bloc7 bloc7 bloc7 bloc7"
		    "bloc8 bloc8 bloc8 bloc8 bloc8 bloc9 bloc9 bloc9 bloc9 bloc9 bloc9 bloc9"
		    "bloc8 bloc8 bloc8 bloc8 bloc8 bloc10 bloc10 bloc10 bloc10 bloc10 bloc10 bloc10";
		-webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
		grid-gap: 60px 15px;
	}
}
@media screen and (max-width: 700px) {
	#home {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
		grid-template-rows: auto;
		 grid-template-areas: 
		    "bloc1 bloc1 bloc1 bloc1 bloc1 bloc1 bloc1 bloc1 bloc1 bloc1 bloc1 bloc1"
		    "bloc2 bloc2 bloc2 bloc2 bloc2 bloc2 bloc2 bloc2 bloc2 bloc2 bloc2 bloc2"
		    "bloc3 bloc3 bloc3 bloc3 bloc3 bloc3 bloc3 bloc3 bloc3 bloc3 bloc3 bloc3"
		    "bloc4 bloc4 bloc4 bloc4 bloc4 bloc4 bloc4 bloc4 bloc4 bloc4 bloc4 bloc4"
		    "bloc5 bloc5 bloc5 bloc5 bloc5 bloc5 bloc5 bloc5 bloc5 bloc5 bloc5 bloc5"
		    "bloc6 bloc6 bloc6 bloc6 bloc6 bloc6 bloc6 bloc6 bloc6 bloc6 bloc6 bloc6"
		    "bloc7 bloc7 bloc7 bloc7 bloc7 bloc7 bloc7 bloc7 bloc7 bloc7 bloc7 bloc7"
		    "bloc8 bloc8 bloc8 bloc8 bloc8 bloc8 bloc8 bloc8 bloc8 bloc8 bloc8 bloc8"
		    "bloc9 bloc9 bloc9 bloc9 bloc9 bloc9 bloc9 bloc9 bloc9 bloc9 bloc9 bloc9"
		    "bloc10 bloc10 bloc10 bloc10 bloc10 bloc10 bloc10 bloc10 bloc10 bloc10 bloc10 bloc10";
		-webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
		grid-gap: 60px 15px;
	}
}
	#home h1 {
		margin-bottom: 1.3em;
		font-size: 1.5625em; /*25px/16px*/
		color: #6a0006;
		text-transform: uppercase;
		font-weight: 500;
		text-align: left;
	}
	#home h2 {
		margin-bottom: 0.3em;
		color: #6a0006;
	}
	#home #bloc1 {
		grid-area: bloc1;
		margin-right: 65px;
		text-align: right;
	}
		#home #bloc1 img {
			display: block;
		}
		#home #bloc1 .button {
			margin-top: -1.65em;
		}
	#home #bloc2 {
		grid-area: bloc2;
		padding-top: 8em;
		text-align: center;
	}
	#home #bloc3 {
		grid-area: bloc3;
		margin-top: 2em;
	}
	#home #bloc4 {
		grid-area: bloc4;
		margin-top: 3.5em;
		margin-bottom: -60px;
	}
	#home #bloc5 {
		grid-area: bloc5;
	}
	#home #bloc6 {
		grid-area: bloc6;
	}
	#home #bloc7 {
		grid-area: bloc7;
	}
	#home #bloc8 {
		grid-area: bloc8;
	}
	#home #bloc8 .button {
		margin-top: -41px;
		width: 80%;
	}
	#home #bloc9 {
		grid-area: bloc9;
		margin-left: 4%;
	}
	#home #bloc9 .button {
		position: absolute;
		bottom: -4.5em;
		left: 15%;
		width: 70%;
		display: block;
		margin-top: 0;
		background-color: #fd8628;
	}
/*** Aspects ***/
#home .fond-couleur {
	position: relative;
	padding: 2.3em 10px;
	text-align: center;
	background-color: #fee8b0;
}
	#home .fond-couleur h2 {
		margin-bottom: 0.65em;
	}
	#home .fond-couleur .button {
		position: absolute;
		bottom: -2.5em;
		left: 25%;
		width: 50%;
		display: block;
		margin-top: 0;
		background-color: #fd8628;
	}
		#main .button {
			background-color: #ffae32;		
		}
#home .home-tuile {
	display: block;
	padding: 2.65em 10%;
	font-size: 1.5625em; /*25px/16px*/
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;

}
@media screen and (max-width: 1000px) {
	#home .home-tuile {
    font-size: 1.3em;
}
}
	#home .home-tuile::after {
		display: none;
	}
	#home .home-tuile:first-of-type {
		background: url(images/home-tuile-bkgd-1.jpg) no-repeat;
		background-size: cover;
	}
	#home .home-tuile:nth-of-type(2) {
		background: url(images/home-tuile-bkgd-2.jpg) no-repeat;
		background-size: cover;
	}
	#home .home-tuile:last-of-type {
		background: url(images/home-tuile-bkgd-3.jpg) no-repeat;
		background-size: cover;
	}

/*--------------------------------------------------*/
/*==    005 - PAGE LANDING TUILES LISTE SOUS-PAGES  */
/*--------------------------------------------------*/
#tuiles {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));;
	grid-template-rows: auto;
	align-items: stretch;
	grid-gap: 36px 36px;
}
	#tuiles .tuiles-tuile {
		display: block;
		padding: 2.65em 10%;
		color: #fff;
	}
		#tuiles .tuiles-tuile::after {
			display: none;
		}
		#tuiles .tuiles-tuile h2 {
			font-size: 1.5625em; /*25px/16px*/
			text-transform: uppercase;
			font-weight: 500;
			color: #fff;
		}
		#tuiles .tuiles-tuile:nth-of-type(6n+1) {
			background: url(images/landing-page-tuile-bkgd-1.jpg) no-repeat;
			background-size: cover;
		}
		#tuiles .tuiles-tuile:nth-of-type(6n+2) {
			background: url(images/landing-page-tuile-bkgd-2.jpg) no-repeat;
			background-size: cover;
		}
		#tuiles .tuiles-tuile:nth-of-type(6n+3) {
			background: url(images/landing-page-tuile-bkgd-3.jpg) no-repeat;
			background-size: cover;
		}
		#tuiles .tuiles-tuile:nth-of-type(6n+4) {
			background: url(images/landing-page-tuile-bkgd-4.jpg) no-repeat;
			background-size: cover;
		}
		#tuiles .tuiles-tuile:nth-of-type(6n+5) {
			background: url(images/landing-page-tuile-bkgd-5.jpg) no-repeat;
			background-size: cover;
		}
		#tuiles .tuiles-tuile:nth-of-type(6n+6) {
			background: url(images/landing-page-tuile-bkgd-6.jpg) no-repeat;
			background-size: cover;
		}

/*--------------------------------*/
/*==    006 - ARTICLES            */
/*--------------------------------*/


/*--------------------------------*/
/*==    006 - FOOTER              */
/*--------------------------------*/
footer {
	margin-top: 32px;
	padding-top: 26px;
	padding-bottom: 26px;
	border-top: 1px solid #b88a16;
}
footer ul {
	display: flex;
	text-align: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}
footer li, footer li a {
	font-weight: 400;
	font-size: 14px;
	color: #1a171b;
	text-decoration: none;
}


/******
* RESPONSIVE
*******/
@media screen and (min-width: 800px) {
	}

/*---------------------------*/
/*==    Grille de base     */
/*---------------------------*/
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1280px;
}

/****** EN GRILLE - GRID LAYOUT ******/
.display-grid {
	display: grid;
	grid-column-gap: 50px;
}
.grid-col-2 {
	grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 800px) {
	.grid-col-2 {
		grid-template-columns: 1fr;
	}
}
.grid-col-3 {
	grid-template-columns: 1fr 1fr 1fr;
}
@media screen and (max-width: 800px) {
	.grid-col-3 {
		grid-template-columns: 1fr;
	}
}
.display-flex {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.display-flex > * {
	position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.flex-1 {
  padding-right: 15px;
  padding-left: 15px;
	-webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
      }
.flex-wrap {
	-ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
/*
.padding {
	padding-top: 30px;
	padding-bottom: 30px;
}

.justify-content-flex-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.justify-content-space-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.justify-content-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.align-items-flex-end {
	-webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.align-items-stretch {
	-webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

[class*="flex-"] {
  position: relative;
  min-height: 1px;
  margin-bottom: 15px;
  padding-right: 15px;
  padding-left: 15px;
}
[class*="flex-"] > div {
	height: 100%;
}
.flex-2 {
  padding-right: 15px;
  padding-left: 15px;
	-webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
      }
.flex-3 {
  padding-right: 15px;
  padding-left: 15px;
	-webkit-box-flex: 3;
        -ms-flex: 3;
            flex: 3;
      }
.flex-4 {
  padding-right: 15px;
  padding-left: 15px;
	-webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
      }
.flex-6 {
  padding-right: 15px;
  padding-left: 15px;
	-webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
      }
.flex-8 {
  padding-right: 15px;
  padding-left: 15px;
	-webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
      }

.row {
  margin-left: -15px;
  margin-right: -15px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.row:before,
.row:after,
article:before,
article:after, .display-flex:before, .display-flex:after,
.main-inside:before, .main-inside:after, .container:after {
  content: " ";
  display: table;
}
.row:after,
article:before,
article:after, .display-flex:after,
.main-inside:after, .container:after {
  clear: both;
}
.col-xs-1, .col-xxs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-xxs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-xxs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-xxs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-xxs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-xxs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-xxs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-xxs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-xxs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-xxs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-xxs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-xxs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  margin-bottom: 1.5em;
  padding-left: 15px;
  padding-right: 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%;
}
*/

/*---------------------------*/
/*==    RESPONSIVE     */
/*---------------------------*/
@media screen and (max-width: 420px) {
	.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
	  float: left;
	}
	.col-xxs-12 {
	  width: 100%;
	}
	.col-xxs-11 {
	  width: 91.66666667%;
	}
	.col-xxs-10 {
	  width: 83.33333333%;
	}
	.col-xxs-9 {
	  width: 75%;
	}
	.col-xxs-8 {
	  width: 66.66666667%;
	}
	.col-xxs-7 {
	  width: 58.33333333%;
	}
	.col-xxs-6 {
	  width: 50%;
	}
	.col-xxs-5 {
	  width: 41.66666667%;
	}
	.col-xxs-4 {
	  width: 33.33333333%;
	}
	.col-xxs-3 {
	  width: 25%;
	}
	.col-xxs-2 {
	  width: 16.66666667%;
	}
	.col-xxs-1 {
	  width: 8.33333333%;
	}
} 
@media screen and (min-width: 600px) {
	.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%;
	}
} 
@media screen and (min-width: 780px) {
	.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%;
	}

} 
@media screen and (min-width: 1020px) {
	.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%;
	}
}