@font-face { font-family: "GraphikCondensedBold"; font-style: normal; font-weight: 300; src: local('GraphikCondensedBold'), local('GraphikCondensedBold'), url('/fonts/GraphikCondensed-Bold.woff2');  font-display: block;}
// @font-face { font-family: "GraphikCondensed"; font-style: normal; font-weight: 300; src: local('GraphikCondensed'), local('GraphikCondensed'), url('/fonts/GraphikCondensed.woff2');  font-display: block;}
body {margin:0;background-color:#fff;font-family: Arial ,Helvetica,sans-serif ;}
.container-outside {float:left;width:100%;position:relative;z-index:0;} 
.container {margin:0 auto;position:relative;z-index:1;} 
.container-inside {float:left;width:100%;background-color:white;position:relative;z-index:2;} 
/* COMMUN */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
/* CMP cacher bouton "continuer sans accepter" */
.sd-cmp-1pO44 {display:none!important;}
nav, footer, header {background-color:white;color:#4995d1;clear:both;float:left;}
.main_header {height:90px!important;}
#header-pub {position:relative;float:left;margin-top:0px;float:left;background-color:white;}
footer {float:left;display:block;margin-top:20px;color: #757575; font-size:13px; line-height:25px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6; padding:15px 5px;}
#footer-under {float:left;margin:10px 0px 30px 0px;color:#757575; font-size:13px;line-height:25px;}
footer a,header a, header, #footer-under a {color:#757575; text-decoration:none;}
.page {margin-top:5px;padding:15px 3px 5px 3px;clear:both;float:left; box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.25);}
.main-left {float:left;}
.main-right {float:left;}
h1 {clear:both;color: #00433d; font-size: 25px;font-weight: 700;font-family: "GraphikCondensedBold",Arial Condensed, Arial;line-height: 25px;padding-bottom: 10px;border-bottom: 1px solid #f5f5f5;text-transform: none;}
h2, h3 {color: #00433d; font-size: 22px;font-weight: 700;font-family: "GraphikCondensedBold",Arial Condensed, Arial;line-height: 22px;padding-bottom: 8px;border-bottom: 1px solid #f5f5f5;text-transform: uppercase;}
#contenuArticle h2, #contenuArticle h3 {clear:both; text-transform: none;}
#breves_fil {height:500px;width:100%;margin:5px auto;}
.breve{font-family: "GraphikCondensedBold", Arial Condensed, Arial; letter-spacing:.03em; font-size:15px;text-decoration:none;display:block;width: calc(100% - 20px); max-width:350px; padding:10px 10px; margin:0 auto; border-top:1px solid #ccc;}
.breve:hover {color:grey!important;}
.breve_date {color: #828282;float:right;font-size:0.8em;}
.breve_cate {display:table;font-size:0.9em;color:#999;}
.breve_cate:after {content:'';}
.box {font-family: "GraphikCondensedBold", Arial Condensed;letter-spacing:.03em; font-size:16px;text-decoration:none;padding:8px 4px;width:calc(50% - 16px);min-width:290px;margin:8px 6px;float:left;overflow: hidden; border-radius: 0.5rem;border: 1px solid #fff;background-color: #fff;box-shadow: 0 0 0 0.0625rem rgba(0,0,0,.02),0 0.0625rem 0.25rem 0.0625rem rgba(0,0,0,.06);}
@media (min-width: 250px) and (max-width:628px) { .box {width:calc(100% - 20px); } }
@media (min-width: 770px) and (max-width:1028px) { .box {width:calc(100% - 20px); } }.cyclo-cross{color:#9b644e;}
.opendaustralie {background-color:#188cc9;color:white;padding:0px 4px;}
.roland-garros {background-color:#ee7e4e;color:white;padding:0px 4px;}
.usopen {background-color:#042b85;color:white;padding:0px 4px;}
.wimbledon {background-color:#5a8d41;color:white;padding:0px 4px;}
.borderline {display:block;margin:0;position:relative;top:-14px;left:0px;width:40px;height:1px;background:#222;clear:both;}
.source {width:100%;text-align:right;font-size:0.9em;text-decoration:italic;clear:both;height:20px;}
.smaller {font-size:0.9em;}
.italic {text-decoration:italic;}
a:hover > .caption {background-color: rgba(81, 163, 255, 0.5);}
blockquote {position:relative;width:100%;background: #f5f5f7;padding: 25px 50px 25px 50px;margin: 25px 0;border: none;-webkit-border-radius: 6px 6px 6px 6px;border-radius: 6px 6px 6px 6px;}
blockquote footer {margin: 0 15px;padding: 0;border: none;background:none;}
blockquote p {font-size: 20px;line-height: 30px;font-style: italic;color: #222;quotes: "\201C" "\201D" "\2018" "\2019";}
blockquote:before {position: absolute;top: 20px;left: 15px;content: open-quote;font-size:60px;color: #757575;}
blockquote:after {position: absolute;bottom: 10px;right: 15px;content: close-quote;font-size:60px;color: #757575;}
.contenu {float:left;text-align:justify;color:#5c5c5c;line-height:35px;font-size:16px;width:100%;overflow:hidden;font-family: Arial;letter-spacing: .0em; }
.scroller {overflow-y: scroll; overflow-x: hidden;}
.scroller::-webkit-scrollbar {width: 10px;}
.scroller::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  -webkit-border-radius: 10px; border-radius: 10px;}
.scroller::-webkit-scrollbar-thumb { -webkit-border-radius: 10px;  border-radius: 10px; background: rgba(0,0,0,0.2);  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2  ); }
.scroller::-webkit-scrollbar-thumb:window-inactive {background: rgba(0,0,0,0.2); }
/* twitter */
.twitter-tweet {margin:0 auto!important;clear:both;}
/* dailymotion */
#dailymotion-pip-large-viewport {--position-top: 0px; --position-left: 0px; height:231px!important; width:410px!important;} }
#dailymotion-pip-small-viewport {--position-top: 0px; height:231px!important; width:410px!important;}
.ayads-passback {display:none;}
/* Stop Pub */
.carreStopPub {width:600px;margin:120px auto;height:425px;}
.carreStopPubInside {float:left;width: 100%;margin: auto auto; background-color:#fff;padding:20px;color:#000;text-align:center;}
/* pub en footer impactify par dessus google */
.adsbygoogle {z-index:9999!important;}
@media (min-width: 851px) {.r89-Mobile-Header-Pushup, .r89-Mobile-Header-Pushup-Close  {display:none;} #habillage-swar {padding-top:5px!important;} }
/* Outils recherche */
.header-search {width: 100%;float: right;max-width: 16em;}
.formSingleInput {position: relative;}
.mask {position: absolute;clip: rect(1px,1px,1px,1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);padding: 0;border: 0;width: 1px;height: 1px;overflow: hidden;white-space: nowrap;}
input.formSingleInput-input {padding-left: .75rem;padding-right: 2.625rem;padding-top:0.5em;padding-bottom:0.5em;border-radius: 20em;border: 1px solid #e7e7e7;height: 2.25rem;line-height: 1.3;width: 100%;}
.formSingleInput-btn {position: absolute;top: 0;right: 0;bottom: 0;width: 2.625rem;border: 1px solid #b7b7b7;border-radius: 0 20em 20em 0;background-color: #b7b7b7;color: #4c4d4e;}
.formSingleInput-btn svg {margin-right: .375rem;font-size: 1.3125rem;height: 1em;width: 1em;}
svg {fill: currentColor;}
.btnSkin-transparent {color: #878787!important;background-color: transparent!important;border-color: transparent!important;line-height: 1.15;}
.btnSkin-transparent:enabled:hover, .btnSkin-transparent[href]:hover {color: #6c6c6c;background-color: transparent;border-color: transparent;}
.socialcount {margin-top:0px; margin-bottom:5px;list-style-type: none;padding-left: 0;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.socialcount li {color:#4c4d4e;margin-right: 0rem;margin-bottom: 0rem;text-align: center;line-height: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;}
.socialcount li a{color:#4c4d4e;}
.socialcount-facebook:hover{color:#4c64a0}
.socialcount-twitter:hover{color:#00a7e7}
.socialcount-youtube:hover{color:#eb3223}
.socialcount-dailymotion:hover{color:#2068d4}
.socialcount-flipboard:hover{color:#f52828}
.socialcount-instagram:hover{color:#ff0040}

abbr[title] {text-decoration: none;color:#4c4d4e;}
.socialcount-value {padding: 0 .25rem;margin-top: .1875rem;display: inline-block;background-color: #c7c7c7;border-radius: .1875rem;font-size: .7em;line-height: 1.4em;font-weight: 700;}
.header-icons {margin: 0;list-style: none;padding: 0 0 .6em;}
.header-icons>li {display: inline-block;vertical-align: bottom;}
.mbrs .mbrs-icon {font-family: Open Sans WebFont,Helvetica Neue,Helvetica,arial;display: inline-block;vertical-align: middle; border-radius: .5em; padding: .2em .3em;text-align: center; font-size: .6875em;font-weight: 700;color: #fff;text-decoration: none;background-color: transparent; transition: background-color .2s ease;}
.mbrs .mbrs-btnSkin-community {color: #fff!important; border-color: #00433d!important;background-color: #00433d!important; }
.mbrs .mbrs-btnSkin-community:hover {background-color: #930b48!important;}
.mbrs .mbrs-icon-picto {  display: block;width: 2.5em;height: 2.5em;margin: 0 auto;fill: currentColor;}
.mbrs .mbrs-icon-label {display: block;line-height: 1em;padding: 0 .2em;text-transform: uppercase;}
.logo-top {display:inline;height:90px;width:162px;margin-top:-5px;}
.logo-end {display:inline;height:90px;width:162px;} 
.bannercontainer, .bannercontainer-lire {width:796px; aspect-ratio: 16 / 9; border:5px solid rgba(0, 0, 0, .60);font-family:'Open Sans',arial;} 
.bannercontainer_s {width:33.33%;min-height:145px;  aspect-ratio: 16 / 9; border:1px solid black;font-family:'Open Sans',arial;font-size:0.9em;}
.une_c {bottom:0;left:0;}
.une_c1 {bottom:20px;left:20px;font-size:1.5em;}
.caption_cate {float:left;color:white; padding:5px 12px; background-color:#00433d; text-transform:uppercase; cursor:pointer;} 
.caption_cate:hover {background-color:#de543e;}
.bannercontainer_s .caption_cate {padding:2px 5px;}
#habillage-swar {padding-top:230px;}
@media (min-width: 300px) and (max-width:580px ) { 
.carreStopPub {width:100%;height:500px;}
.bannercontainer, .bannercontainer-lire {width:100%;} 
.bannercontainer_s {width:50%;min-height:140px;font-size:0.8em;}
.une_4 {display:none;}
.une_c1 {bottom:10px;left:10px;font-size:1em;}
#habillage-swar {padding-top:110px;}
}
@media (min-width: 581px) and (max-width:850px ) { 
.carreStopPub {width:100%;max-width:600px;height:500px;}
.bannercontainer-lire {width:100%;} 
.bannercontainer {width:50%;min-height:160px;height:100%;} 
.bannercontainer_s {width:50%;min-height:160px;font-size:0.9em;}
.une_c1 {bottom:0px;left:0px;font-size:0.9em;}
#habillage-swar {padding-top:120px;}
}
@media (min-width: 851px) and (max-width:1200px ) {
.logo-top {display:inline;height:80px;width:144px;}
.bannercontainer-lire {width:100%;} 	
.bannercontainer {width:50%;min-height:140px;height:100%;} 
.bannercontainer_s {width:50%;min-height:140px;font-size:0.9em;}
.une_c1 {bottom:0px;left:0px;font-size:0.9em;}
}
@media (min-width: 1201px) { 
.stickySidePClong {min-height:15000px;} 
.stickySidePCcourt {min-height:3550px;}
.breve {font-size:15px;}
.bannercontainer-lire {width:789px;}
.bannercontainer-lire .une_c1 {bottom:20px!important;}
}
/* MENU RESPONSIVE */
@-webkit-keyframes androidbugfix { from {padding:0} to {padding:0} } 
#menu {clear:both;float:left;margin-top:-3px;}
#menu label { color:#000; padding:0 0.25em; font:3.125em/1.375em Arial }
#menu .sub-nav .toggle { padding:0 0.3125em; font:2em/2em Arial; top:0; -webkit-transform:scale(-1,1); -ms-transform:scale(-1,1); transform:scale(-1,1) }
#header label:hover, #menu label:hover { color:#fff; }
#main-nav-check, #menu .sub-nav-check { position:absolute; top:-9999px; left:-9999px; }
.toggle {float:right; right:0.2em; top:30px; font-size:4em; cursor:pointer; color:#00433d; }
#menu, #menu .sub-nav { position:absolute; top:0px; bottom:0; width:13.75em; background:#fff; z-index:9999;  }
#menu, #menu .sub-nav {   
	/*-webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); */
	-webkit-transition:-webkit-transform .25s ease; transition:transform .25s ease;
	}
#menu ul { background:#fff; line-height:2.5em; text-decoration:none; padding:0; list-style:none; margin-top:4.0625em; border-top:0px solid #444 }
#menu ul li ul {background:#fff;}
#menu li { border-bottom:0px solid #444 }
#menu li a { display:block; font-size:0.875em; padding-left:1.5em; color:#000; text-decoration:none }
#menu li a:hover, #menu .toggle-sub:hover { background:#fff }
#menu .sub-nav { margin-top:-1px;} 
#menu .sub-heading { margin-top:4.0625em; padding-left:1.3125em; color:#999 }
#menu .sub-heading:before { content:""; display:block; height:1px; width:13.75em; margin-left:-1.3125em; background:#fff }
#menu .toggle-sub { font:bold 1em/2.75em Arial;  background:#fff; float:right; margin-top:-2.75em; width:2.25em; border-left:0px solid #444; cursor:pointer; text-align:center }
#menu, #menu .sub-nav { -webkit-transform:translate3d(0,0,0) }
#main-nav-check:checked ~ .container,
#main-nav-check:checked ~ #menu,
#menu .sub-nav-check:checked ~ [id$="-sub"] /* matches all elements with id ending "-sub" */ { 
	-webkit-transform:translate(13.75em,0); -ms-transform:translate(13.75em,0); transform:translate(13.75em,0) 
	}
@media (max-width:1023px ) {  .logo-top {display:inline;height:80px;width:144px;margin-top:0px;} .big {display:none;}  #menu, #menu .sub-nav {left:-13.75em; } .toggle-menu { margin-top:0px;} #menu ul, #menu ul li ul {height:600px;} .megaban_ca{height:60px!important;} }
@media (min-width:1024px ) {
	.megaban_ca{height:250px!important;}
	.toggle-menu {display:none;}
	.big {display:block;}
	#menu, #menu .sub-nav { -webkit-transform:translate(0,0) !important; -ms-transform:translate(0,0) !important; transform:translate(0,0) !important }
	#menu label, #menu .sub-nav, #menu .sub-heading, #header label { display:none; }
	#menu {position:sticky; top:0px;margin-right:auto;margin-left:auto; width:100%;height:52px; }
	#menu .toggle-sub { display:inline-block; margin-top:-3.05em; margin-right:0.25em; border-left:0; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg) }
	#menu .toggle-sub, #menu .toggle-sub:hover { background:transparent }
	#menu ul ul .toggle-sub { margin-top:-2.75em; margin-right:0; border-left:0px solid #444; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg) }
	#menu ul li:hover > label { color:#000; }
	#menu > ul { margin: 0 auto; position:relative; z-index:1; display:inline-table; border-left:0px solid #444; border-right:0; font-size:1.05em; font-weight:600; }
	#menu ul:after { content:""; clear:both; display:block }
	#menu ul li { float:left; position:relative; text-align:left; border-left:0px solid #4fa9db } 
	#menu ul li a { padding:0.1em 3.75em 0.1em 0.5em }
	#menu ul li a:only-child { padding-right:0.5em }
	#menu ul li:hover > a {color:#aaa; -webkit-transition:background-color .1s ease; transition:background-color .1s ease }
	#menu ul li:hover > ul { display:block }
	#menu ul ul { position:absolute; left:0; margin-left:-1px }
	#menu ul ul li { float:inherit; width:20em; margin-left:1px; border-bottom:1px solid black; }
	#menu ul ul li a { color:#000; padding:0 1.5em }
	#menu ul ul li a:after { right:0.375em; margin-top:-1.6875em; -webkit-transform:none; -ms-transform:none; transform:none }
	#menu ul .sub-nav { top:auto; bottom:auto; left:auto; width:auto; margin-top:0; -webkit-transform:none !important; -ms-transform:none !important; transform:none !important }	
	#menu ul ul .sub-nav { float:left; top:0; left:13.75em; margin-left:0; margin-top:-1px }
	#menu ul .fly-left ul { left:-13.75em; margin-left:-2px }
	#menu ul .fly-left ul li { float:none }
	#menu ul .fly-left .toggle-sub { right:auto; left:0.5em; left:0.375em; padding-bottom:1px; border-right:1px solid #444; -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg) }
	#menu ul .go-up > ul { top:auto; bottom:0; margin-bottom:-1px }
	.cat-black {border-top:3px solid #00433d!important;} .cat-black:hover >a, .cat-black:hover >ul li a  {background:#fff!important;}
	.cat-red {border-top:3px solid #00433d!important;} .cat-red:hover >a, .cat-red:hover >ul li a {background:#fff!important;}
	.cat-purple {border-top:3px solid #00433d!important;} .cat-purple:hover >a, .cat-purple:hover >ul li a {background:#fff!important;}
	.cat-blue {border-top:3px solid #00433d!important;} .cat-blue:hover >a, .cat-blue:hover >ul li a {background:#fff!important;}
	.cat-green {border-top:3px solid #00433d!important;} .cat-green:hover >a, .cat-green:hover >ul li a {background:#fff!important;}
}
.rank{background: #fafafa; color:black; font-size:2em; -webkit-border-radius: 6px 0px 0px 6px;border-radius: 6px 0px 0x 6px;}
/* IMAGES */
.img-responsive {display:block;height:auto;width:100%;}
.img-rounded {border-radius: 6px;}
.img-circle {border-radius: 50%;}
.img-thumbnail {display: inline-block;height: auto;max-width: 100%;padding: 4px;line-height: 1.428571429;background-color: #ffffff;border: 1px solid #dddddd;border-radius: 4px;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
/* perso pub  */
@media only screen and (max-width: 727px) {
.winamax_big {display:none;}
.winamax_small {display:block;}
}
@media only screen and (min-width: 728px) {
.winamax_big {display:block;}
.winamax_small {display:none;}
}


/* Ecran mobile xxs */
@media (max-width: 320px) {
.container {width:100%;min-width: 320px;}
.breve{font-size:13px!important;}
.page{padding: 15px 0px 5px 0px!important;}
#taboola-below-article-thumbnails-1 {max-height:550px; overflow:auto;}
.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 {float: left;}
.col-xs-12 {width: 100%;}
.col-xs-11 {width: 91.66666666666666%;}
.col-xs-10 {width: 83.33333333333334%;}
.col-xs-9 {width: 75%;}
.col-xs-8 {width: 66.66666666666666%;}
.col-xs-7 {width: 58.333333333333336%;}
.col-xs-6 {width: 50%;}
.col-xs-5 {width: 41.66666666666667%;}
.col-xs-4 {width: 33.33333333333333%;}
.col-xs-3 {width: 25%;}
.col-xs-2 {width: 16.666666666666664%;}
.col-xs-1 {width: 8.333333333333332%;}
.col-xs-0 {display: none;}
}
/* Ecran mobile xs */
@media (min-width: 340px) and (max-width: 479px) {
.container {width:100%;min-width: 350px;}
.breve {font-size:13px!important;}
.page {padding-left:0px!important;padding-right:0px!important;}
#taboola-below-article-thumbnails-1	{max-height:550px;overflow:auto;}
.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 {float: left;}
.col-xs-12 {width: 100%;}
.col-xs-11 {width: 91.66666666666666%;}
.col-xs-10 {width: 83.33333333333334%;}
.col-xs-9 {width: 75%;}
.col-xs-8 {width: 66.66666666666666%;}
.col-xs-7 {width: 58.333333333333336%;}
.col-xs-6 {width: 50%;}
.col-xs-5 {width: 41.66666666666667%;}
.col-xs-4 {width: 33.33333333333333%;}
.col-xs-3 {width: 25%;}
.col-xs-2 {width: 16.666666666666664%;}
.col-xs-1 {width: 8.333333333333332%;}
.col-xs-0 {display: none;}
}
/* Ecran tablette sm */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {width: 100%;}
  #taboola-below-article-thumbnails-1	{max-height:550px;overflow:auto;}
  .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 {float: left;}
  .col-sm-12 {width: 100%;}
  .col-sm-11 {width: 91.66666666666666%;}
  .col-sm-10 {width: 83.33333333333334%;}
  .col-sm-9 {width: 70%;}
  .col-sm-8 {width: 66.66666666666666%;}
  .col-sm-7 {width: 58.333333333333336%;}
  .col-sm-6 {width: 50%;}
  .col-sm-5 {width: 41.66666666666667%;}
  .col-sm-4 {width: 33.33333333333333%;}
  .col-sm-3 {width: 25%;}
  .col-sm-2 {width: 16.666666666666664%;}
  .col-sm-1 {width: 8.333333333333332%;}
  .col-sm-0 {display: none;}
}
/* Ecran PC petit md */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .container {width: 100%;}
  .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 {float: left;}
  .col-md-12 {width: 100%;}
  .col-md-11 {width: 91.66666666666666%;}
  .col-md-10 {width: 83.33333333333334%;}
  .col-md-9 {width: 70%;}
  .col-md-8 {width: 66.66666666666666%;}
  .col-md-7 {width: 60%;}
  .col-md-6 {width: 50%;}
  .col-md-5 {width: 40%;}
  .col-md-4 {width: 33.33333333333333%;}
  .col-md-3 {width: 25%;}
  .col-md-2 {width: 16.666666666666664%;}
  .col-md-1 {width: 8.333333333333332%;}
  .col-md-0 {display: none;}
}
/* Ecran PC large lg */
@media only screen and (min-width: 1200px) {
  .container {width: 1200px;}
  #cont_left {width:calc((100% - 1200px) / 2); height: 1000px;}
  #cont_right {width:calc((100% - 1200px) / 2); height: 1000px;}
  .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 {float: left;}
  .col-lg-12 {width: 100%;}
  .col-lg-11 { width: 91.66666666666666%;}
  .col-lg-10 {width: 83.33333333333334%;}
  .col-lg-9 {width: 70%;}
  .col-lg-8 {width: 66.66666666666666%;}
  .col-lg-7 {width: 58.333333333333336%;}
  .col-lg-6 {width: 50%;}
  .col-lg-5 {width: 41.66666666666667%;}
  .col-lg-4 {width: 33.33333333333333%;}
  .col-lg-3 {width: 25%;}
  .col-lg-2 {width: 16.666666666666664%;}
  .col-lg-1 {width: 8.333333333333332%;}
  .col-lg-0 {display: none;}
}