@charset "utf-8";

/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500);

/*-------------------------------------------------------------------
	Global
-------------------------------------------------------------------*/
body { background: url(../images/common/bg.jpg); font-family: Arial, Helvetica, sans-serif; }
strong { font-weight: bold; }
h1,
h2,
h3 { font-family: 'Ubuntu', sans-serif; font-weight: 400; font-size: 22px; text-transform: uppercase; color: #257f9d; margin-bottom: 8px; }


h5{ font-family: 'Ubuntu', sans-serif; font-weight: 400; font-size: 22px; text-transform: uppercase; color: #257f9d; margin-bottom: 8px;  margin-top: 16px;}

h2.slogan { font-size: 30px; border-top: 1px solid #cce1e8; border-bottom: 1px solid #cce1e8; padding: 19px 0; }
h1.section { font-size:38px; font-weight:300; line-height:45px; }
h1 span { display:block; text-transform:none; }
h1 strong { font-weight:500; }
h4 { font-family: 'Ubuntu', sans-serif; font-weight: 500; font-size:18px; color: #257f9d; margin-bottom: 8px; }
.err404 { color:#7c7c80; }
.err404 a { color:#257f9d; }
.err404 a:hover { color:#7c7c80; }
p, ul { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #333333; margin-bottom: 14px; line-height: 18px; }
p span { color: #257f9d; text-transform: uppercase; font-weight: bold; }
p a { color:#257f9d; }
ul { list-style:outside; margin-left:20px; }
ol { list-style:decimal; margin-left:20px; color:#257f9d; font-weight:bold;  }
li { margin-bottom:10px; color:#000000; font-weight:normal; }
hr { background: #cddee5; border: none; height: 1px; width: 100%; margin:20px 0; }
hr.teamLine { margin:15px 0; }
#logo span { background: url(../images/fr/logo-centre-dentaire-charest.png); display: block; width: 117px; height: 182px; float: left; position: relative; z-index: 1; left:51px; }
.left { float: left; }
.right { float: right; }
.clear { clear:both; }
sup { vertical-align:text-top; font-size:9px; position:relative; top:-5px; text-transform:lowercase; }
ul { list-style:none; margin:0 0 20px 12px; padding:0;  text-indent:-12px;}
ul li { margin:0 0 12px 0; }
ul > li:before { content:"•"; padding:0 12px 0 0; display:inline-block; float:left;  color:#257f9d; }
ul li a { color:#257f9d; font-weight:bold; }

/*-------------------------------------------------------------------
	Header
-------------------------------------------------------------------*/
header { max-height:429px; width: 940px; margin: 0 auto; position: relative;background-size: contain; background-repeat:no-repeat;}
header .inner { padding-top: 16px; }
.header-section { min-height:429px; }
#bubble { background: url(../images/common/bubble.png) no-repeat; width: 453px; height: 272px; position: absolute; left: -119px; z-index: 0; top: 0; }
#contact { background-image: url(../images/common/slider-contact.jpg); background-position:right; background-size:cover;  }
#team { background-image: url(../images/common/slider-equipe.jpg); background-position:right; background-size:cover;  }
#info { background-image: url(../images/common/slider-info-patient.jpg); background-position:right; background-size:cover;  }
#services { background-position:right; background-size:cover; }

/*-------------------------------------------------------------------
	Navigation
-------------------------------------------------------------------*/
nav { float: right; margin-top: 30px; position:relative; }
nav ul { list-style:none; margin:0; text-indent:0; }
nav ul li { display:block; float:left; margin-left: 30px; position:relative; }
nav ul > li:before { content:""; padding:0; display:inline; float:none;  }

nav ul li a { color: #7c7c80; font-size: 20px; text-transform: uppercase; font-family: 'Ubuntu', sans-serif; font-weight: 400; }
nav ul li a:hover,
nav ul li a.selected { color: #257f9d; }
nav ul li a:first-child { margin-left: 0; }
nav ul li ul { position:absolute; display:block; left:0; margin:0; background:#FFF; width:auto; text-align:center; -moz-box-shadow:0 0 10px #7e7e7e; -webkit-box-shadow:0 0 10px #7e7e7e; box-shadow:0 0 10px #7e7e7e; }
nav ul li ul li { margin:0px; border-top:1px solid #bdd8e1; float:none;  }
nav ul li ul li:first-child { border:none; }
nav ul li ul li a { color:#7c7c80; font-size:14px; display:block; padding:8px 5px; }
nav ul li ul li:hover, nav ul li ul li:hover a, nav ul li ul li a.selected { background:#257f9d; color:#FFF; display:block;  }
nav ul li div { position:absolute; margin-left:-30px; }
nav ul li div .arrow { margin:0 auto; display:block; position:relative; z-index:2; }
nav ul li ul, nav ul li div {  min-width:150px; }
.facebook { width:30px; height:30px; display:block; background-image:url(../images/common/icon-facebook.png); background-repeat:no-repeat; background-position:center; border:1px solid #7c7c80; margin:-8px 0 0 0; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.facebook:hover { background-color:#257f9d; background-image:url(../images/common/icon-facebook-white.png); }
.facebookMusique { width:30px; height:30px; display:block; background-image:url(../images/common/icon-facebook.png); background-repeat:no-repeat; background-position:center; border:1px solid #7c7c80; margin:-8px 0 0 0; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
footer .inner .facebook { display:inline-block;background-image:url(../images/common/icon-facebook-white.png); border-color:#FFF; margin:-6px 0 0 0; }
footer .inner .facebook:hover { background-image:url(../images/common/icon-facebook-blue.png); background-color:#FFF; }

.btn-more-small { color:#257f9d; font-size:1.125em; display:inline-block; margin:0 0 0.9em 0; font-size: 22px; font-family: 'Ubuntu', sans-serif; font-weight: 500; text-transform: uppercase;}
.btn-more-small:before { content:""; display:inline-block; margin:0 0.5em 0 0; width:2em; height:2em; background:url(../images/common/icon-facebook.png) center no-repeat #fff;-webkit-border-radius:2em; -moz-border-radius:2em; border-radius:2em; position:relative; top:0.7em; border:1px solid #7c7c80;}
.btn-more-small:hover { color:#7c7c80; }



.fb-link { color:#257f9d; display:block; font-size: 22px; font-family: 'Ubuntu', sans-serif; font-weight: 500; text-transform: uppercase; font-weight:400; position:relative; top:-6px; margin: 4px 0 6px 0; float:left; 
}
.fb-link .fb-link-icon {display:inline-block;background:url(../images/common/icon-facebook.png) no-repeat center #fff; margin:0 10px 0 0;width:30px;height:30px;position:relative;top:8px;  -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;  border: 1px solid #7c7c80; }
.fb-link span { } 
.fb-link:hover .fb-link-icon {  background-color: #257f9d; background-image: url(../images/common/icon-facebook-white.png);} 
.fb-link:hover span { color: #7c7c80;} 
 /*//.fb-link-icon:hover {  background-color: #257f9d; background-image: url(../images/common/icon-facebook-white.png);}
----------------------------------------------------------------width: 30px;
    height: 30px;
    display: block;
    background-image: url(../images/common/icon-facebook.png);
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #7c7c80;
    margin: -8px 0 0 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;---
	Content
-------------------------------------------------------------------*/
#content { background: url(../images/common/bg-section.jpg) repeat-x #FFF; min-height: 140px; }
#content .inner { margin: 0 auto; width: 940px; padding-top: 20px; }
#content section { overflow: hidden; width:73%; float:right;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#content section article { padding-bottom: 30px; }
#content aside { width: 25%; float: left; padding-right: 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#content aside a { color:#257f9d; font-size:12px; padding:0; text-align:left; text-transform:none; display:inline; font-family:Arial, Helvetica, sans-serif; }
#content aside a:hover { background:none; }
#content aside a.links  { display:block; color:#7c7c80; background:none right; text-transform:uppercase; font-size:14px; font-family: 'Ubuntu', sans-serif; padding: 9px 17px;text-align:center;transition: background 0.5s;-moz-transition: background 0.5s;-webkit-transition: background 0.5s;-o-transition: background 0.5s; }
#content aside a.links:hover, #content aside a.selected { background:url(../images/common/arrow-l-r.png) no-repeat right #88b8c8; color:#FFF; }
#content aside p { font-size:12px; }
#content aside hr { margin:0; }
#content section.col50 { width:466px; float:left; margin-bottom:20px; }
#content section.col20 { width:165px; float:left; margin-right:28px; }
#content section.col20.odd { margin-right:0; }
#content section.column25 { width:25%; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#content section.column25.odd { padding-right:0; }

#content section.column25 { float:left; padding:0 20px 0 0; }
#content section.column25:nth-child(4n-1) { padding:0 5px 0 15px; }
#content section.column25:nth-child(4n-2) { padding:0 15px 0 5px; }
#content section.column25:nth-child(4n) { padding:0 0 0 20px; }

#content section.doctor { background:url(../images/common/bg-team.jpg) #d9e8ee;    background: #e9f2f5; }
#content section.doctor img  { width:45% !important; }
#content section.doctor.odd{ margin-left:8px; }
#content section.fiche { padding:32px 22px 0 22px; width:50%; }
#content section.ficheEmploye { padding:8px 0; border-bottom:1px solid #d3e5eb; width:100%; margin-bottom:25px; background-color:#e9f2f5; padding:10px; position:relative; top:-3px; }
#content section.ficheEmploye h1 { font-size:13px; margin-bottom:0; }
#content section.ficheEmploye p { font-size:11px; line-height:13px; margin-bottom:0; }

.round { height: 29px; width: 46px; -moz-border-radius: 23px; border-radius: 23px; background:#FFF; display:block; text-align:center; font-size:12px; color:#257f9d; padding-top:17px; }
/*.round:hover { background:#257f9d; color:#FFF; }*/
.col25 { width:25%; float:left; padding:0 10px 0 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.col33 { width:33.333%; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 14px 0 0; }
.col33:nth-child(2) { padding:0 7px; }
.col33:nth-child(3) { padding:0 0 0 14px; }
.col25:nth-child(4n-1) { padding:0 3px 0 7px; }
.col25:nth-child(4n-2) { padding:0 7px 0 3px; }
.col25:nth-child(4n) { padding:0 0 0 10px; }
.col25:nth-child(4n+1) { clear:both; padding:0 10px 0 0; }

.width-100 { width: 100%;}

.intro { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width: 100%; height: 126px; display: block; padding: 1px; border: 1px solid #cce1e8; margin-bottom: 15px; background-size:cover !important; }
.intro div {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:table; display:none;background: #257f9d; overflow: hidden; height: 122px; padding: 0 10px; width:100%; }
.intro div p { width: 100%; height: 63px; margin-left: auto; margin-right: auto; position: relative; line-height:21px; margin-top: -22px; text-align: center; color: #FFF; vertical-align: middle; font-size: 18px; font-family: 'Ubuntu', sans-serif; font-weight: 500; text-transform: uppercase; display:table-cell; vertical-align:middle; width:100%; }
/*.intro:hover div { background: #257f9d; overflow: hidden; display: block; height: 126px; padding: 0 10px; }*/
.firstvisit { background: url(../images/common/bt-firstvisit.png) no-repeat center; }
.team { background: url(../images/common/bt-team.png) no-repeat center; }
.services { background: url(../images/common/bt-services.png) no-repeat center; }
.musician { background: url(../images/common/icones-artistes.png) no-repeat center; }
#services .block em { font-style:italic; margin-left:10px; display:inline-block; color:#7c7c80; position:relative; top:-19px; }
#services .block:before { content:"* "; padding-right:0px; display:inline; color:#7c7c80; }
#content section article { position:relative; }
.contactPic { float:right; top:53px; top:-16px; padding:3px; border:1px solid #cddee5; position:relative; }
.contentContact { overflow:hidden; }
.contentContact .email {  padding:11px 0; display:block; }
.contentContact .email:hover { text-decoration:underline; }
.contentContact a, .contentContact span { color:#257f9d; font-weight:bold; }
.contentContact .sep { padding-left:10px; padding-right:10px; position:relative; top:-1px; }
.address p { text-transform:uppercase; font-size:16px; }
.address p strong { color:#257f9d; }
.details ul li {font-size:13px; margin-bottom:0; }
.btn {font-family: 'Ubuntu', sans-serif; font-weight: 400; background-color:#8cbbcb; display:block; width:100%; text-align:center; color:#FFF; text-transform:uppercase; padding:9px; font-size:14px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.btn:hover { background-color:#257f9d; }

.btn-big {font-family: 'Ubuntu', sans-serif; font-weight: 400; background-color:#8cbbcb; display: inline-block; margin-bottom: 40px; text-align:center; color:#FFF; text-transform:uppercase;     padding: 11px 12px 9px 12px;; font-size:18px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.btn-big:hover { background-color:#257f9d; }


.news-panel { background-color:#ecf1f3; padding:20px; min-height:240px; position:relative;  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; -webkit-border-radius: 8px;  -moz-border-radius: 8px;  border-radius: 8px; }
.news-panel .btn { position:absolute; bottom:20px; left:0; width:80%; left:50%; margin:0 0 0 -40%; }
.top-blue { background:#e9f2f5; overflow:hidden; display:table; height:100%; margin:0 0 30px 0; }
.top-blue-left { display:table-cell; width:25%; display:table-cell; }
.top-blue-left > img { display:block; width:100%; }
.top-blue-right { display: table-cell;  vertical-align: middle; text-align:center; }
.formations { border-top:1px solid #bdd8e1; text-indent:0; margin:0; }
.formations li { margin:0; border-bottom:1px solid #bdd8e1; padding:10px 0; line-height:13px; }
.formations > li:before { content:""; padding:0; display:inline; float:none; }
.formations .title { font-size:13px;font-family: 'Ubuntu', sans-serif; font-weight: 500;  color:#257f9d; text-transform:uppercase; display:block; }
.formations .description { font-size:11px; line-height:13px; }

.inner-card {     padding: 12px 0 0 0;}

/*-------------------------------------------------------------------
	Accordion
-------------------------------------------------------------------*/
.accordion h2 { background:#8fbdcc; margin-bottom:1px; padding:18px 15px; font-family: 'Ubuntu', sans-serif; font-weight:500; text-transform:uppercase; color:#FFF; font-size:22px; cursor:pointer; outline:none;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;transition: background 0.5s;
-moz-transition: background 0.5s;
-webkit-transition: background 0.5s;
-o-transition: background 0.5s; }
.accordion h2:hover, .accordion h2.ui-state-active { background:#257f9d; }
.accordion div { padding:20px 15px; }
.accordion .ui-icon-triangle-1-s, .accordion h2:hover .ui-icon-triangle-1-e { background:url(../images/common/arrow-b.png); width:19px; height:19px; display:block; float:right; position:relative; top:2px; }
.accordion .ui-icon-triangle-1-e { background:url(../images/common/arrow-r.png); width:19px; height:19px; display:block; float:right; position:relative; top:2px; }
.accordion h2:hover .ui-icon-triangle-1-s { background:url(../images/common/arrow-t.png) }

/*-------------------------------------------------------------------
	Sidebar
-------------------------------------------------------------------*/
.promotion { background:#ecf1f3; min-height:330px;  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; padding:20px; margin-bottom:10px; }
.promotion h3 { font-size:20px; }
.promotion p { font-size:12px; }
.promotion p:last-child { margin-bottom:0 !important; }
.promotion .icon { margin:0 auto; display:block; }
#content aside .promotion hr, #content aside hr.teamLine { margin:20px 0; }
table { width:100%; }
table tr td:nth-child(odd) { text-transform:uppercase; }
table tr td p { margin:0; padding:0; }
#content aside .logo-desjardins { display:block; background:url(../images/common/logo_accord-d.png) no-repeat; margin:0 auto; margin-bottom:30px; width:96px; height:91px; }
#content aside .logo-desjardins:hover { background:url(../images/common/logo_accord-d.png) no-repeat;  }


/*-------------------------------------------------------------------
	Footer
-------------------------------------------------------------------*/
footer { background: url(../images/common/bg-footer.jpg); height: 150px; }
footer p { color: #FFF; font-size: 12px; display: inline; }
footer .inner { width: 940px; margin: 0 auto; }
footer nav { margin-top: 25px; margin-bottom: 25px; }
footer nav ul li a { color: #a1b3b9; font-size: 14px; }
footer nav ul li a:hover, footer nav ul li a.selected { color:#FFF; }
footer nav a:hover { color: #FFF; }
footer hr { background: #557480; margin-bottom: 25px; }
footer .infos { float: left; margin-top: 25px; }
footer .sep { float: left; background: url(../images/common/sep.png) no-repeat; width: 1px; height: 45px; position: relative; top: -12px; margin: 0 20px; }
footer .infos p { display: inline; float: left; color: #FFF; font-size: 18px; font-weight: bold; }
footer .infos p a { font-size: 12px; color: #b9c6cb; font-weight: normal; }
footer .infos p a:hover { color: #FFF; }
footer .logo-cameleon { display: block; width: 134px; height: 12px; background: url(../images/common/logo-cameleon.png); float: right; margin-top: 3px; }
footer .copyright { font-size: 10px; margin-left: 100px; }
footer nav li:last-child { display:none; }
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -150px; /* the bottom margin is the negative value of the footer's height */ }
footer,
.push { height: 150px; /* .push must be the same height as .footer */ }
footer { margin-top:40px; }
/* Sticky Footer by Ryan Fait http://ryanfait.com/ */

/*-------------------------------------------------------------------
	is has
-------------------------------------------------------------------*/
.has-light-blue-bg { background-color:#f4f8fa; }
.has-20-padding { padding:20px; }
.has-min-height { min-height:274px; position:relative; }
.has-8-border-radius { -webkit-border-radius: 8px;  -moz-border-radius: 8px;  border-radius: 8px; }
.is-big { font-size:32px; }
.is-lowercase { text-transform:none; display:inline; }
.is-email { color:#257f9d; font-style:italic; margin:8px 0; display:block; }
.has-no-min-height{ min-height:0; }
.is-left-aligned { float:left !important; padding-right:20px !important; }
.width-100 { width: 100%; display: block; }


/* Fallback */
.grid { display:block; clear: both; overflow: hidden; }
.grid > div { float: left; padding: 0 1em 0 0; }
.grid-columns-1-11 > div:nth-child(2n+1) { width:8.333%; }
.grid-columns-1-11 > div:nth-child(2n) { width:91.666%; }
.grid-columns-2-10 > div:nth-child(2n+1) { width:16.666%; }
.grid-columns-2-10 > div:nth-child(2n) { width:83.333%; }
.grid-columns-3-9 > div:nth-child(2n+1) { width:25%; }
.grid-columns-3-9 > div:nth-child(2n) { width:75%; }
.grid-columns-4-8 > div:nth-child(2n+1) { width:33.333%; }
.grid-columns-4-8 > div:nth-child(2n) { width:66.666%; }
.grid-columns-5-7 > div:nth-child(2n+1) { width:41.666%; }
.grid-columns-5-7 > div:nth-child(2n) { width:58.333%; }
.grid-columns-6-6 > div { width:50%; }
.grid-columns-7-5 > div:nth-child(2n+1) { width:58.333%; }
.grid-columns-7-5 > div:nth-child(2n) { width:41.666%; }
.grid-columns-8-4 > div:nth-child(2n+1) { width:66.666%;  }
.grid-columns-8-4 > div:nth-child(2n) { width:33.333%;  }
.grid-columns-9-3 > div:nth-child(2n+1) { width:75%; }
.grid-columns-9-3 > div:nth-child(2n) { width:25%; }
.grid-columns-10-2 > div:nth-child(2n+1) { width:83.333%; }
.grid-columns-10-2 > div:nth-child(2n) { width:16.666%; }
.grid-columns-11-1 > div:nth-child(2n+1) { width:91.666%; }
.grid-columns-11-1 > div:nth-child(2n) { width:8.333%; }
.grid-columns-12 > div { width:100%; }
.grid-columns-equal-2 > div { width: 50%; }
.grid-columns-equal-3 > div { width: 33.333%; }
.grid-columns-equal-4 > div { width: 25%; }
.grid-columns-equal-5 > div { width: 20%; }
.grid > div:nth-child(2n) { padding:0 0 0 1em; }
.grid > div:nth-child(2n+1) { clear:both; padding:0 1em 0 0; }
.grid-columns-equal-3 > div:nth-child(3n-1) { padding:0 0.5em 0 0.5em; }
.grid-columns-equal-3 > div:nth-child(3n) { padding:0 0 0 1em; }
.grid-columns-equal-3 > div:nth-child(3n+1) { clear:both; }
.grid-columns-equal-4 > div:nth-child(4n-1) { padding:0 0.333em 0 0.666em; }
.grid-columns-equal-4 > div:nth-child(4n-2) { padding:0 0.666em 0 0.333em; }
.grid-columns-equal-4 > div:nth-child(4n) { padding:0 0 0 1em; }
.grid-columns-equal-4 > div:nth-child(4n+1) { clear:both; padding:0 2em 0 0; }
.grid-columns-equal-5 > div:nth-child(5n-1) { padding:0 0.333em 0 1em; }
.grid-columns-equal-5 > div:nth-child(5n-2) { padding:0 0.666em 0 0.666em; }
.grid-columns-equal-5 > div:nth-child(5n-3) { padding:0 1em 0 0.333em; }
.grid-columns-equal-5 > div:nth-child(5n) { padding:0 0 0 1.333em; }
.grid-columns-equal-5 > div:nth-child(5n+1) { clear:both; padding:0 1.333em 0 0; }
.grid-columns-equal-3 > div:nth-child(2n+1), .grid-columns-equal-4 > div:nth-child(2n+1), .grid-columns-equal-5 > div:nth-child(2n+1) { clear:none; }


/* Grid */
.grid { display:grid; grid-gap:1em; grid-template-rows:auto;align-items: start; }
.grid-column { align-self:start; }
.grid-columns-1-11 { grid-template-columns:1fr 11fr; }
.grid-columns-2-10 { grid-template-columns:2fr 10fr; }
.grid-columns-3-9 { grid-template-columns:3fr 9fr; }
.grid-columns-4-8 { grid-template-columns:4fr 8fr; }
.grid-columns-5-7 { grid-template-columns:5fr 7fr; }
.grid-columns-6-6 { grid-template-columns:6fr 6fr; }
.grid-columns-7-5 { grid-template-columns:7fr 8fr; }
.grid-columns-8-4 { grid-template-columns:8fr 4fr; }
.grid-columns-9-3 { grid-template-columns:9fr 3fr; }
.grid-columns-10-2 { grid-template-columns:10fr 2fr; }
.grid-columns-11-1 { grid-template-columns:11fr 1fr; }
.grid-columns-12 { grid-template-columns:12fr; }
.grid-columns-equal-2 { grid-template-columns:6fr 6fr; }
.grid-columns-equal-3 { grid-template-columns:4fr 4fr 4fr; }
.grid-columns-equal-4 { grid-template-columns:3fr 3fr 3fr 3fr; }
.grid-columns-4 { grid-template-columns:3fr 5fr 2fr 2fr; }
.grid-columns-equal-5 { grid-template-columns:2.4fr 2.4fr 2.4fr 2.4fr 2.4fr; }
.grid-columns-equal-6 { grid-template-columns:2fr 2fr 2fr 2fr 2fr 2fr; }
.grid-gap-6 { grid-gap:6em;}
.grid-gap-3 { grid-gap:3em;}

@supports (display: grid) {
	.grid > div { width: auto !important; padding:0 !important; }
}