@charset "UTF-8";
/* CSS Document */
 body, html {
            width: 100%;
            height: 100%;
        }

        * {
            padding: 0;
            margin: 0;
        }

iframe { width: 90%;height: 800px;display:block;border: none;margin-left:auto;margin-right:auto}

html {margin:0;padding:0;height:100%;}
body {
font-family: 'Source Sans Pro', sans-serif;
font-size:100%;
line-height:1.5em;
font-weight:300;
background: url(images/bg2.jpg);
background-attachment: fixed;
background-position: center middle;
background-size: 100%;
background-repeat:no-repeat;
color:#090909;
margin:0;}
p {font-size: 1.1em;line-height:1.6em;margin-bottom:15px;}
strong {font-weight:700;}
#container {z-index:1;text-align:center;position:relative;width:100%;height:auto;margin:0px}
#header img {width:auto;height:auto}
#header {z-index:2;text-align:center;display:block;width:100%;position:relative;margin-top:13%;margin-bottom:7%}
#introblock p {color:#ffffff; font-size: 1.8em;line-height:1.8em; margin-bottom:0px}
#introblockcontainer {z-index:3;display:block;text-align:center;width:100%;position:relative;background-color:rgba(0, 0, 0, 0.7);margin-bottom:0px}
#introblock {z-index:400;text-align:center;display:block;position:relative;width:auto;padding:4%;margin-top:4%;margin-left:auto;margin-right:auto;}
#contentcontainer {z-index:5;position:relative;text-align:center;width:100%;height:auto;margin-top:0px;margin-bottom:0px;}
#contentinner {display:block;position:relative;width:auto;height:auto;margin-left:auto;margin-right:auto;text-align:center}
#contentinner img {margin-top:3%;margin-bottom:3% position:relative;border:none;text-align:center}
#footer {background-color:rgba(0, 0, 0, 0.4);width:100%;height:auto;position:relative}

#diamondplate {position:relative;width:100%;background: url(images/diamond-plate.jpg); background-attachment: center; background-position: 50% 50%; background-size: cover}

.closebuttom {position:top:25%;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
a:hover {cursor:pointer;}


/* covid19 message */

@keyframes ticker {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-100%, 0, 0); }
  }
  .tcontainer{
    width: 100%;
    overflow: hidden;
  }
  .ticker-wrap {
    width: 100%;
    padding-left: 100%;
    background-color: rgba(180, 4, 4, 0.6);
	padding-top: 15px;
	padding-bottom: 15px
  }
  .ticker-move {
    display: inline-block;
    white-space: nowrap;
    padding-right: 100%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: ticker;
    animation-duration: 40s;
  }
  .ticker-move:hover{
    animation-play-state: paused;
  }
  .ticker-item{
    display: inline-block;
    padding: 0 2rem;
	font-size: 1.5em;
	font-weight: 600;
	color: #ffffff;
  }
  .ticker-item a {color:#CCC}

/* End covid19 message */

@media only screen and (min-width : 110px) and (max-width : 319px) {
#header img {width:300px; height:auto}
#footerinner {text-align:center;display:table;position:relative;width:300px;height:auto;margin-left:auto;margin-right:auto;padding-top:3%}
#map {position:relative;display:block;width:300px;text-align:left;color:#ffffff;margin-bottom:5%; margin-left:auto;margin-right:auto}
#batisse {position:relative;display:block;width:300px;text-align:left;color:#ffffff;margin-bottom:5%; margin-left:auto;margin-right:auto}
#address {position:relative;display:block;width:300px;text-align:left;color:#ffffff;margin-bottom:5%; margin-left:auto;margin-right:auto}
.iconbox {display:table;text-align:center;height:auto;width:auto;position:relative;margin-left:auto;margin-right:auto}
.outericonbox {display:table;width:100%;margin-left:auto;margin-right:auto}	
.imagecontainer {position:relative;display:block;width:100%;text-align:center;margin-left:auto;margin-right:auto;margin-top:6%;margin-bottom:6%}
}

@media only screen and (min-width: 320px) and (max-width : 419px) {
#header img {width:300px; height:auto}
#footerinner {text-align:center;display:table;position:relative;width:320px;height:auto;margin-left:auto;margin-right:auto;padding-top:3%}
#map {position:relative;display:block;width:300px;text-align:left;color:#ffffff;margin-bottom:5%; margin-left:auto;margin-right:auto}
#batisse {position:relative;display:block;width:300px;text-align:left;color:#ffffff;margin-bottom:5%; margin-left:auto;margin-right:auto}
#address {position:relative;display:block;width:300px;text-align:left;color:#ffffff;margin-bottom:5%; margin-left:auto;margin-right:auto}
.iconbox {display:table;text-align:center;height:auto;width:auto;position:relative;margin-left:auto;margin-right:auto}
.outericonbox {display:table;width:100%;margin-left:auto;margin-right:auto}	
.imagecontainer {position:relative;display:block;width:100%;text-align:center;margin-left:auto;margin-right:auto;margin-top:6%;margin-bottom:6%}
}

@media only screen and (min-width: 420px) and (max-width : 519px) {
#header img {width:300px; height:auto}
#footerinner {text-align:center;display:table;position:relative;width:355px;height:auto;margin-left:auto;margin-right:auto;padding-top:3%}
#map {position:relative;display:block;width:300px;text-align:left;color:#ffffff;margin-bottom:5%; margin-left:auto;margin-right:auto}
#batisse {position:relative;display:block;width:300px;text-align:left;color:#ffffff;margin-bottom:5%; margin-left:auto;margin-right:auto}
#address {position:relative;display:block;width:300px;text-align:left;color:#ffffff;margin-bottom:5%; margin-left:auto;margin-right:auto}
.iconbox {display:table;text-align:center;height:auto;width:auto;position:relative;margin-left:auto;margin-right:auto}
.outericonbox {display:table;width:100%;margin-left:auto;margin-right:auto}	
.imagecontainer {position:relative;display:block;width:100%;text-align:center;margin-left:auto;margin-right:auto;margin-top:6%;margin-bottom:6%}
}
@media only screen and (min-width: 520px) and (max-width : 619px) {
#header img {width:400px; height:auto}
#footerinner {text-align:center;display:table;position:relative;width:355px;height:auto;margin-left:auto;margin-right:auto;padding-top:3%}
#map {position:relative;display:block;width:300px;text-align:left;color:#ffffff;margin-bottom:5%; margin-left:auto;margin-right:auto}
#batisse {position:relative;display:block;width:300px;text-align:left;color:#ffffff;margin-bottom:5%; margin-left:auto;margin-right:auto}
#address {position:relative;display:block;width:300px;text-align:left;color:#ffffff;margin-bottom:5%; margin-left:auto;margin-right:auto}
.iconbox {display:table;text-align:center;height:auto;width:auto;position:relative;float:left;margin-left:auto;margin-right:auto}
.outericonbox {display:table;width:520px;margin-left:auto;margin-right:auto}
.imagecontainer {position:relative;display:block;width:100%;float:left;text-align:center;margin-top:6%;margin-bottom:6%}

}
@media only screen and (min-width: 619px) and (max-width : 760px) {
#header img {width:550px; height:auto}
#footerinner {text-align:center;display:table;position:relative;width:355px;height:auto;margin-left:auto;margin-right:auto;padding-top:3%}
#map {position:relative;display:block;width:300px;text-align:left;color:#ffffff;margin-bottom:5%; margin-left:auto;margin-right:auto}
#batisse {position:relative;display:block;width:300px;text-align:left;color:#ffffff;margin-bottom:5%; margin-left:auto;margin-right:auto}
#address {position:relative;display:block;width:300px;text-align:left;color:#ffffff;margin-bottom:5%; margin-left:auto;margin-right:auto}
.iconbox {display:table;text-align:center;height:auto;width:450px;position:relative;float:left;margin:0px}
.outericonbox {display:table;width:452px;margin-left:auto;margin-right:auto}
.imagecontainer {position:relative;display:block;width:224px;float:left;text-align:center;margin-top:6%;margin-bottom:6%}
}
@media only screen and (min-width: 760px) and (max-width : 1080px) {
#header img {width:800px; height:auto}
#footerinner {text-align:center;display:table;position:relative;width:auto;height:auto;margin-left:auto;margin-right:auto;padding-top:3%}
#address {position:relative;float:left;display:block;width:300px;text-align:left;color:#ffffff;margin-bottom:5%}
#map {position:relative;float:left;display:block;width:300px;text-align:right;color:#ffffff;margin-bottom:5%}
#batisse {position:relative;float:left;display:block;width:300px;text-align:right;color:#ffffff;margin-bottom:5%}
.iconbox {display:table;text-align:center;height:auto;width:450px;position:relative;float:left;margin:0px}
.outericonbox {display:table;width:452px;margin-left:auto;margin-right:auto}
.imagecontainer {position:relative;display:block;width:224px;float:left;text-align:center;margin-top:6%;margin-bottom:6%}

}
@media only screen and (min-width: 1080px) and (max-width : 1600px) {
#header img {width:1000px; height:auto}
#footerinner {text-align:center;display:table;position:relative;width:auto;height:auto;margin-left:auto;margin-right:auto;padding-top:3%}
#address {position:relative;float:left;display:block;width:300px;text-align:left;color:#ffffff;margin-bottom:5%}
#map {position:relative;float:left;display:block;width:300px;text-align:right;color:#ffffff;margin-bottom:5%}
#batisse {position:relative;float:left;display:block;width:300px;text-align:right;color:#ffffff;margin-bottom:5%}
.iconbox {display:table;text-align:center;height:auto;width:450px;position:relative;float:left;margin:0px}
.outericonbox {display:table;width:902px;margin-left:auto;margin-right:auto}
.imagecontainer {position:relative;display:block;width:224px;float:left;text-align:center;margin-top:6%;margin-bottom:6%}
}
@media only screen and (min-width: 1600px) and (max-width : 5000px) {
#footerinner {text-align:center;display:table;position:relative;width:auto;height:auto;margin-left:auto;margin-right:auto;padding-top:3%}
#address {position:relative;float:left;display:block;width:300px;text-align:left;color:#ffffff;margin-bottom:5%}
#map {position:relative;float:left;display:block;width:300px;text-align:right;color:#ffffff;margin-bottom:5%}
#batisse {position:relative;float:left;display:block;width:300px;text-align:right;color:#ffffff;margin-bottom:5%}
.iconbox {display:table;text-align:center;height:auto;width:450px;position:relative;float:left;margin:0px}
.outericonbox {display:table;width:902px;margin-left:auto;margin-right:auto}
.imagecontainer {position:relative;display:block;width:224px;float:left;text-align:center;margin-top:6%;margin-bottom:6%}
}