@charset "utf-8";

* {
border: 0px;
margin: 0px;
padding: 0px;
text-decoration: none;
}
body
{
background: #8f908f;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 120%;
color: #000000;
-webkit-font-smoothing: antialiased;
}
img
{
max-width: 100%;
border: 0px;
vertical-align: bottom;
}
.map img{ max-width: inherit; }
.clear
{
clear: both;
border: 0px;
height: 0px;
line-height: 0px;
visibility: hidden;
} h1, h2, h3, h4, h5, h6
{
line-height: 120%;
margin: 20px 0px;
font-weight: bold;
}
h1
{
font-size: 36px;
margin: 30px 0px 80px 0px;
text-transform: uppercase;
text-align: center;
font-weight: 300;
color: #3a4295;
}
h1 a, h1 a:focus, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active
{
text-decoration: none;
cursor: default;
}
h2
{
font-size: 28px;
font-weight: 300;
text-transform: uppercase;
color: #3a4295;
margin: 50px 0px 25px 0px;
}
h3
{
color: #3a4295;
font-size: 22px;
margin: 40px 0px 25px 0px;
}
h4
{
color: #3a4295;
font-size: 20px;
margin: 35px 0px 20px 0px;
}
h5
{
color: #3a4295;
font-size: 18px;
margin: 30px 0px 20px 0px;
}
h6
{
color: #3a4295;
font-size: 16px;
margin: 25px 0px 20px 0px;
} a:focus{ outline: none; }
a:link, a:visited, a:hover, a:active
{
color: #000000;
text-decoration: underline;
}
h1 a{ color: #3a4295 !important; }
h2 a{ color: #3a4295 !important; }
h3 a{ color: #3a4295 !important; }
h4 a{ color: #3a4295 !important; }
h5 a{ color: #3a4295 !important; }
h6 a{ color: #3a4295 !important; } p
{
margin: 20px 0px;
line-height: 140%;
}
strong{  font-weight: bold; }
em{  font-style: italic; }
em strong, strong em
{
font-style: italic;
font-weight: bold;
}
u{ text-decoration: underline; }
strike{ text-decoration: line-through; }
address{ font-style: normal; }
q{
color:#007AAA;
font-style:italic;
}
q:after
{
content: " ' Source: "attr(cite)" ";
font-size: 1em;
}
ul, ol{ margin: 20px 0px 20px 20px; }
ul ul, ol ol, ul ol, ol ul{ margin: 0px 0px 0px 30px; }
li
{
line-height: 140%;
margin: 10px 0px;
}
hr{
border-bottom:2px ridge #666666;
border:0;
}
.separator
{
clear: both;
visibility: visible;
height: 0px;
border: none;
border-top: 1px solid #000000;
margin: 20px 0px;
}
dl{
margin:10px 5px;
}
dt{
color:#000000;
font-size:1.1em;
font-weight:bold;
}
dd{
font-style:normal;
margin:0;
padding:0;
text-indent:10px;
}
table
{
border-collapse: collapse;
border-spacing: 0px;
border: 1px solid #cccccc;
margin: 10px auto;
width: 100%;
}
table caption
{
color: #ccc;
margin:5px 0;
text-align:left;
}
th, td
{
border: 2px solid #FFFFFF;
padding: 10px 20px;
text-align: left;
line-height: 120%;
}
th
{
background: #3a4295;
color: #FFFFFF;
font-weight: normal;
}
th span.etiquette
{
display: inline-block;
background: #e30002;
color: #FFFFFF;
font-weight: normal;
line-height: 120%;
font-size: 12px;
padding: 6px 10px;
margin-top: 10px;
}
tr:nth-child(odd) td
{
background: #e2eef6;
}
.button
{
display: inline-block;
vertical-align: top;
background-color: #000000;
background-position: 10px center;
background-repeat: no-repeat;
color: #FFFFFF !important;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none !important;
padding: 8px 25px;
}
.linkmore{ margin: 20px 0px; }
.linkmore a
{
display: inline-block;
vertical-align: top;
color: #3a4295;
font-weight: bold;
font-size: 14px;
border: 2px solid #3a4295;
border-radius: 20px;
text-transform: uppercase;
text-decoration: none !important;
padding: 10px 40px;
line-height: 120%;
transition: all 300ms ease;
}
.linkmore a:hover
{
background: #3a4295;
color: #FFFFFF;
}
.map .mapInner{ max-width: 100% !important; } .medias{
margin:10px 0;
}
.medias .audio, .medias .video, .medias .center{
text-align:center;
}
.medias .right{
text-align:right;
}
.medias .left{
text-align:left;
}
.medias img{
margin:5px;
}
.medias .right .diaporama{
text-align:right;
margin:0 0 0 auto;
}
.medias .left .diaporama{
text-align:left;
margin:0 auto 0 0;
}
.medias .center .diaporama{
text-align:left;
margin:0 auto;
}
.medias a,.medias a:hover, .medias a:visited{
background:none;
text-decoration:none;
}
.medias .description{
display:none;
}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.une_colonne, .deux_colonnes{
clear:both;
display: inline;
}
.colleft, .colright{ width: 540px; }
.colleft{ float: left; }
.colright{ float: right; }
.intext_left
{
float: left !important;
padding: 0px 40px 30px 0px !important;
}
.intext_right
{
float: right !important;
padding: 0px 0px 30px 40px !important;
}
.intext_left img, .intext_right img{ max-width: 100% !important; }
.above_left{ text-align: left; }
.above_right{ text-align: right; }
.above_center{ text-align: center; }
.below_center{ text-align: center; }
.below_right{ text-align: right; }
.below_left{ text-align: left; }
.above_center img, .above_right img, .above_left img, .below_center img, .below_right img, .below_left img{  float: none !important; }
.center{
text-align: center;
width:100%;
}
.left{
text-align: left;
width:100%;
}
.right{
text-align: right;
width:100%;
}
.ligneElement
{
position: relative;
clear: both;
margin: 0px -10px;
}
.pageElementInner
{
position: relative;
padding: 0px 10px;
}
.posLeft{ float: left; }
.posRight{ float: right; }
.txtLeft{ text-align: left; }
.txtCenter{ text-align: center; }
.txtRight{ text-align: right; }
#page
{
position: relative;
min-width: 1200px;
overflow: hidden;
}
header
{
position: relative;
height: 60px;
border-bottom: 1px solid #b2cee2;
background: #FFFFFF;
z-index: 3;
}
header #headerInner
{
position: relative;
height: 60px;
margin: 0px auto;
}
header #logo {
position: absolute;
left: 0px;
top: 0px;
width: 119px;
height: 60px;
background: url(//www.diper-dentalperformance.com/wp-content/themes/nobilium/img/logo-simple.svg) center center no-repeat;
border-right: 1px solid #b2cee2;
background-size: 80px;
}
header #logo a
{
display: block;
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
}
header #logo a span{ display: none; }
header #headerBoxes
{
position: absolute;
width: 250px;
height: 60px;
right: 0px;
top: 0px;
z-index: 3;
}
#chapterPicture
{
position: relative;
overflow: hidden;
z-index: 1;
}
#chapterPicture .flex-direction-nav a
{
width: 50px;
height: 50px;
margin: -25px 0px 0px 0px;
overflow: hidden;
opacity: 0.7;
}
#chapterPicture .flex-direction-nav .flex-prev
{
left: -50px;
background: rgba(255, 255, 255, 0.5) url(//www.diper-dentalperformance.com/wp-content/themes/nobilium/img/slider_prev.png) center center no-repeat !important;
}
#chapterPicture .flex-direction-nav .flex-next
{
right: -50px;
background: rgba(255, 255, 255, 0.5) url(//www.diper-dentalperformance.com/wp-content/themes/nobilium/img/slider_next.png) center center no-repeat !important;
}
#chapterPicture .flexslider:hover .flex-prev{ left: 0px !important; }
#chapterPicture .flexslider:hover .flex-next{ right: 0px !important; }
#chapterPicture .flex-direction-nav a:hover{ opacity: 1; }
#wrapper
{
position: relative;
clear: both;
background: #FFFFFF;
z-index: 2;
}
#wrapperInner
{
position: relative;
width: 1120px;
margin: 0px auto;
padding: 50px 0px 50px 0px;
}
#container
{
position: relative;
}
#contents{ position: relative; }
#contentsInner
{
position: relative;
min-height: 500px;
}
footer
{
position: relative;
clear: both;
background: #8f908f;
color: #FFFFFF;
padding: 20px 0px 0px 0px;
z-index: 2;
}
footer #footerInner {
position: relative;
width: 1160px;
margin: 0px auto;
padding: 50px 0px 10px 0px;
font-size: 12px;
background: url(//www.diper-dentalperformance.com/wp-content/themes/nobilium/img/logo-blanc.svg) 20px top no-repeat;
background-size: 100px;
}
footer #signature
{
position: relative;
text-align: center;
font-size: 10px;
width: 1120px;
margin: 0px auto;
padding: 10px 0px;
line-height: 120%;
}
footer #signature a, footer #signature a:visited
{
background: none;
color: #FFFFFF;
text-decoration: none;
}
footer #signature a:hover{ color: #FFFFFF; }
#breadcrumbInner
{
padding: 0px 10px;
}
#breadcrumb a
{
color: #656d78;
text-decoration: none;
}
#breadcrumb a:hover{ text-decoration: underline;  }
#nested .smart-menu{ display: none; }
header #nested
{
position: absolute;
left: 120px;
top: 0px;
width: 890px;
height: 60px;
z-index: 2;
}
header #nested .firstLevel 
{
height: 60px;
margin: 0px;
padding: 0px 15px;
list-style: none;
}
header #nested .firstLevel li
{
position: relative;
padding: 0px;
height: 60px;
float: left;
margin: 0px !important;
}
header #nested .firstLevel li a
{
display: block;
height: 60px;
line-height: 60px;
color: #3a4295;
padding: 0px 15px;
text-decoration: none;
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
}
header #nested .firstLevel li.sfhover a, header #nested .firstLevel li a:hover
{
background: #3a4295;
color: #FFFFFF;
} header #nested .firstLevel li ul, header #nested .firstLevel li:hover ul ul, header #nested .firstLevel li.sfhover ul ul, header #nested .firstLevel ul li:hover ul ul, header #nested .firstLevel ul li.sfhover ul ul
{
position: absolute;
left: -10000px;
} header #nested .firstLevel li ul
{
position: absolute;
list-style: none;
width: 240px;
background: rgba(255, 255, 255, 0.8);
margin: 0px !important;
padding: 15px 0px;
box-shadow: 0px 4px 10px -4px rgba(0, 0, 0, 0.3);
border-top: 1px solid #b2cee2;
}
header #nested .firstLevel li:hover ul, header #nested .firstLevel li.sfhover ul{ left: auto; }
header #nested .firstLevel li ul li
{
height: auto;
border-bottom: 1px solid #ededed;
}
header #nested .firstLevel li ul li:last-child{ border-bottom: none; }
header #nested .firstLevel li ul li a
{
height: auto;
padding: 10px 20px;
line-height: 120%;
font-size: 13px;
}
header #nested .firstLevel li ul li a, header #nested .firstLevel li.sfhover ul li a, header #nested .firstLevel li ul li.sfhover a
{
background: none;
color: #3a4295;
}
header #nested .firstLevel li ul li a:hover
{
background: #3a4295;
color: #FFFFFF;
}
.widget .widgetTitle span
{
display: block;
background-position: right center;
background-repeat: no-repeat;
line-height: 120%;
}
.widget form, .widget fieldset, .widget .row
{
margin: 0px;
padding: 0px;
}
header .widget
{
position: relative;
float: right;
height: 60px;
color: #3a4295;
font-size: 13px;
border-left: 1px solid #b2cee2;
}
header .widget .widgetTitle{ display: none; }
header .widget a
{
color: #3a4295;
text-decoration: none;
}
header .widgetTelephone
{
margin: 0px;
width: 139px;
height: 60px;
line-height: 60px;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}
header .widgetTelephone p
{
margin: 0px;
height: 60px;
line-height: 60px;
}
header .widgetContact
{
width: 109px;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}
header .widgetContact p
{
margin: 0px;
}
header .widgetContact a
{
display: block;
height: 60px;
line-height: 60px;
}
footer .widget
{
position: relative;
width: 300px;
float: left;
margin: 0px 20px;
}
footer .widget .widgetTitle{ display: none; }
footer .widget a
{
color: #ffffff;
text-decoration: none;
}
footer .widgetAdresse{ width: 440px; }
footer .widget p{ margin: 10px 0px; }
#newsList .newsContainer
{
position: relative;
overflow: hidden;
border-bottom: 1px solid #ededed;
margin: 0px 0px 20px 0px;
padding: 0px 0px 20px 0px;
}
#newsList .newsContainer .chapoPicture img
{
float: left;
margin: 0px 50px 0px 0px;
max-width: 250px;
max-height: 250px;
}
#newsList .newsContainer time
{
display: block;
text-align: right;
font-style: italic;
line-height: 120%;
font-size: 13px;
margin-bottom: 20px;
}
#newsList .newsContainer .linkmore
{
text-align: right;
padding: 30px 0px 0px 0px;
}
.newsArchivesLink{ display: none; }
#news #chapo{ margin: 0px 0px 30px 0px; }
#news #chapo .chapoPicture img
{
float: left;
margin: 0px 20px 0px 0px;
}
#news #chapo time
{
display: block;
text-align: right;
font-style: italic;
line-height: 120%;
font-size: 13px;
}
.pager
{
position: relative;
clear: both;
margin: 40px 0px 0px 0px;
text-align: center;
}
.pager a
{
vertical-align: top;
display: inline-block;
margin: 0px 2px;
text-align: center;
width: 20px;
height: 20px;
line-height: 20px;
text-decoration: none !important;
background: #FFFFFF;
color: #000000;
vertical-align: top;
border: 1px solid #000000;
}
.pager a img{ vertical-align: middle; }
.pager a.pager_current_page,
.pager a.pager_current_page:hover,
.pager a.pager_current_page:visited{
background: #ededed;
}
.pager .PagerPrevious, .pager .PagerNext
{
width: auto;
font-size: 14px;
margin: 0px 10px;
padding: 10px 40px;
text-align: center;
background: none;
color: #3a4295;
border: 2px solid #3a4295;
border-radius: 20px;
text-transform: uppercase;
font-weight: bold;
line-height: 120%;
transition: all 300ms ease;
}
.pager .PagerPrevious:hover, .pager .PagerNext:hover
{
background: #3a4295;
color: #FFFFFF;
}
.back
{
text-align: center;
margin: 20px 0px;
}
.back a
{
color: #000000;
text-transform: uppercase;
text-decoration: none;
}
.pageAccueil #wrapperInner
{
position: relative;
width: auto !important;
padding: 40px 0px 50px 0px;
}
#pageAccueil .homeContainer
{
width: 1120px;
margin: 0px auto;
}
#pageAccueil #homeTop
{
position: relative;
}
#pageAccueil #homeLogo {
position: absolute;
left: 0px;
bottom: 310px;
width: 350px;
height: 120px;
background: #FFFFFF url(//www.diper-dentalperformance.com/wp-content/themes/nobilium/img/logo.svg) center center no-repeat;
background-size: 160px;
}
#pageAccueil #homePageTitle
{
position: absolute;
left: 0px;
bottom: 0px;
width: 350px;
height: 300px;
background: #3a4295;
color: #FFFFFF;
}
#pageAccueil #homePageTitle h1 {
color: #FFFFFF;
text-align: left;
margin: 55px 60px 0px 60px;
padding: 0px 0px 30px 0px;
font-size: 30px;
text-transform: uppercase;
border-bottom: 1px solid #FFFFFF;
}
#pageAccueil #homePageTitle p
{
font-size: 12px;
margin: 25px 60px 0px 60px;
line-height: 120%;
}
#pageAccueil #homePageSubtitle
{
position: relative;
padding-left: 380px;
opacity: 0;
transform: translateX(50px);
transition: all 1000ms ease;
}
#pageAccueil #homePageSubtitle.animated
{
opacity: 1;
transform: translateX(0px);
}
#pageAccueil #homePageSubtitle h2
{
margin: 0px;
}
#pageAccueil #homePresentation
{
position: relative;
overflow: hidden;
padding: 60px 0px 0px 0px;
}
#pageAccueil #homeEdito
{
position: relative;
width: 440px;
float: left;
overflow: hidden;
}
#pageAccueil #homeEdito .description
{
position: relative;
overflow: hidden;
font-size: 13px;
line-height: 120%;
}
#pageAccueil #homeEdito .picture
{
position: relative;
width: 200px;
height: 200px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
float: left;
margin: 0px 25px 0px 0px;
}
#pageAccueil #homeEdito .linkmore
{
margin-bottom: 0px !important;
}
#pageAccueil #homeAssets
{
position: relative;
width: 679px;
float: right;
overflow: hidden;
}
#pageAccueil #homeAssets .homeAsset
{
position: relative;
width: 160px;
min-height: 160px;
border-left: 1px solid #8f908f;
background: url(//www.diper-dentalperformance.com/wp-content/themes/nobilium/img/check.svg) 28px 0px no-repeat;
float: left;
font-size: 13px;
line-height: 120%;
margin: 0px 0px 0px 28px;
padding: 40px 0px 0px 28px;
opacity: 0;
transform: translateX(50px);
transition: all 1000ms ease;
background-size: 32px;
}
#pageAccueil #homeAssets .homeAsset.animated
{
opacity: 1;
transform: translateX(0px);
}
#pageAccueil #homeBoxes
{
position: relative;
overflow: hidden;
padding: 70px 0px;
}
#homeFigures
{
position: relative;
width: 546px;
height: 350px;
}
#pageAccueil #homeFigures{ float: left; }
#pageAgreement #homeFigures{ margin: 40px auto; }
#homeFigures h2
{
width: 356px;
height: 64px;
line-height: 64px;
margin: 80px auto 72px auto;
background: #FFFFFF;
font-weight: 300;
font-weight: normal;
color: #3a4295;
font-size: 20px;
text-align: center;
}
#homeFigures ul
{
position: relative;
overflow: hidden;
margin: 0px;
padding: 25px 0px;
list-style: none;
text-align: center;
}
#homeFigures li
{
display: inline-block;
vertical-align: top;
height: 80px;
margin: 0px;
padding: 0px;
list-style: none;
color: #FFFFFF;
font-size: 15px;
line-height: 120%;
text-align: left;
}
#homeFigures li#homeFigure2, #homeFigures li#homeFigure3
{
border-left: 1px solid #FFFFFF;
margin-left: 20px;
padding-left: 30px;
}
#homeFigures li span
{
display: inline-block;
font-size: 46px;
font-weight: 300;
line-height: 120%;
}
#pageAccueil #homeNews
{
position: relative;
float: left;
width: 257px;
height: 348px;
border: 1px solid #8f908f;
margin-left: 28px;
overflow: hidden;
}
#pageAccueil #homeNewsInner
{
margin: 20px 20px 0px 20px;
height: 260px;
overflow: hidden;
}
#pageAccueil #homeNews .homeNews
{
position: relative;
height: 260px;
overflow: hidden;
outline: none !important;
}
#pageAccueil #homeNews .homeNews .picture
{
text-align: center;
}
#pageAccueil #homeNews .homeNews .picture img
{
width: auto !important;
height: auto !important;
max-height: 120px !important;
margin-bottom: 15px;
}
#pageAccueil #homeNews .homeNews .title h3
{
margin: 0px;
color: #000000;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
#pageAccueil #homeNews .homeNews .description
{
font-size: 12px;
line-height: 120%;
}
#pageAccueil #homeNews .homeNews .seemore a
{
display: block;
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
text-indent: 10000px;
white-space: nowrap;
z-index: 2;
}
#pageAccueil #homeNews .linkmore
{
margin: 0px;
text-align: center;
}
#pageAccueil #homeContact
{
position: relative;
float: right;
background: #3a4295 url(//www.diper-dentalperformance.com/wp-content/themes/nobilium/img/bg_home_contact.jpg) center top no-repeat;
background: url(//www.diper-dentalperformance.com/wp-content/themes/nobilium/img/bg_home_contact.jpg) center top no-repeat, linear-gradient(to right, #272f7f, #3a4295);
width: 259px;
height: 150px;
padding: 200px 0px 0px 0px;
text-align: center;
color: #FFFFFF;
overflow: hidden;
}
#pageAccueil #homeContact h2
{
text-transform: uppercase;
margin: 0px 0px 15px 0px;
font-weight: 300;
color: #FFFFFF;
font-weight: normal;
font-size: 24px;
}
#pageAccueil #homeContact a
{
display: block;
text-transform: uppercase;
text-decoration: none;
width: 196px;
height: 36px;
line-height: 36px;
margin: 0px auto;
color: #FFFFFF;
font-weight: bold;
font-size: 16px;
border: 2px solid #FFFFFF;
border-radius: 20px;
}
#pageAccueil #homeMiddle
{
position: relative;
overflow: hidden;
height: 480px;
background: #3a4295 url(//www.diper-dentalperformance.com/wp-content/themes/nobilium/img/bg_home_middle.jpg) center center fixed no-repeat;
background-size: cover;
}
#pageAccueil #homeMiddle #homeMiddleBg
{
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
background: #3a42958c;
z-index: 1;
}
#pageAccueil #homeMiddle #homeMiddleContainer
{
position: absolute;
left: 50%;
top: 0px;
bottom: 0px;
width: 1120px;
line-height: 480px;
margin-left: -560px;
text-align: center;
z-index: 2;
}
#pageAccueil #homeMiddle #homeMiddleInner
{
display: inline-block;
position: relative;
line-height: 120%;
vertical-align: middle;
color: #FFFFFF;
}
#pageAccueil #homeMiddle #homeMiddleTitle h2
{
text-transform: uppercase;
font-weight: 300;
font-size: 36px;
margin: 15px 0px;
color: #FFFFFF;
}
#pageAccueil #homeMiddle #homeMiddleText p, #pageAccueil #homeMiddle #homeMiddleText ul, #pageAccueil #homeMiddle #homeMiddleText ol
{
margin-top: 0px !important;
margin-bottom: 0px !important;
}
#homeProducts
{
position: relative;
height: 450px;
}
#pageAccueil #homeProducts{ padding: 70px 0px; }
#pageChassis  #homeProducts{ margin: 40px 0px; }
#homeProducts  #homeProductsTitle
{
position: absolute;
right: 0px;
width: 330px;
}
#pageAccueil #homeProducts  #homeProductsTitle{ top: 62px; }
#pageChassis  #homeProducts  #homeProductsTitle{ top: -8px; }
#homeProducts  #homeProductsTitle h2
{
text-transform: uppercase;
font-weight: 300;
font-size: 36px;
margin: 0px !important;
padding-right: 85px;
color: #3a4295;
}
#homeProducts  #homeProductsTitle::after, #homeProducts  #homeProductsTitle:after
{
content: '';
position: relative;
display: block;
width: 80px;
height: 2px;
margin-top: 35px;
background: #6d75cf;
}
#homeProducts  #homeProductsChart
{
position: absolute;
left: 0px;
width: 710px;
height: 450px;
z-index: 1;
}
#pageAccueil #homeProducts  #homeProductsChart{ top: 70px; }
#pageChassis  #homeProducts  #homeProductsChart{ top: 0px; }
#homeProducts  #homeProductsTabs
{
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
width: 260px;
background: #FFFFFF;
}
#homeProducts .homeProductsTab
{
position: absolute;
left: 0px;
width: 260px;
height: 89px;
line-height: 87px;
background: #6d75cf;
text-align: center;
color: #FFFFFF;
font-size: 18px;
text-transform: uppercase;
font-weight: 300;
cursor: pointer;
}
#homeProducts #homeProductsTab1{ top: 0px; }
#homeProducts #homeProductsTab2{ top: 90px; }
#homeProducts #homeProductsTab3{ top: 180px; height: 90px; }
#homeProducts #homeProductsTab4{ top: 271px; }
#homeProducts #homeProductsTab5{ top: 361px; }
#homeProducts .homeProductsTab.active
{
width: 275px;
background: #3a4295;
}
#homeProducts .homeProductsTab span
{
display: inline-block;
vertical-align: middle;
line-height: 120% !important;
margin: 0px 10px;
}
#homeProducts  #homeProductsPictures
{
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
width: 450px;
background: #f4f4f4;
}
#homeProducts .homeProductsPicture
{
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
display: none;
}
#homeProducts .homeProductsPicture.active{ display: block; }
#homeProducts .homeProductsPicture .picture
{
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
background: #f4f4f4;
}
#homeProducts .homeProductsPicture .subpicture
{
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
background-position: center center;
background-repeat: no-repeat;
background-size: 100% !important;
}
#homeProducts .homeProductsPicture .subpicture1{ z-index: 1; }
#homeProducts .homeProductsPicture .subpicture2{ z-index: 2; }
#homeProducts #homeProductsPicture1 .picture1 .subpicture1{ background-image: url(//www.diper-dentalperformance.com/wp-content/themes/nobilium/img/schemas/classe1-maxillaire-edentement.png); }
#homeProducts #homeProductsPicture1 .picture1 .subpicture2{ background-image: url(//www.diper-dentalperformance.com/wp-content/themes/nobilium/img/schemas/classe1-maxillaire.png); }
#homeProducts #homeProductsPicture1 .picture2 .subpicture1{ background-image: url(//www.diper-dentalperformance.com/wp-content/themes/nobilium/img/schemas/classe1-mandibule-edentement.png); }
#homeProducts #homeProductsPicture1 .picture2 .subpicture2{ background-image: url(//www.diper-dentalperformance.com/wp-content/themes/nobilium/img/schemas/classe1-mandibule.png); }
#homeProducts #homeProductsPicture2 .picture1 .subpicture1{ background-image: url(//www.diper-dentalperformance.com/wp-content/themes/nobilium/img/schemas/classe2-maxillaire-edentement.png); }
#homeProducts #homeProductsPicture2 .picture1 .subpicture2{ background-image: url(//www.diper-dentalperformance.com/wp-content/themes/nobilium/img/schemas/classe2-maxillaire.png); }
#homeProducts #homeProductsPicture2 .picture2 .subpicture1{ background-image: url(//www.diper-dentalperformance.com/wp-content/themes/nobilium/img/schemas/classe2-mandibule-edentement.png); }
#homeProducts #homeProductsPicture2 .picture2 .subpicture2{ background-image: url(//www.diper-dentalperformance.com/wp-content/themes/nobilium/img/schemas/classe2-mandibule.png); }
#homeProducts #homeProductsPicture3 .picture1 .subpicture1{ background-image: url(//www.diper-dentalperformance.com/wp-content/themes/nobilium/img/schemas/classe3-maxillaire-edentement.png); }
#homeProducts #homeProductsPicture3 .picture1 .subpicture2{ background-image: url(//www.diper-dentalperformance.com/wp-content/themes/nobilium/img/schemas/classe3-maxillaire.png); }
#homeProducts #homeProductsPicture3 .picture2 .subpicture1{ background-image: url(//www.diper-dentalperformance.com/wp-content/themes/nobilium/img/schemas/classe3-mandibule-edentement.png); }
#homeProducts #homeProductsPicture3 .picture2 .subpicture2{ background-image: url(//www.diper-dentalperformance.com/wp-content/themes/nobilium/img/schemas/classe3-mandibule.png); }
#homeProducts #homeProductsPicture4 .picture1 .subpicture1{ background-image: url(//www.diper-dentalperformance.com/wp-content/themes/nobilium/img/schemas/classe4-maxillaire-edentement.png); }
#homeProducts #homeProductsPicture4 .picture1 .subpicture2{ background-image: url(//www.diper-dentalperformance.com/wp-content/themes/nobilium/img/schemas/classe4-maxillaire.png); }
#homeProducts #homeProductsPicture4 .picture2 .subpicture1{ background-image: url(//www.diper-dentalperformance.com/wp-content/themes/nobilium/img/schemas/classe4-mandibule-edentement.png); }
#homeProducts #homeProductsPicture4 .picture2 .subpicture2{ background-image: url(//www.diper-dentalperformance.com/wp-content/themes/nobilium/img/schemas/classe4-mandibule.png); }
#homeProducts #homeProductsPicture5 .picture1 .subpicture1{ background-image: url(//www.diper-dentalperformance.com/wp-content/themes/nobilium/img/schemas/couronnesfraisees-edentement.png); }
#homeProducts #homeProductsPicture5 .picture1 .subpicture2{ background-image: url(//www.diper-dentalperformance.com/wp-content/themes/nobilium/img/schemas/couronnesfraisees.png); }
#homeProducts .homeProductsPicture .picture span
{
display: block;
position: absolute;
left: 0px;
right: 0px;
bottom: 40px;
z-index: 3;
text-align: center;
line-height: 120%;
font-size: 13px;
color: #888888;
text-transform: uppercase;
letter-spacing: 0.4px;
}
#homeProducts  #homeProductsDetails
{
position: absolute;
right: 0px;
width: 330px;
height: 458px;
z-index: 1;
}
#pageAccueil #homeProducts  #homeProductsDetails{ top: 62px; }
#pageChassis #homeProducts  #homeProductsDetails{ top: -8px; }
#homeProducts .homeProductsDetail
{
position: absolute;
right: 0px;
top: 200px;
width: 330px;
height: 190px;
display: none;
}
#homeProducts .homeProductsDetail.active{ display: block; }
#homeProducts .homeProductsDetail h3
{
font-size: 34px;
font-weight: 300;
text-transform: uppercase;
margin: 0px !important;
color: #3a4295;
}
#homeProducts .homeProductsDetail h4
{
font-size: 16px;
font-weight: normal;
text-transform: uppercase;
margin: 5px 0px 10px 0px !important;
color: #3a4295;
}
#homeProducts .homeProductsDetail .subtext
{
line-height: 120%;
font-size: 13px;
margin: 5px 0px;
}
#homeProducts  #homeProductsDetails .linkmore
{
position: absolute;
left: 0px;
bottom: 0px;
margin: 0px !important;
}
#pageAccueil #homeSkills{ position: relative; }
#pageAccueil #homeSkills::before, #pageAccueil #homeSkills:before
{
content: '';
position: relative;
display: block;
width: 80px;
height: 2px;
margin: 0px auto;
background: #6d75cf;
}
#pageAccueil #homeSkills h2
{
text-align: center;
font-weight: 300;
color: #3a4295;
font-size: 30px;
margin: 35px 0px 25px 0px;
}
#pageAccueil #homeSkills #homeSkillsList
{
position: relative;
overflow: hidden;
margin: 0px -14px;
}
#pageAccueil #homeSkills .homeSkill
{
position: relative;
display: inline-block;
vertical-align: top;
margin: 25px 14px;
padding-left: 49px;
width: 210px;
min-height: 50px;
opacity: 0;
transform: translateX(20px);
transition: all 500ms ease;
}
#pageAccueil #homeSkills .homeSkill.animated
{
opacity: 1;
transform: translateX(0px);
}
#pageAccueil #homeSkills .homeSkill .letter
{
position: absolute;
left: 0px;
top: 0px;
color: #3a4295;
font-size: 48px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-weight: 300;
line-height: 100%;
}
#pageAccueil #homeSkills .homeSkill h3
{
color: #6d75cf;
margin: 5px 0px 15px 0px;
font-size: 18px;
text-transform: uppercase;
font-weight: normal;
}
#pageAccueil #homeSkills .homeSkill .text
{
font-size: 13px;
line-height: 160%;
}
@media only screen and (min-width: 481px) and (max-width: 800px)
{
body{ font-size: 15px; }
#page{ min-width: 760px; }
header{ height: 50px; }
header #headerInner{ height: 50px; }
header #logo{ height: 50px; }
header #headerBoxes
{
width: 230px;
height: 50px;
}
#chapterPicture .flex-direction-nav a
{
width: 40px;
height: 40px;
margin: -20px 0px 0px 0px;
}
#wrapperInner
{
width: 700px;
padding: 40px 0px 40px 0px;
}
footer #footerInner
{
width: 720px;
background-position: 10px top;
font-size: 11px;
}
footer #signature
{
width: 700px;
font-size: 10px;
}
h1{ font-size: 34px; }
h2{ font-size: 25px; }
h3{ font-size: 21px; }
h4{ font-size: 19px; }
h5{ font-size: 17px; }
h6{ font-size: 15px; }
th, td
{
border-width: 1px;
padding: 8px 15px;
font-size: 14px;
}
th span.etiquette
{
font-size: 10px;
padding: 3px 5px;
margin-top: 8px;
}
.colleft, .colright{ width: 340px !important; }
.intext_left{ padding: 0px 20px 10px 0px !important; }
.intext_right{ padding: 0px 0px 10px 20px !important; }
header #nested
{
left: 0px;
top: 51px;
width: 0px;
height: 0px;
}
header #nested .smart-menu
{
position: absolute;
left: 61px;
top: -51px;
width: 60px;
height: 50px;
cursor: pointer;
background: url(//www.diper-dentalperformance.com/wp-content/themes/nobilium/img/menu.png) center center no-repeat;
display: block;
}
header #nested .smart-menu a{ display: none; }
header #nested .firstLevel
{
position: absolute;
left: -340px;
top: 0px;
width: 320px;
height: auto;
padding: 20px 10px;
border-right: 1px solid #b2cee2;
border-bottom: 1px solid #b2cee2;
background: rgba(255, 255, 255, 0.9);
transition: left 600ms ease;
}
header #nested.open .firstLevel{ left: 0px; }
header #nested .firstLevel li
{
height: auto;
float: none;
}
header #nested .firstLevel li a
{
height: auto;
line-height: 120%;
padding: 11px 10px;
background: none !important;
color: #3a4295 !important;
font-size: 14px;
}
header #nested .firstLevel li ul
{
position: relative !important;
left: auto !important;
top: auto !important;
width: auto !important;
background: none !important;
padding: 0px 0px 5px 0px !important;
box-shadow: none !important;
border-top: none !important;
}
header #nested .firstLevel li ul li
{
border-bottom: none !important;
}
header #nested .firstLevel li ul li a
{
position: relative;
text-transform: none;
background: none !important;
color: #3a4295 !important;
padding: 5px 10px 5px 20px;
}
header #nested .firstLevel li ul li a::before, header #nested .firstLevel li ul li a:before
{
content: '';
display: block;
position: absolute;
left: 10px;
top: 11px;
width: 5px;
height: 5px;
background: #3a4295;
font-size: 12px;
}
header .widget
{
height: 50px;
font-size: 12px;
}
header .widgetTelephone
{
width: 129px;
height: 50px;
line-height: 50px;
}
header .widgetTelephone p, header .widgetContact a
{
height: 50px;
line-height: 50px;
}
header .widgetContact{ width: 99px; }
footer .widget
{
width: 190px;
margin: 0px 10px;
}
footer .widgetAdresse{ width: 280px; } #newsList .newsContainer .chapoPicture img, #news #chapo .chapoPicture img
{
margin: 0px 30px 0px 0px;
max-width: 200px;
max-height: 200px;
}
#newsList .newsContainer .linkmore
{
padding: 20px 0px 0px 0px;
}
#newsList .newsContainer .date, #news #chapo .date{ font-size: 11px; }
#pageAccueil .homeContainer{ width: 700px; }
#pageAccueil #homeLogo
{
bottom: 270px;
width: 290px;
height: 90px;
background-size: 248px auto;
}
#pageAccueil #homePageTitle
{
width: 290px;
height: 260px;
}
#pageAccueil #homePageTitle h1
{
margin: 40px 40px 0px 40px;
padding: 0px 0px 30px 0px;
font-size: 28px;
}
#pageAccueil #homePageTitle p
{
font-size: 11px;
margin: 20px 40px 0px 40px;
}
#pageAccueil #homePageSubtitle{ padding-left: 330px; }
#pageAccueil #homeEdito
{
width: 500px;
float: none;
margin: 0px auto;
}
#pageAccueil #homeAssets
{
width: auto;
float: none;
padding-top: 50px;
}
#pageAccueil #homeAssets .homeAsset
{
width: 192px;
min-height: 120px;
margin: 0px 0px 0px 30px;
padding: 40px 0px 0px 30px;
}
#pageAccueil #homeAssets .homeAsset:first-child
{
border-left: none;
margin-left: 0px;
padding-left: 0px;
}
#pageAccueil #homeFigures
{
float: none;
margin: 0px auto;
}
#pageAgreement #homeFigures{ margin: 30px auto; }
#pageAccueil #homeBoxes{ padding: 60px 0px; }
#pageAccueil #homeNews, #pageAccueil #homeContact{ margin-top: 60px; }
#pageAccueil #homeNews{ margin-left: 77px; }
#pageAccueil #homeContact{ margin-right: 77px; }
#pageAccueil #homeMiddle{ height: 380px; }
#pageAccueil #homeMiddle #homeMiddleContainer
{
width: 700px;
line-height: 380px;
margin-left: -350px;
}
#pageAccueil #homeMiddle #homeMiddleTitle h2{ font-size: 32px; }
#homeProducts{ height: auto; }
#homeProducts #homeProductsTitle
{
position: relative;
right: auto;
top: auto !important;
width: auto;
margin-bottom: 30px;
}
#homeProducts #homeProductsTitle h2
{
font-size: 32px;
padding-right: 0px;
text-align: center;
}
#homeProducts  #homeProductsTitle::after, #homeProducts  #homeProductsTitle:after{ display: none; }
#homeProducts  #homeProductsChart
{
position: relative;
left: auto;
top: auto !important;
width: 700px;
}
#homeProducts  #homeProductsTabs{ width: 250px; }
#homeProducts .homeProductsTab{ width: 250px !important; }
#homeProducts  #homeProductsDetails
{
position: relative;
right: auto;
top: auto !important;
width: auto;
height: auto;
}
#homeProducts .homeProductsDetail
{
position: relative;
right: auto;
top: auto;
width: auto;
height: auto;
min-height: 140px;
text-align: center;
padding: 30px 0px 30px 0px;
}
#homeProducts  #homeProductsDetails .linkmore
{
position: relative;
left: auto;
bottom: auto;
text-align: center;
}
#pageAccueil #homeSkills #homeSkillsList	{ margin: 0px -15px; }
#pageAccueil #homeSkills .homeSkill
{
margin: 20px 15px;
width: 286px;
}
}
@media only screen and (max-width: 480px)
{
body{ font-size: 14px; }
#page{ min-width: 320px; }
header{ height: 50px; }
header #headerInner{ height: 50px; }
header #logo
{
width: 90px;
height: 50px;
background-size: 60px;
}
header #headerBoxes
{
width: 210px;
height: 50px;
}
#chapterPicture .flex-direction-nav a
{
width: 30px;
height: 30px;
margin: -15px 0px 0px 0px;
}
#wrapperInner
{
width: 300px;
padding: 40px 0px 40px 0px;
}
footer #footerInner
{
width: 300px;
font-size: 11px;
background-position: center top;
}
footer #signature{ width: 300px; }
h1
{
font-size: 32px;
margin: 20px 0px 60px 0px;
}
h2
{
font-size: 24px;
margin: 40px 0px 25px 0px;
}
h3
{
font-size: 20px;
margin: 35px 0px 25px 0px;
}
h4
{
font-size: 18px;
margin: 20px 0px 20px 0px;
}
h5
{
font-size: 16px;
margin: 25px 0px 20px 0px;
}
h6
{
font-size: 14px;
margin: 20px 0px 20px 0px;
}
th, td
{
border-width: 1px;
padding: 5px 2px;
font-size: 8px;
}
th span.etiquette
{
font-size: 7px;
padding: 3px 0px;
margin-top: 6px;
}
.linkmore a
{
font-size: 13px;
border-radius: 19px;
padding: 10px 40px;
}
.ligneElement{ margin: 0px; }
.colleft, .colright, .posLeft, .posRight
{
width: auto !important;
float: none !important;
clear: both;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
}
.intext_left, .intext_right
{
float: none !important;
margin: 10px 0px;
padding: 0px !important;
text-align: center;
}
header #nested
{
left: 0px;
top: 51px;
width: 0px;
height: auto;
}
header #nested .smart-menu
{
position: absolute;
left: 95px;
top: -51px;
width: 50px;
height: 50px;
cursor: pointer;
background: url(//www.diper-dentalperformance.com/wp-content/themes/nobilium/img/menu.png) center center no-repeat;
display: block;
}
header #nested .smart-menu a{ display: none; }
header #nested .firstLevel
{
position: absolute;
left: -340px;
top: 0px;
width: 320px;
height: auto;
padding: 20px 10px;
border-right: 1px solid #b2cee2;
border-bottom: 1px solid #b2cee2;
background: rgba(255, 255, 255, 0.9);
transition: left 600ms ease;
}
header #nested.open .firstLevel{ left: 0px; }
header #nested .firstLevel li
{
height: auto;
float: none;
}
header #nested .firstLevel li a
{
height: auto;
line-height: 120%;
padding: 11px 10px;
background: none !important;
color: #3a4295 !important;
font-size: 14px;
}
header #nested .firstLevel li ul
{
position: relative !important;
left: auto !important;
top: auto !important;
width: auto !important;
background: none !important;
padding: 0px 0px 5px 0px !important;
box-shadow: none !important;
border-top: none !important;
}
header #nested .firstLevel li ul li
{
border-bottom: none !important;
}
header #nested .firstLevel li ul li a
{
position: relative;
text-transform: none;
background: none !important;
color: #3a4295 !important;
padding: 5px 10px 5px 20px;
}
header #nested .firstLevel li ul li a::before, header #nested .firstLevel li ul li a:before
{
content: '';
display: block;
position: absolute;
left: 10px;
top: 11px;
width: 5px;
height: 5px;
background: #3a4295;
font-size: 12px;
}
header .widget
{
height: 50px;
font-size: 12px;
}
header .widgetTelephone
{
width: 119px;
height: 50px;
line-height: 50px;
}
header .widgetTelephone p, header .widgetContact a
{
height: 50px;
line-height: 50px;
}
header .widgetContact{ width: 89px; }
footer .widget
{
width: auto !important;
float: none !important;
margin: 0px !important;
text-align: center;
}
#newsList .newsContainer .chapoPicture img
{
margin: 0px 20px 0px 0px;
max-width: 100px;
max-height: 100px;
}
#newsList .newsContainer .linkmore
{
clear: both;
padding: 10px 0px 0px 0px;
}
#pageAccueil .homeContainer{ width: 300px; }
#pageAccueil #homeLogo
{
top: -70px;
bottom: auto;
width: 300px;
height: 90px;
background-size: 155px auto;
}
#pageAccueil #homePageTitle
{
top: 20px;
bottom: auto;
width: 300px;
height: 260px;
}
#pageAccueil #homePageTitle h1
{
margin: 40px 40px 0px 40px;
padding: 0px 0px 30px 0px;
font-size: 28px;
}
#pageAccueil #homePageTitle p
{
font-size: 11px;
margin: 20px 40px 0px 40px;
}
#pageAccueil #homePageSubtitle
{
padding-left: 0px;
padding-top: 310px;
text-align: center;
}
#pageAccueil #homePresentation{ padding: 50px 0px 0px 0px; }
#pageAccueil #homeEdito
{
width: auto;
float: none;
}
#pageAccueil #homeEdito .description{ text-align: center; }
#pageAccueil #homeEdito .picture
{
float: none;
margin: 0px auto 20px auto;
}
#pageAccueil #homeEdito .linkmore{ text-align: center; }
#pageAccueil #homeAssets
{
width: auto;
float: none;
padding: 40px 0px 0px 0px;
}
#pageAccueil #homeAssets .homeAsset
{
width: auto;
min-height: 0px;
border-left: none;
background-position: 0px 5px;
float: none;
margin: 20px 0px 20px 0px;
padding: 0px 0px 0px 50px;
}
#pageAccueil #homeBoxes{ padding: 40px 0px 60px 0px; }
#homeFigures
{
width: auto;
height: 220px;
background-size: auto 120px, 100% auto;
}
#pageAccueil #homeFigures{ float: none; }
#pageAgreement #homeFigures{ margin: 30px auto; }
#homeFigures h2
{
width: 280px;
height: 54px;
line-height: 54px;
margin: 34px auto 32px auto;
font-size: 16px;
}
#homeFigures ul{ padding: 20px 0px; }
#homeFigures li
{
max-width: 100px;
height: 60px;
font-size: 10px;
}
#homeFigures li#homeFigure2, #homeFigures li#homeFigure3
{
margin-left: 10px;
padding-left: 15px;
}
#homeFigures li span{ font-size: 28px; }
#pageAccueil #homeNews
{
float: none;
width: auto;
margin: 30px auto;
}
#pageAccueil #homeContact
{
float: none;
width: auto;
height: auto;
background: #3a4295;
background: linear-gradient(to right, #272f7f, #3a4295);
padding: 40px 0px 40px 0px;
}
#pageAccueil #homeContact h2
{
font-size: 22px;
}
#pageAccueil #homeContact a
{
width: 186px;
height: 34px;
line-height: 34px;
font-size: 14px;
border-radius: 19px;
}
#pageAccueil #homeMiddle
{
height: 300px;
}
#pageAccueil #homeMiddle #homeMiddleContainer
{
width: 300px;
line-height: 300px;
margin-left: -150px;
}
#pageAccueil #homeMiddle #homeMiddleTitle h2
{
font-size: 22px;
margin: 10px 0px;
}
#homeProducts{ height: auto; }
#pageAccueil #homeProducts{ padding: 60px 0px; }
#pageChassis  #homeProducts{ margin: 30px 0px; }
#homeProducts  #homeProductsTitle
{
position: relative;
right: auto;
top: auto !important;
width: auto;
margin-bottom: 30px;
}
#homeProducts  #homeProductsTitle h2
{
font-size: 28px;
padding-right: 0px;
text-align: center;
}
#homeProducts  #homeProductsTitle::after, #homeProducts  #homeProductsTitle:after{ display: none; }
#homeProducts  #homeProductsChart
{
position: relative;
left: auto;
top: auto !important;
width: 300px;
height: 400px;
}
#homeProducts  #homeProductsTabs
{
top: auto;
width: 300px;
height: 100px;
}
#homeProducts .homeProductsTab
{
width: 100px !important;
height: 59px;
line-height: 59px;
top: auto !important;
bottom: 0px;
transform: rotate(-90deg);
transform-origin: 0% 100%;
font-size: 12px;
}
#homeProducts #homeProductsTab1{ left: 59px; }
#homeProducts #homeProductsTab2{ left: 119px; }
#homeProducts #homeProductsTab3{ left: 180px; height: 60px; }
#homeProducts #homeProductsTab4{ left: 240px; }
#homeProducts #homeProductsTab5{ left: 300px; }
#homeProducts  #homeProductsPictures
{
bottom: auto;
width: 300px;
height: 300px;
}
#homeProducts .homeProductsPicture .picture span
{
bottom: 40px;
font-size: 12px;
letter-spacing: 0.4px;
}
#homeProducts  #homeProductsDetails
{
position: relative;
right: auto;
top: auto !important;
width: auto;
height: auto;
}
#homeProducts .homeProductsDetail
{
position: relative;
right: auto;
top: auto;
width: auto;
height: auto;
min-height: 160px;
text-align: center;
padding: 30px 0px 30px 0px;
}
#homeProducts  #homeProductsDetails .linkmore
{
position: relative;
left: auto;
bottom: auto;
text-align: center;
}
#pageAccueil #homeSkills h2{ margin: 35px 0px 20px 0px; }
#pageAccueil #homeSkills #homeSkillsList{ margin: 0px 0px; }
#pageAccueil #homeSkills .homeSkill
{
display: block;
margin: 20px 0px;
width: auto;
overflow: hidden;
}
#pageAccueil #homeSkills .homeSkill h3
{
margin: 5px 0px 5px 0px;
font-size: 16px;
}
#pageAccueil #homeSkills .homeSkill .text
{
font-size: 12px;
line-height: 140%;
}
}
@media (max-width: 360px) {
header .widgetTelephone {
width: 100px;
}
}
@media (max-width: 340px) {
header .widgetTelephone {
display: none;
}
}
.wp-block-columns h2 {
margin-top: 20px;
}