@charset "utf-8";
/* CSS Document */
body
{
	margin: 0;
	font-family: 'arial', sans-serif;
	font-size: 15px;
	font-weight: 400;
    color: #353d3e;
    overflow-x: hidden;
    background: #FFF;
}
.container, .firstcontent, .ahalf {
    margin: 0 auto;
    display: block;
    clear: both;
  }
.firstcontent {background: #FFF; padding-top: 40px;}
.header {padding-top: 50px; width: 42%; float: left;}
.imagepuz {width: 55%; height: auto; float: left; display: inline-block; margin-top: 40px; margin-left: 30px; max-width: 750px;}
.firstcontent img {width: 98%; height: auto; margin-left: 5%;}
@font-face {
    font-family: 'helvetica_neue_lt_std37ThCn';
    src: url('helveticaneueltstd-thcn-webfont.woff2') format('woff2'),
url('helveticaneueltstd-thcn-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gothambook';
    src: url('gotham-book-webfont.woff2') format('woff2'),
url('gotham-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham_xnarrowbook';
    src: url('gothamxnarrow-book-webfont.woff2') format('woff2'),
url('gothamxnarrow-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: normal;
src: local('Merriweather'), url('Merriweather-Regular.woff') format('woff');
}
.tier {display: inline-block; width: 33.333%;float: left; padding: 0; margin: 15px 0 0 0;}

a.contactus, a.contactus:visited {text-transform: uppercase; background: #353d3e; border-radius: 10px; text-decoration: none!important; border:solid 1px #353d3e; color: #FFF; cursor: pointer;}
a.contactus, a.contactus:visited {
	margin:27px 0 0 0;
	padding:6px 20px;
}
a.contactus:hover {
	color: #353d3e;
    background: #FFF;
}
hr ~ div.center {padding-bottom: 40px; padding-top: 27px;}
hr {margin-bottom: 40px; margin-top: 40px; padding: 0.1px; color: rgba(000,000,000,0.2);}
.menu-content { height: 54px; margin: 0; padding: 34px 0 0 0; background: #353d3e; position:sticky ; width: 100%; text-align: right; top: 0;}
.logo {margin: -14px 0 22px 8%; padding: 0; float: left;}
.logo img {height:auto; max-width:260px;}
.content, .bluecontent {margin: 0 auto; clear: both;}
.content {padding: 34px 0 50px 0;}
.content.plus {padding-top: 104px;}
.container, .container2 { display: grid; grid-template-columns: 50% 50%; gap: 20px; justify-content: space-evenly;}
.container div { padding: 30px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.31); -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.31); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.31);}
.container div.pourh2 {box-shadow: none!important; grid-column: 1 / span 2; padding-left:0; padding-right:0;}
.container div.seule {margin-bottom: 30px; grid-column: 1 / span 2}
.container2 {margin-top: 40px;}
.container2 div { padding: 30px;}
.container2 div.right, .container2 div.right h1 { text-align: right; padding-right: 0;}
.container2 div.right {padding-top: 22px;}
.container div ul {margin: 0; padding: 12px;}
.container div li {padding: 0 0 10px 14px;}
.container div p {text-align: left; hyphens: auto;}
.container div h3 {padding-top: 0; margin-top: 0px;}
.avecfond { background-color: #faf8f0!important;}

.content li {padding-bottom: 6px;}
.footer {padding: 30px 0 60px 0; margin: 0 auto; color: #FFF; background-color: #353d3e!important;}
.footer a, .footer a:visited { color: #FFF!important; text-decoration: none; }
.footer a:hover {color:#f5f1e0; text-decoration: underline;}
.content {background: url("images/Back.jpg") no-repeat 0% 0%; background-size: cover; clear: both; overflow:hidden;}
.left {float: left;margin-right: 25px; margin-bottom: 10px;}
img.left, img.right {max-width: 30%;}
p {	text-align: left; font-size:100%; line-height: 22px;}
p ~ h5 {margin-top: 40px;}
p a, p a:visited {color: #353d3e;}
p a:hover {text-decoration: none;}
a[href*="tel"]{text-decoration:none;}
a[href*="tel"]:hover {text-decoration:underline;}
h1, h2, h3, h4, h5, h6 {padding:0; margin:0px; text-align: left; color: #31374d;}
h1 {font-size: 340%; line-height: 50px; font-weight: 600; font-family: 'Merriweather'; letter-spacing: 1px;}
h2 {font-size: 225%;font-family: 'Merriweather'; letter-spacing: 1px; font-weight: 800; display: table; width: 100%;color: #31374d;}
.hline {display: table-cell; width: 100%; padding-left: 20px; border: none;} 
.hline:after {content: ''; border-top: 1px solid  #31374d; width: 100%; display: inline-block; vertical-align: middle;}
h3 {font-size: 150%; margin-top: 15px; line-height: 30px;padding-top: 15px; font-family: 'Merriweather'; letter-spacing: 1px; font-weight: 800;}
h2 ~ h3:first-of-type {margin-top: 0px;}
h3 ~ img {margin-top: -40px;}
h4 {font-size: 125%; line-height: 30px;}
h4 a {color: #31374d; text-decoration: none; font-weight: 500;}
h4 a:hover {text-decoration: underline;}
h5 {font-size:120%; font-weight: normal;line-height: 30px; padding: 0 25px;text-align: center;}
.center {text-align:center!important;}
.alldemi > div, .allsixth > div, .allfifth > div, .athirdtwothird { margin: 30px 0 0 0; padding: 0;}
.alldemi p {line-height: 30px; margin-top: 10px;}
.clear {clear:both;}
.noshadow {box-shadow: none!important;}
#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 60px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #353d59; /* Set a background color */
  color: #FFF; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 16px; /* Increase font size */
box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.5);
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}
#myBtn:hover {
  background-color: #ddd6b7; /* Add a dark-grey background on hover */
color: #353d59; /* Text color */
}
.column {
-moz-column-count: 2; /* For FireFox */
-webkit-column-count: 2; /* For Safari/Chrome */
column-count: 2; /* For when the standard gets fully supported */
}
@media (min-width:1630px) {
.header {width: 43%;}
}
@media (max-width:1630px) {
.header {width: 40%;}
}
@media (min-width: 1098px) {
.p7PM3-14 {font-size: 1.1em;}
}
@media (max-width:1098px) {
.logo img {max-width: 200px;}
.p7PM3-14 {font-size: 1em; }
}

@media (min-width:939px) {
.firstcontent { padding-bottom: 56px;}
.onlysmall { display: none; visibility: hidden;}
.container, .firstcontent, .ahalf { padding: 0 8%;}
}
@media (max-width:939px) {
.onlylarge { display: none; visibility: hidden;}
.firstcontent { padding-bottom: 32px;}
.firstcontent img {margin-bottom: 10px;}
.container { padding: 0 5% 0 2%;}
.firstcontent, .ahalf { padding: 0 2%;}
}
@media (min-width:746px) and (max-width: 976px) {
.logo img {max-width: 160px;}
.logo {margin: -18px auto 12px auto; text-align: center;  width: 100%;}
.p7PM3-14.menu-right { text-align: center!important;}
.p7PM3-14.horiz {padding: 0px 0px 16px 0!important;}
.menu-content {height: 54px;}
.p7PM3-14 {margin-right: 0!important;}
}
@media (min-width:861px) {
.onsmall {display:none; visibility:hidden;} 
}
@media (max-width:861px) {
.offsmall {display:none; visibility:hidden;}  
}
@media (max-width: 720px) {
.container div { grid-column: 1 / span 2;}
.container2 { grid-template-columns: 39% 56%;}
}
@media (max-width: 746px) {
.logo { margin: -36px 0 0 4%; text-align: left!important; width: auto;}
.p7PM3-14.responsive .pmm3-toolbar {margin-top: 0;}
.menu-content { padding: 24px 0 0 0;}
}
@media (min-width:699px) {
h1 {30px 0 20px 0;}
.firstcontent img {margin-left: 0; width: 98%;}
.firstcontent {padding-bottom: 60px;}
}
@media (max-width: 699px) {
.header, .imagepuz {width: auto;}
.header {padding-top: 0; padding-bottom: 30px;}
.imagepuz {float: none; display: block;}
.firstcontent {padding-top: 40px; padding-bottom: 50px!important;}
.firstcontent img {margin-left: 0; width: 99%;}
h2 {font-size: 170%; line-height: 30px;}
}
@media (max-width: 530px) {
.container2 div { grid-column: 1 / span 2; padding-bottom: 0;}
.container2 div.right h1 {text-align: left;}
.container2 div.right {margin-bottom: -30px!important;}
#Contact .container2 {margin-top: 0!important;}
#Contact .container2 div {padding-top: 0!important;}
 div.center {padding-top: 10px; font-size: 80%;}
}
@media (min-width:481px) {
.cellpoff {display: block; visibility: visible;}
.cellpoon {display: none; visibility: hidden;}
}
@media (max-width:481px) {
.cellpoon {display: block; visibility: visible;}
.cellpoff {display: none; visibility: hidden;}
}
@media (max-width: 384px) {
h1 {font-size: 240%; line-height: 38px;}
.firstcontent {padding-bottom: 10px;}
.content {padding: 0 8% 1px 8%;}
.content h2 {margin-top: 30px;}
}